@charset "UTF-8";

.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:after,.clearfix:before,.row:after,.row:before{display:table;content:" "}.clearfix:after,.row:after{clear:both}.is-hidden,.hidden,.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}@-ms-viewport{width:device-width}

/*--- Animate.css - 4.1.1 ----*/
* :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)*.8);animation-duration:calc(var(--animate-duration)*.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-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!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-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}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-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}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-name:headShake;animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-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-animation-name:swing;animation-name:swing;-webkit-transform-origin:top center;transform-origin:top center}@-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-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-name:heartBeat;animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInDown{0%{opacity:.7;-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInLeft{0%{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInRight{0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes backInUp{0%{opacity:.7;-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7)}80%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}@keyframes backOutDown{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7)}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}@keyframes backOutLeft{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7)}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}@keyframes backOutRight{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}to{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7)}}@keyframes backOutUp{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:.7;-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7)}to{opacity:.7;-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.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)*.75);animation-duration:calc(var(--animate-duration)*.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)*.75);animation-duration:calc(var(--animate-duration)*.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-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animate__animated.animate__flip{-webkit-animation-name:flip;animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.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%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;-webkit-transform:skewX(20deg);transform:skewX(20deg)}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%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg)}60%{opacity:1;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}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{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg)}}.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{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg)}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateIn{0%{opacity:0;-webkit-transform:rotate(-200deg);transform:rotate(-200deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.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{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}@keyframes rotateOut{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(200deg);transform:rotate(200deg)}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.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{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.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{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}}.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{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.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-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg)}40%,80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg);transform:rotate(60deg)}to{opacity:0;-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,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%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.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%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)}}.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%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)}}.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{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/*--- Owl Carousel ---*/
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{position: relative;padding-bottom: 10px;padding-top: 0px;}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(grabbing.png) 16,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}100%,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}100%,75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}100%,75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}}
/*--- Owl Theme ---*/
.owl-theme .owl-controls{text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;margin:5px;padding:5px 10px;border:1px solid #fff;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#ccc;}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:15px;height:15px;margin:5px 7px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:0 0;transition:all .2s ease-in-out;border:1px solid #fff;padding:2px}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=80);opacity:.8;background:#fff;outline:2px solid #fff;border:3px solid #00000091;padding:2px}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url('../img/ajax-loader.gif') center center no-repeat}


/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    html:focus-within { scroll-behavior: auto; }
    * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}

:root {
  --bg-white-color: #ffffff;
  --bg-whiteAlt-color: #ffffff;
  --bg-whiteSec-color: #ffffff;
  --bg-primary-color: #E52424;
  --bg-secondary-color: #070521;
  --title-white-color: #ffffff;
  --title-primary-color: #E52424;
  --title-secondary-color: #070521;
  --text-white-color: #ffffff;
  --text-primary-color: #666;
  --text-secondary-color: #888;

  --btn-border-color: #E52424;
  --btn-bg-color: #ffffff;
  --btn-text-color: #E52424;

  --nav-item-color: #383838;
  --nav-itemWhite-color: #ffffff;
  --nav-itemHover-color: #E52424;
  --nav-bg-color: #fff;
  --nav-strip-color: #ffffff;
  --nav-strip-bg-color: #E52424;
  --nav-strip-border-color: #fff;

  --glass-background: rgba(255, 255, 255, 0.6);
  --glass-border: rgba(0, 0, 0, 0.1);
  --glass-shadow-color: 0 4px 16px rgba(0, 0, 0, 0.2);

  --services-carrousel-filter: hue-rotate(155deg) saturate(2); /*drop-shadow(2px 4px 8px #FFAAAA81);*/
  --services-carrousel-bw-filter: hue-rotate(20deg) saturate(2);
  --services-img-filter: hue-rotate(155deg) saturate(3);/* drop-shadow(2px 4px 18px #FFAAAA41);*/
  --section-img-xlg: hue-rotate(145deg) saturate(3); /*drop-shadow(2px 4px 18px #FFAAAAD1);*/

  --transition-speed: 0.4s;
  --navbar-height: 75px;
  --navbar-shrink-width: 700px;
  --navbar-shrink-height: 65px;
  --border-radius: 35px;
}

.dark-mode {
  --bg-white-color: #1B1B1B;
  --bg-whiteAlt-color: #070521;
  --bg-whiteSec-color: #222;
  --bg-primary-color: #070521;
  --bg-secondary-color: #1B1B1B;
  --title-white-color: #ffffff;
  --title-primary-color: #bbb; 
  --title-secondary-color: #bbb;
  --text-white-color: #1B1B1B;
  --text-primary-color: #888;
  --text-secondary-color: #bbb;

  --btn-border-color: #888;
  --btn-bg-color: #ffffff;
  --btn-text-color: #888;

  --nav-item-color: #ffffff;
  --nav-itemWhite-color: #ffffff;
  --nav-itemHover-color: #E52424;
  --nav-bg-color: #070521;
  --nav-strip-color: #ffffff;
  --nav-strip-bg-color: #070521;
  --nav-strip-border-color: #fff;

  --services-carrousel-filter: hue-rotate(155deg) saturate(2);/* drop-shadow(2px 4px 8px #FFFFFF61);*/
  --services-carrousel-bw-filter: hue-rotate(10deg) saturate(.6);
  --services-img-filter: hue-rotate(-340deg) saturate(.6);/* drop-shadow(0px 4px 12px #FFFFFF61);*/
  --section-img-xlg: hue-rotate(145deg) saturate(3); /*drop-shadow(2px 4px 18px #070521D1);*/

  --glass-background: rgba(29, 29, 31, 0.6);
  --glass-border: rgba(255, 255, 255, 0.4);
  --glass-shadow-color: rgba(80, 80, 80, 0.5);
}
* {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
:link:focus, :visited:focus{outline:none !important}
a:hover{-webkit-transition:all .6s ease-in; -moz-transition:all .6s ease-in; -o-transition:all .6s ease-in; transition:all .6s ease-in}
a img, a, img{border:0 !important; outline:0 !important; text-decoration:none !important}
a[href^="x-apple-data-detectors:"]{color:inherit !important; text-decoration:none !important; font-size:inherit !important; font-family:inherit !important; font-weight:inherit !important; line-height:inherit !important}

img{max-width: 100%; height: auto;-moz-interpolation-mode:bicubic; -webkit-interpolation-mode:bicubic; -ms-interpolation-mode:bicubic; interpolation-mode:bicubic}
img.loaded { transition: opacity .25s ease; opacity: 1; }
img[data-src] { opacity: .01; }

input, textarea, button, select {-webkit-appearance:none;appearance:none;border-radius:0;}
input:focus, textarea:focus, button:focus, select:focus {outline:none}
strong{font-weight:700}

p a, ul li a, ol li a{color:#fff; text-decoration:none; border-bottom:1px solid transparent; transition:all 0.2s ease-in-out; font-weight:700}
p a:hover, ul li a:hover, ol li a:hover{color:#fff; text-decoration:none; border-bottom:1px solid #fff; padding-bottom:2px}
p{color:rgba(255,255,255,1); font-family:"Verdana", sans-serif; font-weight:400; font-size:21px; line-height:1.7em}
ul, ol{margin:20px 0; padding:0}
ol li{font-family:"Verdana", sans-serif; font-size:18px; line-height:1.7em; list-style:decimal outside none; margin-left:20px; color:rgba(95,117,137,1)}
ul li{font-family:"Verdana", sans-serif; font-size:18px; line-height:1.7em; list-style:square outside none; margin-left:20px; color:rgba(95,117,137,1)}
ul li a, ol li a{cursor:pointer; font-family:"Verdana", sans-serif; font-size:18px; transition:all 0.3s ease-in 0s}
h1{color:#fff; letter-spacing:-3px; font-size:90px; line-height:1em; font-weight:700; padding:0 0 30px 0; margin:0}
h2{color:#fff; letter-spacing:-2px; font-size:42px; line-height:1.2em; font-weight:700; padding:0; margin:0 0 60px; text-transform:uppercase}
h3{color:rgba(255,255,255,1); letter-spacing:-1px; font-size:32px; line-height:1.2em; font-weight:700; padding:0; margin:0 0 50px 0; text-transform:uppercase}
h4{color:rgba(48,66,82,1); letter-spacing:0; font-size:23px; line-height:1.2em; font-weight:400; padding:0 0 20px 0; margin:0; text-align:left}
h5{color:rgba(255,255,255,1); letter-spacing:0; font-size:20px; line-height:1.2em; font-weight:700; padding:0 0 10px 0; margin:0; text-align:left}
.f-12{font-size:12px !important}
.f-14{font-size:14px !important}
.m-a-0{margin:0 !important}
.m-t-0{margin-top:0 !important}
.m-r-0{margin-right:0 !important}
.m-b-0{margin-bottom:0 !important}
.m-l-0{margin-left:0 !important}
.m-x-0{margin-right:0 !important; margin-left:0 !important}
.m-y-0{margin-top:0 !important; margin-bottom:0 !important}
.m-a{margin:10px !important}
.m-t{margin-top:10px !important}
.m-r{margin-right:10px !important}
.m-b{margin-bottom:10px !important}
.m-l{margin-left:10px !important}
.m-x{margin-right:10px !important; margin-left:10px !important}
.m-y{margin-top:10px !important; margin-bottom:10px !important}
.m-x-auto{margin-right:auto !important; margin-left:auto !important}
.m-a-md{margin:25px !important}
.m-t-md{margin-top:25px !important}
.m-r-md{margin-right:25px !important}
.m-b-md{margin-bottom:25px !important}
.m-l-md{margin-left:25px !important}
.m-x-md{margin-right:25px !important; margin-left:25px !important}
.m-y-md{margin-top:25px !important; margin-bottom:25px !important}
.m-a-lg{margin:50px !important}
.m-t-lg{margin-top:50px !important}
.m-r-lg{margin-right:50px !important}
.m-b-lg{margin-bottom:50px !important}
.m-l-lg{margin-left:50px !important}
.m-x-lg{margin-right:50px !important; margin-left:50px !important}
.m-y-lg{margin-top:50px !important; margin-bottom:50px !important}
.p-a-0{padding:0 !important}
.p-t-0{padding-top:0 !important}
.p-r-0{padding-right:0 !important}
.p-b-0{padding-bottom:0 !important}
.p-l-0{padding-left:0 !important}
.p-x-0{padding-left:0 !important; padding-right:0 !important}
.p-y-0{padding-top:0 !important; padding-bottom:0 !important}
.p-a{padding:30px !important}
.p-t{padding-top:30px !important}
.p-r{padding-right:30px !important}
.p-b{padding-bottom:30px !important}
.p-l{padding-left:30px !important}
.p-x{padding-right:30px !important; padding-left:30px !important}
.p-y{padding-top:30px !important; padding-bottom:30px !important}
.p-a-md{padding:60px !important}
.p-t-md{padding-top:60px !important}
.p-r-md{padding-right:60px !important}
.p-b-md{padding-bottom:60px !important}
.p-l-md{padding-left:60px !important}
.p-x-md{padding-right:60px !important; padding-left:60px !important}
.p-y-md{padding-top:60px !important; padding-bottom:60px !important}
.p-a-lg{padding:120px !important}
.p-t-lg{padding-top:120px !important}
.p-r-lg{padding-right:120px !important}
.p-b-lg{padding-bottom:120px !important}
.p-l-lg{padding-left:120px !important}
.p-x-lg{padding-right:120px !important; padding-left:120px !important}
.p-y-lg{padding-top:120px !important; padding-bottom:120px !important}




.quiz-container {
  max-width: 700px;
  margin: 60px auto 20px;
  background: var(--bg-white-color);
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 30px 40px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

/* Barre de progression */
.quiz-container .progress-wrapper {
  position: relative;
  margin-bottom: 20px;
}
.quiz-container .progress {
  height: 8px;
  background: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 10px;
}
.quiz-container .progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--title-primary-color), var(--title-primary-color));
  width: 0%;
  transition: width 0.4s ease;
}
.quiz-container .progress-text {
    position: absolute;
    top: -30px;
    right: 0;
    font-size: 0.7em;
    font-weight: 900;
    color: #888;
    background: #ddd;
    padding: 3px 10px 4px;
    border-radius: 10px;
}
/* Question */
.quiz-container #questionBox {
  font-size: 1.3em;
  font-weight: 500;
  margin-bottom: 20px;
  color: var(--text-secondary-color);
}
/* Réponses */
.quiz-container .answers {
  list-style: none;
  padding: 0;
  margin: 0;
}
.quiz-container .answers li {
  margin: 0 0 8px 0;
  list-style: none;
}
.quiz-container .answer-option {
  display: flex;
  align-items: center;
  border: 1px solid var(--text-secondary-color);
  font-size: .9em;
  border-radius: 8px;
  padding: 6px 18px;
  cursor: pointer;
  transition: background 0.3s ease, border-color 0.3s ease;
  color: var(--text-secondary-color);
}
.quiz-container .answer-option .emoji {
  font-size: 1.4em;
  margin-right: 12px;
}
.quiz-container .answer-option input[type="radio"] {
  display: none;
}
.quiz-container .answer-option.selected {
  background: var(--bg-white-color);
  border-color: var(--nav-itemHover-color);
  color: var(--nav-item-color);
}
.answer-option:hover {
  background: #f8faff;
  border-color: var(--nav-itemHover-color);
  color: var(--bg-secondary-color);
}
/* Navigation */
.quiz-container #navigation {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.quiz-container button {
    animation: unset;
    background: var(--bg-white-color);
}
.quiz-container button#prevBtn i {
    animation: none;
    left: 20px;
}
.quiz-container button#nextBtn i {
    animation: none;
    right: 25px;
}
.quiz-container button#prevBtn span {margin: 1px 5px 0px 20px;z-index: 9;}
.quiz-container button#nextBtn span {
    z-index: 9;
    margin: 1px 20px 0px 5px;
}
.quiz-container button:hover:not(:disabled) {}
.quiz-container button:disabled {
    cursor: not-allowed;
    background: var(--bg-white-color);
}
/*
.quiz-container button {
  padding: 12px 24px;
  border: none;
  border-radius: 6px;
  font-size: 1em;
  font-weight: 500;
  cursor: pointer;
  background: linear-gradient(90deg, #6a5acd, #00c6ff);
  color: #ffffff;
  transition: background 0.3s ease;
}
.quiz-container button:hover:not(:disabled) {
  background: linear-gradient(90deg, #5840c4, #00a3d8);
}
.quiz-container button:disabled {
  background: #cccccc;
  cursor: not-allowed;
}
*/
/* Résultat final */
.quiz-container #resultBox {
  font-size: 1.2em;
  font-weight: 500;
  margin-top: 20px;
  color: #2b2e4a;
}

/* Résultat final */
.quiz-container .result-container {
  margin-top: 30px;
  padding: 30px;
  border-radius: 12px;
  background: #f6f7fb;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  text-align: center;
}
.quiz-container .result-container h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-weight: 600;
  color: var(--nav-itemHover-color);
}



* {
  --primary-color: #1d1d1f;         /* Noir adouci pour le texte principal */
  --secondary-color: #f2f2f7;       /* Gris clair pour les arrière‑plans */
  --accent-color: #007aff;          /* Bleu Apple pour les actions */
  --background-gradient: linear-gradient(135deg, #f6f7f9 0%, #eaeef2 100%);
  --card-background: #ffffff;
}


/* Conteneur des deux colonnes */
.faq-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  margin-top: 80px;
}
.faq-columns .faq-column-left {
  flex: 1 1 40%;
  min-width: 300px;
}
.faq-columns .faq-column-right {
  flex: 1 1 55%;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* Style des éléments FAQ (questions/accordéons) */
.faq-columns .faq-item {
  border-bottom: 1px solid #dcdfe6;
  padding: 0.6em 0;
}
.faq-columns .faq-question {
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--title-secondary-color);
  font-size: 1em;
  padding: .6em 0;
  border-radius: 8px;
  transition: background-color 0.3s, color 0.3s;
}
.faq-columns .faq-question:hover {
  color: var(--nav-itemHover-color);
}
.faq-columns .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  margin-top: 0.3em;
}
.faq-columns .faq-answer.active {
  max-height: 1000px;
}
.faq-columns .faq-toggle {
  font-size: 1.3em;
  line-height: 1;
  transition: transform 0.3s;
  color: var(--nav-itemHover-color);
}
.faq-columns .faq-question.open .faq-toggle {
  transform: rotate(45deg);
}

/* Style pour les formulaires et inputs */
.faq-columns .faq-answer form {
  margin: 0;
}
.faq-columns .form-group {
  margin: 1em 0 1.2em;
}
.faq-columns label {
  display: flex;
  margin-bottom: 0.4em;
  font-weight: 400;
  color: var(--nav-item-color);
  text-align: left;
  align-items: end;
  justify-content: flex-start;
}
.faq-columns select {
  width: 100%;
  padding: 0.5em;
  border: 1px solid #dcdfe6;
  border-radius: 6px;
  background: var(--title-white-color);
  font-size: 1em;
  margin: 0 0 .6em;
}

.faq-columns input[type="radio"] {
  margin-right: 1em;
  width: 14px;
  height: 14px;
  background: #FFF;
  border-radius: 30px;
  border: 3px solid #fff;
  outline: 2px solid #dadada;
}
.faq-columns input[name="objectif"]:checked {
    background: var(--nav-itemHover-color);
}
.faq-columns input[type="radio"] + span {
  cursor: pointer;
  text-align: left;
}

.faq-columns .recommendation-card {
  background-color: var(--bg-white-color);
  border-radius: 10px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  padding: 1.5em;
  line-height: 1.6;
  color: var(--primary-color);
  border-left: 4px solid var(--nav-itemHover-color);
  display: none;
  text-align: left;
}
.faq-columns .recommendation-card.show {
  display: block;
}
.faq-columns .recommendation-card h3 {
  margin-top: 0;
  font-size: 1.2em;
  margin-bottom: 0.8em;
  color: var(--nav-itemHover-color);
}

.faq-columns .cta {
  margin-top: 1.2em;
  font-weight: 600;
  text-align: center;
  color: var(--text-secondary-color);
}
.faq-columns .cta a {
  color: var(--accent-color);
  text-decoration: none;
  transition: color 0.3s;
}
.faq-columns .cta a:hover {
  text-decoration: underline;
}

/* Texte d'attente */
.faq-columns #attente {
  margin-top: 1em;
  color: #666;
  font-size: 0.95em;
}

/* Responsive layout */
@media (max-width: 768px) {
  .faq-columns {
    flex-direction: column;
  }
  .faq-columns .faq-column-left, .faq-columns .faq-column-right {
    flex: 1 1 100%;
  }
}




.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);justify-content: center;align-items: center;z-index:9999999999;opacity:0;transition:opacity .3s ease;overflow-y: auto;padding: 30px 0;}
.modal.active{display:flex;opacity:1}
.modal-content{display:flex;flex-direction:row;background: var(--bg-secondary-color);background: linear-gradient(100deg, var(--bg-primary-color) 0%, var(--bg-secondary-color) 65%, var(--bg-secondary-color) 100%);padding:40px;border-radius:20px;width:85%;max-width:900px;box-shadow:0 4px 20px rgba(0,0,0,.1);transform:scale(.95);animation:modalFadeIn .8s ease forwards;overflow: hidden;}

.modal .text-content{flex: 1.7;padding-right:30px}
.modal h2{font-size: 1.8rem;line-height: 1.2em;color:#fff;font-family:Arial,sans-serif;letter-spacing:1px;font-weight:600;animation:textFadeIn 1s ease-in-out;margin-bottom: 40px;}

.modal p{font-size: 1.1rem;color:#fff;margin: 15px 0;font-family:Verdana,sans-serif;line-height: 1.4;animation:textFadeIn 1.2s ease-in-out}
.modal strong {}
.modal p + p + p {
    margin-top: 0px;
}

.modal .close-link {
  background: none;
  border: none;
  color: var(--title-white-color);
  text-decoration: underline;
  cursor: pointer;
  font-size: 1rem;
  margin-top: 20px;
  transition: color 0.3s ease;
}
.modal .close-link:hover {color: var(--text-secondary-color);}

.modal .social-proof{font-size: .8rem;color:#fff;margin: 30px 0 0;font-style:italic;opacity:0;animation:socialProofFadeIn 1.4s ease-in-out forwards}

.modal .cta-button{background-color:#4caf50;color:#fff;padding: 18px 30px;border:none;border-radius:50px;margin-top: 20px;font-size: 1rem;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:transform .3s ease,background-color .3s ease;animation:buttonPop 1s ease-in-out infinite alternate, waPulse 1s ease-in-out infinite alternate;}
.modal .cta-button:hover{background-color:#45a049;transform:scale(1.05)}
.modal .cta-button:active{transform:scale(.95)}
.modal .close-btn{position:absolute;top:15px;right:15px;background:0 0;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:color .3s ease}
.modal .close-btn:hover{color:#ff4500}
.close-btn:focus,.cta-button:focus{outline:0}
.modal .image-content{flex:1;display:flex;justify-content:center;align-items: end;margin-bottom: -130px;margin-top: -20px;}
.modal .image-content .modal-img-self img{max-width:100%;height:auto;max-height:600px;}

.modal .image-content .modal-img-self {display: block;}
.modal .image-content .modal-img-logo {display: none;}



@keyframes modalFadeIn{
  from{opacity:0;transform:scale(.95)}
  to{opacity:1;transform:scale(1)}
}
@keyframes buttonPop{
  from{transform:scale(.8)}
  to{transform:scale(1)}
}
@keyframes textFadeIn{
  from{opacity:0;transform:translateY(-30px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes socialProofFadeIn{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}

@media (max-width:1024px){
    .modal {align-items: baseline;}
    .modal-content{flex-direction: column;padding: 20px;}
    .modal .text-content{padding-right:0;text-align:center}
    .modal .image-content{margin-top:20px;order:-1}
    .modal .image-content .modal-img-self {display: none !important;}
    .modal .image-content .modal-img-logo {display: block !important;margin: -20px 0 160px;max-width: 600px;width: 100%;}

    .modal h2 {font-size: 1.6rem;margin: 0 0 40px;}
    .modal p {font-size: 1rem;margin: 10px 0 20px;}
    .modal .social-proof {font-size: .8rem;}
    .modal .cta-button {font-size: 1.2rem;padding: 15px 30px;margin-bottom: 20px;}
}




.popup-exit {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.popup-exit.active {
  display: flex;
  opacity: 1;
  animation: fadeInModal 0.5s ease forwards;
}


.popup-exit .popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(10, 25, 47, 0.95) 0%, rgba(33, 13, 53, 0.95) 100%);
  backdrop-filter: blur(5px);
}

.popup-exit .popup-container {
  position: relative;
  width: 95%;
  max-width: 850px;
  transform: translateY(30px) scale(0.95);
  animation: slideUpModal 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s forwards;
}


.popup-exit .popup-content {
  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 
    0 25px 50px -12px rgba(0, 0, 0, 0.5),
    0 0 0 1px rgba(255, 255, 255, 0.1),
    0 0 50px rgba(59, 130, 246, 0.3);
  position: relative;
}

.popup-exit .popup-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #3b82f6, #8b5cf6, #10b981);
  background-size: 200% 100%;
  animation: gradientShift 3s ease infinite;
}



.popup-exit .popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem 0;
}

.popup-exit .popup-header .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: float 3s ease-in-out infinite;
}

.popup-exit .popup-header .headerTitle {display: flex; flex: 1; }


.popup-exit .popup-header .headerTitle h2.title {
  font-size: 1.5rem;
  color: #1e293b;
  margin: 0 10px;
  line-height: 1.3;
}

.popup-exit .popup-header .headerTitle .highlight {
  background: linear-gradient(90deg, #3b82f6, #8b5cf6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
}


.popup-exit .popup-header .close-btn {
  background: #f1f5f9;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.popup-exit .popup-header .close-btn:hover {
  background: #e2e8f0;
  transform: rotate(90deg);
}

.popup-exit .popup-header .close-btn svg {
  width: 20px;
  height: 20px;
  stroke: #64748b;
  stroke-width: 2;
}



.popup-exit .popup-body {
  padding: 1rem 2rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.popup-exit .popup-body .popup-body-col-1 {
    flex: 1.4;
    padding-right: 30px;
}
.popup-exit .popup-body .popup-body-col-2 {
    flex: 1;
}

.popup-exit .popup-body .offer-card {
  background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  border: 2px solid #38bdf8;
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  position: relative;
  overflow: hidden;
}

.popup-exit .popup-body .offer-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    45deg,
    transparent 30%,
    rgba(56, 189, 248, 0.3) 50%,
    transparent 70%
  );
  animation: shine 3s infinite;
}

.popup-exit .popup-body .offer-card p {
    color: #999;
    font-size: .8em;
    margin-bottom: 0;
}

.popup-exit .popup-body .offer-badge {
  position: absolute;
  top: 0;
  right: 0;
  background: #ef4444;
  color: white;
  padding: 0.4rem 0.6rem;
  border-radius: 0 12px 0 12px;
  font-size: 0.7rem;
  font-weight: 700;
  animation: pulseModal 2s infinite; 
}


.popup-exit .popup-body .offer-card h3 {
  color: #0c4a6e;
  margin: 0 0 0.5rem;
  font-size: 1.2rem;
}

.popup-exit .popup-body .discount {
  color: #ef4444;
  font-weight: 700;
}

.popup-exit .popup-body .features {
  margin-bottom: 1.5rem;
}

.popup-exit .popup-body .feature {
  display: flex;
  align-items: center;
  margin-bottom: 0.8rem;
  animation: slideInModal 0.5s ease forwards;
  opacity: 0;
}

.popup-exit .popup-body .feature:nth-child(1) { animation-delay: 0.5s; }
.popup-exit .popup-body .feature:nth-child(2) { animation-delay: 0.6s; }
.popup-exit .popup-body .feature:nth-child(3) { animation-delay: 0.7s; }
.popup-exit .popup-body .feature:nth-child(4) { animation-delay: 0.8s; }


.popup-exit .popup-body .features .feature-icon {
  width: 24px;
  height: 24px;
  background: #10b981;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  flex-shrink: 0;
}

.popup-exit .popup-body .features .feature-text {
  color: #475569;
  font-size: 0.95rem;
}


.popup-exit .popup-body .popup-form {
  margin-bottom: 1.5rem;
}

.popup-exit .popup-body .form-group {
  margin-bottom: 1rem;
}

.popup-exit .popup-body .form-group input,
.popup-exit .popup-body .form-group select {
  width: 100%;
  padding: 0.8rem 1rem;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  font-size: 1rem;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.popup-exit .popup-body .form-group input:focus,
.popup-exit .popup-body .form-group select:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.popup-exit .popup-body .cta-btn {
  width: 100%;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  border: none;
  padding: 1.2rem;
  border-radius: 10px;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
}

.popup-exit .popup-body .cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(59, 130, 246, 0.4);
}

.popup-exit .popup-body .cta-btn::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    to right,
    transparent 20%,
    rgba(255, 255, 255, 0.3) 50%,
    transparent 80%
  );
  transform: rotate(30deg);
  transition: transform 0.6s;
}

.popup-exit .popup-body .cta-btn:hover::after {
  transform: rotate(30deg) translate(20%, 20%);
}

.popup-exit .popup-body .btn-text {
  display: block;
  font-size: 1.1rem;
}

.popup-exit .popup-body .btn-subtext {
  display: block;
  font-size: 0.8rem;
  opacity: 0.9;
  font-weight: 400;
}

.popup-exit .popup-body .guarantee {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  color: #64748b;
  font-size: 0.85rem;
}

.popup-exit .popup-body .guarantee-icon {
  margin-right: 0.5rem;
}

.popup-exit .popup-body .social-proof {
  background: #f8fafc;
  border-radius: 12px;
  padding: 1rem;
  text-align: center;
  border: 1px solid #e2e8f0;
}

.popup-exit .popup-body .social-proof .stars {
  color: #fbbf24;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.popup-exit .popup-body .social-proof .testimonial {
  font-style: italic;
  color: #475569;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}

.popup-exit .popup-body .social-proof .client {
  color: #64748b;
  font-size: 0.85rem;
}

.popup-exit .popup-footer {
  padding: 1rem 2rem 1.5rem;
  text-align: center;
}

.popup-exit .popup-footer .close-link {
  background: none;
  border: none;
  color: #64748b;
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.9rem;
  transition: color 0.3s ease;
}

.popup-exit .popup-footer .close-link:hover {
  color: #3b82f6;
}


@keyframes fadeInModal {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeOutModal {
  from { opacity: 1; }
  to { opacity: 0; }
}
@keyframes slideUpModal {
  to {
    transform: translateY(0) scale(1);
  }
}
@keyframes slideInModal {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes shine {
  0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
  100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}
@keyframes pulseModal {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.8; }
}
@keyframes shakeModal {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
  20%, 40%, 60%, 80% { transform: translateX(5px); }
}

/* Responsive */
@media (max-width: 640px) {
  .popup-exit .popup-container {
    width: 95%;
    margin: 1rem;
  }
  
  .popup-exit .popup-header,
  .popup-exit .popup-body {
    padding: 1rem;
  }
  
  .popup-exit .popup-header .title {
    font-size: 1.3rem;
  }
  
  .popup-exit .popup-body .offer-card h3 {
    font-size: 1.1rem;
  }
  
}


.animate-blink{animation-name:animate-blinker; animation-duration:4s; animation-timing-function:linear; animation-iteration-count:infinite; -moz-animation-name:animate-blinker; -moz-animation-duration:4s; -moz-animation-timing-function:linear; -moz-animation-iteration-count:infinite; -webkit-animation-name:animate-blinker; -webkit-animation-duration:4s; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count:infinite}
.animate-floating{animation-name:animate-floating; animation-duration:3.5s; animation-timing-function:linear; animation-iteration-count:infinite; -moz-animation-name:animate-floating; -moz-animation-duration:3.5s; -moz-animation-timing-function:linear; -moz-animation-iteration-count:infinite; -webkit-animation-name:animate-floating; -webkit-animation-duration:3.5s; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count:infinite}
.animate-flash{animation-name:animate-flash; animation-duration:3.5s; animation-timing-function:linear; animation-iteration-count:infinite; -moz-animation-name:animate-flash; -moz-animation-duration:3.5s; -moz-animation-timing-function:linear; -moz-animation-iteration-count:infinite; -webkit-animation-name:animate-flash; -webkit-animation-duration:3.5s; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count:infinite}
.animate-tada{animation-name:tada; animation-duration:1s; animation-timing-function:linear; animation-iteration-count:4; -moz-animation-name:tada; -moz-animation-duration:1s; -moz-animation-timing-function:linear; -moz-animation-iteration-count:4; -webkit-animation-name:tada; -webkit-animation-duration:1s; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count:4}
.animate-fadeInUp{animation-name:fadeInUp; animation-duration:1s; animation-timing-function:linear; -moz-animation-name:fadeInUp; -moz-animation-duration:1s; -moz-animation-timing-function:linear; -webkit-animation-name:fadeInUp; -webkit-animation-duration:1s; -webkit-animation-timing-function:linear}
.loader{display:none; position:fixed; top:50%; left:50%; right:0; bottom:0; z-index:99999999999999; height:300px; width:300px; background-color:#fff; text-align:center !important; overflow:hidden !important; border-radius:50%; display:flex; align-items:center; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); box-shadow:0 5px 34px -6px rgba(80, 80, 80, 0.4); animation:anime-loader-resize 1s}
.loader-overlay{display:none; content:''; position:fixed; display:block; left:0; top:0; width:100%; height:100%; background-color:rgba(100,100,100,.8); z-index:999999 !important}
.loader svg{width:30%}
.loader-inner{margin-right:auto !important; margin-left:auto !important; text-align:center}
.bg-parallax{background-attachment:fixed; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover}
.bg-overlay{position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; zoom:1; background:rgb(98 98 98 / 30%)}
:root .bg-overlay{filter:none\0/IE9}
.valign{display:flex; align-items:center}
.vh-center{position:absolute; top:50%; left:50%; margin-right:auto !important; margin-left:auto !important; display:flex; align-items:center; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.wrapper{background:none repeat scroll 0 0 transparent; position:relative; height:100%; width:100%; z-index:1500 !important; transform:translate3d(0,0,0)}

#snow-canvas{position:fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:9999999999; transition:opacity 1000ms ease-in-out; /*opacity:0; */}
#snow-canvas.visible{opacity:1}

#navbar { will-change: transform; }
.liquid-glass{background-color:var(--glass-background) !important; border:1px solid var(--glass-border) !important; backdrop-filter:blur(5px) saturate(300%); -webkit-backdrop-filter:blur(5px) saturate(300%); box-shadow:var(--glass-shadow-color) !important}
.navbar{position:fixed; top:20px; left:50%; transform:translate(-50%,0); width:95%; max-width:1200px; height:var(--navbar-height); background:var(--glass-background); border-radius:var(--border-radius); border:1px solid var(--glass-border); z-index:1999; transition:all .5s cubic-bezier(.68, -.55, .265, 1.55)}
.navbar.shrink{width:var(--navbar-shrink-width); height:var(--navbar-shrink-height); top:10px}
.nav-container{display:flex; justify-content:space-between; align-items:center; height:100%; padding:0 25px}
.nav-logo{display:flex;align-items:center;transition:all var(--transition-speed);z-index:10;height:100%;max-width: 260px;}
.nav-logo a {height: 95%;margin-left: -10px;margin-top: -5px;}
.nav-logo img {height: 100%;width: auto;}
.nav-menu{display: flex;transition:opacity var(--transition-speed);width:auto;}
.navbar.shrink .nav-menu, .hideMenu{display:none !important}
.menu-level-1{display:flex;list-style:none;}
.menu-level-1>li{position:relative;margin: 0 10px;list-style:none}
.menu-level-1>li>a{display:flex;align-items:center;padding:10px 15px !important;color:var(--nav-item-color);text-decoration:none;font-weight:500;border-radius:20px;transition:all .3s}
.menu-level-1>li>a:hover{background-color:var(--nav-itemHover-color); color:#fff}
.menu-level-1>li>a i:first-child{margin-right:8px}
.menu-level-1>li>a .fa-chevron-down{margin-left:5px; font-size:.8rem; transition:transform .3s}
.has-submenu:hover>a .fa-chevron-down{transform:rotate(180deg)}
.menu-level-2, .menu-level-3{position:absolute; list-style:none; background:var(--glass-background); backdrop-filter:blur(20px) saturate(180%); -webkit-backdrop-filter:blur(20px) saturate(180%); border:1px solid var(--glass-border); border-radius:15px; box-shadow:0 10px 40px var(--shadow-color); padding:10px; min-width:200px; opacity:0; visibility:hidden; transform:translateY(10px); transition:all .3s; z-index:100}
.menu-level-2{top:calc(100% + 5px); left:0}
.menu-level-3{top:0; left:calc(100% + 5px)}
.has-submenu:hover>.menu-level-2{opacity:1; visibility:visible; transform:translateY(0)}
.menu-level-2>li{position:relative; margin:5px 0; list-style:none}
.menu-level-2>li>a, .menu-level-3>li>a{display:flex; align-items:center; padding:10px 15px; color:var(--nav-item-color); text-decoration:none; border-radius:10px; transition:all .3s; position:relative}
.menu-level-2>li:hover>.menu-level-3{opacity:1; visibility:visible; transform:translateY(0)}
.menu-level-2>li>a:hover, .menu-level-3>li>a:hover{background-color:var(--nav-itemHover-color); color:#fff}
.has-submenu .menu-level-2::before{content:''; position:absolute; top:-10px; left:0; width:100%; height:10px; background:0 0}
.menu-level-2>li .menu-level-3::before{content:''; position:absolute; top:0; left:-10px; width:10px; height:100%; background:0 0}
.nav-right{display:flex;align-items:center;gap: 5px;height:100%}
.dark-mode-toggle{display:flex;align-items:center;margin-top:5px;position:relative;right: 0px;}
.toggle-checkbox{display:none}
.toggle-label{position:relative; display:flex; align-items:center; width:60px; height:30px; background-color:#666; border-radius:50px; cursor:pointer; padding:5px; transition:background-color .3s}
.dark-mode .toggle-label{background-color:#eee}
.toggle-ball{position:absolute; width:22px; height:22px; background-color:#fff; border-radius:50%; transition:transform 1.4s; z-index:1}
.toggle-checkbox:checked+.toggle-label .toggle-ball{transform:translateX(30px); background-color:#666}
.toggle-label i{position:absolute; font-size:16px; z-index:1}
.toggle-label .fa-sun{left:8px; color:#f39c12}
.toggle-label .fa-moon{right:8px; color:#eee}
.language-select{position:relative}
.language-select select{appearance:none; background-color:transparent; border:1px solid var(--glass-border); border-radius:15px; padding:8px 35px 8px 40px; color:var(--nav-item-color); font-weight:500; cursor:pointer; outline:0; transition:all .3s}
.language-select select:hover{border-color:var(--nav-itemHover-color)}
.language-select i{position:absolute; right:12px; top:50%; transform:translateY(-50%); pointer-events:none; font-size:.8rem; color:var(--nav-itemWhite-color)}
.language-flag{position:absolute; left:12px; top:50%; transform:translateY(-50%); width:20px; height:15px; overflow:hidden; border-radius:2px}
.language-flag img{width:100%; height:100%; object-fit:cover}
.contact-button{display:flex; align-items:center; background-color:#37862c; border-radius:25px; padding:3px 10px 3px 7px; cursor:pointer; transition:all .3s; animation: waPulse 1s infinite; box-shadow:var(--glass-shadow-color); position:relative; right:-5px}
.contact-button:hover{transform:scale(1.15); box-shadow:0 6px 16px rgba(37,211,102,.4)}
.contact-avatar{width:45px; height:45px; border-radius:50%; overflow:hidden; margin-right:10px; border:2px solid #fff}
.contact-avatar img{width:100%; height:100%; object-fit:cover}
.contact-info{display:flex; flex-direction:column; padding-right:10px}
.contact-line{text-transform:uppercase; height:11px; margin-bottom:1px; font-size:9px; font-weight:bold; padding:0 !important; color:#fff}
.contact-line.phone{font-size: .85rem;color:#fff;background-color:transparent;height:auto;white-space:nowrap;margin-bottom:0}
.contact-icon{display:none; align-items:center}
.contact-icon i{font-size:32px; color:#fff; text-shadow:3px 3px 4px rgba(0,0,0,.4)}
.mobile-menu-overlay{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0); z-index:2000; opacity:0; visibility:hidden; transition:all .5s cubic-bezier(.68, -.55, .265, 1.55)}
.mobile-menu-overlay.active{opacity:1; visibility:visible; background-color:rgba(0,0,0,.7)}
.mobile-menu-container{position:absolute; top:0; right:0; width:85%; max-width:400px; height:100%; background:var(--glass-background); backdrop-filter:blur(30px) saturate(180%); padding:30px; transform:translateX(100%); transition:transform .5s cubic-bezier(.68,-.55,.265,1.55); overflow-y:auto; box-shadow:-10px 0 30px rgba(0, 0, 0, .2)}
.mobile-menu-overlay.active .mobile-menu-container{transform:translateX(0)}
.mobile-menu-header{display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid var(--glass-border)}
.mobile-menu-header h3{font-size:1.8rem; color:var(--title-primary-color)}
.close-menu{background:0 0; border:none; font-size:1.5rem; color:var(--nav-item-color); cursor:pointer; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:50%; transition:background-color .3s}
.close-menu:hover{background-color:var(--bg-primary-color); color:#fff}
.mobile-menu{list-style:none}
.mobile-menu>li{margin-bottom:15px}
.mobile-menu>li>a{display:block; padding:15px; color:var(--nav-item-color); text-decoration:none; font-size:1.1rem; font-weight:500; border-radius:10px; transition:all .3s}
.mobile-menu>li>a:hover{background-color:var(--bg-primary-color); color:#fff}
.mobile-submenu{list-style:none; margin-left:20px; margin-top:10px; display:none}
.mobile-submenu.active{display:block}
.mobile-submenu li{margin-bottom:10px}
.mobile-submenu li a{display:block; padding:10px 15px; color:var(--nav-item-color); text-decoration:none; border-radius:8px; transition:all .3s}
.mobile-submenu li a:hover{background-color:rgba(10,132,255,.1)}
.mobile-submenu-toggle{float:right; transition:transform .3s}
.mobile-submenu-toggle.active{transform:rotate(180deg)}

body.menu-open{overflow:hidden}
body.menu-open .content{transform:scale(.85) translateX(-5%); border-radius:20px; overflow:hidden; box-shadow:0 0 30px rgba(0,0,0,.2); position:relative; z-index:1500; background:var(--bg-primary-color)}
body.menu-open::before{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:1499; opacity:0; transition:opacity .5s ease}
body.menu-open::before{opacity:1}
.flag-option{display:flex; align-items:center; padding:5px 10px}
.flag-option span{margin-right:8px; font-size:1.2rem}
.bounce-effect{animation:bounce-effect 0.5s ease}
.nav-header{display:none;position:fixed;width:100%;height:100%;top:0;z-index:1800;overflow:hidden;top: 80px;}
.nav-header.zindexMenu{position:fixed; z-index:99999 !important; display:inline-table; top:0 !important; left:0 !important; width:100% !important; height:100vh !important; pointer-events:auto; overflow-y:auto !important}
.nav-header.zindexMenu .menu{overflow-x:auto;}
.nav-header.zindexLoading{background-color:rgba(55,55,55,.9)}
body.overflowMenu{overflow:hidden}
.nav-header .header-container{padding:0}
.nav-header .header-container.active{overflow-y:auto; overflow-x:hidden}
.nav-header .menu{display:inline-block;position:absolute;text-align:center;width:100%;height:100%;top: 80px;}
.nav-header .menu .menu-circle{background-color:var(--bg-whiteAlt-color); width:46px; height:46px; left:calc(100% - 60px); top:50%; transform:translate(0,-50%); position:fixed; overflow:hidden; border-radius:50%; z-index:0; box-shadow:0 0px 10px 2px rgba(100, 100, 100, .4); transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out}
.nav-header .menu.open .menu-circle{transform:scale(165) !important}
.nav-header .menu .nav{position:relative;opacity:0 !important;width:100%;height:auto;overflow-x:auto;transition:all .3s linear !important;-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;}
.nav-header .menu .nav.open{top:0;opacity:1 !important;pointer-events: initial;right: 0;}
body.dark-mode .nav-header .menu .nav img.lightMode{display:none !important}
body.dark-mode .nav-header .menu .nav img.darkMode{display:block !important}
body:not(.dark-mode) .nav-header .menu .nav img.lightMode{display:block !important}
body:not(.dark-mode) .nav-header .menu .nav img.darkMode{display:none !important}
.nav-header .menu .nav img{display:inline-block; margin:40px auto; max-width:500px}
.nav-header .menu .nav ul{clear:left; display:block; width:300px; height:100%; margin:0 auto; padding:0; border-radius:3px; list-style:none outside none}
.nav-header .menu .nav ul li{list-style:none}
.nav-header .menu .nav ul li:last-child{margin-left:0}
.nav-header .menu .nav ul li > a{line-height:1.8em; list-style:none outside none; padding:2px 20px; margin:20px 22px 25px 3px; border-bottom:3px solid var(--bg-whiteAlt-color) !important; text-align:center; display:list-item; transition:all 0.2s ease-in-out; text-transform:uppercase; font-weight:700; font-size:1.4em; letter-spacing:.15em; color:var(--nav-item-color)}
.nav-header .menu .nav ul li:hover > a{color:var(--nav-itemHover-color); border-bottom:3px solid var(--nav-itemHover-color) !important; text-decoration:none}
.nav-header .menu .nav .call2me-menu{position:relative; display:block; margin:40px 0 20px; padding-bottom:80px; color:var(--nav-item-color)}
.nav-header .menu .nav .call2me-menu p.call2action strong{font-size:18px; line-height:28px; color:var(--nav-item-color)}
.nav-header .menu .nav .call2me-menu div.call2me{font-size:20px !important; margin:25px auto 0 !important; width:265px; color:var(--nav-item-color)}
.nav-header.zindexMenu .beta-version{display:none}
.nav-header .beta-version{position:fixed; display:block; right:16px; top:80px; width:52px; font-weight:700; font-size:11px; text-align:center; padding:3px 0 1px; background-color:var(--nav-strip-bg-color); border:1px solid var(--nav-strip-border-color); border-radius:14px; color:var(--nav-strip-color); opacity:0.9 !important; box-shadow:0 2px 10px -2px rgba(80,80,80,0.8)}
.nav-header .menu .strip-menu{position:fixed;width:40px;height:40px;top:50%;transform:translate(0,-50%);right:13px;float:right;padding:22px;margin:0;outline:none;border:2px solid var(--nav-strip-border-color);background-color:var(--nav-strip-bg-color);border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow: 0 0 10px -2px rgba(100, 100, 100, .4);}
.nav-header .menu .strip-menu svg{width:45px; height:45px; top:50%; transform:translate(-50%,-50%); stroke:var(--nav-strip-color); stroke-width:4px; stroke-linecap:round; stroke-linejoin:round; fill:none; display:block; position:absolute}
.nav-header .menu .strip-menu svg path{transition:stroke-dasharray var(--duration,0.85s) var(--easing, ease) var(--delay, 0s), stroke-dashoffset var(--duration,0.85s) var(--easing, ease) var(--delay, 0s); stroke-dasharray:var(--array-1, 26px) var(--array-2, 100px); stroke-dashoffset:var(--offset, 126px); -webkit-transform:translateZ(0); transform:translateZ(0)}
.nav-header .menu .strip-menu svg path:nth-child(2){--duration:.7s; --easing:ease-in; --offset:100px; --array-2:74px}
.nav-header .menu .strip-menu svg path:nth-child(3){--offset:133px; --array-2:107px}
.nav-header .menu .strip-menu.active svg path{--offset:57px}
.nav-header .menu .strip-menu.active svg path:nth-child(1), .nav-header .menu .strip-menu.active svg path:nth-child(3){--delay:.15s; --easing:cubic-bezier(.2,.4,.2,1.1)}
.nav-header .menu .strip-menu.active svg path:nth-child(2){--duration:.4s; --offset:2px; --array-1:1px}
.nav-header .menu .strip-menu.active svg path:nth-child(3){--offset:58px}
.border{border-left:5px solid rgba(255,255,255,0.6); padding:0 0 0 20px}
.greycontainer .border{border-left:5px solid var(--title-primary-color) !important}
.greycontainer a{color:var(--title-primary-color) !important}
.hero{margin:0 auto; position:relative; width:90%; z-index:80; text-align:left; padding:55px 20px 30px}
.hero.bg-video{background:url('../img/video/bg-video.jpg') center no-repeat; background-size:cover}
.hero.bg-video video{width:100%}
.hero.bg-video .bg-overlay{width:100%}
.hero.bg-video p{color:var(--title-white-color) !important}
.hero.bg-video > div, .hero.bg-video .bg-overlay, .hero.bg-video .container{border:none !important}
.hero.hero-countdown{height:900px; width:100%; margin-top:-320px; margin-bottom:-200px; position:relative; overflow:hidden; z-index:-1; padding:0}
.hero-svg{-moz-transform:scaleY(-1); -o-transform:scaleY(-1); -webkit-transform:scaleY(-1); transform:scaleY(-1); filter:FlipV; -ms-filter:"FlipV"}
.hero>div{border-left:5px solid var(--title-primary-color); margin:20px 0}
.hero:after{content:""; display:block; clear:both}
.hero h3{margin:40px 0; color:var(--title-primary-color); text-shadow:1px 2px 3px var(--text-primary-color); border-left:5px solid var(--title-primary-color); padding:0 0 0 20px}
.hero h4{color:var(--title-primary-color); font-size:16px; font-weight:600; opacity:0.6; filter:alpha(opacity=60); padding:0 0 5px 0; text-align:left}
.hero h5{color:var(--title-primary-color); font-size:22px; font-weight:700; text-align:left; padding-bottom:0px}
.hero p:before{content:''; display:block; clear:both; height:50px}
.hero blockquote p:before{content:''; display:inline; clear:none; height:0}
.bigspace{height:4em; clear:both}
.content-resume{margin:0 auto; position:relative; z-index:110; width:100%; text-align:center; background-color:var(--bg-white-color); margin-top:-80px}
.small{background-color:rgba(210,210,210,0.3); border-radius:3px; color:#fff; display:inline; font-size:12px; font-weight:700; margin-top:-1px; padding:3px 10px; float:right}
.date{color:#fff; display:block; font-size:14px; font-weight:700; padding:0 0 20px; border-bottom:1px solid rgba(200,200,200,0.5)}
footer .content{padding:40px 0 !important; text-align:center !important}
footer{position:relative !important; z-index:1109 !important; width:100% !important; height:auto !important; margin-top:-5px; overflow:hidden; padding:45px 0 130px 0 !important}
.footer-links a{font-size:16px; font-weight:400; line-height:25px !important}
.footer-links a:hover{border-bottom:1px solid #FFF !important}
.footer-links a.footer-links-title{text-transform:uppercase; font-size:16px !important; font-weight:bold !important; margin-bottom:20px !important; border-bottom:2px solid #fff !important; margin-bottom:15px !important; position:relative; display:inline-block}
footer.bluecontainer .footer-links a, footer.redcontainer .footer-links a, footer.greycontainer .footer-links a{color:#fff !important; line-height:36px !important}
footer .sitemap{line-height:28px !important}
footer #email-me{line-height:32px !important; padding:10px 25px}
footer #call-me{line-height:32px !important; padding:10px 25px}
footer ul.footer-tags{position:relative; height:0px !important; margin:-20px 0 0 0 !important; padding:0 !important}
footer ul.footer-tags, footer ul.footer-tags h3, footer ul.footer-tags li{font:0/0 a !important; color:transparent !important; text-shadow:none !important; background-color:transparent !important; border:0 !important}
footer .footer-browser i{text-align:center; margin:5px auto 20px; font-size:18px; color:#777; opacity:0.7}
footer.bluecontainer .footer-browser i{color:#fdfdff !important}
footer.greycontainer{background-color:#c0c0c0; box-shadow:none !important}
footer.bluecontainer{background-color:var(--bg-primary-color); box-shadow:none !important}
footer.darbluecontainer{background-color:#0875bd}
footer.greycontainer p{color:#777 !important}
footer.greycontainer a{color:#818181 !important}
footer.greycontainer p.bye-block{color:#fff !important}
footer.greycontainer small{color:#888 !important}
footer p{color:#fff; font-weight:400; font-size:14px; line-height:1.6em; text-align:center}
footer p.copyright i.fa.icon-heart{color:#FFF !important}
footer p.copyright i.fa.icon-code{color:#FFF !important}
footer a.footer-browser{width:28px; height:28px; position:relative; display:inline-block; margin:5px auto 30px; text-align:center}
footer a.footer-browser i{text-align:center}
#toTop{display:none; position:fixed; bottom:15px; right:13px !important; width:54px; height:54px; background-image:url('../img/up.png'); background-repeat:no-repeat; background-size:54px 54px; opacity:0.2; filter:alpha(opacity=20); transition:opacity 0.6s ease-in-out; z-index:9999}
#toTop:hover{opacity:0.4; filter:alpha(opacity=40)}
#data-banner{position:fixed; z-index:1600; margin:20px !important; max-width:655px; width:calc(100% - 40px); height:auto; left:50%; bottom:-5px; transform:translateX(calc(-50% - 20px))}
#data-banner div{position:relative; width:100%; height:100%; background:var(--bg-white-color); border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:17px; box-shadow:0 3px 15px -2px rgba(100,100,100,.4)}
#data-banner p, #data-banner a{font-size:.9em;line-height:1.5em;text-align:center;color: var(--nav-item-color);margin:0;padding:8px 30px 6px 65px}
#data-banner a{color:var(--nav-itemHover-color) !important; font-weight:600 !important; padding:0; margin:0}
#data-banner button.close-data-banner{cursor: pointer;position:absolute;color:var(--text-secondary-color) !important;top:2px;right:8px;background:none !important;border:none !important;padding:0 !important;margin:0 !important;width:20px !important;height:30px !important;cursor: pointer;}
#data-banner button.accept-data-banner{cursor: pointer;background-color:#3a8529 !important;color:#FFF !important;padding:1px 10px 2px 10px !important;border-radius:4px;font-size:.8em;font-weight:bold;border:none !important;margin:0 !important;text-transform:uppercase;transform:scale(.9);cursor: pointer;}
#data-banner button.accept-data-banner:hover, #data-banner button.close-data-banner:hover {transform: scale(1.05);opacity: 1;}
#data-banner img.data-mascot{position:absolute; width:70px; height:auto; left:-15px; top:-15px; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0)}
#pwaInstallBanner{position:fixed;top:0;left:0;background-color:#f2f2f6;border-bottom:1px solid #ddd;border-top:1px solid #bbb;padding:6px 0;width:100%;z-index:9600;box-shadow:0 3px 15px -3px rgba(100,100,100,.2)}
#pwaInstallBanner .pwatitle{font-family:"Trebuchet MS", arial, sans-serif; line-height:22px; font-size:1.3em; margin-left:15px}
#pwaInstallBanner tr td img{box-shadow:0 2px 5px -1px rgba(100,100,100,.6)}
#pwaInstallBanner .box{color:#333; font-family:arial, sans-serif; font-size:14px; line-height:1em}
#pwaInstallBanner .muted{color:#999; font-family:"Trebuchet MS", verdana, arial, sans-serif; font-size:1em; line-height:1.2em; margin-left:15px}
#pwaInstallBanner .gold{color:#f09a37; font-family:monospace, sans-serif; font-size:1.5em; letter-spacing:2px; line-height:.9em}
#pwaInstallBanner .close{background-color:unset; border:0; color:#707070; padding:15px 15px 15px 10px; margin:0; font-family:consolas, monospace; font-size:25px; line-height:1em; text-decoration:none; transition:none !important; animation:none !important}
#pwaInstallBanner #pwa_install{cursor: pointer;color:white; background-color:#e53631; border-radius:40px; border:2px solid #FFF; box-shadow:0 0 10px -2px rgba(100,100,100,.5); padding:8px 24px; display:inline-block; font-family:arial, sans-serif; font-size:14px; font-weight:600; text-transform:uppercase; margin-left:15px; margin-right:1.2em; text-decoration:none; line-height:18px}
.bg-blue{background-color:#e52424}
.mobileSpace{visibility:hidden}
.grabbing{cursor:url("../img/grabbing.png") 8 8, move}
.is-hidden {display: none !important;}


#social-container{position:fixed; width:100%; height:60px; bottom:85px; margin:0 auto; z-index:1800; pointer-events:none}
#social-row{width:100%;max-width:340px;height:110px;margin:0 auto;pointer-events:auto;border-radius:8px;color:var(--text-primary-color) !important; /*background-color:var(--bg-white-color) !important; box-shadow:0 5px 15px -2px rgba(0,0,0,0.6); */}
#social-row p.call2action, .menu .nav .call2me-menu p.call2action{font-size:16px; line-height:22px; color:var(--nav-item-color); margin:0; letter-spacing:0; padding-top:8px; margin-bottom:-12px; text-align:center}
#social-row div.call2me, .menu .nav .call2me-menu div.call2me{font-size:22px;color:#fff !important;font-weight:100;text-align:left;text-indent: 2px;padding: 0px 15px 4px 10px;background-color:#038728;border-radius:50px;border:1px solid #25d366 !important;margin:20px auto 7px;width:auto;animation:waPulse 1s infinite;display: inline-block;text-align: center;}
#social-row div.call2me a i, .menu .nav .call2me-menu div.call2me a i{background-color:#fff; color:#038728; width:24px; height:24px; line-height:20px; margin-right:3px; top:-2px; position:relative; border-radius:25px; border:2px solid #038728; box-shadow:0 0 0 2px #fff; font-size:12px; text-align: center;}
#social-row div.call2me a, .menu .nav .call2me-menu div.call2me a{font-size: 18px;color:#fff !important;}

#WAlink { background-color: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 8px rgba(0, 0, 0, .1); color: #fff !important; display: block; padding: 4px; right: 20px; bottom: 20px; position: fixed;z-index: 99999;transition: all 2s;float: right;} 
#WAlink:hover{background-color: #25D366;}`;

.h-color{color:#e52424 !important; padding:0 0 0 20px; margin-bottom:20px}
img.crossbrowser{width:100%; height:auto; max-width:643px; margin:0 auto; filter:var(--section-img-xlg)}
img.branding{width:100%; height:auto; max-width:831px; margin:0 auto; filter:var(--section-img-xlg)}
.carousel-services img{filter:var(--services-carrousel-filter)}
div.photo-div{overflow:hidden; box-shadow:0 4px 6px 4px rgba(0,0,0,0.2); border:8px solid rgba(255, 255, 255, 1); border-radius:50%; width:200px; height:200px; text-align:center; margin:0 auto 20px; z-index:1540; position:absolute; top:-340px; float:right; right:160px}
.container-material div.photo-div{float:none; position:relative; top:0; right:0}
.div-photo{height:80px; margin:0 !important; padding-top:20px}
.div-photo div.photo-div{top:-90px}
div.widget-visible > iframe{min-height:60px !important; min-width:60px !important; max-height:60px !important; max-width:60px !important; height:60px !important; width:60px !important; box-shadow:0 4px 10px 0px rgba(100,100,100,0.6) !important; border-radius:50% !important}
li.checkmark{list-style:none outside none}
li.checkmark:before, p.checkmark:before{content:'✔'; margin-left:-19px; margin-right:6px; font-size:20px}
blockquote{border:0 none; display:block; margin:3.5em 0 .5em 2em; padding:0; text-align:left}
blockquote p{display:inline-block; font-family:"Verdana", sans-serif; font-size:42px; font-style:normal; font-weight:700; line-height:1.4em; margin:0; width:90%; color:#fff; text-align:left !important}
blockquote:after, blockquote:before{color:rgba(200,200,200,0.9); display:inline-block; font-family:georgia; font-size:126px; position:absolute; width:6%}
blockquote:after{content:"\201D"; vertical-align:bottom; overflow:visible; bottom:-60px; float:right; margin-right:30px; margin-left:-30px; line-height:30px}
blockquote:before{content:"\201C"; display:inline-block; float:left; width:6%; border:3px; margin:-80px 0 0 -40px !important}
.content-material{background-color:var(--bg-white-color); overflow:hidden; width:100%; max-width:1280px; padding:60px 35px !important; top:-300px; margin-bottom:-200px !important; box-shadow:0 -30px 30px 4px rgb(0 0 0 / 20%)}
.content-material .border{color:var(--title-primary-color) !important; margin:15px 0 20px; border-left:5px solid var(--title-primary-color); padding:0 0 0 20px}
.content-material .border.s-title{margin-bottom:30px; margin-top:50px}
.content-material h3:first-child{margin-top:0px !important; margin-bottom:20px !important}
.content-material h3{margin-top:25px !important; margin-bottom:20px !important}
.content-material p{margin-bottom:30px; color:var(--text-primary-color) !important; text-align:justify; margin-bottom:15px}
.content-material a{color:#e52424}
.content-material a:hover{color:#e52424}
.content-material .p-title a{border-bottom:2px solid #e52424 !important; padding-bottom:5px; line-height:1.6em !important}
.content-material .p-title a:hover{border-bottom:4px solid #e52424 !important; padding-bottom:0px !important}
.content-material ul.material{font-size:24px}
.content-material.content-services h4{color:#e52424}
.content-material.content-services h3{color:#e52424; display:inline-block; padding:0 0 0 15px; margin:40px 0 20px !important; border-left:5px solid #e52424}
.content-material.content-services h3 a, .servicescontainer h3 a{padding-bottom:5px; line-height:1.6em}
.content-material.content-services h3 a:hover, .servicescontainer h3 a:hover{border-bottom:4px solid #e52424 !important; padding-bottom:0px !important}
.content-material.content-services h5{color:#e52424; text-align:center !important; margin-top:-40px; font-size:18px; letter-spacing:-1px}
.content-material.content-services ul li{color:#777; font-size:18px; font-weight:400; letter-spacing:-0.5px; padding-bottom:5px}
.content-material.content-services .row .skill-list{margin-top:20px}
.content-material.content-services .row .skill{margin-top:20px; padding:0 10px}
.infopanel p{text-shadow:none !important}
.content-material .wrap-article{margin-top:-250px}
.wrapper.wrap-article{margin-top:-130px}
.wrapper .container{margin-top:-12px}
.services-details{text-align:center !important}
.services-details a:hover{text-decoration:none !important}
.services-details .services-circle{margin:60px auto 20px !important; border-radius:40px; border:3px solid #e52424; width:180px; height:180px; text-align:center; -webkit-transition:all .6s ease-in; -moz-transition:all .6s ease-in; -o-transition:all .6s ease-in; transition:all .6s ease-in}
.services-details .services-circle:hover{border:10px solid #e52424}
.services-details .services-circle:hover i{color:#e52424; font-size:80px; line-height:145px; margin-top:8px}
.services-details .services-circle i{text-align:center; font-size:100px; color:#e52424; opacity:1; filter:alpha(opacity=100); width:100%; line-height:176px; -webkit-transition:all .6s ease-in; -moz-transition:all .6s ease-in; -o-transition:all .6s ease-in; transition:all .6s ease-in}
.services-details .services-circle.circle-fill{background-color:#e52424}
.services-details .services-circle.circle-fill i{color:#fff !important}
.services-details h2{font-size:18px; color:#e52424 !important; text-align:center; margin-top:15px; margin-bottom:10px; letter-spacing:0.05px}
.services-details .owl-controls .owl-page:hover span{background:#999 !important; border:2px solid #fff !important}
.services-details .owl-controls .owl-page span{background:#999 !important; border:1px solid #fff !important}
.services-details .owl-controls .owl-page.active span{background:#fff !important; border:1px solid #999 !important}
.services-details.inverse .services-circle:hover{border:10px solid #fff !important}
.services-details.inverse .services-circle:hover i{color:#fff !important; margin-top:10px; margin-left:1px}
.services-details.inverse .services-circle{border:3px solid #fff !important}
.services-details.inverse .services-circle i{color:#fff !important}
.services-details.inverse h2{color:#fff !important}
.container-material .contact-me{background-color:#e52424; margin:60px -35px 40px !important; padding:20px 45px !important}
.container-material .contact-me + div h3{text-align:left; margin:0 auto; display:table; margin-bottom:15px}
.container-material .contact-me h2, .greycontainer.beforeFooter .contact-me h2{font-size:28px !important; text-align:right; color:#e52424 !important; letter-spacing:-.5px; line-height:42px; margin:40px 0}
.container-material .contact-me h2{color:#fff !important; opacity:1 !important; text-shadow:1px 3px 4px rgba(84,84,84,0.6) !important}
.beforeFooter h2 a{line-height:1.6em !important}
.beforeFooter h2 a:hover{border-bottom:4px solid #e52424 !important; padding-bottom:0px !important}
.owl-invert .owl-controls .owl-page.active:hover span, .owl-invert .owl-controls .owl-page:hover span{background:#fff !important; border:2px solid #e52424 !important}
.owl-invert .owl-controls .owl-page span{background:#fff !important; border:1px solid #e52424 !important}
.owl-invert .owl-controls .owl-page.active span{background:#e52424 !important; border:1px solid #fff !important}

.material-element.coverall .header-title{top:23% !important}
.material-element.coverall{height:1400px}

.material-element{width:100%; height:700px; z-index:1; background:url(../img/hero-bg.svg) center top no-repeat !important; background-size:cover !important; background-color:var(--bg-whiteSec-color) !important; overflow:visible; box-shadow:none !important; width:100% !important; height:700px !important}
.bluecontainer .content, .blackcontainer .content{padding-bottom:0px !important}
table.mentions td.first-cell{font-size:16px !important; width:100%; font-weight:bold; color:#888; font-weight:700}
table.mentions td.second-cell{font-size:20px !important; width:98%; float:right; margin-bottom:10px; color:#666; font-weight:400}
.gradient-effet{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab); background-size:400% 400%; animation:gradient 15s ease infinite; height:100vh}
.shade-gradient{background:rgb(0,0,0); background:-moz-linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08727240896358546) 22%, rgba(0, 0, 0, 0.40940126050420167) 63%, rgba(0, 0, 0, 0.5942752100840336) 100%); background:-webkit-linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08727240896358546) 22%, rgba(0, 0, 0, 0.40940126050420167) 63%, rgba(0, 0, 0, 0.5942752100840336) 100%); background:linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08727240896358546) 22%, rgba(0, 0, 0, 0.40940126050420167) 63%, rgba(0, 0, 0, 0.5942752100840336) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1)}
.shade2{background-color:rgba(0,0,0,0.5); width:100%; height:100%; background-size:cover}
.divider{height:2px; margin:80px 0 120px; position:relative; width:100%; background:radial-gradient(ellipse farthest-side at top center, rgba(0,0,0,0.1), transparent)}
.divider:before{content:""; display:block; position:absolute; top:0px; right:0; left:0; height:10px; background:linear-gradient(200deg, transparent, rgba(0,0,0,0.02), rgba(0, 0, 0, 0.02), transparent)}
.logo-menu{padding:5px 0; width:100%; height:auto}
.logo-sig{width:auto; height:auto; max-width:460px; float:left; margin:30px 0 40px 20px}
.about-page .logo-sig{filter:invert(1)}
.logo-footer{width:auto; height:auto; max-width:520px; padding:5px 0; opacity:0.9}
.logo-loader{margin:-80px 0px 20px -147px !important; position:absolute; height:60px; opacity:0.7; filter:alpha(opacity=70)}
.cv-container{position:relative; z-index:99 !important; height:50px; margin-top:-108px; margin-right:-17px; float:right; display:inline-block !important}
.cv-download{margin-top:0px !important; display:inline-block !important; margin-right:10px !important; padding:10px 8px !important; font-size:12px !important; width:220px}
.cv-linkedin{margin-top:4px !important; display:inline-block !important; padding:10px 8px !important; font-size:12px !important; width:220px; margin-right:0 !important}
p.bye-block{text-transform:uppercase; padding:0; text-align:center; font-size:14px; font-weight:bold}
p.copyright{font-size:11px}
p.caption{color:rgba(255,255,255,1); font-weight:400; font-size:13px; line-height:1.3em; opacity:0.6; filter:alpha(opacity=60)}
div.about-me p{padding-right:18%}
.content-material div.about-me p{padding-right:8%}
.bubbleFooter{z-index:1; --footer-background:#e52424; display:grid; position:relative; grid-area:footer; min-height:12rem; margin-bottom:-140px; margin-top:180px; transform:rotate(4deg)}
.bubbleFooter .bubbles{position:absolute; top:0; left:0; right:0; height:1rem; background:var(--footer-background); -webkit-filter:url("#blob"); filter:url("#blob")}
.bubbleFooter .bubbles .bubble{position:absolute; left:var(--position,50%); background:var(--footer-background); border-radius:100%; -webkit-animation:bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s), bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s); animation:bubble-size var(--time, 4s) ease-in infinite var(--delay, 0s), bubble-move var(--time, 4s) ease-in infinite var(--delay, 0s); -webkit-transform:translate(-50%, 100%); transform:translate(-50%, 100%)}
.bubbleFooter .content{z-index:2; display:grid; grid-template-columns:1fr auto; grid-gap:4rem; padding:2rem; background:var(--footer-background)}
.bubbleFooter .content > div{display:flex; flex-direction:column; justify-content:center}
.bubbleFooter .content > div > div{margin:0.25rem 0}
.bubbleFooter .content > div > div > *{margin-right:0.5rem}
.bubbleFooter .content > div .image{align-self:center; width:4rem; height:4rem; margin:0.25rem 0; background-size:cover; background-position:center}
.breadcrumb{font-size:12px !important; background-color:transparent; margin-bottom:25px; margin-right:0px; margin-left:0px; padding-right:0px; padding-left:0px; text-align:left; margin-top:15px; top:0px; display:inline-block; position:relative; z-index:99999999999999}
.breadcrumb li{display:inline-block; color:#e52424; list-style:none; margin-left:0; font-size:12px; text-align:left; cursor:pointer !important}
.breadcrumb li.goBack{margin-left:-9px}
.breadcrumb > li.goBack + li::before, .breadcrumb>li+li:before{display:inline-block; content:'' !important; padding:0 !important}
.breadcrumb a{color:#e52424 !important; font-size:14px !important; font-weight:400; display:inline-block; cursor:pointer !important; pointer-events:auto}
.breadcrumb a:hover{color:#e52424 !important; border-bottom:1px solid #e52424 !important; opacity:1 !important; filter:alpha(opacity=100); cursor:pointer !important}
.breadcrumb li:last-child a{text-decoration:none; opacity:0.6; filter:alpha(opacity=60)}
.breadcrumb li::before, .breadcrumb i, .breadcrumb span{color:#e52424}
.breadcrumb li .fa-home{font-size:16px}
.breadcrumb li .fa-reply{font-size:12px}
.breadcrumb span{margin-left:5px}
.content-breadcrumb{position:relative !important; z-index:1200 !important; display:block; width:100%; max-width:1280px; padding:0px 25px !important; top:-225px; margin-top:-60px; margin-left:auto !important; margin-right:auto !important; position:relative; z-index:999999}
#catchEmail{display:none; margin-top:60px; padding:0 20px; z-index:9999999999999999999999999}
.colCatchEmail-header{text-align:center !important}
.colCatchEmail{position:relative; z-index:999999999999999999999; padding:40px 20px; background-color:#e52424; border-radius:10px; margin-top:40px !important; margin-bottom:45px !important; border:2px solid #95cafe; box-shadow:0 10px 30px 3px rgba(0,0,0,0.4)}
.colCatchEmail div.photo-div{margin-top:-100px; width:140px; height:140px}
.colCatchEmail h3{text-align:center; margin-bottom:25px !important}
.colCatchEmail .catchContent{margin-left:-10px !important; margin-right:-10px !important; margin-bottom:10px !important}
.colCatchEmail .catchContent p.catchText{text-align:justify; line-height:27px !important; margin-bottom:15px !important}
.colCatchEmail .catchContent p.callme{font-size:18px !important}
.colCatchEmail .catchContent input{margin-bottom:10px !important; margin-top:20px !important}
.colCatchEmail .catchContent a.catch-confirm i{font-size:24px !important}
.colCatchEmail .catchContent a.catch-confirm{font-size:26px !important}
.colCatchEmail .catchContent a.catch-dismiss{float:right; font-size:14px; opacity:0.4}
.bodyContainer{background:none}
.bodyContainer.loading{background-color:rgba(100,100,100.4)}
.bodyContainer.popupEmail{filter:blur(3px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')}
a.anewBtn{text-decoration:none !important; position:relative !important; overflow:hidden !important}
button.BnewBtn{background:transparent !important; border:none !important}
.newBtn{display:inline-flex;align-items:center;margin:0 1rem 0 0;cursor:pointer;position:relative;overflow:hidden !important;padding: 1rem 3rem 1.2rem 2rem;border-radius:50px;max-width:360px;min-height:63px;text-align:center;animation-name:animate-zoominout;animation-duration:1.5s;animation-iteration-count:infinite}
.newBtn:not(:disabled):hover{overflow:hidden !important; box-shadow:0 3px 10px 3px rgba(0,0,0,0.3)}
.newBtn.TxtCenter{text-align:center !important}
.newBtn.BtnCenter{width:auto !important}
.newBtn.BtnWhite{border:2px solid #FFF}
.newBtn.BtnBlue{border:2px solid #e52424}
.newBtn .circle, .newBtn i{height:1rem; width:1rem; border-radius:64px !important; margin-right:1rem; position:absolute; z-index:-1; transition:0.8s}
.newBtn.BtnWhite .circle{background-color:#FFF}
.newBtn.BtnBlue .circle{background-color:#e52424}
.newBtn .circle{visibility:hidden; left:-50px; top:50%}
.newBtn i{position:absolute; z-index:9999; float:right; right:35px; width:20px; height:15px; font-size:16px; transform:translate(50%,0%); animation-duration:1s; animation-name:BtnSlideIcon; animation-iteration-count:infinite}
.newBtn .text{position:relative; font-size:16px; font-weight:600; left:0.5em; transition:0.5s; text-transform:uppercase; text-align:center; margin:3px 20px 0px 5px; padding:0 5px}
.newBtn.BtnWhite .text, .newBtn.BtnWhite i{color:#FFF}
.newBtn.BtnBlue .text, .newBtn.BtnBlue i{color:#e52424;z-index: 9;}
.newBtn:not(:disabled):hover .circle{border-radius:64px !important;animation: ButtonBlink 2s infinite;transform:scale(100) !important;z-index: 9;}
.newBtn:not(:disabled):hover i{right:25px !important}
.newBtn.BtnWhite:not(:disabled):hover{border:2px solid transparent}
.newBtn.BtnBlue:not(:disabled):hover{border:2px solid transparent}
.newBtn.BtnWhite:not(:disabled):hover .text, .newBtn.BtnWhite:not(:disabled):hover i{color:#e52424 !important;z-index: 9;}
.newBtn.BtnBlue:not(:disabled):hover .text, .newBtn.BtnBlue:not(:disabled):hover i{color:#FFF !important}
.testimonials {margin:0}
.testimonials blockquote{border:0 none; display:block; margin:0; padding:20px 0}
.testimonials blockquote p{width:92%; text-align:left; padding-bottom:30px}
.testimonials blockquote cite{color:#fff; font-family:"Verdana", sans-serif; font-size:13px; font-style:normal; font-weight:400; letter-spacing:1px; margin-left:4.9%; text-transform:uppercase; opacity:0.7; filter:alpha(opacity=70)}
.testimonials .testimonials-title{font-size:20px; font-weight:700; color:#666}
.testimonials .testimonials-role{font-size:14px; color:#777}
.testimonialsComments .moduleDisqus, .testimonialsComments .moduleFacebook{text-align:center; border-bottom:1px solid #ccc; margin-bottom:40px; box-shadow:0 5px 10px -8px rgba(80,80,80,0.8); border-right:1px solid #efefef; border-left:1px solid #efefef}
.testimonialsComments .moduleDisqus p, .testimonialsComments .moduleFacebook p{text-align:center; font-size:24px; font-weight:700; color:#e52424 !important}
.testimonialsComments .moduleDisqus p i, .testimonialsComments .moduleFacebook p i{padding:6px 8px; border-radius:50%; background-color:#e52424; color:#fff; font-size:22px; text-align:center; line-height:25px; margin-right:10px; position:relative; top:-3px !important}
.testimonialsComments .moduleFacebook p i{padding:5px 11px !important; font-size:20px !important}
.services-img{text-align:center !important}
.services-img img{position:relative; top:40px; width:100%; height:auto; margin:0 auto 30px; filter:var(--services-img-filter)}
.services-img:after {content: ' ';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/blob.gif) center no-repeat;opacity: .2;transform: scale(1.1);z-index: -1;}
a.link-contact{text-decoration:underline !important}
.shadow{text-shadow:0 0 10px rgba(40,40,40,0.2)}
.container{background:none repeat fixed 0 0 transparent; width:100%; padding-left:0px !important; padding-right:0px !important; z-index:1009999999 !important; position:relative !important}
.footer-section{background-color:var(--bg-whiteSec-color)}
.greycontainer{background-color:var(--bg-whiteAlt-color) !important}
.greycontainer.beforeFooter, .greycontainer.container-material{background-color:var(--bg-whiteSec-color) !important}
.bluecontainer{background-color:var(--bg-primary-color)}
.blackcontainer{background-color:var(--bg-secondary-color)}
.white-container{background-color:var(--bg-white-color)}
.primary-container{background-color:var(--bg-primary-color)}
.secondary-container{background-color:var(--bg-secondary-color)}
.white-container, .primary-container, .secondary-container, .bluecontainer, .greycontainer, .blackcontainer, .redcontainer{position:relative; z-index:1109 !important; width:100%; margin-top:-7px; overflow:hidden; background-repeat:no-repeat; -webkit-background-attachment:fixed; -moz-background-attachment:fixed; background-attachment:fixed; -webkit-background-size:1400px 700px; -moz-background-size:1400px 700px; background-size:1400px 700px; background-position:top center}
.bluecontainer.container-material, .blackcontainer.container-material, .greycontainer.container-material, .redcontainer.container-material{overflow:visible !important; box-shadow:none !important; background-color:transparent; background-color:#FFF}
.greycontainer.no-shadow{box-shadow:none !important}
.greycontainer p{color: var(--text-primary-color);}
.greycontainer.midRow p{font-size:28px; font-weight:700; color:#e52424; text-shadow:0px 2px 3px rgb(80 71 71)}
.greycontainer.midRow .button{margin-top:15px !important; margin-bottom:25px !important; padding:20px 10px !important; width:100% !important; font-size:16px !important}
.greycontainer h1, .greycontainer h2{color:var(--title-primary-color); text-shadow:0px 2px 3px rgb(181 181 181)}
.bluecontainer h1, .bluecontainer h2{text-shadow:2px 4px 4px rgb(156 157 159 / 51%)}
.blackcontainer h1, .blackcontainer h2{color:#FFF; text-shadow:2px 4px 4px rgb(156 157 159 / 51%)}
.dark-mode .greycontainer h1, .dark-mode .greycontainer h2, .dark-mode .greycontainer h3, .dark-mode .bluecontainer h1, .dark-mode .bluecontainer h2, .dark-mode .blackcontainer h1, .dark-mode .blackcontainer h2{text-shadow:none !important}
.greycontainer.beforeFooter .content{padding:20px 20px !important}
.greycontainer.beforeFooter h2{text-align:center; border:none; padding-left:0; margin-bottom:0px}
.greycontainer.beforeFooter h2:after.greycontainer.beforeFooter h2:before{border:3px solid #e52424; margin-top:10px; content:"•"; color:#b83b3b; text-shadow:#b83b3b 0 0 5px; margin:0 10px}
.greycontainer.beforeFooter p{text-align:center; margin-bottom:60px; margin-top:20px; line-height:30px}
.greycontainer.beforeFooter .whyus-block{text-align:center; margin-top:15px}
.greycontainer.beforeFooter .whyus-block i{font-size:146px; color:#e52424; text-shadow:0 3px 8px rgba(0,0,0,0.2)}
.greycontainer.beforeFooter .whyus-block h3{font-size:28px; padding:20px 20px 5px; margin:10px 0 0 0; text-shadow:0 2px 2px rgba(140,140,140,0.5); color:#e52424}
.greycontainer.beforeFooter .whyus-block h4{text-align:center; font-size:18px; color:#888; font-weight:400; margin-top:20px}
.greycontainer.beforeFooter .process-block{text-align:center; margin-bottom:30px}
.greycontainer.beforeFooter .process-block div{font-size:146px; background-color:#e52424; border:12px solid #f5f5f5; border-radius:50%; font-weight:normal; color:#FFF; text-shadow:0 6px 8px rgba(0,0,0,0.4); width:230px; height:230px; text-align:center; margin:0 auto; font-family:arial; box-shadow:0 4px 15px -3px rgba(40, 40, 40, 0.5), 0 5px 15px -6px rgba(0, 0, 1, .8) inset}
.greycontainer.beforeFooter .process-block h3{font-size:28px; padding:20px 20px 5px; margin:10px 0 0 0; text-shadow:0 2px 2px rgba(140,140,140,0.5); color:#e52424}
.greycontainer.beforeFooter .process-block h4{letter-spacing:0; text-align:center; font-size:16px; color:#888; font-weight:400; text-transform:initial; line-height:24px; padding:15px 20px 20px}
.greycontainer.beforeFooter .carousel-fonctionalites a:hover{text-decoration:none}
.greycontainer.beforeFooter .webfunct-block{text-align:center; padding:0 10px 10px; cursor:move; cursor:e-resize}
.greycontainer.beforeFooter .webfunct-block i{font-size:146px; color:#e52424; text-shadow:0 6px 8px rgba(140,140,140,0.4); opacity:1}
.greycontainer.beforeFooter .webfunct-block h3{opacity:1 !important; letter-spacing:-1px; font-size:20px; color:#e52424; text-transform:uppercase; padding:20px 20px 10px; margin:10px 0 0 0; text-shadow:0 2px 2px rgba(140,140,140,0.5)}
.greycontainer.beforeFooter .webfunct-block h4{letter-spacing:0; text-align:center; font-size:15px; color:#888; font-weight:400; text-transform:initial; text-shadow:none}
.servicescontainer{padding-top:60px !important; padding-bottom:60px !important}
.servicescontainer .skill-text{margin-bottom:30px}
.content-services .skill-text .newBtn{margin:20px 0 60px}
.servicescontainer .content{padding:25px 20px !important; margin-top:40px}
.servicescontainer .content h2{margin-bottom:45px; margin-top:30px !important}
.servicescontainer .content p{margin-bottom:25px}
.servicescontainer .content h3, .servicescontainer .content h4, .servicescontainer .content p, .servicescontainer .content h5{}
.servicescontainer .content ul{margin-top:5px !important}
.servicescontainer .content h3, .content-material h3{font-size:28px !important; margin-bottom:10px !important; color:var(--title-primary-color)}
.servicescontainer .content h4, .content-material h4{font-size:14px !important; margin-bottom:20px !important; color:var(--title-primary-color); font-weight:700; letter-spacing:0px; text-transform:uppercase; border-bottom:1px solid #e52424; padding-bottom:15px}
.servicescontainer .content .skill h5, .content-material .skill h5{text-align:center !important; margin-top:-47% !important; font-size:18px; letter-spacing:-1px}
.servicescontainer .content ul li{color:#bbb}
.servicescontainer .content .skill-text{padding-top:25px !important; padding-bottom:25px !important}
.divTypeIt{margin-top:-400px; height:40px; position:relative; z-index:99999999999999999; display:block; font-size:48px; color:#FFFF}
.divTypeIt > p{font-size:48px; height:40px; position:relative; z-index:999999999999999999999; color:#000; background-color:#FFF}
svg.wave-primary, svg.wave-secondary, svg.wave-white, svg.wave-whiteAlt{display:block; overflow:hidden; margin-bottom:-11%}
svg.wave-primary path{fill:var(--bg-primary-color) !important}
svg.wave-secondary path{fill:var(--bg-secondary-color) !important}
svg.wave-white path{fill:var(--bg-white-color) !important}
svg.wave-whiteAlt path{fill:var(--bg-whiteAlt-color) !important}
.wave-ajust-1{margin-top:1% !important; margin-bottom:-11% !important; position:relative; z-index:999999999}
.wave-ajust-2{margin-top:-2px !important; margin-bottom:-10% !important; position:relative; z-index:999999999}
.wave-ajust-3{margin-top:-65px !important; margin-bottom:0px !important; position:relative; z-index:999999999}
.wave-ajust-4{margin-top:-3% !important; margin-bottom:-15% !important; position:relative; z-index:999999999}
.wave-ajust-5{margin-top:-80px !important; margin-bottom:-45px !important; position:relative; z-index:999999999}
.wave-ajust-6{margin-top:-80px !important; margin-bottom:-45px !important; position:relative; z-index:999999999}
.wave-ajust-7{transform: scaleY(-1);margin-top:-300px !important; margin-bottom:-15px !important; position:relative; z-index:999999999}
.centered{text-align:center !important; display:block; margin:10px auto 20px}
.uppercase{text-transform:uppercase}
.knob{color:rgba(255,255,255,0.4) !important}
.infopanel{background:none repeat scroll 0 0 rgb(8,117,221); border-radius:30px; margin-top:-4px; transition:all 0.3s ease-in-out; border:10px solid #e52424; box-shadow:0 5px 10px -2px rgba(0, 0, 0, 0.4); margin-bottom:80px}
.infopanel:hover{box-shadow:0 5px 15px -4px rgba(0,0,0,0.6)}
.infopanel a{text-decoration:none !important}
.infopanel:hover{background:none repeat scroll 0 0 #FFF; border:1px solid #e52424}
.infopanel:hover a, .infopanel a:hover{text-decoration:none !important; color:#e52424}
.infopanel:hover h5{color:#e52424}
.infopanel p{font-size:14px; line-height:1.4em; padding-left:10px; padding-right:10px; padding-bottom:13px; color:#DDD !important; margin-top:10px}
.infopanel:hover p{color:#e52424 !important; text-shadow:none !important}
.infopanel h5{font-size:16px; padding:0; text-transform:uppercase; margin-top:20px; padding-left:10px; padding-right:10px}
.infopanel img{transition:all 0.3s ease-in-out; border-radius:30px 30px 0 0; overflow:hidden; position:relative; width:100%; opacity:1; filter:alpha(opacity=100)}
.infopanel img:hover{opacity:0.3; filter:alpha(opacity=30)}
.eye{background-image:url("../img/magnify.gif"); background-position:center center; border-radius:30px 30px 0 0; overflow:hidden; width:100%; height:auto; line-height:0; padding:0; margin:0}

.carousel-services h3, .owl-services h2{color:#FFF; margin:-10px 0 20px !important; font-size:20px !important; letter-spacing:-0.5px; opacity:1}
.carousel-services img{width:100%; height:auto}
.owl-services{padding-bottom:40px}
.owl-services h2{margin-top:-15px !important}
.owl-services a:hover, .carousel-services a:hover{text-decoration:none !important; opacity:0.8; filter:alpha(opacity=80); cursor:pointer !important}
.owl-services img{width:100%; height:auto; filter:var(--services-carrousel-bw-filter)}
.services-titles{margin:40px 0 20px}
.myServices .services-title{text-align:left; margin:10px 0 10px !important}
.myServices .services-subtitle{text-align:left; line-height:26px; font-size:18px; margin-bottom:10px}
.myServices .services-bouton .newBtn{float:right}
.myServices .myServices-title h2{margin-bottom:20px !important; text-align:center}
.myServices .myServices-title p{margin-bottom:20px !important; text-align:center}
.myServices .service-bar{margin-top:180px; margin-bottom:40px}
.myServices .owl-services h2{line-height:36px; color:#FFF !important; font-size:26px !important; font-weight:600; text-transform:initial; margin-top:-30px !important; text-shadow:1px 3px 4px rgba(84,84,84,0.4) !important}
.myServices .services-details h2{margin:20px 0 10px !important; text-transform:uppercase; font-size:20px; font-weight:600; text-transform:initial; letter-spacing:0}
.beforeFooter img.opacity{opacity:0.9; filter:alpha(opacity=90)}
.beforeFooter img.opacity:hover{opacity:1; filter:alpha(opacity=100)}
.beforeFooter .carousel-services h3, .owl-services h2{color:#e52424}
#Clients .owl-theme .owl-controls{margin-top:30px !important; text-align:left !important}
form.contact-form .input-error-message{display:inline-block; background-color:#ff675b; border-radius:12px; color:#fff; font-size:13px !important; font-weight:200 !important; padding:5px 30px 5px 15px; text-align:left !important; margin-top:10px; line-height:16px}
span.contact-form .send-success{width:100% !important; background-color:#008a1f; border-radius:3px; color:#fff; font-size:15px; padding:5px 10px; text-align:center !important}
form.contact-form span.required-asterix{color:#ffa9a9; font-size:18px}
div#formRespond{width:100% !important; border-radius:15px; color:#fff; font-size:22px; padding:20px 30px; line-height:34px; text-align:center !important}
div#formRespond.success{background-color:#008a1f}
div#formRespond.error{background-color:#f72630}
form.contact-form.material-contact label{color:#e52424 !important; line-height:2em !important; margin-top:20px !important}
form.contact-form.material-contact textarea{min-width:100% !important; max-width:100% !important; width:100% !important}
form.contact-form.material-contact input, form.contact-form.material-contact textarea, form.contact-form.material-contact select{border:1px solid #e52424 !important}
form.contact-form.material-contact input:focus, form.contact-form.material-contact select:focus, form.contact-form.material-contact textarea:focus{background-color:#e52424 !important; color:#ddf !important}
form.contact-form.material-contact input::-webkit-input-placeholder, form.contact-form.material-contact select::-webkit-input-placeholder, form.contact-form.material-contact textarea::-webkit-input-placeholder{color:#ccc !important}
form.contact-form.material-contact input::-moz-placeholder, form.contact-form.material-contact select::-moz-placeholder, form.contact-form.material-contact textarea::-moz-placeholder{color:#ccc !important}
form.contact-form.material-contact input:-moz-input-placeholder, form.contact-form.material-contact select:-moz-input-placeholder, form.contact-form.material-contact textarea:-moz-input-placeholder{color:#ccc !important}
form.contact-form.material-contact input::-ms-input-placeholder, form.contact-form.material-contact select::-ms-input-placeholder, form.contact-form.material-contact textarea::-ms-input-placeholder{color:#ccc !important}
form.contact-form.material-contact input:-ms-input-placeholder, form.contact-form.material-contact select:-ms-input-placeholder, form.contact-form.material-contact textarea:-ms-input-placeholder{color:#ccc !important}
form.contact-form.material-contact input::placeholder, form.contact-form.material-contact select::placeholder, form.contact-form.material-contact textarea::placeholder{color:#ccc !important}
form.contact-form.material-contact select option:disabled{color:#ccc}
form.contact-form{display:table; margin:0 auto; width:100%; text-align:left}
form.contact-form label{font-family:"Verdana", sans-serif; font-size:18px; font-weight:700; letter-spacing:0; line-height:3em; color:#fff; display:block; text-align:left; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none}
form.contact-form textarea{color:#b21212; background-color:#fff; border:medium none; font-family:"Verdana", sans-serif; font-size:18px; padding:18px 15px; width:100%; line-height:1em; margin:0; border:none; border-radius:3px; box-shadow:0 10px 15px -2px rgba(100,100,100,.7); opacity:0.5; filter:alpha(opacity=50); transition:all 0.3s ease-in-out; outline:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none}
form.contact-form textarea:focus{opacity:1; filter:alpha(opacity=100); border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none}
form.contact-form select.design-contact-form{color:#b21212; box-shadow:0 10px 15px -2px rgba(100,100,100,.7); border-radius:15px !important; transition:all 0.3s ease-in-out; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none}
form.contact-form select.design-contact-form + i.fa{float:right; margin-top:-20px; margin-right:5px; pointer-events:none; background-color:transparent !important; padding-right:5px}
form.contact-form input[type=text], form.contact-form input[type=email], form.contact-form input[type=tel]{color:#b21212; background-color:#fff; border:1px solid #8e0400; font-family:"Verdana", sans-serif; box-shadow:0 10px 15px -2px rgba(100,100,100,.7); font-size:18px; padding:18px 15px; width:100%; line-height:1em; margin:0; transition:all 0.3s ease-in-out; outline:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none}
form.contact-form input[type=text]:focus, form.contact-form input[type=email]:focus, form.contact-form input[type=tel]:focus, form.contact-form select[name=prestation]:focus{opacity:1; filter:alpha(opacity=100); border:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none}
form.contact-form button.submit{float:none !important}
form.contact-form input[type=submit], button.submit{padding:15px 40px; display:inline-block; font-family:"Verdana", sans-serif; font-size:16px; text-align:center; transition:all 0.3s ease-in-out; text-decoration:none; margin:20px auto; font-weight:700; text-transform:uppercase; background-color:#52585f; color:rgba(255,255,255,1); letter-spacing:2px; border-radius:35px; letter-spacing:1px; border:1px solid #262b30; cursor:pointer; float:left; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none}
form.contact-form input[type=submit]:hover, form.contact-form button.submit:hover{text-decoration:none; background-color:rgba(255,255,255,1); border:1px solid #e52424; color:#e52424; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none}
form.contact-form input:focus{outline:none; border:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none}
form.contact-form p.success{font-weight:700; font-size:28px}
.design-contact-form{color:#3e5977; background-color:#fff; font-family:"Verdana", sans-serif; font-weight:400; font-size:18px; padding:18px 15px; width:100%; line-height:1em; margin:0; border-radius:15px !important; opacity:0.5; filter:alpha(opacity=50); transition:all 0.3s ease-in-out; outline:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none}
form.contact-form label#LabelPrestation{position:relative}
form.contact-form label#LabelPrestation:after{content:"\f078"; font-family:"Font Awesome 6 Free"; color:#e52424; background-color:transparent; font-size:16px; text-align:center; height:20px; width:30px; right:10px; top:70px; line-height:1.2em; position:absolute; pointer-events:none; transition:all 0.3s ease-in-out}
form.contact-form label#LabelPrestation:focus-within::after{transition:all 0.8s ease-in-out; background-color:#FFF}
form.material-contact label#LabelPrestation:after{top:53px !important; background-color:#fff; color:#e52424}
form.material-contact label#LabelPrestation:focus-within::after{transition:all 0.8s ease-in-out; background-color:#e52424; color:#fff}
.material-element a.social-link{background-color:rgb(105,175,254); color:#fff}
.pageconstruct{position:absolute; text-align:center; top:70%; width:100%; margin-top:270px; margin-right:auto !important; margin-left:auto !important}
.countContainer{position:relative; width:100%; z-index:180; text-align:center; margin:0 auto}
.countContainer .countDown{display:inline-block !important; width:auto !important}
.funfacts div{text-align:center; color:#fff; display:inline-block}
.funfacts div > i{text-shadow:0 1px 2px rgba(0,0,0,.3); font-size:50px; margin-bottom:20px}
.funfacts .counter-center, .funfacts .counter-center .counter{display:inline; text-shadow:0 1px 2px rgba(0,0,0,.3); font-size:58px; line-height:50px; font-weight:700; margin-right:10px; margin-bottom:20px}
.funfacts .counter-center{font-size:50px}
.funfacts .counter-center i{font-size:28px; text-shadow:0 1px 2px rgba(0,0,0,.3); top:-7px; position:relative; margin-right:-8px; display:inline-block}
.funfacts h3{text-shadow:0 1px 2px rgba(0,0,0,.3); line-height:22px; font-size:24px; text-align:center; font-weight:700; color:#eaeaea; margin-bottom:60px}



/* ========================== CSS for WhatsApp Chat Widget ========================== */

/* General styles for chat button */
#wa-float-btn {
  position: fixed;
  right: 22px;
  bottom: 22px;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: #fff; /* WhatsApp green */
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 99999;
  transition: transform .25s ease;
  animation: waPulse 1s infinite;
}

/* Pulse animation for the floating button */
@keyframes waPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55);
  }
  70% {
    box-shadow: 0 0 0 24px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}

#wa-float-btn:hover {
  transform: scale(1.05);
}
 
/* Notification badge */
#wa-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  background: #ff3b30;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0);
  transition: transform .2s ease;
}

#wa-badge.show {
  transform: scale(1);
  animation: badgePop .35s ease;
}

/* Badge pop animation */
@keyframes badgePop {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

/* Chat box styles */
#wa-chat-box {
  position: fixed;
  right: 22px;
  bottom: 100px;
  width: 340px;
  max-width: calc(100vw - 40px);
  background: url(../img/whatsapp-background.jpg) center / cover no-repeat;
  color: #000; /* Black text */
  border-radius: 10px;
  box-shadow: 0 2px 10px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 99999;
  transform: translateY(15px);
  opacity: 0;
  pointer-events: none;
  transition: all .25s ease;
}

#wa-chat-box.open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

/* Header */
#wa-chat-box .wa-header {
  background: #37862c; /* WhatsApp header color */
  padding: 2px 14px;
  color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#wa-chat-box .wa-header .wa-close {
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  opacity: .6;
  padding: 13px 6px 13px 0;
}
#wa-chat-box .wa-header .wa-close:hover {
  opacity: 1;
}
#wa-chat-box .wa-header .wa-avatar {
    width: 51px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    overflow: hidden;
    margin-right: 8px;
    border: 2px solid #FFFFFFAA;
    position: relative;
}
#wa-chat-box .wa-header .wa-avatar img {
    width: 100%;
    height: 100%;
}

#wa-chat-box .wa-header .wa-contact {
    display: block;
    width: 100%;
}
#wa-chat-box .wa-header strong {
  font-size: 12px;
  letter-spacing: -.04em;
}
#wa-chat-box .wa-header small {
  display: block;
  opacity: .85;
  font-size: 12px;
}


/* Body */
#wa-chat-box .wa-body {
  padding: 14px;
  height: 250px;
  overflow-y: auto;
  background-color: transparent;
}

#wa-chat-box .wa-body .wa-msg {
  background: #fff;
  padding: 8px 10px;
  border-radius: 8px 8px 8px 0;
  max-width: 85%;
  margin-bottom: 10px;
  box-shadow: 0 2px 8px rgba(100, 100, 100, .2);
  font-size: 12px;
  line-height: 1.35;
}

#wa-chat-box .wa-body .wa-msg.me {
  margin-left: auto;
  background: #DCF8C6; /* WhatsApp message bubble color */
}

#wa-chat-box .wa-body .wa-typing-indicator {
  font-size: 14px;
  color: #bbb;
  margin-top: 6px;
  font-style: italic;
}

#wa-chat-box .wa-body .wa-msg .wa-time {
  display: block;
  font-size: 9px;
  opacity: .4;
  margin: 2px 0 -4px;
  text-align: right;
}



/* Send button with SVG icon */
#wa-chat-box .wa-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px;
  background-color: transparent !important;
  border-top: none;
}

#wa-chat-box .wa-footer button.wa-emoji-btn {
    position: fixed;
    float: left;
    width: 40px;
    height: 40px;
    bottom: 8px;
    left: 5px;
    background: transparent;
    color: #999;
    border: none;
    border-radius: 50%;
    padding: 12px 10px;
    font-size: 18px;
    cursor: pointer;
    transition: transform .2s ease;
}

#wa-chat-box .wa-footer button.wa-emoji-btn i {}

#wa-chat-box .wa-footer textarea#wa-input {
    width: 100%;
    height: 70px;
    padding: 8px 45px 8px 30px;
    border-radius: 8px;
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    font-size: 12px;
    margin: 0;
    resize: vertical;
}

#wa-chat-box .wa-footer button#wa-send-btn {
    float: right;
    position: absolute;
    display: block;
    right: 15px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    background: #25D366;
    color: #fff;
    border: none;
    border-radius: 50%;
    padding: 12px 10px;
    font-size: 18px;
    line-height: 12px;
    cursor: pointer;
    transition: transform .2s ease;
}

#wa-chat-box .wa-footer button#wa-send-btn i {margin: -1px 0 0 -3px;}

#wa-chat-box .wa-footer button#wa-send-btn:hover,
#wa-chat-box .wa-footer button.wa-emoji-btn:hover {
  transform: scale(1.15);
}




/* Mobile-first styles */
@media (max-width: 600px) {
  #wa-float-btn {
    bottom: 16px;
    right: 10px;
  }

  #wa-chat-box {
    width: 80%;
    bottom: 80px;
  }

  #wa-chat-box .wa-header {
    font-size: 12px;
    padding: 12px;
  }

  #wa-chat-box .wa-msg {
    font-size: 12px;
  }


}



@-moz-document url-prefix(){
img:-moz-loading{visibility:hidden}
}

@keyframes BtnSlideIcon{
0%{padding-left:10px}
50%{padding-left:20px}
100%{padding-left:10px}
}

@keyframes anime-loader-resize{
0%{width:2200px; height:2200px}
50%{width:500px; height:500px}
100%{width:300px; height:300px}
}

@keyframes animate-zoominout{
0%{transform:scale(1.0)}
50%{transform:scale(1.1)}
100%{transform:scale(1.0)}
}

@keyframes LinkBlink{
0%{padding-bottom:0px; border-bottom:1px solid var(--btn-border-color) !important}
50%{padding-bottom:5px; border-bottom:4px solid var(--btn-border-color) !important}
100%{padding-bottom:0px; border-bottom:1px solid var(--btn-border-color) !important}
}

@keyframes ButtonBlink{
from{visibility:hidden; visibility:visible; opacity:0.8; filter:opacity(80)}
50%{opacity:1; filter:opacity(100)}
to{opacity:0.8; filter:opacity(80)}
}

@keyframes animate-blinker{
0%{box-shadow:0 1px 5px -1px rgba(0,0,0,0.4)}
50%{box-shadow:0 1px 15px 1px rgba(0, 0, 0, 0.6)}
100%{box-shadow:0 1px 5px -1px rgba(0,0,0,0.4)}
}

@-moz-keyframes animate-blinker{
0%{box-shadow:0 1px 5px -1px rgba(0,0,0,0.4)}
50%{box-shadow:0 1px 15px 1px rgba(0, 0, 0, 0.6)}
100%{box-shadow:0 1px 5px -1px rgba(0,0,0,0.4)}
}

@-webkit-keyframes animate-blinker{
0%{box-shadow:0 1px 5px -1px rgba(0,0,0,0.4)}
50%{box-shadow:0 1px 15px 1px rgba(0, 0, 0, 0.6)}
100%{box-shadow:0 1px 5px -1px rgba(0,0,0,0.4)}
}

@keyframes animate-floating{
0%{transform:translateY(40%)}
50%{transform:translateY(10%)}
100%{transform:translateY(40%)}
}

@-moz-keyframes animate-floating{
0%{-moz-transform:translateY(40%)}
50%{-moz-transform:translateY(10%)}
100%{-moz-transform:translateY(40%)}
}

@-webkit-keyframes animate-floating{
0%{-webkit-transform:translateY(40%)}
50%{-webkit-transform:translateY(10%)}
100%{-webkit-transform:translateY(40%)}
}

@keyframes animate-flash{
0%{opacity:0.7; filter:alpha(opacity=70)}
50%{opacity:1; filter:alpha(opacity=100)}
100%{opacity:0.7; filter:alpha(opacity=70)}
}

@-moz-keyframes animate-flash{
0%{opacity:0.7; filter:alpha(opacity=70)}
50%{opacity:1; filter:alpha(opacity=100)}
100%{opacity:0.7; filter:alpha(opacity=70)}
}

@-webkit-keyframes animate-flash{
0%{opacity:0.7; filter:alpha(opacity=70)}
50%{opacity:1; filter:alpha(opacity=100)}
100%{opacity:0.7; filter:alpha(opacity=70)}
}

@keyframes bubble-size{
0%, 75%{width:var(--size,4rem); height:var(--size,4rem)}
100%{width:0rem; height:0rem}
}

@-moz-keyframes bubble-size{
0%, 75%{width:var(--size,4rem); height:var(--size,4rem)}
100%{width:0rem; height:0rem}
}

@-webkit-keyframes bubble-size{
0%, 75%{width:var(--size,4rem); height:var(--size,4rem)}
100%{width:0rem; height:0rem}
}

@keyframes bubble-move{
0%{bottom:-4rem}
100%{bottom:var(--distance,10rem)}
}

@-moz-keyframes bubble-size{
0%{bottom:-4rem}
100%{bottom:var(--distance,10rem)}
}

@-webkit-keyframes bubble-move{
0%{bottom:-4rem}
100%{bottom:var(--distance,10rem)}
}

@keyframes pulse{
0%{box-shadow:0 0 0 0 rgba(204,169,44,0.4)}
70%{box-shadow:0 0 0 10px rgba(204, 169, 44, 0)}
100%{box-shadow:0 0 0 0 rgba(204, 169, 44, 0)}
}

@-moz-keyframes pulse{
0%{-moz-box-shadow:0 0 0 0 rgba(204,169,44,0.4)}
70%{-moz-box-shadow:0 0 0 10px rgba(204, 169, 44, 0)}
100%{-moz-box-shadow:0 0 0 0 rgba(204, 169, 44, 0)}
}

@-webkit-keyframes pulse{
0%{-webkit-box-shadow:0 0 0 0 rgba(204,169,44,0.4)}
70%{-webkit-box-shadow:0 0 0 10px rgba(204, 169, 44, 0)}
100%{-webkit-box-shadow:0 0 0 0 rgba(204, 169, 44, 0)}
}

@keyframes bounce-effect{
0%, 20%, 50%, 80%, 100%{transform:translateY(0)}
40%{transform:translateY(-10px)}
60%{transform:translateY(-5px)}
}

@media (max-width: 1024px){
    .navbar{width:98%}
    .nav-header{display:block !important}
    .nav-menu{display:none}
    .dark-mode-toggle{right:55px !important}
    .contact-button{right:55px !important}
}

@media (max-width: 768px){
    .navbar{height:60px; --navbar-height:60px; --navbar-shrink-height:60px}
    .nav-container{padding:0 15px}
    .dark-mode-toggle{right: 65px !important;}
    .contact-button{right:60px !important}
    .contact-line{display:none}
    .contact-icon{display:flex}
    .language-select select{padding:8px 30px 8px 10px; font-size:0.9rem}
    .language-flag{display:none}
}

@media (max-width: 480px){
    .nav-right{gap:10px}
    .nav-logo{height:80%}
    .language-select{display:none}
    .contact-button{padding:8px}
    .contact-info{display:none}
    .mobile-menu-container{width:100%}
}

@keyframes bounce-effect{
0%, 100%{transform:translateY(0)}
50%{transform:translateY(-5px)}
}

@keyframes gradient{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

@keyframes animateWave{
0%{transform:scale(1,0)}
100%{transform:scale(1, 1)}
}

@media all and (min-width: 1440px){
    .material-element{height:600px}
    .material-element.coverall{height:1900px !important}
    .footer-links a{font-size:16px !important}
    .content-breadcrumb{margin-top:40px !important}
}

@media all and (min-width: 768px)
{
    .vertical-align{display:flex; flex-direction:row; align-items:center}
    .vertical-align > [class^="col-"], .vertical-align > [class*=" col-"]{align-items:center}
    footer p.copyright{font-size:14px !important}
    .content-breadcrumb{padding:0 70px !important; margin-top:60px}
    .hero.bg-video p{padding:0 20%; margin-top:100px}
}

@media all and (min-width: 1025px)
{
    .services-details .services-circle.circle-fill{width:300px; height:300px}
    .services-details .services-circle.circle-fill i{font-size:200px; line-height:310px}
    .services-details .services-circle.circle-fill:hover i{font-size:150px; line-height:270px}
}

@media all and (max-width: 1224px)
{
    .content-breadcrumb{padding:0 30px !important; margin-top:60px}
    .cv-download{width:auto !important; float:left !important; padding:10px 10px !important}
    .cv-linkedin{width:auto !important; float:right !important; margin-top:0 !important; padding:10px 10px !important}
    .cv-container{width:100% !important; float:none !important; margin-top:-50px !important; position:relative !important}
    .contact-me a{float:none !important; margin-right:0 !important; margin-top:10px}
    .contact-me, .contact-me a, .contact-me h2{text-align:center}
    .material-element.coverall{height:1600px !important}
    .services-details h2{font-size:22px !important; letter-spacing:-0.5px}
    .services-details .services-circle{width:170px; height:170px}
    .services-details .services-circle.circle-fill{width:200px; height:200px}
    .services-details .services-circle i{font-size:96px; line-height:170px}
    .services-details .services-circle.circle-fill i{font-size:100px; line-height:195px}
    .services-details .services-circle.circle-fill:hover i{font-size:80px; line-height:167px}
    .services-details .services-circle:hover i{line-height:135px; font-size:80px}
}

@media all and (max-width: 1024px)
{
    .content-material{padding:60px 30px !important}
    .hero{padding:105px 8px 80px}
    .mobileSpace{visibility:visible; clear:both; height:60px}
    .content{}
    h1{font-size:65px}
    #toTop{right:13px !important; bottom:85px !important; background-size:48px 48px !important; width:48px !important; height:48px !important}
    .greycontainer.beforeFooter .whyus-block i{font-size:116px}
    .greycontainer.beforeFooter .whyus-block h3{padding:20px 0 5px; font-size:20px; padding-bottom:0 !important; margin-bottom:0 !important}
    .greycontainer.beforeFooter .whyus-block h4{padding:20px 0 5px; font-size:16px; margin-bottom:30px}
    .greycontainer.beforeFooter .content{padding:30px 10px !important}
    .greycontainer.beforeFooter h2{font-size:32px}
    .greycontainer.beforeFooter .process-block div{font-size:124px; width:170px; height:170px; line-height:155px}
    .greycontainer.beforeFooter .process-block h3{font-size:26px; padding:20px 20px 5px; margin:10px 0 0 0}
    .greycontainer.beforeFooter .process-block h4{font-size:16px; color:#888; font-weight:400}
    .greycontainer.beforeFooter .webfunct-block i{font-size:126px}
    .greycontainer.beforeFooter .webfunct-block h3{font-size:20px; padding:20px 20px 5px; margin:10px 0 0 0}
    .greycontainer.beforeFooter .webfunct-block h4{font-size:16px}
    .content .skill-text{margin-top:-30px !important}
    .content-material.content-services .skill-text h3{text-align:left !important; margin-top:20px !important}
    .contact-me a{margin-top:0 !important}
    .contact-me h2{margin-bottom:15px}
    .testimonials blockquote p{font-size:30px}
    blockquote:before{margin-left:0px}
    .services-details h2{font-size:22px !important}
    .owl-services h2{font-size:24px !important; margin:-25px 0 3px}
    .carousel-services h3{font-size:22px !important}
}

@media all and (max-width: 980px)
{
    .content-breadcrumb{padding:0 15px 90px !important; top:-150px !important; margin-top:-20px}
    .hero.bg-video .container{margin-top:10% !important}

    .breadcrumb{top:20px; padding-bottom:0px; text-align:left; height:50px}
    .breadcrumb li.goBack{display:none !important}

    #toTop{right:13px !important; bottom:70px !important; background-size:48px 48px !important; width:48px !important; height:48px !important}
    .material-element.coverall{height:1450px !important}
}

@media all and (max-width: 768px)
{
    :root{--navbar-shrink-width:90%}


    #social-row{margin:0 20px 10px 20px !important; max-width:270px !important}
    #social-row div{margin:20px 0 0 15px !important}
    #social-row p{font-size:14px !important; text-align:left !important; margin-left:20px !important}
    
    .hero.bg-video .container{margin-top:20% !important}
    .hero.bg-video p{font-size:24Px; line-height:36px; margin-top:100px; padding:0 40px}
    div.photo-div{margin-top:0 auto !important; left:0; right:0 !important; text-align:center; float:none}
    .bigspace{height:1em}
    .funfacts h3{margin-bottom:30px}
    .about-home blockquote:before{width:10%}
    .about-home blockquote{padding:0}
    .about-home blockquote p{width:90%; text-align:left; font-size:32px}
    .testimonials blockquote p{width:88%; font-size:28px}
    .valign{display:block; align-items:center}
    .contact-me .newBtn.BtnWhite{margin-bottom:40px}
    .myServices .services-title{text-align:center}
    .myServices .services-subtitle{text-align:center}
    .myServices .services-bouton{text-align:center; margin:20px 0px}
    .myServices .services-bouton .newBtn{float:none !important; margin-left:auto !important; margin-right:auto !important}
    .servicescontainer .content h5{font-size:16px !important}
    .servicescontainer .content .skill-text{padding-top:20px !important; padding-bottom:20px !important}
    .funfacts .counter-center .counter, .funfacts .counter-center{font-size:50px; margin-right:5px}
    .myServices .owl-services h2{line-height:20px; font-size:16px !important; margin:-10px 0 -10px !important; letter-spacing:-.5px; text-transform:uppercase}
    .footer-links a{font-size:14px !important}
    .countContainer .countDown{zoom:0.9; transform:scale(0.9)}
    .container-material .contact-me h2, .greycontainer.beforeFooter .contact-me h2{text-align:center}
}

@media all and (max-width: 640px)
{
    #pwaInstallBanner #pwa_install{transform:scale(0.9); margin:0px 0 !important; position:fixed; right:74px; top:22px; padding:5px 16px !important}
    #pwaInstallBanner .close{position:relative; top:-25px; left:-10px; transform:scale(0.8)}
    #pwaInstallBanner tr td img{margin-left:-25px !important}
    #pwaInstallBanner .pwatitle{margin-left:-25px !important; margin-top:-2px !important}
    #pwaInstallBanner .muted{margin-left:-25px !important; width:calc(100% - 60px)}
    .nav-header .menu .nav img{max-width:420px}
    div.photo-div{margin-top:0 auto; left:0; right:0 !important; text-align:center}
    .hero.bg-video .container{margin-top:26% !important}
    #data-banner p{padding:10px 45px !important}
    #data-banner img.data-mascot{width:55px !important; left:-10px !important; top:-12px !important}
    p{font-size:19px}
    .content-material{padding:90px 25px !important}
    .header-container{width:600px}
    .cv-download{width:100% !important; float:none !important; position:relative !important; padding:10px 10px !important}
    .cv-linkedin{width:100% !important; float:none !important; position:relative !important; margin-top:5px !important; padding:10px 10px !important; margin-bottom:15px !important}
    .cv-container{width:100% !important; height:100%; position:relative !important}
    .content .logo-sig{margin-right:0; margin-top:40px; max-width:300px}
    .breadcrumb{padding-bottom:10px; position:relative; top:30px}
    .breadcrumb span{text-align:left}
    .countContainer .countDown{zoom:0.8; transform:scale(0.8)}
    .funfacts div > i{font-size:38px}
    .funfacts .counter-center .counter, .funfacts .counter-center{font-size:40px; line-height:74px; margin-right:0}
    .funfacts .counter-center{font-size:32px}
    .funfacts .counter-center i{font-size:22px}
    .funfacts h3{font-size:20px}
    .contact-law{padding:0 20px !important}
    .testimonials blockquote p{width:88%; font-size:26px}
}

@media all and (max-width: 568px)
{
    .nav-header .menu .nav img{max-width:360px}
    .nav-header .menu .nav{padding:10px 7%}
    .nav-header .menu .nav ul{width:277px}
    .nav-header .menu .nav ul li{font-size:1.4em; line-height:1.6em}
    .dark-mode-toggle{right:55px !important}
    .contact-button{display:none !important}
    .contact-info{display:flex; padding:2px 5px 2px 10px}
    .contact-line{display:block; font-size:}
    .contact-avatar{display:none}
    .contact-icon{display:none}

    #social-container{display:block; bottom:60px}
    #data-banner{bottom:125px}
    .content-breadcrumb{margin-top:-140px !important; padding:15px 15px 90px !important}
    .content-material{padding:95px 20px 0 !important}
    .content-material .border.s-title{margin-bottom:15px; margin-top:30px}
    footer p.copyright{font-size:14px !important}
    .about-home blockquote p{font-size:28px !important; width:95% !important; margin-top:20px !important}
    .about-home blockquote:before{width:10%; margin-left:-55px}
    .about-home blockquote:after{bottom:-100px}
    .testimonials blockquote p{font-size:26px; width:86%}

    .header-container{width:100%; padding:0}

    .hero h5{font-size: 16px !important;/;width: 98%;}

    .servicescontainer .content h5{font-size:14px !important}
    .servicescontainer .content .skill-text{padding-top:15px !important; padding-bottom:15px !important}
    div.about-me p{padding-right:0 !important; font-size:20px !important}

    .material-element{height:520px}

    .material-element.coverall .header-title{top:13% !important}
    .material-element.coverall{height:1450px !important}
    .button-white [class^="icon-"]:before, .button-white [class*=" icon-"]:before{font-size:18px}
    .button-white, .button-white:hover{font-size:16px; padding:15px 20px 18px}
    .owl-carousel .owl-item{width:90%}
    .owl-carousel .owl-item img{width:100%; height:auto}
    .logo{display:block; margin:0 auto; text-align:center; width:100%}
    table.mentions td.first-cell{font-size:14px !important}
    table.mentions td.second-cell{font-size:16px !important}
    .hero.hero-countdown.bg-video .row{padding:0 3%}
    .countContainer .countDown{zoom:0.75; transform:scale(0.75)}
    .beta-version{top:75px}
    .greycontainer.beforeFooter p{padding-bottom:20px; margin-bottom:20px !important; font-size:22px; font-weight:400; line-height:30px}
    .greycontainer.beforeFooter .whyus-block{text-align:left}
    .greycontainer.beforeFooter .whyus-block i{float:left; width:18%; font-size:49px; text-align:center; margin-left:-20px}
    .greycontainer.beforeFooter .whyus-block h3{float:right; width:84%; font-size:22px; padding:0px 0px 5px !important; margin:0; text-shadow:0 2px 2px rgba(140,140,140,0.5)}
    .greycontainer.beforeFooter .whyus-block h4{float:right; width:82%; text-align:left; font-size:16px; margin-bottom:15px; margin-top:-10px; padding:; color:#888; font-weight:400}
    .greycontainer.beforeFooter .content{padding:30px 10px !important}
    .logo-footer{max-width:390px}
    @-moz-document url-prefix(){.wow{visibility:visible !important; -webkit-animation:none !important; -moz-animation:none !important; -o-animation:none !important; -ms-animation:none !important; animation:none !important}
    body, html, footer, .bluecontainer, .greycontainer, .blackcontainer, .redcontainer{-webkit-background-attachment:scroll !important; -moz-background-attachment:scroll !important; background-attachment:scroll !important}}
}

@media all and (max-width: 380px)
{
    .content .logo-sig{max-width:200px}
    blockquote{font-size:22px}
    blockquote:before{margin-left:-10px}
    .countContainer .countDown{zoom:0.6; transform:scale(0.6)}
    .hero{padding-left:10px !important; padding-right:10px !important}
    .hero.bg-video p{padding:0}
    .hero > div{padding:0 10px !important; overflow:visible !important}
    .hero h5{font-size:14px !important;width:98% !important}
    div.about-me p{padding-right:0 !important; font-size:16px !important}
    .servicescontainer .content .skill-text{padding-top:10px !important; padding-bottom:10px !important}
    .servicescontainer .content .skill h5, .content-material .skill h5{font-size:12px}
    .about-home blockquote p{width:100% !important}
    .testimonials blockquote p{font-size:24px}
    .logo-footer{max-width:290px}
    .footer-links a{font-size:13px !important}
    .funfacts .counter-center .counter, .funfacts .counter-center{font-size:43px !important; line-height:56px !important; margin-right:0}
    .funfacts > div{width:100% !important; margin-right:0px !important; margin-left:0px !important}
    .content-breadcrumb{padding:15px 20px 90px !important}
    .breadcrumb > li{display:inline-block; text-align:left}
    #social-row h3{font-size:10px}
    #social-row h4{font-size:18px}

    #toTop{right:4px !important; bottom:144px !important; background-size:44px 44px !important; width:44px !important; height:44px !important}
}