.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
@charset "UTF-8"; /*! * animate.css - https://animate.style/ * Version - 4.1.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ 
:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1 } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat) } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-iteration-count: calc(var(--animate-repeat)*2); animation-iteration-count: calc(var(--animate-repeat)*2) } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-iteration-count: calc(var(--animate-repeat)*3); animation-iteration-count: calc(var(--animate-repeat)*3) } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay) } .animate__animated.animate__delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: calc(var(--animate-delay)*2); animation-delay: calc(var(--animate-delay)*2) } .animate__animated.animate__delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: calc(var(--animate-delay)*3); animation-delay: calc(var(--animate-delay)*3) } .animate__animated.animate__delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: calc(var(--animate-delay)*4); animation-delay: calc(var(--animate-delay)*4) } .animate__animated.animate__delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: calc(var(--animate-delay)*5); animation-delay: calc(var(--animate-delay)*5) } .animate__animated.animate__faster { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-duration: calc(var(--animate-duration)/2); animation-duration: calc(var(--animate-duration)/2) } .animate__animated.animate__fast { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-duration: calc(var(--animate-duration)*0.8); animation-duration: calc(var(--animate-duration)*0.8) } .animate__animated.animate__slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2) } .animate__animated.animate__slower { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-duration: calc(var(--animate-duration)*3); animation-duration: calc(var(--animate-duration)*3) } @media (prefers-reduced-motion:reduce),print { .animate__animated { -webkit-animation-duration: 1ms!important; animation-duration: 1ms!important; -webkit-transition-duration: 1ms!important; transition-duration: 1ms!important; -webkit-animation-iteration-count: 1!important; animation-iteration-count: 1!important } .animate__animated[class*=Out] { opacity: 0 } } @-webkit-keyframes bounce { 0%,20%,53%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05) } 80% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0) scaleY(.95); transform: translateZ(0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02) } } @keyframes bounce { 0%,20%,53%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05) } 80% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0) scaleY(.95); transform: translateZ(0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02) } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } .animate__flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shakeX { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @keyframes shakeX { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX } @-webkit-keyframes shakeY { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } } @keyframes shakeY { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .animate__tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: calc(var(--animate-duration)*1.3); animation-duration: calc(var(--animate-duration)*1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp } @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7 } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7 } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7 } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7 } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp } @-webkit-keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } .animate__bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(.9); transform: translate3d(0,25px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(.95); transform: translate3d(0,-10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(.985); transform: translate3d(0,5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(.9); transform: translate3d(0,25px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(.95); transform: translate3d(0,-10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(.985); transform: translate3d(0,5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(.98); transform: translate3d(-10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(.995); transform: translate3d(5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(.98); transform: translate3d(-10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(.995); transform: translate3d(5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(.95); transform: translate3d(0,10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(.985); transform: translate3d(0,-5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(.95); transform: translate3d(0,10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(.985); transform: translate3d(0,-5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } } .animate__bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(.985); transform: translate3d(0,10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(.985); transform: translate3d(0,10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3) } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(.9); transform: translate3d(20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(.9); transform: translate3d(20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2) } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(.9); transform: translate3d(-20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(.9); transform: translate3d(-20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2) } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(.985); transform: translate3d(0,-10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(.9); transform: translate3d(0,20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(.985); transform: translate3d(0,-10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(.9); transform: translate3d(0,20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3) } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } } @keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } } @keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } } @keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .animate__flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .animate__flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .animate__flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .animate__flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%,0,0) skewX(30deg); transform: translate3d(-100%,0,0) skewX(30deg); opacity: 0 } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1 } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%,0,0) skewX(30deg); transform: translate3d(-100%,0,0) skewX(30deg); opacity: 0 } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1 } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0 } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateOut { 0% { opacity: 1 } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { opacity: 1 } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1 } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { opacity: 1 } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } .animate__hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } to { opacity: 0 } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0) } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0) } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0) } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0) } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp }
*{-webkit-box-sizing:border-box;box-sizing:border-box}a,span,i{display:inline-block}a{text-decoration:none}body{position:relative;font-family:'Arial';font-size:16px;line-height:1.25;color:#fff;background-color:#dedbec;margin:0}img,svg{max-width:100%;height:auto}section{overflow:hidden}@font-face{font-family:'Inter Bold';src:url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/Inter-Bold.woff2) format('woff2'),url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/Inter-Bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'Inter SemiBold';src:url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/Inter-SemiBold.woff2) format('woff2'),url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/Inter-SemiBold.woff) format('woff');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'Inter Medium';src:url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/Inter-Medium.woff2) format('woff2'),url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/Inter-Medium.woff) format('woff');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Inter Regular';src:url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/Inter-Regular.woff2) format('woff2'),url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/Inter-Regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'DM Sans';src:url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/DMSans-Regular.woff2) format('woff2'),url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/DMSans-Regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Raleway';src:url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/Raleway-Medium.woff2) format('woff2'),url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/Raleway-Medium.woff) format('woff');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'Arial';src:url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/ArialMT.woff2) format('woff2'),url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/ArialMT.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Arial Bold';src:url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/Arial-BoldMT.woff2) format('woff2'),url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/Arial-BoldMT.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'icomoon';src:url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/icomoon.eot?elb10l);src:url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/icomoon.eot?elb10l#iefix) format('embedded-opentype'),url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/icomoon.ttf?elb10l) format('truetype'),url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/icomoon.woff?elb10l) format('woff'),url(//metex.gg/wp-content/themes/metexlabs/assets/css/../fonts/icomoon.svg?elb10l#icomoon) format('svg');font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:'icomoon' !important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-newecosystem:before{content:"\e91b"}.icon-newrewards:before{content:"\e91c"}.icon-newsubscription:before{content:"\e91d"}.icon-secure:before{content:"\e900"}.icon-decentraliz:before{content:"\e901"}.icon-electricity:before{content:"\e902"}.icon-rightlink:before{content:"\e903"}.icon-showmore:before{content:"\e904"}.icon-ecosystem:before{content:"\e905"}.icon-rightarrow:before{content:"\e906"}.icon-leftarrow:before{content:"\e907"}.icon-plusround:before{content:"\e908"}.icon-minusround:before{content:"\e909"}.icon-backtotop:before{content:"\e90a"}.icon-linkedin:before{content:"\e90b"}.icon-twitterx:before{content:"\e90c"}.icon-dropdown:before{content:"\e90d"}.icon-verified:before{content:"\e90e"}.icon-user-query:before{content:"\e90f"}.icon-gpu-server:before{content:"\e910"}.icon-ai-creator:before{content:"\e911"}.icon-coinhand:before{content:"\e912"}.icon-database-export:before{content:"\e913"}.icon-computer-connection:before{content:"\e914"}.icon-hashtag:before{content:"\e915"}.icon-staff:before{content:"\e916"}.icon-processor:before{content:"\e917"}.icon-leaf:before{content:"\e918"}.icon-linkarrow:before{content:"\e919"}.icon-bttnarrow:before{content:"\e91a"}.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.container{max-width:1552px;margin:0 auto;padding:0 12px}.smalltitle{font-family:'Inter Medium';font-size:12px;line-height:1.2;color:#0a0830;text-transform:uppercase}.smalltitle.white{color:#fff}.smalltitle.smalltitleElements{padding:1px 12px;position:relative;height:17px;color:transparent;transition:.3s all 2s ease-in-out}.smalltitle.smalltitleElements:before,.smalltitle.smalltitleElements:after{content:'';height:16px;width:6px;background-repeat:no-repeat;background-size:6px auto;position:absolute;top:0}.smalltitle.smalltitleElements:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='16' viewBox='0 0 6 16' fill='none'%3E%3Cpath d='M0 15.6656V3.665L3.665 0H5.0647V12.0006L1.39601 15.6656H0Z' fill='%236039FF'/%3E%3C/svg%3E");left:0}.smalltitle.smalltitleElements:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='16' viewBox='0 0 6 16' fill='none'%3E%3Cpath d='M0 15.6656V3.665L3.665 0H5.0647V12.0006L1.39601 15.6656H0Z' fill='%236039FF'/%3E%3C/svg%3E")}.smalltitle.smalltitleElements:after{left:0;transition:.3s all 2s ease-in-out}.smalltitle.smalltitleElements.animate__animated:after{left:calc(100% - 6px)}.smalltitle.smalltitleElements.animate__animated{color:#0a0830}.smalltitle.white.smalltitleElements.animate__animated{color:#fff}h1,.h1{font-family:'Inter Bold';font-size:80px;line-height:1;margin:0}h2,.h2{font-family:'Inter SemiBold';font-size:40px;line-height:1.2;margin:0}.heroIconbttn{font-size:16px;line-height:1;color:#fff;font-family:'Arial Bold';text-transform:uppercase;min-height:52px;position:relative;border:1px solid #fff;border-radius:6px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 64px 16px 18px;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.heroIconbttn i{position:absolute;width:52px;height:52px;border:1px solid #fff;border-radius:6px;right:-1px;top:-1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:25px;color:#88ebc1;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.heroIconbttn:hover{background-color:#88ebc1;border-color:#88ebc1;color:#0a0830}.heroIconbttn:hover i{background-color:#0a0830;border-color:#88ebc1;color:#88ebc1}.heroIconlink{font-family:'Arial Bold';font-size:16px;line-height:1;color:#fff;text-transform:uppercase;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #fff;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.heroIconlink i{font-size:70%;margin-top:-4px}.heroIconlink:hover{color:#88ebc1}.heroIconlink.green{color:#88ebc1;border-color:#88ebc1}.heroIconlink.blue{color:#0a0830;border-color:#0a0830}.heroIconlink.green:hover{color:#fff}.heroIconlink.blue:hover{color:#6039ff}.text-black{color:#0a0830}.primary-bttn{font-family:'Arial Bold';font-size:16px;line-height:1;text-transform:uppercase;color:#88ebc1;background-color:#0a0830;padding:18px 34px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.primary-bttn:hover{background-color:#88ebc1;color:#0a0830}.borderlineart{border-left:1px solid #fff;border-right:1px solid #fff;position:fixed;height:100%;z-index:1;max-width:1528px;right:0;left:0;margin:0 auto}.borderlineart:before{content:'';position:fixed;top:0;width:1px;height:100%;background-color:#fff;left:0;right:0;margin:0 auto}.site-header .custom-logo-link .custom-logo{-webkit-filter:grayscale(1) invert(1) contrast(1) brightness(1);filter:grayscale(1) invert(1) contrast(1) brightness(1);-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.stickyMenu .site-header .custom-logo-link .custom-logo{-webkit-filter:grayscale(0) invert(0) contrast(0) brightness(0);filter:grayscale(0) invert(0) contrast(0) brightness(0);-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}header.site-header{position:fixed;top:0;width:100%;padding-top:33px;z-index:999;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.site-header-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:rgba(255,255,255,.1);border-radius:6px;padding:12px 24px;-webkit-box-shadow:0px 0px 31.5px 0px rgba(0,0,0,.1);box-shadow:0px 0px 31.5px 0px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.site-header-wrap .menu-primary-menu-container ul{padding:0;list-style:none;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:72px}.site-header-wrap .menu-primary-menu-container ul a{text-decoration:none;font-family:'Inter Regular';font-size:18px;line-height:1.2;color:#fff;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.site-header-wrap .menu-primary-menu-container ul a:hover,.site-header-wrap .menu-primary-menu-container ul .current_page_item a{color:#88ebc1}.stickyMenu .site-header-wrap .menu-primary-menu-container ul a{color:#0a0830;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.stickyMenu .site-header-wrap .menu-primary-menu-container ul a:hover,.stickyMenu .site-header-wrap .menu-primary-menu-container ul .current_page_item a{color:#6039ff}.site-header-wrap .header-bttn,body .site-header-wrap .headernav-bttn a{font-family:'Arial Bold';font-size:18px;line-height:1;text-decoration:none;background-color:#88ebc1;color:#0a0830;padding:17px 20px;display:block;min-width:176px;text-align:center;border-radius:6px;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.site-header-wrap .header-bttn:hover{opacity:.6}.stickyMenu .site-header-wrap .header-bttn,body.stickyMenu .site-header-wrap .headernav-bttn a{background-color:#0a0830;color:#88ebc1;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.site-header-wrap>.menu-toggle{display:none}.heroBannersection{background-color:#0a0830;position:relative;overflow:hidden;padding:240px 0 130px;z-index:1}.heroBannerwrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.heroBannerLeft{width:100%;max-width:633px}.heroBannerRight{position:absolute;min-width:1254px;left:50%;top:50%;transform:translateY(-50%)}.heroBannerRight .svgArt,.heroBannerRight lottie-player{width:100%;position:relative}.heroBannerLeftContent span.titlesm{font-family:'Inter Regular';font-size:51px;line-height:1.2}.heroBannerLeftContent h1{color:#6039ff;margin:6px 0 56px}.heroBannerLeftContent h1 span:empty{padding:0 8px}.paraWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.paraWrap p{margin:0;font-size:16px;line-height:1.25;max-width:230px}.paraWrap .paraRight{padding-left:78px;margin-left:71px;border-left:1px solid #fff}.heroBannerLeftContent .herobttnWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:184px;margin-top:58px}.rightContentWrap{background-color:#0a0830;padding:80px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.rightContentsection{padding:194px 0;position:relative;z-index:1}.rightContentWrap>*{width:100%;max-width:50%}.rightContentRight{position:relative;z-index:1}.rightContentRightContent{max-width:368px;margin:0 auto}.rightContentRightContent h2{margin:8px 0 28px}h2 span{color:#6039ff;display:inline}.rightContentRightContent p{margin:0 0 16px}.rightContentWrap .topRight{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;width:auto;position:absolute;top:-244px;right:0;z-index:-1;opacity:0;visibility:hidden}.rightContentWrap .topLeft{position:absolute;left:0;width:553px;height:100%;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;top:0;display:block}.rightContentLeftthumb:before{content:'';position:absolute;width:1px;height:100%;background-color:#fff;top:0;left:324px}.rightContentLeft{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:258px}.rightContentLeftthumb img{display:block;background-color:#0a0830;border-radius:50%;position:relative}.rightContentLeftbttnWrap{margin-left:70px}.rightContentLeftbttnWrap ul{list-style:none;margin:0;padding:0}.rightContentLeftbttnWrap ul p{margin:0;font-family:'Inter SemiBold';font-size:14px;line-height:1;min-width:167px;height:40px;border:1px solid #fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:5px}.rightContentLeftbttnWrap ul li+li{margin-top:20.54px}.chartContentsection{padding:102px 0 0;position:relative}.chartContentwrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.chartContentwrap>div{width:100%;max-width:50%}.chartContentLeftBox{max-width:385px;margin-left:135px}.chartContentLeftBox h2{margin:8px 0 28px}.iconListingBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.iconListingLeft i{width:34px;height:34px;background-color:#0a0830;border-radius:50%;color:#88ebc1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.iconListingRight{max-width:calc(100% - 46px);width:100%}.iconListingRight h3{color:#0a0830;margin:0;font-family:'Arial Bold';font-size:20px;line-height:1.2}.iconListingRight p{margin:12px 0 0;color:#0a0830}.chartContentLeftBox .iconListingRight p{margin:24px 0 30px}.chartContentRightBoxContent{position:absolute;width:248px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;color:#fff;mix-blend-mode:difference}.chartContentRightBox{width:492px;height:492px;border:1px solid #fff;border-radius:50%;position:relative;margin:0 auto;background-color:#0a0830;background-color:#000;overflow:hidden}.chartContentRightBoxContent h4{margin:0;font-family:'Inter Regular';font-size:80px;line-height:1.22;font-weight:400}.chartContentRightBoxContent i{font-size:25px}.chartContentRightBoxContent p{margin:0;font-family:'Arial';font-size:32px;line-height:1.2;max-width:200px}.chartContentLeft{margin-top:84px;position:relative}.chartContentRight{position:relative}.chartContentRight:before{content:'';position:absolute;width:100%;height:1px;background-color:#fff;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.chartContentLeft .leftArtbottom{position:absolute;bottom:-193px;right:0}.batterySection{padding-top:193px;padding-bottom:366px}.batteryRows{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.batteryCols{position:relative}.batteryContent{position:absolute;top:224px;left:15px;max-width:164px;opacity:0;visibility:hidden;transition:.3s all ease-in-out}.batteryCols.active .batteryContent{visibility:visible;opacity:1}.batteryContent i{font-size:30px;line-height:1}.batteryContent p{margin:32px 0 0;font-size:18px;font-family:'DM Sans'}.batteryCols i.icon-electricity{position:absolute;width:34px;height:34px;background-color:#6039ff;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;right:0;top:0;animation:blinkAnimtion 3s linear infinite}.metexecosystemWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.metexecosystemWrap>*{width:100%;max-width:50%}.metexecosysteLeft{margin-top:48px}.metexecosysteBox{max-width:483px;margin:0 auto}.metexecosysteBox h2{margin:8px 0 24px}.metexecosysteBox p{margin:0 0 24px;color:#0a0830}.metexecosysteBox .bttnWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px}.iconBoxRows{display:-ms-grid;display:grid;grid-template-columns:repeat(4,1fr)}.iconBoxCols{padding:40px 18px;border:1px solid #fff;background-color:#dedbec}.iconBoxContent>i{width:44px;height:44px;border:1px solid #0a0830;border-radius:50%;color:#0a0830;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;line-height:1}.iconBoxContent>i lottie-player{display:none}.iconBoxCols:hover .iconBoxContent>i>i{display:none}.iconBoxCols:hover .iconBoxContent>i lottie-player{display:block}.iconBoxContent p{margin:22px 0 0;font-size:18px;line-height:1.2;color:#0a0830;font-family:'DM Sans'}.stripSection{padding-top:293px;overflow:hidden;padding-bottom:50px}.stripTitlewrap{position:relative}.stripTitlewrap .stripTitleSVG{position:absolute;right:0;top:-143px;z-index:-1}.stripTitlewrap h2{max-width:503px;margin-top:8px}.stripTitlewrap h2 span{display:block}.stripContent{white-space:nowrap}.stripContent h3{margin:0;font-family:'Inter SemiBold';font-size:24px;line-height:1.2}.stripLineWrap{background-color:#0a0830;-webkit-transform:rotate(-2.806deg);-ms-transform:rotate(-2.806deg);transform:rotate(-2.806deg);margin-left:-10px}.stripLineBox{padding:24px 0}.stripLineBox .js-marquee{display:-webkit-box;display:-ms-flexbox;display:flex;gap:48px}.stripLineBox>div{overflow:hidden}.contactformwrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#0a0830}.contactformsection{padding:200px 0 150px}.contactformwrap>*{width:100%;max-width:50%}.contactformwLeft{background-color:#88ebc1;border-radius:0 40px 0 0;background-image:url("data:image/svg+xml,%0A%3Csvg width='591' height='420' viewBox='0 0 591 420' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Cpath d='M0.5 419.5V98.4674L98.6214 0.5H135.5V321.533L37.3786 419.5H0.5Z' stroke='%230A0830'/%3E%3Cpath d='M157.5 419.5V98.4674L255.621 0.5H292.5V321.532L194.28 419.5H157.5Z' stroke='%230A0830'/%3E%3Cpath d='M411.505 0.5H448.339V284.214V284.714H448.839H590.5V321.237L492.199 419.5H313.5V98.4672L411.505 0.5Z' stroke='%230A0830'/%3E%3C/g%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:auto 100%;padding:162px 74px;position:relative;min-height:420px}.contactformwRight{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;position:relative}.contactformwLeft h2{font-size:57px;color:#0a0830}.connectBottom{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:20px;position:absolute;bottom:57px;width:calc(100% - 74px - 74px)}.contact-social ul{margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:26px}.contact-social ul a{font-size:22px;line-height:1;color:#0a0830}.contact-social ul a,.contact-social ul a i{display:block}.connectBottom>p{margin:0;font-family:'Raleway';font-size:12px;line-height:1.2;color:#0a0830}.formRows{display:-ms-grid;display:grid;-ms-grid-columns:1fr 19px 1fr;grid-template-columns:repeat(2,1fr);gap:19px;max-width:651px;width:100%}.formCols p{margin:0}.formCols .inputCustom{font-family:'Inter Regular';font-size:16px;line-height:1.2;border-radius:6px;border:1px solid #fff;padding:15px 16px;background-color:transparent;width:100%;outline:#ffdead;color:rgba(255,255,255,.5)}.formCols .inputCustom::-webkit-input-placeholder{color:rgba(255,255,255,.5)}.formCols .inputCustom::-moz-placeholder{color:rgba(255,255,255,.5)}.formCols .inputCustom:-ms-input-placeholder{color:rgba(255,255,255,.5)}.formCols .inputCustom::-ms-input-placeholder{color:rgba(255,255,255,.5)}.formCols .inputCustom::placeholder{color:rgba(255,255,255,.5)}.formCols .inputCustom.inputCustomDrop{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' fill='none'%3E%3Cpath d='M3.63397 6.5C4.01887 7.16667 4.98113 7.16667 5.36603 6.5L7.9641 2C8.349 1.33333 7.86788 0.5 7.09808 0.5H1.90192C1.13212 0.5 0.650998 1.33333 1.0359 2L3.63397 6.5Z' fill='%23D9D9D9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center right 16px;padding-right:26px}.formCols span{width:100%}.formCols .inputSubmit{width:100%;font-size:18px;line-height:1;background-color:#6039ff;color:#fff;border:1px solid #6039ff;border-radius:6px;padding:15.5px 10px;cursor:pointer;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.formCols .inputSubmit:hover{background-color:transparent}.formCols .inputCustom.wpcf7-not-valid{border-color:red}.formCols .inputCustom+.wpcf7-not-valid-tip{margin-top:7px;font-size:14px;line-height:1.2}.contactform .wpcf7 form.invalid .wpcf7-response-output,.contactform .wpcf7 form.unaccepted .wpcf7-response-output,.contactform .wpcf7 form.payment-required .wpcf7-response-output{text-align:center;border-color:red;margin:20px 0 0}.formCols .inputCustom option{background-color:#fff;color:#0a0830}.contactformwRight .wpcf7-spinner{position:absolute;right:20px;bottom:20px;background-color:#fff;width:24px;opacity:1;margin:0}.contactformwRight .wpcf7-spinner:before{background-color:#6039ff}footer.site-footer{background-color:#6039ff;padding:64px 0 70px;overflow:hidden}.footer-row-wrap{border-top:1px solid #fff;padding-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:134px;position:relative}.footer-row-wrap ul.menu{margin:0;padding:0;list-style:none}.footer-row-wrap ul.menu a{font-family:'Arial';font-size:16px;line-height:1.25;color:#fff}.footer-row-wrap ul.menu li+li{margin-top:16px}.footer-row-wrap .footer-row-social ul.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.footer-row-wrap .footer-row-social ul.menu li+li{margin:0}.footer-row-wrap .footer-row-social ul.menu a{display:block;font-size:18px;line-height:1}.footer-row-wrap .footer-row-social ul.menu a i{display:block}.backtoptop{position:absolute;bottom:0;right:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;font-size:16px;line-height:1}.footer-row-social{margin-left:auto;padding-top:19px}.footer-row-menu{margin-left:115px}.innerBannersection{z-index:1;position:relative;background-repeat:no-repeat;background-size:101% auto;background-size:cover;min-height:892px}.innerBannerwrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:210px 0 360px;position:relative}.innerBannerwrap>*{width:100%;max-width:50%}.innerBannerThumb{padding-right:233px;text-align:right}.innerBannerThumb:before{content:'';position:absolute;width:1px;height:calc(100% + 253px);top:0;right:299px;background-color:#fff}.innerBannerThumb img{background-color:#0a0830;border-radius:50%;position:relative}.innerBannerContent span{font-family:'Inter Regular';font-size:30px;line-height:1.2;margin-bottom:14px}.innerBannerContent h1{color:#6039ff}.team-wrap h2{text-align:center;color:#0a0830;margin-bottom:68px}.teammember-rows{display:-ms-grid;display:grid;-ms-grid-columns:1fr 48px 1fr 48px 1fr 48px 1fr;grid-template-columns:repeat(4,1fr);gap:48px}.teammember-thumb img{width:100%;background-color:#0a082f}.teammember-ttcontent span{font-size:16px;line-height:1;background-color:#0a0830;color:#fff;padding:5px 10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:'Arial'}.teammember-btcontent{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px}.teammember-thumb img,.teammember-btcontent ul a i{display:block}.teammember-content-wrap{margin-top:18px}.teammember-btcontent h3{margin:0;font-size:20px;line-height:1.2;color:#0a0830;font-family:'Inter SemiBold'}.teammember-btcontent ul{margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:18px}.teammember-btcontent ul a{font-size:18px;line-height:1;color:#0a0830;display:block}.career-section{padding:236px 0 200px}.career-wrap{background-color:#0a0830;padding:152px 194px}.career-title-wrap{max-width:351px}.career-title-wrap h2{margin:8px 0 24px}.career-title-wrap h2 span{color:#88ebc1}.career-title-wrap p{margin:0;font-family:'ARIAL';font-size:16px;line-height:1.4}.accordion-title-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:29px 16px;cursor:pointer;gap:10px}.accordion-title-wrap h3{margin:0;font-size:20px;line-height:1.2;max-width:360px;width:100%}.accordion-title-wrap p{margin:0;font-size:16px;line-height:1.2;color:#88ebc1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.accordion-title-wrap>i{margin-left:auto;font-size:50px;line-height:1}.accordion-list{border:1px solid rgba(255,255,255,.5)}.accordion-list-wrap .accordion-list+.accordion-list{margin-top:24px}.career-accordion-wrap{margin-top:90px}.accordion-list.active .accordion-title-wrap>i:before{content:"\e909"}.accordion-content-wrap{padding:16px 16px 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.accordion-content-wrap>p{min-width:360px;margin:0}.accordioncentercontent{max-width:430px}.accordioncentercontent p{margin:0 0 24px}.events-section h2{text-align:center;color:#0a0830;margin-bottom:68px}.events-slider-rows{max-width:1197px;margin:0 auto}.events-slider-wrap{position:relative}.events-slider-rows button.slide-arrow{position:absolute;padding:0;border:0;background-color:transparent;color:#0a0830;font-size:32px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:1;cursor:pointer}.events-slider-rows button.slide-arrow i{display:block}.events-slider-rows button.slide-arrow.prev-arrow{left:-82px}.events-slider-rows button.slide-arrow.next-arrow{right:-82px}.events-slider-thumb img{width:367px;display:block}.events-slider-cols{max-width:367px;margin:0 16px}.events-slider-content{margin-top:36px}.events-slider-content>span{font-family:'Inter Regular';font-size:16px;line-height:1.2;color:rgba(10,8,48,.5)}.events-slider-content h3{font-family:'Arial Bold';font-size:20px;line-height:1.2;color:#0a0830;margin:6px 0 12px}.events-slider-content p{margin:0;font-size:16px;line-height:1.2;color:#0a0830}.innerBannerwrap .herobttnWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:60px}.innerBannerContent>p{max-width:380px;margin:32px 0}.innerBannerContent>h1+span{margin-bottom:0;margin-top:10px}.tabsgpowRightbox lottie-player{max-width:360px}.batterySection.battergpowsection{padding:153px 0 0}.tabsgpowWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:76px 0 140px;border-bottom:1px solid #fff;position:relative}.tabsgpowLeftTabsListingwrap{max-width:474px;width:100%;margin:0 auto}.tabsgpowWrap>*{width:100%;max-width:50%}.tabsgpowLeft{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tabsgpowLeftTabsListingwrap ul{margin:0;padding:0;list-style:none}.tabsgpowLeftTabsListingwrap ul a{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;line-height:1.2;font-family:'ARIAL BOLD';color:rgba(10,8,48,.5)}.tabsgpowLeftTabsListingwrap ul a>i{margin-left:auto}.tabsgpowLeftTabsListingwrap ul a span{max-width:310px}.tabsgpowLeftTabsListingwrap ul li+li{margin-top:63px}.tabsgpowRight{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tabsgpowRightContentwrap{max-width:485px;margin-left:auto;margin-right:125px;position:relative;z-index:1;background-color:#dedbec;padding-bottom:10px}.tabsgpowRightbox p{font-family:'DM SANS';font-size:18px;line-height:1.2;color:#0a0830;margin:14px 0 0}.tabsgpowLeftTabsListingwrap ul a.active{color:rgba(10,8,48,1)}.tabsgpowRightbox{display:none}.ecosystemContsection{margin-top:45px}.ecosystemContRight .iconBoxRows{grid-template-columns:repeat(3,1fr)}.ecosystemContRows{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.ecosystemContRows>*{width:100%;max-width:50%}.ecosystemContLeft h2{max-width:578px;margin-bottom:28px}.ecosystemContLeft .iconListingwrap{max-width:370px}.ecosystemContLeft .iconListingwrap .iconListingRight .heroIconlink{margin-top:26px}.ecosystemembersection{padding:200px 0 0}.ecosystememberTitlewrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:68px}.ecosystememberTitlewrap select{font-size:16px;line-height:1.2;font-family:'Arial';background-color:transparent;border:1px solid #0a0830;padding:7px 8px;padding-right:25px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:114px;cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8' fill='none'%3E%3Cpath d='M15.1956 0.0343668C15.1014 0.0371795 15.0114 0.0765544 14.9453 0.145461L7.99986 7.09093L1.0544 0.145461C0.986895 0.0751479 0.894083 0.0371796 0.797052 0.0357731C0.649395 0.0371796 0.518614 0.125773 0.462364 0.260773C0.40752 0.39718 0.439864 0.551867 0.545333 0.654523L7.74533 7.85452C7.88596 7.99515 8.11377 7.99515 8.2544 7.85452L15.4544 0.654523C15.5613 0.551867 15.5936 0.392961 15.5374 0.256555C15.4797 0.120148 15.3447 0.0315545 15.1956 0.0343668Z' fill='%230A0830'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center right 9px}.ecosystemBoxwRows{display:-ms-grid;display:grid;grid-template-columns:repeat(6,1fr)}.ecosystemBoxwCols{text-align:center;border:1px solid #0a0830;padding:14px}.ecosystemBoxwCols p{font-family:'Inter Medium';font-size:12px;line-height:1.2;color:#0a0830;margin:0}.ecosystemBoxThumb{min-height:80px;margin:51px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.showmorewrap{text-align:center;margin-top:50px}.showmorebttn{font-family:'Arial Bold';font-size:16px;line-height:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;color:#0a0830;border-bottom:1px solid #0a0830}.missionImgcntsection{padding-top:120px}.missionImgcntWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.missionImgcntWrap>*{width:100%;max-width:50%}.missionImgcntRightWrap{max-width:370px;margin-left:143px}.iconListingBox+.iconListingBox,.missionImgcntRightWrap .iconListingwrap{margin-top:28px}.phaseContentWrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.phaseContentWrap>*{width:100%;max-width:50%}.phaseContentsec{padding-top:200px}.phaseContentLeftWrap{max-width:456px;margin-left:auto;margin-right:133px}.phaseContentRight .accordion-list{border:0;border-bottom:1px solid #0a0830}.phaseContentRight .accordion-list .accordion-title-wrap{padding:0;padding-bottom:16px}.phaseTitleleft{max-width:428px}.phaseTitleleft span{font-family:'Arial';font-size:16px;line-height:1.2;color:#6039ff}.accordion-title-wrap .phaseTitleleft h3{font-family:'Arial Bold';font-size:20px;color:#0a0830;margin-top:8px}.phaseContentRightWrap{max-width:518px;margin-left:auto;margin-right:103px}.phaseContentRightWrap .accordion-title-wrap>i{color:#0a0830;font-size:44px}.phaseContentRight .accordion-content-wrap{padding:24px 0 18px 16px}.phaseContentRight .accordion-content-wrap ul{padding:0;list-style:none;margin:0;position:relative}.phaseContentRight .accordion-content-wrap ul:before{content:'';position:absolute;width:1px;height:100%;background-color:#0a0830;left:8.5px;top:0}.phaseContentRight .accordion-content-wrap ul p{color:#0a0830;font-size:16px;line-height:1.25;font-family:'Arial';max-width:352px;margin:0}.phaseContentRight .accordion-content-wrap ul li{padding-left:38px;position:relative}.phaseContentRight .accordion-content-wrap ul li:before{content:'';width:17px;height:17px;position:absolute;left:0;top:0;background-color:#6039ff;border-radius:50%;outline:2px solid #dedbec;z-index:1}.phaseContentRight .accordion-content-wrap ul li:last-child:after{content:'';position:absolute;width:1px;height:100%;background-color:#dedbec;left:8.5px;bottom:0}.phaseContentRight .accordion-content-wrap ul li+li{margin-top:40px}.ecosystemContRight{margin-left:auto}.rightContentsection,.chartContentsection,.batterySection,.metexecosystemSection,.stripSection,footer.site-footer,.tabsgpowSection,.contactformsection,.ecosystemContsection,.ecosystemembersection,.team-section,.career-section,.events-section,.missionImgcntsection,.phaseContentsec{position:relative;z-index:1}.phaseContentLeftWrap h2{margin-top:8px}.main-navigation .mobileMenubg,.site-header-wrap .menu-primary-menu-container ul li.headernav-bttn{display:none}.iconBoxRows .iconBoxCols:nth-child(n+2){margin-left:-1px}.tabsgpowWrap .tabsgpowBGWrap{position:absolute;bottom:0;right:0;max-width:439px}.ecosystemBoxwRows>div:nth-child(n+2),.ecosystemContRight .iconBoxRows>div:first-child{margin-left:-1px}.ecosystemBoxwRows>div:nth-child(n+7),.ecosystemContRight .iconBoxRows>div:nth-child(n+4){margin-top:-1px}.ecosystemBoxwRows>div:nth-child(7){margin-left:0}.formCols .inputCustom+.wpcf7-not-valid-tip~.wpcf7-not-valid-tip{display:none}@media screen and (max-width:1700px){.container{max-width:1320px}.borderlineart{max-width:1296px}h1,.h1{font-size:60px}h2,.h2{font-size:34px}.heroBannerLeftContent span.titlesm{font-size:40px}.heroBannersection{padding:200px 0 80px}.paraWrap .paraRight{padding-left:50px;margin-left:40px}.heroBannerLeftContent{max-width:560px}.heroBannerRight{min-width:1030px}.chartContentsection{padding:0}.batteryCols svg{max-height:510px;width:auto}.batteryContent{top:200px;max-width:140px}.batteryContent p{margin-top:20px;font-size:16px}.batterySection{padding-bottom:200px;padding-top:200px}.stripSection{padding-top:200px}.contactformsection{padding:150px 0 100px}.contactformwLeft h2{font-size:46px}.chartContentRightBox{width:400px;height:400px}.chartContentLeft{margin-top:0}.chartContentRightBoxContent h4{font-size:70px}.chartContentRightBoxContent p{font-size:28px;max-width:160px}.innerBannerwrap{padding:210px 0 270px}.innerBannerThumb img{max-width:110px}.innerBannerThumb{padding-right:245px}.bottomInnersection{min-height:310px}.innerBannerContent span{font-size:28px}.career-wrap{padding:100px}.career-accordion-wrap{margin-top:70px}.stripTitlewrap .stripTitleSVG{width:50%;top:-80px}.heroBannerLeftContent .herobttnWrap{gap:125px}.innerBannersection{min-height:780px}}@media screen and (max-width:1400px){.container{max-width:1140px}.borderlineart{max-width:1116px}h1,.h1{font-size:54px}h2,.h2{font-size:32px}.heroBannerLeftContent{max-width:520px}.paraWrap .paraRight{padding-left:30px;margin-left:20px}.heroBannerLeftContent .herobttnWrap{margin-top:48px}.heroBannerLeft{max-width:520px}.site-header-wrap .menu-primary-menu-container ul{gap:50px}.site-header-wrap .menu-primary-menu-container ul a{font-size:16px}.site-header-wrap .header-bttn,body .site-header-wrap .headernav-bttn a{min-width:160px;padding:14px}.site-branding .custom-logo-link .custom-logo{width:180px}.rightContentsection{padding:150px 0}.batterySection.battergpowsection{padding-top:150px}.rightContentWrap .topRight{max-width:550px}.batteryCols svg{max-height:460px}.batteryContent{top:180px;max-width:130px;left:10px}.iconBoxCols{padding:30px 12px}.iconBoxContent p{margin-top:12px;font-size:16px}.iconBoxContent>i{font-size:18px}.heroBannerLeftContent span.titlesm{font-size:32px}.rightContentRightContent h2,.chartContentLeftBox h2,.metexecosysteBox h2{margin:6px 0 16px}.contactformwLeft{padding:150px 50px 0}.contactformwLeft h2{font-size:42px}.ecosystemembersection{padding-top:150px}.tabsgpowRightContentwrap{margin:0 auto}.innerBannerContent span{font-size:26px}.bottomInnersection{background-size:auto 100%;min-height:283px}.ecosystemBoxThumb{margin:30px 0 0}.missionImgcntRightWrap,.phaseContentRightWrap,.phaseContentLeftWrap{max-width:calc(100% - 60px);margin:0 auto}.events-slider-rows button.slide-arrow.prev-arrow{left:-30px}.events-slider-rows button.slide-arrow.next-arrow{right:-30px}.career-section{padding:200px 0}.heroBannerLeftContent .herobttnWrap{gap:89px}.rightContentLeft{padding-left:210px}.rightContentWrap .topLeft{left:-20px}.rightContentLeftthumb:before{left:275px}.rightContentLeftbttnWrap{margin-left:40px}.innerBannerwrap{padding:170px 0 240px}.innerBannersection{min-height:701px}}@media screen and (max-width:1199px){.container{max-width:960px}.borderlineart{max-width:936px}h1,.h1{font-size:48px}.footer-row-wrap{gap:80px}.footer-row-menu{margin-left:50px}.footer-logo img{width:210px}footer.site-footer{padding:60px 0}.contactformwLeft{padding:100px 50px 0;min-height:350px}.rightContentWrap .topLeft{max-width:190px}.rightContentLeft{padding-left:160px}.rightContentWrap .topLeft{max-width:170px}.rightContentLeftthumb:before{left:210px}.rightContentLeftthumb img{max-width:100px}.heroBannersection{padding:170px 0 80px}.heroBannerRight{min-width:700px;left:58vw}.heroBannerLeftContent h1{margin:6px 0 30px;max-width:460px}.heroBannerLeftContent .herobttnWrap{margin-top:34px;gap:105px}.heroBannerLeftContent span.titlesm{font-size:28px}.chartContentLeftBox{margin-left:40px}.chartContentRightBox{width:340px;height:340px}.chartContentRightBoxContent h4{font-size:56px}.chartContentRightBoxContent{width:180px}.chartContentRightBoxContent p{font-size:22px;max-width:130px}.chartContentsection{padding:0}.batteryCols svg{max-height:390px}.batteryContent{top:140px;max-width:110px;left:7px}.batterySection{padding-bottom:150px;padding-top:150px}.metexecosysteLeft{margin-top:0}.iconBoxRows{grid-template-columns:repeat(2,1fr)}.metexecosystemWrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.metexecosysteBox{max-width:calc(100% - 90px)}.metexecosysteBox .bttnWrap{gap:30px}.primary-bttn{font-size:14px;padding:13px 15px}.heroIconlink{font-size:14px}.stripSection{padding-top:150px}.stripContent h3{font-size:22px}.stripLineBox{padding:20px 0}.contactformsection{padding:100px 0 70px}.batterySection.battergpowsection{padding-top:100px}.rightContentWrap{padding:50px 0}.site-header-wrap .header-bttn,body .site-header-wrap .headernav-bttn a{min-width:130px;font-size:16px;padding:12px 14px}.site-header-wrap .menu-primary-menu-container ul{gap:40px}.heroIconbttn{font-size:14px}.rightContentWrap .topRight{max-width:50%}.tabsgpowLeftTabsListingwrap,.tabsgpowRightContentwrap{max-width:calc(100% - 50px)}.tabsgpowWrap{padding:70px 0 100px}.bottomInnersection{min-height:196px}.innerBannerwrap{padding:150px 0 230px}.tabsgpowLeftTabsListingwrap ul li+li{margin-top:50px}.innerBannerThumb:before{height:calc(100% + 160px)}.innerBannerContent span{font-size:24px}.ecosystemembersection{padding-top:120px}.ecosystemContRight .iconBoxRows{grid-template-columns:repeat(2,1fr)}.phaseContentsec{padding-top:150px}.missionImgcntWrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.phaseTitleleft{max-width:calc(100% - 70px);width:100%}.phaseContentRightWrap .accordion-title-wrap>i{font-size:40px}.accordion-title-wrap .phaseTitleleft h3{max-width:100%}.teammember-rows{-ms-grid-columns:1fr 30px 1fr 30px 1fr;grid-template-columns:repeat(3,1fr);gap:48px 30px}.career-wrap{padding:60px}.accordioncentercontent{max-width:400px}.team-wrap h2{margin-bottom:46px}.iconBoxRows .iconBoxCols:nth-child(n+2){margin-left:0}.ecosystemBoxwRows>div:nth-child(n+2),.ecosystemContRight .iconBoxRows>div:first-child{margin-left:0}.ecosystemBoxwRows>div:nth-child(n+7),.ecosystemContRight .iconBoxRows>div:nth-child(n+4){margin-top:0}.ecosystemBoxwRows>div:nth-child(7){margin-left:0}.events-slider-rows button.slide-arrow.prev-arrow{left:-20px}.events-slider-rows button.slide-arrow.next-arrow{right:-20px}.events-section h2{margin-bottom:50px}.career-section{padding:150px 0}.stripTitlewrap .stripTitleSVG{top:-50px}.innerBannersection{background-size:auto 105%}.innerBannersection{min-height:662px}}@media screen and (max-width:991px){.container{max-width:720px}.borderlineart{max-width:696px}.site-header-wrap .header-bttn{display:none}.site-header-wrap>.menu-toggle{display:block;width:32px;height:32px;border:0;background-color:transparent;padding:0;position:relative}.site-header-wrap>.menu-toggle span{width:20px;height:1px;background-color:#fff;position:absolute;left:0;right:0;margin:0 auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.site-header-wrap>.menu-toggle.toggleMenu>span:first-child{-webkit-transform:rotate(-45deg) translate(-5px,3.5px);-ms-transform:rotate(-45deg) translate(-5px,3.5px);transform:rotate(-45deg) translate(-5px,3.5px)}.site-header-wrap>.menu-toggle.toggleMenu>span:nth-child(2){opacity:0}.site-header-wrap>.menu-toggle.toggleMenu>span:last-child{-webkit-transform:rotate(45deg) translate(-5px,-3.5px);-ms-transform:rotate(45deg) translate(-5px,-3.5px);transform:rotate(45deg) translate(-5px,-3.5px)}.stickyMenu .site-header-wrap>.menu-toggle span{background-color:#0a0830;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}.site-header-wrap>.menu-toggle span:first-child{top:calc(50% - 6px)}.site-header-wrap>.menu-toggle span:last-child{top:calc(50% + 6px)}.toggleMobilemenu{position:relative;z-index:1;overflow:hidden}.toggleMobilemenu:before{content:'';position:absolute;width:100%;height:100%;background-color:#0a0830;top:0;left:0;z-index:9}.main-navigation{padding:0 0 200px}.menu-primary-menu-container{max-height:calc(100vh - 120px);overflow:auto}.main-navigation{position:absolute;top:100%;left:0;right:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;visibility:hidden;-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out;min-height:calc(100vh - 76px)}.main-navigation ul.menu{gap:0;padding-top:30px}.main-navigation ul.menu>li{width:100%}.main-navigation ul.menu>li>a{padding:10px;width:100%}body .site-header-wrap li.headernav-bttn a{width:auto;display:inline-block}.toggleMobilemenu .main-navigation{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}.main-navigation .mobileBgwrap .svgArt{position:absolute;width:640%;height:auto;max-width:640px;left:0;right:0;margin:0 auto;top:-130%;display:block}.main-navigation .mobileBgwrap{min-height:200px;position:absolute;left:0;right:0;overflow:hidden;bottom:0}.site-header-wrap .menu-primary-menu-container ul li.headernav-bttn{display:block;padding-top:62px;padding-left:10px}header.site-header{padding-top:20px}.heroBannerLeft,.heroBannerLeftContent{max-width:100%}.paraWrap>div{width:100%}.paraWrap .paraRight{padding-left:0;margin-left:0;border:0;margin-top:20px}.paraWrap p{max-width:100%}.heroBannersection{padding:166px 0 0}.heroBannerRight{position:relative;top:auto;right:auto;width:100%;height:auto;min-height:280px;min-width:auto;overflow:hidden;margin-top:30px;left:auto;transform:none}.heroBannerRight .svgArt,.heroBannerRight lottie-player{-webkit-transform:translateY(-70px);-ms-transform:translateY(-70px);transform:translateY(-70px)}.rightContentWrap .topLeft{left:auto;right:0;-webkit-transform:scale(-1);-ms-transform:scale(-1);transform:scale(-1);max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.rightContentWrap .topRight{display:none}.rightContentLeft{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding:0;margin-top:36px;z-index:1}.rightContentWrap>*{max-width:100%}.rightContentRightContent{max-width:calc(100% - 70px);margin:0 auto}.rightContentLeftthumb{max-width:calc(100% - 70px);width:100%;margin:0 auto;border:1px solid rgba(255,255,255,.5);position:relative;min-height:235px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.rightContentLeftthumb:before{left:150px;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(255,255,255,.5)}.rightContentLeftthumb img{margin-right:auto;margin-left:100px}.rightContentWrap .topLeft:before{position:absolute;width:50px;height:100%}.rightContentWrap:after{position:absolute;width:100%;height:100%;right:140px;top:0;background-color:#0a0830}.rightContentWrap{overflow:hidden}.rightContentsection{padding:100px 0}.chartContentwrap>div{max-width:100%}.chartContentwrap{gap:50px}.chartContentLeftBox{margin-left:0;max-width:100%}.batteryCols svg{-webkit-transform:rotate(90deg) translate(-105%,15%);-ms-transform:rotate(90deg) translate(-105%,15%);transform:rotate(90deg) translate(-105%,15%);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content;width:196px;position:absolute;top:auto;left:50%;height:604px}.batteryCols{width:100%;overflow:hidden;min-height:196px}.batteryRows{gap:17px}.batteryContent{top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:100%;left:50%}.batteryRows .batteryCols:last-child{max-height:399px}.batteryRows .batteryCols:last-child svg{-webkit-transform:rotate(90deg) translate(-26%,-26%);-ms-transform:rotate(90deg) translate(-26%,-26%);transform:rotate(90deg) translate(-26%,-26%);height:604px;width:399px;max-height:604px;left:auto}.batteryRows .batteryCols:last-child .batteryContent{top:24%}.batteryCols i.icon-electricity{bottom:0;top:auto}.metexecosystemWrap>*{max-width:100%}.metexecosysteLeft{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-top:48px}.metexecosysteBox{max-width:100%}.batterySection{padding-bottom:100px}.batterySection{padding-top:100px}.stripSection{padding-top:100px}.stripLineBox{padding:14px 0}.stripContent h3{font-size:18px}.contactformwrap>*{max-width:100%}.contactformwLeft{border-bottom-left-radius:30px;border-top-right-radius:0;padding:50px 30px 0;min-height:270px}.contactformwRight{padding:50px 20px}.footer-row-info,.footer-row-menu{width:50%;margin:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.footer-row-wrap{gap:26px 0}.footer-row-social{width:50%;margin-left:auto}.footer-row-wrap .footer-row-social ul.menu{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.footer-row-info{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.backtoptop{position:relative;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;margin-left:auto}footer.site-footer{padding:48px 0}.contactformwLeft{background-size:264px;background-position:right bottom}.contactformwLeft h2{font-size:38px}.tabsgpowWrap>*{max-width:100%}.tabsgpowWrap{gap:30px}.tabsgpowLeftTabsListingwrap ul li+li{margin-top:30px}.tabsgpowLeftTabsListingwrap ul a span{max-width:calc(100% - 40px)}.tabsgpowLeftTabsListingwrap,.tabsgpowRightContentwrap{max-width:calc(100% - 190px)}.tabsgpowRightContentwrap{background-color:transparent}.innerBannerThumb{display:none}.innerBannerwrap>*{max-width:100%}.innerBannerwrap{padding:160px 0 210px}.ecosystemBoxwRows{grid-template-columns:repeat(4,1fr)}.ecosystemContLeft{max-width:calc(50% - 20px)}.ecosystememberTitlewrap{margin-bottom:40px}.ecosystemembersection{padding-top:100px}.missionImgcntWrap>*,.missionImgcntRightWrap,.phaseContentWrap>*{max-width:100%;margin:0}.missionImgcntLeft{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.missionImgcntWrap{gap:48px}.missionImgcntRightWrap,.phaseContentRightWrap,.phaseContentLeftWrap{max-width:100%}.phaseContentRight .accordion-content-wrap ul p{max-width:calc(100% - 70px)}.phaseContentWrap{gap:28px}.teammember-rows{-ms-grid-columns:1fr 16px 1fr;grid-template-columns:repeat(2,1fr);gap:32px 16px}.career-accordion-wrap .accordion-title-wrap>i{font-size:46px}.accordion-title-wrap h3,.accordion-title-wrap p{max-width:100%}.accordion-title-wrap{position:relative;padding:16px;padding-right:70px}.career-accordion-wrap .accordion-title-wrap>i{position:absolute;right:16px}.accordion-title-wrap h3{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.accordion-content-wrap>p,.accordioncentercontent{width:100%;max-width:100%}.accordion-content-wrap{gap:24px}.batteryRows .batteryCols:last-child{min-height:400px;max-height:100%}body.stickyMenu.toggleMobilemenu header.site-header{background-color:#0a0830}body.stickyMenu.toggleMobilemenu .site-header .custom-logo-link .custom-logo{-webkit-filter:grayscale(1) invert(1) contrast(1) brightness(1);filter:grayscale(1) invert(1) contrast(1) brightness(1)}body.stickyMenu.toggleMobilemenu .site-header-wrap>.menu-toggle span{background-color:#fff}body.stickyMenu.toggleMobilemenu .site-header-wrap .menu-primary-menu-container ul a{color:#fff}body.stickyMenu.toggleMobilemenu .site-header-wrap .menu-primary-menu-container .headernav-bttn a{background-color:#88ebc1;color:#0a0830}.events-section h2{margin-bottom:40px}.career-section{padding:100px 0}.footer-row-social{padding-top:0}.stripTitlewrap .stripTitleSVG{top:-10px}.missionImgcntsection{padding-top:80px}.rightContentWrap .topLeft{display:none}.rightContentLeft{position:relative}.rightContentLeftbttnWrap{position:absolute;right:75px}.innerBannersection{min-height:652px}}@media screen and (max-width:767px){.container{max-width:540px}.borderlineart{max-width:516px}h1,.h1{font-size:46px}.site-header-wrap{background:0 0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-box-shadow:none;box-shadow:none}header.site-header{padding:20px 0}.rightContentsection{background-color:#0a0830;padding:48px 0;position:relative}.rightContentWrap{position:static;padding:0}.rightContentRightContent,.rightContentLeftthumb{max-width:100%}.rightContentWrap:after{right:63px}.chartContentsection{padding:100px 0 0}.chartContentLeftBox .iconListingRight p{margin:12px 0}.batteryContent{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.batteryContent p{margin-top:0;font-size:18px}.contactformsection{padding:40px 0 70px}.heroBannerLeftContent span.titlesm{font-size:26px}.heroBannerLeftContent .herobttnWrap{gap:55px}.heroBannerLeftContent h1{max-width:420px}.heroBannerRight{min-height:254px}.chartContentRightBoxContent h4{font-size:50px}.chartContentRightBoxContent p{font-size:18px;max-width:110px}.chartContentRightBoxContent{width:160px}.chartContentRightBox{width:300px;height:300px}.stripLineWrap{margin-top:20px}.bottomInnersection{background-size:230%;min-height:190px}.tabsgpowWrap{padding:0 0 100px}.phaseContentsec{padding-top:100px}.ecosystemContRows>*{max-width:100%}.ecosystemContRows{gap:48px}.ecosystemBoxwRows{gap:16px;-ms-grid-columns:1fr 16px 1fr 16px 1fr;grid-template-columns:repeat(3,1fr)}.career-wrap{padding:48px 20px}.career-accordion-wrap{margin-top:36px}.career-title-wrap h2{margin:8px 0 16px}.team-wrap h2{margin-bottom:36px}.batteryCols svg{width:170px;height:auto;aspect-ratio:49/151;-webkit-transform:rotate(90deg) translate(-105%,16.5%);-ms-transform:rotate(90deg) translate(-105%,16.5%);transform:rotate(90deg) translate(-105%,16.5%)}.batteryCols{min-height:170px}.batteryRows .batteryCols:last-child{min-height:340px;max-height:100%}.batteryRows .batteryCols:last-child svg{aspect-ratio:399/604;-webkit-transform:rotate(90deg) translate(-26%,-17%);-ms-transform:rotate(90deg) translate(-26%,-17%);transform:rotate(90deg) translate(-26%,-17%);width:340px;height:auto}body.stickyMenu header.site-header{background-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.menu-primary-menu-container{max-width:540px;margin:0 auto}.events-section h2{margin-bottom:36px}.stripTitlewrap .stripTitleSVG{width:100%;top:-30px}.missionImgcntsection{padding-top:70px}.chartContentLeft .leftArtbottom{display:none}.heroBannerRight lottie-player{transform:scale(1.4) translateY(-50px);width:100%;max-width:100%}}@media screen and (max-width:575px){.container{max-width:100%}.borderlineart{max-width:calc(100% - 24px)}.heroBannerLeftContent span.titlesm{font-size:22px}h1,.h1{font-size:44px}.heroBannerLeftContent h1{margin:10px 0 32px}.heroIconbttn i{width:40px;height:40px}.heroIconbttn{padding:12px 50px 12px 10px;min-height:40px}.chartContentRightBoxContent h4{font-size:46px}.contactformsection .container{padding:0}.contactformsection{padding:40px 0 0}.footer-row-social{width:auto}.heroBannerLeftContent .herobttnWrap{gap:40px}h2 span{display:inline-block}.chartContentRightBox{width:285px;height:285px}.chartContentRightBoxContent{width:145px}.iconBoxRows{grid-template-columns:repeat(1,1fr)}.iconBoxContent p{font-size:18px}.iconBoxCols{padding:30px 18px}.formRows{grid-template-columns:repeat(1,1fr)}.contactformwLeft h2{font-size:32px}.contactformwRight{padding:40px 20px}.tabsgpowLeftTabsListingwrap,.tabsgpowRightContentwrap{max-width:calc(100% - 20px)}.tabsgpowWrap{padding:0 0 70px}.bottomInnersection{top:0;margin-top:-40px}.innerBannerwrap .herobttnWrap{gap:40px}.innerBannerContent span{font-size:22px}.tabsgpowLeftTabsListingwrap ul a{font-size:18px}.tabsgpowRightbox p{font-size:16px}.ecosystemContRight .iconBoxRows{grid-template-columns:repeat(1,1fr)}.ecosystemBoxwRows{grid-template-columns:repeat(2,1fr)}.ecosystememberTitlewrap{margin-bottom:28px}.phaseContentRight .accordion-content-wrap ul p{max-width:calc(100% - 10px)}.career-section .container{padding:0}.heroBannerRight{min-width:calc(100% + 24px);left:-12px;min-height:220px}.heroBannerRight lottie-player{transform:scale(1.4) translateY(-30px)}.batteryCols svg{width:120px}.batteryCols{min-height:120px}.batteryContent{width:100%;max-width:240px}.batteryRows .batteryCols:last-child{min-height:241px;text-align:center}.batteryRows .batteryCols:last-child svg{width:241px;-webkit-transform:rotate(90deg) translate(-26%,33%);-ms-transform:rotate(90deg) translate(-26%,33%);transform:rotate(90deg) translate(-26%,33%)}.batteryRows .batteryCols:last-child .batteryContent{text-align:left}.teammember-btcontent h3{font-size:18px;width:100%}.teammember-btcontent ul{margin-top:10px}.events-slider-rows{gap:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.events-slider-cols{margin:0 auto}.events-slider-content{margin-top:24px}.stripTitlewrap .stripTitleSVG{width:190%;max-width:190%;left:50%;transform:translateX(-50%);bottom:-100px;top:auto}.stripLineWrap{margin-top:0}.stripTitlewrap{padding-bottom:20px;overflow:hidden}.missionImgcntsection{padding-top:48px}.rightContentLeftbttnWrap{right:20px}.rightContentLeftthumb img{max-width:55px;margin-left:57px}.rightContentLeftthumb:before{left:86px}.innerBannerwrap{padding:155px 0 200px}.innerBannersection{min-height:620px}.footer-row-wrap .footer-row-social ul.menu{gap:16px}}@media screen and (max-width:389px){h1,.h1{font-size:38px}h2,.h2{font-size:30px}.heroBannerLeftContent .herobttnWrap{gap:20px}.footer-logo img{width:166px}.innerBannerwrap .herobttnWrap{gap:30px}.bottomInnersection{margin-top:-90px}.tabsgpowLeftTabsListingwrap ul a{font-size:16px}.batteryCols svg{width:100px}.batteryCols{min-height:100px}.batteryContent p{font-size:16px}.batteryContent{max-width:200px;gap:20px}.batteryRows .batteryCols:last-child svg{width:195px}.batteryRows .batteryCols:last-child{min-height:195px}.rightContentLeftthumb img{margin-left:25px}.rightContentLeftthumb:before{left:54px}}.heroBannerLeftContent h1 span{animation:blinkAnimtion 10s linear infinite}.heroBannerLeftContent h1 span:nth-child(1){animation-delay:1.1s}.heroBannerLeftContent h1 span:nth-child(2){animation-delay:1.15s}.heroBannerLeftContent h1 span:nth-child(3){animation-delay:.5s}.heroBannerLeftContent h1 span:nth-child(4){animation-delay:1.27s}.heroBannerLeftContent h1 span:nth-child(5){animation-delay:.9s}.heroBannerLeftContent h1 span:nth-child(6){animation-delay:.1s}.heroBannerLeftContent h1 span:nth-child(7){animation-delay:1.41s}.heroBannerLeftContent h1 span:nth-child(8){animation-delay:1.5s}.heroBannerLeftContent h1 span:nth-child(9){animation-delay:1.23s}.heroBannerLeftContent h1 span:nth-child(10){animation-delay:1.9s}.heroBannerLeftContent h1 span:nth-child(11){animation-delay:1.11s}.heroBannerLeftContent h1 span:nth-child(12){animation-delay:1.13s}.heroBannerLeftContent h1 span:nth-child(13){animation-delay:.3s}.heroBannerLeftContent h1 span:nth-child(14){animation-delay:1.17s}.heroBannerLeftContent h1 span:nth-child(15){animation-delay:1.21s}.heroBannerLeftContent h1 span:nth-child(16){animation-delay:1.19s}.heroBannerLeftContent h1 span:nth-child(17){animation-delay:1.31s}.heroBannerLeftContent h1 span:nth-child(18){animation-delay:1.25s}.heroBannerLeftContent h1 span:nth-child(19){animation-delay:.7s}.heroBannerLeftContent h1 span:nth-child(20){animation-delay:1.45s}.heroBannerLeftContent h1 span:nth-child(21){animation-delay:1.7s}.heroBannerLeftContent h1 span:nth-child(22){animation-delay:1.39s}.heroBannerLeftContent h1 span:nth-child(23){animation-delay:1.35s}.heroBannerLeftContent h1 span:nth-child(24){animation-delay:1.37s}.heroBannerLeftContent h1 span:nth-child(25){animation-delay:1.33s}.heroBannerLeftContent h1 span:nth-child(26){animation-delay:1.3s}.heroBannerLeftContent h1 span:nth-child(27){animation-delay:1.43s}.heroBannerLeftContent h1 span:nth-child(28){animation-delay:1.29s}@keyframes blinkAnimtion{0%{opacity:0}10%{opacity:1}20%{opacity:0}30%{opacity:1}50%{opacity:0}100%{opacity:1}}.chartContentRightBox .animator{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;transform:rotate(90deg);transform-origin:50% 50%}.chartContentRightBox .animator circle{fill:transparent;stroke:#dedbec;transform:rotate(-90deg);transform-origin:50% 50%;stroke-dashoffset:0;stroke-dasharray:1540;stroke-width:490px}.chartContentRightBox .animator.animate__fadeIn circle{animation:clock-animation 4s linear 1s;stroke-dashoffset:0;stroke-dasharray:1540;stroke-width:490px;animation-direction:normal;animation-fill-mode:forwards}@keyframes clock-animation{0%{stroke-dashoffset:0}33%{stroke-dashoffset:-760}100%{stroke-dashoffset:-1540}}.batteryCols>p{margin:0}.batteryRows .batteryCols svg path{fill:#dedbec;stroke:#fff}