@charset "utf-8";#c2{background-color:none}.textBox2{right:10px;top:250px;width:450px;height:auto;opacity:0;transform:translateY(75px);z-index:50;padding:10px;transition-property:opacity,transform;transition-duration:1300ms,1300ms;transition-timing-function:ease-out,ease-out;transition-delay:0s}
.textBox2 h1{margin:10px 0 50px 20px}.spce{margin-left:25px}.textBox2.on{opacity:1;transform:translateY(-75px);transition-property:opacity,transform;transition-duration:900ms,900ms;transition-timing-function:ease-out,ease-out;transition-delay:1s,1s}
#Lay{z-index:500;position:absolute;width:340px;height:70px;top:100px;left:380px}#Layer_1 svg{z-index:500;position:absolute;width:340px;height:70px;top:500px;left:380px}
svg .cls-1{fill:none;stroke:#000;stroke-width:2px;stroke-dasharray:375;stroke-dashoffset:375;-webkit-animation:line 2s ease-in-out forwards 3s;animation:line 2s ease-in-out forwards 3s;background-color:#000}
@-webkit-keyframes line{to{stroke-dashoffset:0}}
@keyframes line{to{stroke-dashoffset:0}}#popinVid{position:absolute;z-index:500;width:800px}
.popinScal{position:absolute;top:175px;transform:scale(.5);transform-origin:right bottom;z-index:500;width:400px;height:400px;opacity:0;transition-property:opacity,transform;transition-duration:300ms,300ms;transition-timing-function:ease-out,ease-in-out;transition-delay:0s,0s}
.popinScal.on{opacity:1;transform:scale(1);transition-property:opacity,transform;transition-duration:1200ms,1200ms;transition-timing-function:cubic-bezier(.1,.69),cubic-bezier(.1,.69);transition-delay:400ms,400ms}
.float{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite}@-webkit-keyframes float{0%{transform:translateY(0)}
50%{transform:translateY(20px)}100%{transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}
50%{transform:translateY(20px)}100%{transform:translateY(0)}}#scroller{position:absolute;z-index:500;margin:0;padding:0;box-sizing:border-box;top:50%;left:50%;width:auto;height:auto;opacity:0;filter:blur(10px);transform:translateX(-80%) translateY(-60%) translateZ(-500px);transition:all 1s ease-in-out}
#scroller.ChrtOn{transform:translateX(-80%) translateY(-60%) translateZ(-500px);filter:blur(0);opacity:1}
.center{position:relative;width:700px;left:70px;top:40px;perspective:1200px}.center .img-card{position:relative;height:575px;width:900px;transform-style:preserve-3d;transition:transform .5s ease-in}
.img-card img{position:absolute;height:100%;width:100%;-o-object-fit:contain;object-fit:contain;background-color:#fff}
.pic1{position:absolute;transform:rotateX(-270deg) translateY(-287px);transform-origin:top left;background:url(/images/gas/010521BB.jpg);background-attachment:fixed;background-position:center;height:100%;width:100%;background-size:contain}
.pic2{position:absolute;transform:translateZ(287px);transform-origin:bottom center;background:url(/images/gas/010521C.jpg);background-attachment:fixed;background-position:center;height:100%;width:100%;background-size:contain;-o-object-fit:contain;object-fit:contain}
.pic3{position:absolute;transform:rotateX(-90deg) translateY(290px);transform-origin:bottom center;background:url(/images/gas/010521A.jpg);background-size:contain;height:100%;width:100%}
.pic3a{z-index:100;position:absolute;transform:rotateX(-90deg) translateY(290px);transform-origin:bottom center;background:url(/images/gas/Gas_1_A.png);background-size:contain;height:100%;width:100%;opacity:0;transition:all 600ms ease 0ms}
.pic3a.cmntOn{transition:all 600ms ease 1800ms;filter:drop-shadow(4px 4px 4px #718397);opacity:1}
.cht3Text{position:absolute;left:320px;top:100px;width:100%;height:auto}.cht3Text p{font-size:1.5em}
.pic4{position:absolute;transform:rotateX(-180deg) translateY(575px) translateZ(287px);transform-origin:bottom right;background:url(/images/gas/010521D.jpg);background-attachment:fixed;background-position:center;background-color:#582b2b;height:100%;width:100%;background-size:contain}
#tab-1:checked ~ .img-card{transform:rotateX(90deg)}#tab-2:checked ~ .img-card{transform:rotateX(0)}
#tab-3:checked ~ .img-card{transform:rotateX(-90deg)}#tab-4:checked ~ .img-card{transform:rotateX(-180deg)}
#scroller-link{z-index:5000;position:absolute;margin:0;padding:0;box-sizing:border-box;top:15%;left:50%;width:110px;height:98px;border-radius:5px;overflow:hidden;transition-property:opacity,transform;transition-duration:1s;transition-timing-function:ease-in-out;transition-delay:1s,0;opacity:0;background:linear-gradient(145deg,#e6e6e6,#fff);box-shadow:10px 10px 30px #d9d9d9,-10px -10px 30px #fff}
#scroller-link.on{opacity:1}#scroller-link.exp{height:410px;overflow:visible;transform:translateX(575px)}
#x-but{position:absolute;top:-45px;right:5px;width:25px;height:25px;background:url(/images/x-button.png);background-size:cover;cursor:pointer;opacity:0;transition:opacity 1200ms ease 0ms}
#x-but.onx{opacity:1}.sliders{position:absolute;display:block}#labelText{position:absolute;width:100%;height:100%}
.sliders label{height:98px;width:100%;display:flex;overflow:hidden;cursor:pointer;margin:6px 0;border:2px solid rgba(120,159,206,0.2);border-radius:5px;transform:translateX(70px);filter:blur(1);opacity:0;transition:1s 1s}
.sliders label:nth-child(1){margin-top:0;transform:translateX(0);filter:blur(0);opacity:1}
.sliders label:nth-child(2).slideIn{transform:translateX(0);filter:blur(0);opacity:1}
.sliders label:nth-child(3).slideIn{transform:translateX(0);filter:blur(0);opacity:1}
.sliders label:nth-child(4).slideIn{transform:translateX(0);filter:blur(0);opacity:1}
label img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(1);opacity:.2}
label img:hover{filter:grayscale(0);opacity:1}.imgText{display:flex;justify-content:center;align-items:center;width:100%;height:100%;pointer-events:none;position:absolute;padding:1em;text-align:center;opacity:.9;font-family:'Michroma',sans-serif;font-size:.8em}
.imgText.hov{filter:grayscale(0);opacity:.5}#particles-js{position:absolute;left:0;margin:0;padding:0;top:300vh;opacity:0;height:150vh;width:100vw;z-index:-550;transition:opacity,1000ms,ease-in-out,2s}
#particles-js.on{opacity:1}.textBox3{right:10px;top:250px;width:450px;height:auto;opacity:0;transform:translateY(75px);z-index:50;padding:10px;transition-property:opacity,transform;transition-duration:1300ms,1300ms;transition-timing-function:ease-out,ease-out;transition-delay:0s}
.textBox3.on{opacity:1;transform:translateY(-75px);transition-property:opacity,transform;transition-duration:900ms,900ms;transition-timing-function:ease-out,ease-out;transition-delay:1s,1s}
#Graph_Absorb{position:absolute;top:250px;left:0;z-index:-10;width:643px;height:482px;opacity:0;transform:translate(-160px,-120px) scale(.5);transition-property:opacity,transform;transition-duration:300ms,300ms;transition-timing-function:ease,ease;transition-delay:0,0}
#Graph_Absorb.on{transform:translate(-160px,-120px) scale(.5);transition-property:opacity,transform;transition-duration:1500ms,3000ms;transition-timing-function:ease-out,ease-out;transition-delay:1s,0s;opacity:1;transform:translate(0,0) scale(1);-webkit-animation:floatIn 15s ease-in-out infinite 3s;animation:floatIn 15s ease-in-out infinite 3s}
@-webkit-keyframes floatIn{0%{transform:translate(0,0) scale(1)}50%{transform:translate(100px,50px) scale(1.2)}
100%{transform:translate(0,0) scale(1)}}
@keyframes floatIn{0%{transform:translate(0,0) scale(1)}50%{transform:translate(100px,50px) scale(1.2)}
100%{transform:translate(0,0) scale(1)}}#Graph_Line{position:absolute;top:450px;left:0;z-index:-10;width:712px;height:540px;opacity:0;transition:opacity 500ms ease-in 0s}
#Graph_Line.on{opacity:1;transform:translateY(0);transition:opacity 1000ms ease-out 1000ms}
.textBox3 h3{margin-left:32px}.textBox3{right:10px;top:250px;width:450px;height:auto;opacity:0;transform:translateY(75px);z-index:50;padding:10px;transition-property:opacity,transform;transition-duration:1300ms,1300ms;transition-timing-function:ease-out,ease-out;transition-delay:0s}
.textBox3.on{opacity:1;transform:translateY(-75px);transition-property:opacity,transform;transition-duration:900ms,900ms;transition-timing-function:ease-out,ease-out;transition-delay:1s,1s}
.sphear_temp{z-index:1;perspective-origin:center;bottom:550px;margin:auto;position:absolute;height:1080px;width:1920px;transform-style:preserve-3d;transform-origin:center;opacity:.5;filter:grayscale(10);transition-property:opacity,transform;transition-duration:2.5s,2.5s;transition-timing-function:ease,ease-in-out;transition-delay:0,0;transform:translateZ(-1500px) translate(0,950px) rotateY(0);background-color:cadetblue}
.sphear{z-index:5000;perspective-origin:center;bottom:550px;left:0;position:absolute;height:300px;width:1250px;background-repeat:no-repeat;background-size:contain;background-image:url(../images/satalite.gif);transform-style:preserve-3d;opacity:0;filter:brightness(2);transition-property:opacity,transform;transition-duration:2.5s,2.5s;transition-timing-function:ease,ease-in-out;transition-delay:0,0;transform:translateZ(-1500px) translate(0,950px) rotateY(0)}
.sphear.on{opacity:.2;transform:translateZ(-1000px) translate(0,700px) rotateY(0)}
.sphear.on1{opacity:.4;transform:translateZ(-500px) translate(0,580px) rotateY(0)}
.sphear.on2{opacity:.6;transform:translateZ(-100px) translate(0,580px) rotateY(0);transition-duration:4s,4s;transition-timing-function:cubic-bezier(.09,.65,.34,.95)}
.backWrap{z-index:10000;position:fixed;left:50%;bottom:0;width:1400px;height:5vh;transform:translateX(-50%);perspective:1000px;perspective-origin:center}
.backWrap.off{display:none}.box-area{position:absolute;top:-15%;left:0;width:100%;height:120%;overflow:hidden;opacity:0;transition-property:opacity;transition-duration:1s;transition-timing-function:ease;transition-delay:1s}
.box-area.on{opacity:1}.box-area li{position:absolute;display:block;list-style:none;width:25px;height:25px;background:rgba(43,53,95,0.082);-webkit-animation:animate 20s linear infinite;animation:animate 20s linear infinite;bottom:-150px}
.box-area li:nth-child(1){left:86%;width:80px;height:80px;-webkit-animation-delay:0s;animation-delay:0s}
.box-area li:nth-child(2){left:12%;width:30px;height:30px;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-duration:10s;animation-duration:10s}
.box-area li:nth-child(3){left:70%;width:100px;height:100px;-webkit-animation-delay:5.5s;animation-delay:5.5s}
.box-area li:nth-child(4){left:42%;width:150px;height:150px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:15s;animation-duration:15s}
.box-area li:nth-child(5){left:65%;width:40px;height:40px;-webkit-animation-delay:0s;animation-delay:0s}
.box-area li:nth-child(6){left:15%;width:110px;height:110px;-webkit-animation-delay:3.5s;animation-delay:3.5s}
@-webkit-keyframes animate{0%{transform:translateY(-1250px) rotate(0);opacity:0}
80%{opacity:1}100%{transform:translateY(-200px) rotate(360deg);opacity:0}}
@keyframes animate{0%{transform:translateY(-1250px) rotate(0);opacity:0}
80%{opacity:1}100%{transform:translateY(-200px) rotate(360deg);opacity:0}}.octoRetreat{transform-style:preserve-3d;transform:translateZ(-100px) rotateY(20deg);transform-origin:left;transition-property:transform;transition-duration:3000ms;transition-timing-function:ease;transition-delay:0s}
.octoRetreat.on{transform:translateZ(0) rotateY(0)}#Octogrid{z-index:100;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;opacity:0;filter:blur(5px);transition:opacity,1000ms,ease-in-out,1s}
#Octogrid.on{transition:opacity,1000ms,ease-in-out,2s;opacity:.4;filter:blur(0)}.flux{display:flex;flex-direction:column;justify-content:space-around;flex-wrap:wrap}
.SVGhldr{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:bottom;width:100%;height:auto;transform-style:preserve-3d;transform:perspective(1000px)}
#nodez{z-index:5000;position:relative;opacity:1;margin:auto;height:220px;width:260px;perspective:2000px;perspective-origin:left;transform:translate3d(0,0,0);transition:transform 1s ease 200ms}
#nodez.hov{transform:translate3d(50px,-50px,20px);opacity:.9}#nodezShad{z-index:4000;position:absolute;opacity:.2;filter:blur(5px);left:20px;transform:translateZ(-100px) rotateY(-20deg) scale(1.1,1);width:280px}
#graphz{z-index:5000;position:relative;opacity:.8;transform:translate3d(0,0,50px);margin:auto;height:220px;width:280px;transition:transform 1s ease 200ms}
#graphz.hov{transform:translate3d(0,-50px,70px);opacity:.9}#graphzShad{z-index:4000;position:absolute;opacity:.2;filter:blur(7px);height:220px;width:200px;transform:translate3d(100px,30px,-100px) rotate3d(1,1,0,-10deg) scale(1.2,1)}
#ZeroProof{z-index:5000;position:relative;opacity:.8;transform:translate3d(0,0,0);height:260px;width:280px;margin:auto;transition:transform 1s ease 200ms;perspective:2000px;perspective-origin:left}
#ZeroProof.hov{transform:translate3d(-50px,-50px,20px);opacity:.9}#ZeroProofShad{z-index:4000;position:absolute;opacity:.2;filter:blur(8px);height:260px;width:auto;transform:translate3d(70px,60px,-100px) rotate3d(1,1,0,60deg) scale(2,1)}
.cardHldr{position:relative;width:100%;height:450px;display:flex;justify-content:space-around;align-items:center;margin-bottom:50px;transform-style:preserve-3d;transform:perspective(1000px)}
.card{position:relative;width:300px;height:420px;padding:20px;opacity:1;transform:translateY(250px);box-shadow:20px 20px 50px rgba(0,0,0,0.3);border-radius:15px;transform-style:preserve-3d;transform:perspective(1000px);text-align:center}
.card h1{transform:translateZ(40px);color:#202020;text-align:center;margin:15px auto;pointer-events:none;font-size:2rem}
.card h2{transform:translateZ(40px);color:#202020;text-align:center;margin:15px auto;pointer-events:none}
.card p{transform:translateZ(15px);color:#202020;padding:50px 15px;pointer-events:none;font-size:1.2rem;line-height:1.5rem}
.cardContent_1{transform:translate3D(0,100px,40px);transition:.5s ease 200ms;opacity:0}
.cardContent_1.on{transform:translate3D(0,0,40px);transition:1.5s ease 2700ms;opacity:1}
.cardContent_2{transform:translate3D(0,100px,40px);transition:5s ease 200ms;opacity:0}
.cardContent_2.on{transform:translate3D(0,0,40px);transition:1.5s ease 3200ms;opacity:1}
.cardContent_3{transform:translate3D(0,100px,40px);transition:.5s ease 200ms;opacity:0}
.cardContent_3.on{transform:translate3D(0,0,40px);transition:1.5s ease 3700ms;opacity:1}
.cardup{opacity:0;transform:translateY(150px);transition-property:opacity,transform;transition-duration:200ms,200ms;transition-timing-function:ease,ease;transition-delay:0s,0s;transform-style:preserve-3d}
.cardup.on:nth-child(1){opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:1200ms,1000ms;transition-timing-function:ease-out,ease-out;transition-delay:1200ms,1000ms}
.cardup.on:nth-child(2){opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:1200ms,1000ms;transition-timing-function:ease-out,ease-out;transition-delay:1400ms,1200ms}
.cardup.on:nth-child(3){opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:1200ms,1000ms;transition-timing-function:ease-out,ease-out;transition-delay:1800ms,1400ms}
.card1a{transform:translate3d(0,0,0) scale(1);opacity:.8;transition-property:opacity,transform;transition-duration:200ms,200ms;transition-timing-function:ease-in,ease-in;transition-delay:0,1000ms}
.card1a.hov{transform:translate3d(50px,-50px,20px) scale(1.1);opacity:1;transition-property:opacity,transform;transition-duration:200ms,500ms;transition-timing-function:ease-out,ease-out;transition-delay:0,0}
.card2a{transform:translate3d(0,0,0) scale(1);opacity:.8;transition-property:opacity,transform;transition-duration:200ms,200ms;transition-timing-function:ease-in,ease-in;transition-delay:0,1000ms}
.card2a.hov{transform:translate3d(0,-50px,20px) scale(1.1);opacity:1;transition-property:opacity,transform;transition-duration:200ms,500ms;transition-timing-function:ease-out,ease-out;transition-delay:0,0}
.card3a{transform:translate3d(0,0,0) scale(1);opacity:.8;transition-property:opacity,transform;transition-duration:200ms,200ms;transition-timing-function:ease-in,ease-in;transition-delay:0,1000ms}
.card3a.hov{transform:translate3d(-50px,-50px,20px) scale(1.1);opacity:1;transition-property:opacity,transform;transition-duration:200ms,500ms;transition-timing-function:ease-out,ease-out;transition-delay:0,0}
.blurr1{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:absolute;top:0;left:0;width:100%;height:100%;transition-property:opacity,transform;transition-duration:500ms,500ms;transition-timing-function:ease-in,ease-in;transition-delay:0,1000ms}
.blurr1.buv1{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transform:translate3d(50px,-50px,20px) scale(1.1);opacity:1;transition-property:opacity,transform;transition-duration:200ms,500ms;transition-timing-function:ease-out,ease-out;transition-delay:0,0}
.blurr2{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:absolute;top:0;left:0;width:100%;height:100%;transition-property:opacity,transform;transition-duration:500ms,500ms;transition-timing-function:ease-in,ease-in;transition-delay:0,1000ms}
.blurr2.buv2{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transform:translate3d(50px,-50px,20px) scale(1.1);opacity:1;transition-property:opacity,transform;transition-duration:200ms,500ms;transition-timing-function:ease-out,ease-out;transition-delay:0,0}
.blurr3{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:absolute;top:0;left:0;width:100%;height:100%;transition-property:opacity,transform;transition-duration:500ms,500ms;transition-timing-function:ease-in,ease-in;transition-delay:0,1000ms}
.blurr3.buv3{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transform:translate3d(50px,-50px,20px) scale(1.1);opacity:1;transition-property:opacity,transform;transition-duration:200ms,500ms;transition-timing-function:ease-out,ease-out;transition-delay:0,0}
.backwrd{transform:translate3d(0,0,-1px) scale(.95);opacity:.8;transition-property:opacity,transform;transition-duration:200ms,500ms;transition-timing-function:ease-out,ease-out;transition-delay:0,0}
.backwrdBlur{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.cbg{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:top;transform:scaleY(0);border-radius:15px;border-top:2px solid rgba(228,228,228,0.2);border-left:2px solid rgba(223,223,223,0.2)}
.crd1{background-color:rgba(9,117,189,0.3);transition:transform 1.5s cubic-bezier(.16,.48,.36,1) 1300ms}
.crd2{background-color:rgba(9,146,209,0.3);transition:transform 1.5s cubic-bezier(.16,.48,.36,1) 1600ms}
.crd3{background-color:rgba(40,174,207,0.3);transition:transform 1.5s cubic-bezier(.16,.48,.36,1) 1900ms}
.crd1.on{transform:scaleY(1)}.crd2.on{transform:scaleY(1)}.crd3.on{transform:scaleY(1)}
#c5{perspective:1000px;perspective-origin:center}#BlockSlide_Main{position:absolute;width:auto;height:auto;perspective:1000px;perspective-origin:center}
#BlockSlide{z-index:90;width:1100px;opacity:0;overflow:hidden;transform:translate3D(-500px,-200px,-1000px);transform-style:preserve-3d;transition-property:opacity,transform,filter;transition-duration:1500ms,1500ms,1200ms;transition-timing-function:ease-out,ease-out,ease-out;transition-delay:0s,0s,0s;filter:blur(5px)}
#BlockSlide.fade-in{opacity:1;filter:blur(0);transform-style:preserve-3d;transform:translate3D(0,0,0);transition-property:opacity,transform,filter;transition-duration:1600ms,6000ms,1500ms;transition-timing-function:cubic-bezier(.51,.02,.93,.79),cubic-bezier(.27,.69,.32,.84),cubic-bezier(.51,.02,.93,.79);transition-delay:1s,1s,1s}
#Blocky{width:100%}.centerz{position:absolute;top:200px;left:900px;width:450px;height:auto;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity}
.centerz.on{opacity:1}#textr{display:block;text-align:left}.floters{font-size:.5rem;line-height:.5rem;color:aqua;font-family:Calibri,sans-serif}
.centerz_2{position:absolute;top:400px;left:900px;width:450px;height:auto;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity}
.centerz_2.on{opacity:1}#textr_2{display:block;text-align:left}.char{font-size:1.5rem;height:50px;display:inline-block;-webkit-animation:an 1s ease-out 1 both;animation:an 1s ease-out 1 both}
@-webkit-keyframes an{from{opacity:0;transform:perspective(500px) translate3d(-35px,-40px,-150px) rotate3d(1,-1,0,35deg)}
to{opacity:1;transform:perspective(500px) translate3d(0,0,0)}}
@keyframes an{from{opacity:0;transform:perspective(500px) translate3d(-35px,-40px,-150px) rotate3d(1,-1,0,35deg)}
to{opacity:1;transform:perspective(500px) translate3d(0,0,0)}}.bottomWave{position:absolute;top:700px;left:100px;width:750px;height:auto;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity 0s ease-out 0s}
.textW{position:relative;color:#211a83;font-size:1em;letter-spacing:2px}.textW span{position:relative;display:inline-block;-webkit-animation:WaveIt 3S ease-in-out infinite;animation:WaveIt 3S ease-in-out infinite}
@-webkit-keyframes WaveIt{0%{transform:translateY(-20px)}50%{transform:translateY(20px)}
100%{transform:translateY(-20px)}}
@keyframes WaveIt{0%{transform:translateY(-20px)}50%{transform:translateY(20px)}
100%{transform:translateY(-20px)}}#c6{background-color:white}#AandB{z-index:0;position:fixed;left:0;bottom:0;width:1080px;height:934px;overflow-x:hidden;opacity:0;transition:opacity 1000ms ease-out 0ms}
#AandB.on{opacity:1;transition:opacity 1000ms ease-out 0ms}#AliceBob{position:absolute;left:0;margin:0;padding:0;bottom:0;opacity:0;height:934px;width:1080px;z-index:-550;transition:opacity,1000ms,ease-in-out,2s;background-color:#5765df}
.textBox6{right:10px;top:250px;width:450px;height:auto;opacity:0;transform:translateY(75px);z-index:50;padding:10px;transition-property:opacity,transform;transition-duration:1300ms,1300ms;transition-timing-function:ease-out,ease-out;transition-delay:0s}
.textBox6 h1{margin:10px 0 50px 20px}.spce2{margin-left:45px}.textBox6.on{opacity:1;transform:translateY(-75px);transition-property:opacity,transform;transition-duration:900ms,900ms;transition-timing-function:ease-out,ease-out;transition-delay:0s,0s}
#Elespheare_1{z-index:0;position:fixed;bottom:0;width:auto;height:100%;overflow-x:hidden;opacity:0;left:50%;transform:translateX(-50%);transition:opacity 0ms ease 0s}
#Elespheare_1.on2{z-index:200;opacity:1;transition:opacity 0ms ease 0ms}
#Elespheare_2{z-index:500;position:fixed;bottom:0;left:0;width:1000px;height:auto;overflow-x:hidden;opacity:0;transition:opacity 0ms ease 0s}
#Elespheare_2.on3{z-index:200;opacity:1;transition:opacity 0ms ease 0ms}
.test{position:absolute;top:500px;left:500px;height:200px;width:200px;background-color:blue;z-index:1000;transform-style:preserve-3d;transition-property:transform;transform:translateZ(1000px);transition-duration:5s}
.test.on{transform:translateZ(-2000px) rotateY(-80deg)}.test2{position:absolute;top:50px;left:50px;height:20px;width:20px;background-color:red;z-index:1000;transition-property:opacity,transform;transition-duration:3s,3s;transition-timing-function:ease-out,ease-in-out;transition-delay:0,0;transform:translateZ(10px);opacity:.1}
.test2.on{opacity:1;transform:translateZ(200px)}#tunle{width:100%;height:100%;max-height:100vh;overflow-x:hidden;opacity:1;transform:translateZ(-2100px);transition-property:transform;transition-duration:3s;transition-timing-function:ease-in-out;transition-delay:0}
#tunle.on{transform:translateZ(0)}.rect{transform-origin:center;transition:transform 1500ms ease-out 2000ms;transform:scaleY(0)}
.rect.on{transform:scaleY(1)}.testRap{position:absolute;left:0;top:40%;transform:translateY(-50%);height:390px;width:600px;border-style:solid;border-width:2px;border-color:#ddd;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.testPick{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:290px;width:500px;background-image:url(../images/Horizon_Bank1.jpg);background-repeat:no-repeat;background-size:cover;-webkit-clip-path:url(#svg2Path);clip-path:url(#svg2Path)}
#display{position:absolute;left:0;top:0;height:100%;width:100%;text-align:center;opacity:1;z-index:10000}
.btnsvg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:60px;text-align:center;line-height:60px;font-size:24px;color:#000}
.btnsvg svg,.btnsvg svg rect{position:absolute;top:0;left:0;width:100%;height:100%;fill:transparent}
.btnsvg svg rect{stroke:#000;stroke-width:4;transition:.7s;stroke-dasharray:500,500;stroke-dashoffset:0}
.btnsvg:hover svg rect{stroke-dashoffset:220;stroke-dasharray:100,400;stroke:#00fd6b}
.msvg{position:absolute;top:10%;left:50%;transform:translate(-50%);width:180px;height:60px;text-align:center;line-height:60px;font-size:24px;color:#000}
.msvg svg:hover path{transition:d .2s;d:path("M2,5 C2,2 8,2 8,5")}.testWrap{position:absolute;left:60%;top:40%;transform:translateY(-50%);height:390px;width:600px;border-style:solid;border-width:2px;border-color:#ddd;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.liner{width:100%;height:100%;stroke:#000;stroke-width:4}.liner path{transition:d 2s ease-out 2s;d:path("M0 0.5H265.5")}
.testPick2{position:absolute;height:290px;width:500px;background-image:url(../images/Horizon_Bank1.jpg);background-repeat:no-repeat;background-size:cover;border-style:solid;border-width:2px;border-color:#ddd}
#lottieID{position:absolute;top:0;height:200px;width:600px;display:block;overflow:hidden;transform:translate3d(0,0,0);text-align:center;opacity:1;z-index:5000}
.box3{position:absolute;top:550px;left:150px;z-index:30;width:500px;height:100px;background-color:rgba(82,98,111,0.3)}
.box3:hover{color:#fff}.box3::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-top:5px solid #000;border-bottom:5px solid #000;transform:scaleY(1.5);opacity:0;transition:.5s}
.box3:hover::before{transform:scaleY(1);opacity:1}.box3::after{content:"";position:absolute;top:5px;left:0;width:100%;height:100%;background:#000;transform:scale(0);transition:.5s;z-index:-1}
.box3:hover::after{transform:scale(1)}.box4{position:absolute;top:725px;left:150px;z-index:20;width:500px;height:100px;background-color:rgba(82,98,111,0.3)}
.box4:hover{color:#fff}.box4::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-top:5px solid #000;border-bottom:5px solid #000;transform:scaleY(1.5);opacity:0;transition:.5s}
.box4:hover::before{transform:scaleY(1.1);opacity:1}.box4::after{content:"";position:absolute;top:5px;left:0;width:100%;height:100%;background:#000;transform:scaleX(0);transition:1s;z-index:-1;transform-origin:left;transition:transform 250ms ease-out}
.box4:hover::after{transform:scaleX(1);transform-origin:right;transition:transform 250ms ease-in}
.box5{position:absolute;z-index:10;width:300px;height:300px;background-color:rgba(82,98,111,0.3)}
.box5 h1{transform:translateZ(30px);box-shadow:none}.thriD{transform-style:preserve-3d;-webkit-animation:sqrA 4s infinite linear;animation:sqrA 4s infinite linear}
@-webkit-keyframes sqrA{from{transform:translateZ(-900px) translateY(500px) rotateY(0)}to{transform:translateZ(-900px) translateY(500px) rotateY(360deg)}
}
@keyframes sqrA{from{transform:translateZ(-900px) translateY(500px) rotateY(0)}to{transform:translateZ(-900px) translateY(500px) rotateY(360deg)}
}.nftHeader{position:relative;top:20px;width:100%;height:auto;text-align:center;padding:12px 0 12px 0}
.imgBx{transform-style:preserve-3d;transform:perspective(5000px);transform:translateZ(-150px);height:90%;width:50%;padding-top:75px;padding-left:200px}
.embedItem{cursor:pointer;transform-origin:left;transform:translateZ(150px) rotateY(15deg) scale(.7);transition:transform 600ms cubic-bezier(0.24,0.21,0.54,0.98)}
.embedItem:hover{transform:rotateY(0) scale(1)}#t7 .contentBx h2{font-family:'Syncopate',sans-serif}
.textBox7{right:10px;top:250px;width:450px;height:auto;opacity:0;transform:translateY(75px);z-index:50;padding:10px;transition-property:opacity,transform;transition-duration:1300ms,1300ms;transition-timing-function:ease-out,ease-out;transition-delay:0s}
.textBox7 .slink{color:#0081fa}.textBox7 h1{font-size:30px;margin:10px 0 50px 20px}
.textBox7.on{opacity:1;transform:translateY(-75px);transition-property:opacity,transform;transition-duration:900ms,900ms;transition-timing-function:ease-out,ease-out;transition-delay:0s,0s}
.textBox8{right:10px;top:250px;width:450px;height:auto;opacity:0;transform:translateY(75px);z-index:50;padding:10px;transition-property:opacity,transform;transition-duration:1300ms,1300ms;transition-timing-function:ease-out,ease-out;transition-delay:0s}
.textBox8 h1{margin:10px 0 50px 20px}.spce{margin-left:25px}.reg{font-family:'Poppins',sans-serif}
.textBox8.on{opacity:1;transform:translateY(-75px);transition-property:opacity,transform;transition-duration:900ms,900ms;transition-timing-function:ease-out,ease-out;transition-delay:1s,1s}
.boxStyle ul{margin:0 0 1em 4em;font-family:'Michroma',sans-serif;font-size:1em}
.boxStyle li{margin:10px 0}#NFTcard{position:relative;z-index:500;width:450px;margin:auto}
.popinScal2{transform-style:preserve-3d;perspective:100010px;position:absolute;top:18%;left:10%;transform:translate(-50%,-50%) scale(.5);transform-origin:right bottom;z-index:500;opacity:0;transition-property:opacity,transform;transition-duration:300ms,300ms;transition-timing-function:ease-out,ease-in-out;transition-delay:0s,0s}
.popinScal2.on{opacity:1;transform:scale(1);transition-property:opacity,transform;transition-duration:1200ms,1200ms;transition-timing-function:cubic-bezier(.1,.69),cubic-bezier(.1,.69);transition-delay:400ms,400ms}
.sig{transform:translate3d(0,0,0) scale(1);transform-origin:top right;transition-property:transform;transition-duration:200ms;transition-timing-function:ease-in;transition-delay:0}
.sig:hover{transform:translate3d(50px,-50px,20px) scale(1.1);transition-property:transform;transition-duration:300ms;transition-timing-function:cubic-bezier(.43,.12,.56,1.04);transition-delay:0}
.pulse.start{-webkit-animation:pul 6s ease-in-out infinite;animation:pul 6s ease-in-out infinite}@-webkit-keyframes pul{0%{transform:translateZ(0)}
50%{transform:translateZ(-20px)}100%{transform:translateZ(0)}}@keyframes pul{0%{transform:translateZ(0)}
50%{transform:translateZ(-20px)}100%{transform:translateZ(0)}}.container{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:flex-start;flex-wrap:wrap;height:100vh;overflow:hidden}
.container .serviceBx{position:relative;flex-direction:column;width:300px;height:auto;display:flex;justify-content:space-between;align-items:flex-start}
#t9{height:100%;z-index:10000;opacity:0;transition-property:opacity;transition-duration:300ms;transition-timing-function:ease-in;transition-delay:0s}
#t9.on{opacity:1;transition-property:opacity;transition-duration:800ms;transition-timing-function:ease-out;transition-delay:0s}
.footHead{position:relative;width:100%;height:auto;min-height:20vh;opacity:1;top:0;background:rgba(202,227,255,0.75);background:linear-gradient(180deg,rgba(202,227,255,.25) 0,rgba(202,227,255,.25) 50%,rgba(251,251,251,.25) 100%);transition:all 300ms cubic-bezier(.19,.28,.44,1.01) 0s;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;padding:0 14vw}
.footTitle{margin-left:50px;margin-bottom:50px;padding:70px 0 50px 0;width:60%}.footTitle h1{font-size:2rem}
.footTitle h3{font-size:2rem}.logo{opacity:1;z-index:10;height:120px;width:120px;transform-style:preserve-3d;perspective:500px;transition:1200ms}
.logoCh_1{z-index:10;position:absolute;height:100%;width:100%;background-image:url(images/UNiTy.gif);background-size:contain;background-repeat:no-repeat}
.logoCh_2{z-index:1;position:absolute;height:100%;width:100%;left:.5%;top:2%;background-image:url(images/UNiTy.gif);background-size:contain;background-repeat:no-repeat;opacity:1;filter:blur(6px)}
.spaceBx{width:100%;height:0;margin-bottom:20px}#Canada{left:0;width:150px;margin:1em 0}
#csa{left:0;width:250px;margin:1em 0}.leaf{position:relative;width:auto;height:40%;box-sizing:border-box;top:10%;margin:auto;filter:invert(40%);opacity:50%;transform:perspective(400px) rotateX(45deg)}
.leaf img{max-width:100%;max-height:100%;display:block;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0.2),rgba(0,0,0,0.1));mask-image:linear-gradient(to top,rgba(0,0,0,0.2),rgba(0,0,0,0.1))}
.flip{transform:scaleX(-1) perspective(400px) rotateX(45deg)}.bar{position:absolute;border-left:1px solid rgba(162,162,162,0.56);top:30%;bottom:30%;opacity:0}
.footbar{position:relative;bottom:-20px;clear:both;width:100%;height:20vh;opacity:0;box-sizing:border-box;display:flex;justify-content:center;align-items:center;background:rgba(202,227,255,0.75);background:linear-gradient(180deg,rgba(251,251,251,.2) 0,rgba(202,227,255,.25) 50%,rgba(202,227,255,.55) 100%)}
.onfootbar{opacity:1;transition:opacity 1s cubic-bezier(.19,.28,.44,1.01) 1000ms}
.sphear.on3{opacity:.2;transform:translateZ(-1000px) translate(100px,670px) rotateY(0)}
.socialBlk{position:relative;pointer-events:all;opacity:1;height:100px;width:100%;margin-top:245px;display:flex;justify-content:space-between;flex-wrap:wrap}
.socialIcons{opacity:.6;position:relative;height:40px;width:40px;background-position:center;background-size:cover;background-repeat:no-repeat}
.fbk{background-image:url(images/face2.png);transition-property:opacity,transform;transition-duration:300ms,300ms;transition-timing-function:ease-in-out;transition-delay:0s,0s}
.fbk:hover{opacity:1;transform:rotateX(15deg) scale(1.2);transition-property:opacity,transform;transition-duration:500ms,500ms;transition-timing-function:ease-in-out;transition-delay:300ms,0s}
.bird{background:url(images/bird.png);background-position:center;background-size:cover;background-repeat:no-repeat;transition-property:opacity,transform;transition-duration:300ms,300ms;transition-timing-function:ease-in-out;transition-delay:0s,0s}
.bird:hover{opacity:1;transform:rotate(5deg) scale(1.2);transition-property:opacity,transform;transition-duration:500ms,500ms;transition-timing-function:ease-in-out;transition-delay:300ms,0s}
.git{transition:opacity,transform;transition-duration:300ms,300ms;transition-timing-function:ease-in-out;transition-delay:0s,0s}
.git:hover{opacity:1;transform:rotate(-8deg) scale(1.2);transition:opacity,transform;transition-duration:500ms,500ms;transition-timing-function:ease-in-out;transition-delay:300ms,0s}
.ing{background-image:url(images/ig2.png);transition-property:opacity,transform;transition-duration:300ms,300ms;transition-timing-function:ease-in-out;transition-delay:0s,0s}
.ing:hover{opacity:1;transform:rotateY(15deg) scale(1.2);transition-property:opacity,transform;transition-duration:500ms,500ms;transition-timing-function:ease-in-out;transition-delay:300ms,0s}
.lin{background-image:url(images/li2.png);transition-property:opacity,transform;transition-duration:300ms,300ms;transition-timing-function:ease-in-out;transition-delay:0s,0s}
.lin:hover{opacity:1;transform:rotateY(15deg) scale(1.2);transition-property:opacity,transform;transition-duration:500ms,500ms;transition-timing-function:ease-in-out;transition-delay:300ms,0s}