/** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.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-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//sjelimited.thinkbritesolutions.com/wp-content/plugins/industrus-core/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .cssanimation, .cssanimation span {animation-duration: 0.3s;animation-fill-mode: both;}.cssanimation span {display: inline-block }.infinite {animation-iteration-count: infinite !important }.hu__hu__ {animation: hu__hu__ 2s ease-in-out;animation-iteration-count: 1 }@keyframes hu__hu__ {50% {transform: translateY(30px) }}.leSnake span {animation: leSnake 1.5s ease-in-out;animation-iteration-count: 1 }@keyframes leSnake {from, to {transform: translateY(0px) }50% {transform: translateY(30px) }}.lePeek span {animation-name: lePeek }@keyframes lePeek {25% {transform: rotateX(30deg) translateY(10px) rotate(-13deg);}50% {transform: translateY(-22px) rotate(3deg) scale(1.1);}}.effect3d {animation-name: effect3d }@keyframes effect3d {to {text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15) }}.leRainDrop span {animation-name: leRainDrop;animation-iteration-count: 1;}@keyframes leRainDrop {0%, 25%, 55%, 75%, 87%, 97%, 100% {transform: scaleX(1.0) }26%, 56%, 76% {transform: scaleX(1.3) scaleY(0.8) }31%, 61%, 81% {transform: scaleX(0.8) scaleY(1.2) }76%, 88% {transform: scaleX(1.2) }98% {transform: scaleX(1.1) }}.pepe {animation-name: pepe;animation-iteration-count: infinite }@keyframes pepe {from, 33%, 66%, to {transform: rotate(4deg) }16%, 50%, 83% {transform: rotate(-4deg) }}.leWaterWave span {animation: leWaterWave .2s linear 1 }@keyframes leWaterWave {50% {transform: skewY(1deg) skewX(-1deg) scale(1.06) }}.lightning {animation-name: lightning }@keyframes lightning {from, 50%, to {opacity: 1 }25%, 75% {opacity: 0 }}.leJoltZoom span {animation-name: leJoltZoom }@keyframes leJoltZoom {10% {font-size: 140% }40% {font-size: 80% }100% {font-size: 100% }}.typing {width: 473px;overflow: hidden;white-space: nowrap;border-right: 2px solid #7E2EA0;animation: typing 2s steps(12, end), cursor .2s steps(12, end) infinite;}@keyframes typing {from {width: 0 }}@keyframes cursor {50% {border-color: transparent }}.electricity {animation-name: electricity;animation-iteration-count: infinite }@keyframes electricity {from, 37%, 67%, 85%, 93% {transform: translateY(30px) }4%, 64%, 88% {transform: translateY(10px) }8%, 24%, 32%, 44% {transform: translateY(5px) }12%, 52%, 60%, 20% {transform: translateY(10px) }16%, 40% {transform: translateY(5px) }28%, 56% {transform: translateY(10px) }48%, 72%, 80%, 96% {transform: translateY(30px) }76%, to {transform: translateY(40px) }}.wipe {width: 473px;overflow: hidden;margin: 0 auto;display: inline-flex;animation-name: wipe;}@keyframes wipe {to {width: 0 }}.open {width: 473px;margin: 0 auto;overflow: hidden;display: inline-flex;animation-name: open;}@keyframes open {from {width: 0 }}.leMagnify span {animation-name: leMagnify }@keyframes leMagnify {50% {transform: scale(1.8);letter-spacing: 26px }}.leBeat span {animation-name: leBeat;}@keyframes leBeat {14%, 42% {transform: scale(1.3) }28%, 70% {transform: scale(1) }}.leFadeIn span {animation-name: leFadeIn }@keyframes leFadeIn {from {opacity: 0 }to {opacity: 1 }}.leFadeInLeft span {animation-name: leFadeInLeft }@keyframes leFadeInLeft {from {opacity: 0;transform: translateX(-60px);}to {opacity: 1 }}.leFadeInRight span {animation-name: leFadeInRight }@keyframes leFadeInRight {from {opacity: 0;transform: translateX(60px);}to {opacity: 1 }}.leFadeInTop span {animation-name: leFadeInTop }@keyframes leFadeInTop {from {opacity: 0;transform: translateY(-100%);}to {opacity: 1 }}.leFadeInBottom span {animation-name: leFadeInBottom }@keyframes leFadeInBottom {from {opacity: 0;transform: translateY(100%);}to {opacity: 1 }}.leFadeOut span {animation-name: leFadeOut }@keyframes leFadeOut {to {opacity: 0 }}.leFadeOutLeft span {animation-name: leFadeOutLeft }@keyframes leFadeOutLeft {from {opacity: 1 }to {opacity: 0;transform: translateX(-60px);}}.leFadeOutRight span {animation-name: leFadeOutRight }@keyframes leFadeOutRight {from {opacity: 1 }to {opacity: 0;transform: translateX(60px);}}.leFadeOutTop span {animation-name: leFadeOutTop }@keyframes leFadeOutTop {from {opacity: 1 }to {opacity: 0;transform: translateY(-100%);}}.leFadeOutBottom span {animation-name: leFadeOutBottom }@keyframes leFadeOutBottom {from {opacity: 1 }to {opacity: 0;transform: translateY(100%);}}.leMovingBackFromRight span {animation-name: leMovingBackFromRight;transform-origin: bottom }@keyframes leMovingBackFromRight {40% {transform: rotate(45deg) }100% {transform: rotate(0deg);animation-timing-function: cubic-bezier(0,.9,.7,1.45) }}.leMovingBackFromLeft span {animation-name: leMovingBackFromLeft;transform-origin: bottom }@keyframes leMovingBackFromLeft {40% {transform: rotate(-45deg) }100% {transform: rotate(0deg);animation-timing-function: cubic-bezier(0,.9,.7,1.45) }}.leKickOutBehind span {animation-name: leKickOutFront;transform-origin: top }@keyframes leKickOutFront {40% {transform: rotate(45deg) }100% {transform: rotate(0deg);animation-timing-function: cubic-bezier(0,.9,.7,1.45) }}.leKickOutFront span {animation-name: leKickOutBehind;transform-origin: top }@keyframes leKickOutBehind {40% {transform: rotate(-45deg) }100% {transform: rotate(0deg);animation-timing-function: cubic-bezier(0,.9,.7,1.45) }}.leSkateX span {animation-name: leScaleX;animation-iteration-count: 1 }@keyframes leScaleX {50% {transform: scaleX(0.4) }}.leSkateY span {animation-name: leSkateY;animation-iteration-count: 1 }@keyframes leSkateY {50% {transform: scaleY(0.4) }}.leSkateXY span {animation-name: leSkateXY;animation-iteration-count: 1;animation-duration: 1.5s;}@keyframes leSkateXY {25% {transform: scale3d(1, 0.4, 0) }50% {transform: scale3d(0.4, 0.4, 1) }75% {transform: scale3d(0.4, 1, 1) }}.leScaleXIn span {animation-name: leScaleXIn }@keyframes leScaleXIn {from {transform: perspective(400px) rotateX(90deg);opacity: 0;}50% {opacity: 1 }}.leScaleXOut span {animation-name: leScaleXOut }@keyframes leScaleXOut {to {transform: perspective(400px) rotateX(90deg);opacity: 0;}from {opacity: 1 }}.leScaleYIn span {animation-name: leScaleYIn }@keyframes leScaleYIn {from {transform: perspective(400px) rotateY(90deg);opacity: 0;}50% {opacity: 1 }}.leScaleYOut span {animation-name: leScaleYOut }@keyframes leScaleYOut {to {transform: perspective(400px) rotateY(90deg);opacity: 0;}from {opacity: 1 }}.leJump span {animation-name: leJump;animation-iteration-count: infinite }@keyframes leJump {to {transform: translateY(-20px) }}.leAboundTop span {animation-name: leAboundTop }@keyframes leAboundTop {50% {transform: translateY(-100px);animation-timing-function: ease-in;}}.leAboundBottom span {animation-name: leAboundBottom }@keyframes leAboundBottom {50% {transform: translateY(100px);animation-timing-function: ease-in;}}.leAboundLeft span {animation-name: leAboundLeft }@keyframes leAboundLeft {50% {transform: translateX(-100px);animation-timing-function: ease-in }}.leAboundRight span {animation-name: leAboundRight }@keyframes leAboundRight {50% {transform: translateX(100px);animation-timing-function: ease-in }}.leFlyInTop span {animation-name: leFlyInTop }@keyframes leFlyInTop {0% {transform: translate(0px, -80px);opacity: 0 }50% {transform: translate(10px, 50px);animation-timing-function: ease-in-out }}.leFlyInLeft span {animation-name: leFlyInLeft;animation-timing-function: ease-in-out }@keyframes leFlyInLeft {0% {transform: translate(-40px, 0px);opacity: 0;}50% {transform: translate(40px, 0px) }}.leFlyInRight span {animation-name: leFlyInRight;animation-timing-function: ease-in-out }@keyframes leFlyInRight {0% {transform: translate(40px, 0px);opacity: 0;}50% {transform: translate(-40px, 0px) }}.leFlyInBottom span {animation-name: leFlyInBottom }@keyframes leFlyInBottom {0% {transform: translate(0px, 80px);opacity: 0 }50% {transform: translate(10px, -50px);animation-timing-function: ease-in-out }}.leFlyOutTop span {animation-name: leFlyOutTop }@keyframes leFlyOutTop {50% {transform: translate(0px, 50px) }to {transform: translate(0px, -100px);opacity: 0;}}.leFlyOutLeft span {animation-name: leFlyOutLeft;animation-timing-function: ease-in-out }@keyframes leFlyOutLeft {50% {transform: translate(40px, 0px) }to {transform: translate(-100px, 0px);opacity: 0;}}.leFlyOutRight span {animation-name: leFlyOutRight;animation-timing-function: ease-in-out }@keyframes leFlyOutRight {50% {transform: translate(-40px, 0px) }to {transform: translate(100px, 0px);opacity: 0;}}.leFlyOutBottom span {animation-name: leFlyOutBottom }@keyframes leFlyOutBottom {50% {transform: translate(0px, -40px) }to {transform: translate(0px, 100px);opacity: 0;}}.leDoorCloseLeft span {animation-name: leDoorCloseLeft }@keyframes leDoorCloseLeft {from, to {transform: perspective(400px);transform-origin: left }from {transform: rotateY(90deg);opacity: 0;}to {opacity: 1 }}.leDoorOpenRight span {animation-name: leDoorOpenRight }@keyframes leDoorOpenRight {from, to {transform: perspective(400px);transform-origin: left }to {transform: rotateY(90deg);opacity: 0 }}.leDoorCloseRight span {animation-name: leDoorCloseRight }@keyframes leDoorCloseRight {from, to {transform: perspective(400px);transform-origin: right }from {transform: rotateY(-90deg);opacity: 0 }to {opacity: 1 }}.leDoorOpenLeft span {animation-name: leDoorOpenLeft }@keyframes leDoorOpenLeft {from, to {transform: perspective(400px);transform-origin: right }to {transform: rotateY(-90deg);opacity: 0 }}.leHangAndDropLeft span {animation-name: leHangAndDropLeft }@keyframes leHangAndDropLeft {from {transform-origin: left }50% {transform: rotate(100deg);transform-origin: left }60% {transform: rotate(90deg);transform-origin: left }to {transform: translateY(800px) rotate(70deg);transform-origin: left }}.leHangAndDropRight span {animation-name: leHangAndDropRight }@keyframes leHangAndDropRight {from {transform-origin: right }50% {transform: rotate(-100deg);transform-origin: right;}60% {transform: rotate(-90deg);transform-origin: right;}to {transform: translateY(800px) rotate(-70deg);transform-origin: right;}}.leRencontre span {animation: leRencontre .4s;animation-iteration-count: 1 }@keyframes leRencontre {0%, 33%, 100% {transform-origin: bottom;animation-timing-function: cubic-bezier(.17,.67,.79,1.83) }33% {transform: translateY(-2px) rotate(-3deg) }66% {transform: translateY(2px) rotate(3deg) }}.lePulseShake span {animation-name: lePulseShake;animation-iteration-count: 1 }@keyframes lePulseShake {90% {transform: scale(1) }92% {transform: scale(1.2) }96% {transform: scale(1, 1) }98% {transform: scale(1.1) }}.leHorizontalShake span {animation-name: leHorizontalShake;animation-iteration-count: 1 }@keyframes leHorizontalShake {3%, 12%, 21%, 30%, 39%, 48%, 57%, 65%, 74%, 3%, 92% {transform: translateX(5px) }6%, 15%, 24%, 33%, 42%, 51%, 60%, 68%, 77%, 86%, 95% {transform: translateX(3px) }9%, 18%, 27%, 36%, 45%, 54%, 63%, 71%, 80%, 89%, 98% {transform: translateX(-5px) }}.leVerticalShake span {animation-name: leVerticalShake;animation-iteration-count: 1 }@keyframes leVerticalShake {3%, 12%, 21%, 30%, 39%, 48%, 57%, 65%, 74%, 83%, 92% {transform: translateY(5px) }6%, 15%, 24%, 33%, 42%, 51%, 60%, 68%, 77%, 86%, 95% {transform: translateY(3px) }9%, 18%, 27%, 36%, 45%, 54%, 63%, 71%, 80%, 89%, 98% {transform: translateY(-5px) }}.leMadMax span {animation-name: leMadMax;animation-iteration-count: 1 }@keyframes leMadMax {3%, 12%, 21%, 30%, 39%, 48%, 57%, 65%, 74%, 83%, 92% {transform: translateY(5px) scale(1.1) }6%, 15%, 24%, 33%, 42%, 51%, 60%, 68%, 77%, 86%, 95% {transform: translateY(3px) scale(.8) }9%, 18%, 27%, 36%, 45%, 54%, 63%, 71%, 80%, 89%, 98% {transform: translateY(-5px) scale(1.1) }}.leHorizontalTremble span {animation-name: leHorizontalTremble;animation-iteration-count: 1 }@keyframes leHorizontalTremble {3%, 21%, 39%, 57%, 74%, 92% {transform: translateX(5px) }6%, 24%, 42%, 60%, 77%, 95% {transform: translateX(3px) }9%, 27%, 45%, 63%, 80%, 98% {transform: translateX(-5px) }}.leVerticalTremble span {animation-name: leVerticalTremble;animation-iteration-count: 1 }@keyframes leVerticalTremble {3%, 21%, 39%, 57%, 74%, 92% {transform: translateY(5px) }6%, 24%, 42%, 60%, 77%, 95% {transform: translateY(3px) }9%, 27%, 45%, 63%, 80%, 98% {transform: translateY(-5px) }}.leCrazyCool span {animation-name: leCrazyCool;animation-iteration-count: 1 }@keyframes leCrazyCool {3%, 21%, 39%, 57%, 74%, 92% {transform: translateY(5px) scale(1.1) }6%, 24%, 42%, 60%, 77%, 95% {transform: translateY(3px) scale(.8) }9%, 27%, 45%, 63%, 80%, 98% {transform: translateY(-5px) scale(1.1) }}.leVibration span {animation: leVibration .1s linear 2 }@keyframes leVibration {50% {transform: skewY(1deg) skewX(-1deg) scale(1.06) }}.lePushReleaseFrom span {animation-name: lePushReleaseFrom }@keyframes lePushReleaseFrom {from {transform: scale(3, 3);opacity: 0;}50% {transform: scale(.5, .5) }}.lePushReleaseFromLeft span {animation-name: lePushReleaseFromLeft }@keyframes lePushReleaseFromLeft {from {transform: translateX(-100%);opacity: 0 }30% {transform: translateX(100px) }}.lePushReleaseFromTop span {animation-name: lePushReleaseFromTop }@keyframes lePushReleaseFromTop {from {transform: translateY(-100%);opacity: 0;}30% {transform: translateY(100px) }}.lePushReleaseFromBottom span {animation-name: lePushReleaseFromBottom }@keyframes lePushReleaseFromBottom {from {transform: translateY(100%);opacity: 0;}30% {transform: translateY(-100px) }}.lePushReleaseTo span {animation-name: lePushReleaseTo }@keyframes lePushReleaseTo {30% {transform: scale(.5, .5) }to {transform: scale(5, 5);opacity: 0;}}.lePushReleaseToTop span {animation-name: lePushReleaseToTop }@keyframes lePushReleaseToTop {30% {transform: translateY(100px) }to {transform: translateY(-100%);opacity: 0 }}.lePushReleaseToBottom span {animation-name: lePushReleaseToBottom }@keyframes lePushReleaseToBottom {30% {transform: translateY(-100px) }to {transform: translateY(100%);opacity: 0 }}.leFlipInTop span {animation-name: leFlipInTop }@keyframes leFlipInTop {from {transform: perspective(600px);opacity: 0 }30% {transform: perspective(600px) rotateX(180deg);transform-origin: 0 0;animation-timing-function: ease-out;}to {transform: perspective(600px) }}.leFlipOutTop span {animation-name: leFlipOutTop }@keyframes leFlipOutTop {to {transform: perspective(600px);opacity: 0 }70% {transform: perspective(600px) rotateX(180deg);transform-origin: 0 0;animation-timing-function: ease-out;}to {transform: perspective(600px) }}.leFlipInBottom span {animation-name: leFlipInBottom }@keyframes leFlipInBottom {from {transform: perspective(600px);opacity: 0 }30% {transform: perspective(600px) rotateX(180deg);transform-origin: bottom;animation-timing-function: ease-out;}to {transform: perspective(600px) }}.leFlipOutBottom span {animation-name: leFlipOutBottom }@keyframes leFlipOutBottom {to {transform: perspective(600px);opacity: 0 }70% {transform: perspective(600px) rotateX(180deg);transform-origin: bottom;animation-timing-function: ease-out;}to {transform: perspective(600px) }}.leElevateLeft span {animation-name: leElevateLeft }@keyframes leElevateLeft {from {transform: translateY(100%) rotate(-20deg);transform-origin: right;opacity: 0;}40% {transform: rotate(20deg);transform-origin: right;}65% {transform: rotate(0deg);transform-origin: right;}}.leElevateRight span {animation-name: leElevateRight }@keyframes leElevateRight {from {transform: translateY(100%) rotate(20deg);transform-origin: left;opacity: 0;}40% {transform: rotate(-20deg);transform-origin: left;}65% {transform: rotate(0deg);transform-origin: left;}}.leRollFromLeft span {animation-name: leRollFromLeft }@keyframes leRollFromLeft {from {transform: translateX(-60px) perspective(600px) rotateY(180deg);opacity: 0 }}.leRollFromRight span {animation-name: leRollFromRight }@keyframes leRollFromRight {from {transform: translateX(60px) perspective(600px) rotateY(-180deg);opacity: 0 }}.leRollFromTop span {animation-name: leRollFromTop }@keyframes leRollFromTop {from {transform: translateY(-60px) perspective(600px) rotateX(180deg);opacity: 0 }}.leRollFromBottom span {animation-name: leRollFromBottom }@keyframes leRollFromBottom {from {transform: translateY(60px) perspective(600px) rotateX(-180deg);opacity: 0 }}.leRollToLeft span {animation-name: leRollToLeft }@keyframes leRollToLeft {to {transform: translateX(-60px) perspective(600px) rotateY(180deg);opacity: 0 }}.leRollToRight span {animation-name: leRollToRight }@keyframes leRollToRight {to {transform: translateX(60px) perspective(600px) rotateY(-180deg);opacity: 0 }}.leRollToTop span {animation-name: leRollToTop }@keyframes leRollToTop {to {transform: translateY(-60px) perspective(600px) rotateX(180deg);opacity: 0 }}.leRollToBottom span {animation-name: leRollToBottom }@keyframes leRollToBottom {to {transform: translateY(60px) perspective(600px) rotateX(-180deg);opacity: 0 }}.leRotateSkateInRight span {animation-name: leRotateSkateInRight }@keyframes leRotateSkateInRight {from {transform: scaleX(0.2) translateX(100px);opacity: 0;}}.leRotateSkateInLeft span {animation-name: leRotateSkateInLeft }@keyframes leRotateSkateInLeft {from {transform: scaleX(0.2) translateX(-100px);opacity: 0;}}.leRotateSkateInTop span {animation-name: leRotateSkateInTop }@keyframes leRotateSkateInTop {from {transform: scaleY(0.2) translateY(-100px);opacity: 0;}}.leRotateSkateInBottom span {animation-name: leRotateSkateInBottom }@keyframes leRotateSkateInBottom {from {transform: scaleY(0.2) translateY(100px);opacity: 0;}}.leRotateSkateOutRight span {animation-name: leRotateSkateOutRight }@keyframes leRotateSkateOutRight {to {transform: scaleX(0.2) translateX(100px);opacity: 0;}}.leRotateSkateOutLeft span {animation-name: leRotateSkateOutLeft }@keyframes leRotateSkateOutLeft {to {transform: scaleX(0.2) translateX(-100px);opacity: 0;}}.leRotateSkateOutTop span {animation-name: leRotateSkateOutTop }@keyframes leRotateSkateOutTop {to {transform: scaleY(0.2) translateY(-100px);opacity: 0;}}.leRotateSkateOutBottom span {animation-name: leRotateSkateOutBottom }@keyframes leRotateSkateOutBottom {to {transform: scaleY(0.2) translateY(100px);opacity: 0;}}.leRotateXZoomIn span {animation-name: leRotateXZoomIn }@keyframes leRotateXZoomIn {from {transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);opacity: 0 }5% {transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg) }}.leRotateXZoomOut span {animation-name: leRotateXZoomOut }@keyframes leRotateXZoomOut {95% {transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg) }to {transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);opacity: 0 }}.leRotateYZoomIn span {animation-name: leRotateYZoomIn }@keyframes leRotateYZoomIn {from {transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);opacity: 0 }5% {transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg) }}.leRotateYZoomOut span {animation-name: leRotateYZoomOut }@keyframes leRotateYZoomOut {95% {transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg) }to {transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);opacity: 0;}}.leRotateIn span {animation-name: leRotateIn }@keyframes leRotateIn {from {transform: rotate(-180deg);opacity: 0;}to {opacity: 1 }}.leRotateOut span {animation-name: leRotateOut }@keyframes leRotateOut {from {opacity: 1 }to {transform: rotate(180deg);opacity: 0;}}.leRotateInLeft span {animation-name: leRotateInLeft }@keyframes leRotateInLeft {from {transform: rotate(-180deg) translateX(150px);opacity: 0;}to {opacity: 1 }}.leRotateOutLeft span {animation-name: leRotateOutLeft }@keyframes leRotateOutLeft {from {opacity: 1 }to {transform: rotate(180deg) translateX(150px);opacity: 0;}}.leRotateInRight span {animation-name: leRotateInRight }@keyframes leRotateInRight {from {transform: rotate(-180deg) translateX(-150px);opacity: 0;}to {opacity: 1 }}.leRotateOutRight span {animation-name: leRotateOutRight }@keyframes leRotateOutRight {from {opacity: 1 }to {transform: rotate(180deg) translateX(-150px);opacity: 0;}}.leSpinInLeft span {animation-name: leSpinInLeft }@keyframes leSpinInLeft {from, to {transform-origin: left bottom }from {transform: rotate(90deg);opacity: 0;}}.leSpinInRight span {animation-name: leSpinInRight }@keyframes leSpinInRight {from, to {transform-origin: right bottom }from {transform: rotate(-90deg);opacity: 0;}}.leSpinOutLeft span {animation-name: leSpinOutLeft }@keyframes leSpinOutLeft {from, to {transform-origin: left bottom }to {transform: rotate(90deg);opacity: 0;}}.leSpinOutRight span {animation-name: leSpinOutRight }@keyframes leSpinOutRight {from, to {transform-origin: right bottom }to {transform: rotate(-90deg);opacity: 0;}}.leBlurIn span {animation-name: leBlurIn }@keyframes leBlurIn {from {transform: scaleX(0.2);filter: blur(20px);opacity: 0;}}.leBlurInRight span {animation-name: leBlurInRight }@keyframes leBlurInRight {from {transform: scaleX(0.2) translateX(100px);filter: blur(20px);opacity: 0;}}.leBlurInLeft span {animation-name: leBlurInLeft }@keyframes leBlurInLeft {from {transform: scaleX(0.2) translateX(-100px);filter: blur(20px);opacity: 0;}}.leBlurInTop span {animation-name: leBlurInTop }@keyframes leBlurInTop {from {transform: scaleY(0.2) translateY(-100px);filter: blur(20px);opacity: 0;}}.leBlurInBottom span {animation-name: leBlurInBottom }@keyframes leBlurInBottom {from {transform: scaleY(0.2) translateY(100px);filter: blur(20px);opacity: 0;}}.leBlurOut span {animation-name: leBlurOut }@keyframes leBlurOut {to {transform: scaleX(0.2);filter: blur(20px);opacity: 0;}}.leBlurOutRight span {animation-name: leBlurOutRight }@keyframes leBlurOutRight {to {transform: scaleX(0.2) translateX(100px);filter: blur(20px);opacity: 0;}}.leBlurOutLeft span {animation-name: leBlurOutLeft }@keyframes leBlurOutLeft {to {transform: scaleX(0.2) translateX(-100px);filter: blur(20px);opacity: 0;}}.leBlurOutTop span {animation-name: leBlurOutTop }@keyframes leBlurOutTop {to {transform: scaleY(0.2) translateY(-100px);filter: blur(20px);opacity: 0;}}.leBlurOutBottom span {animation-name: leBlurOutBottom }@keyframes leBlurOutBottom {to {transform: scaleY(0.2) translateY(100px);filter: blur(20px);opacity: 0;}}.lePopUp span {animation-name: lePopUp }@keyframes lePopUp {50% {transform: scale(1.5) }}.lePopUpLeft span {animation-name: lePopUpLeft }@keyframes lePopUpLeft {50% {transform: translateX(-50px) scale(1.5);animation-timing-function: ease-in;}}.lePopUpRight span {animation-name: lePopUpRight }@keyframes lePopUpRight {50% {transform: translateX(50px) scale(1.5);animation-timing-function: ease-in;}}.lePopOut span {animation-name: lePopOut }@keyframes lePopOut {50% {transform: scale(.5) }}.lePopOutLeft span {animation-name: lePopOutLeft }@keyframes lePopOutLeft {50% {transform: translateX(-50px) scale(.5);animation-timing-function: ease-in;}}.lePopOutRight span {animation-name: lePopOutRight }@keyframes lePopOutRight {50% {transform: translateX(50px) scale(.5);animation-timing-function: ease-in;}}.leBounceFromTop span {animation-name: leBounceFromTop }@keyframes leBounceFromTop {0%, 25%, 55%, 85%, 100% {animation-timing-function: ease-out;transform: translate3d(0, 0, 0);}41%, 44% {animation-timing-function: ease-in;transform: translate3d(0, -80px, 0) scale3d(1, 1.2, 1);}70% {animation-timing-function: ease-in;transform: translate3d(0, -20px, 0);}90% {transform: translate3d(0, -4px, 0) }}.leBounceFromDown span {animation-name: leBounceFromDown }@keyframes leBounceFromDown {0%, 25%, 55%, 85%, 100% {animation-timing-function: ease-out;transform: translate3d(0, 0, 0);}41%, 44% {animation-timing-function: ease-in;transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);}70% {animation-timing-function: ease-in;transform: translate3d(0, 20px, 0);}90% {transform: translate3d(0, 4px, 0) }}.leBounceY span {animation-name: leBounceY }@keyframes leBounceY {0%, 25%, 55%, 85%, 100% {animation-timing-function: ease-out;transform: scale3d(1, 1, 1);}41%, 44% {animation-timing-function: ease-in;transform: scale3d(1, 2, 1);}70% {animation-timing-function: ease-in;transform: scale3d(1, 1.5, 1);}90% {transform: scale3d(1, 1.1, 1) }}.leBounceZoomIn span {animation-name: leBounceZoomIn }@keyframes leBounceZoomIn {0%, 25%, 55%, 85%, 100% {animation-timing-function: ease-out;transform: scale(1);}41%, 44% {animation-timing-function: ease-in;transform: scale(1.7);}70% {animation-timing-function: ease-in;transform: scale(1.9);}90% {transform: scale(1.1) }}.leBounceZoomOut span {animation-name: leBounceZoomOut }@keyframes leBounceZoomOut {0%, 25%, 55%, 85%, 100% {animation-timing-function: ease-out;transform: scale(1);}41%, 44% {animation-timing-function: ease-in;transform: scale(.5);}70% {animation-timing-function: ease-in;transform: scale(.7);}90% {transform: scale(.9) }}.lePerspectiveOutTop span {animation-name: lePerspectiveOutTop;transform: perspective(500px);transform-style: preserve-3d }@keyframes lePerspectiveOutTop {50% {opacity: 1 }to {transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);opacity: 0;}}.lePerspectiveOutBottom span {animation-name: lePerspectiveOutBottom;transform: perspective(500px);transform-style: preserve-3d }@keyframes lePerspectiveOutBottom {50% {opacity: 1 }to {transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);opacity: 0;}}.leZoomIn span {animation-name: leZoomIn }@keyframes leZoomIn {from {transform: scale(10);opacity: 0;}}.leZoomInLeft span {animation-name: leZoomInLeft }@keyframes leZoomInLeft {from {transform: scale(10) translateX(-150%);opacity: 0;}}.leZoomInRight span {animation-name: leZoomInRight }@keyframes leZoomInRight {from {transform: scale(10) translateX(150%);opacity: 0;}}.leZoomInTop span {animation-name: LetterZoomInTop }@keyframes LetterZoomInTop {from {transform: scale(10) translateY(-50%);opacity: 0;}}.leZoomInBottom span {animation-name: leZoomInBottom }@keyframes leZoomInBottom {from {transform: scale(10) translateY(50%);opacity: 0;}}.leZoomOut span {animation-name: leZoomOut }@keyframes leZoomOut {to {transform: scale(10);opacity: 0;}}.leZoomOutLeft span {animation-name: leZoomOutLeft }@keyframes leZoomOutLeft {to {transform: scale(10) translateX(-150%);opacity: 0;}}.leZoomOutRight span {animation-name: leZoomOutRight }@keyframes leZoomOutRight {to {transform: scale(10) translateX(150%);opacity: 0;}}.leZoomOutTop span {animation-name: leZoomOutTop }@keyframes leZoomOutTop {to {transform: scale(10) translateY(-50%);opacity: 0;}}.leZoomOutBottom span {animation-name: leZoomOutBottom }@keyframes leZoomOutBottom {to {transform: scale(10) translateY(50%);opacity: 0;}}.leDanceInTop span {animation-name: leDanceInTop;transform-origin: top }@keyframes leDanceInTop {from {opacity: 0 }16% {transform: skew(-14deg) }33% {transform: skew(12deg) }49% {transform: skew(-8deg) }66% {transform: skew(6deg) }83% {transform: skew(-4deg) }}.leDanceInMiddle span {animation-name: leDanceInMiddle }@keyframes leDanceInMiddle {from {opacity: 0 }16% {transform: skew(-14deg) }33% {transform: skew(12deg) }49% {transform: skew(-8deg) }66% {transform: skew(6deg) }83% {transform: skew(-4deg) }}.leDanceInBottom span {animation-name: leDanceInBottom;transform-origin: bottom }@keyframes leDanceInBottom {from {opacity: 0 }16% {transform: skew(-14deg) }33% {transform: skew(12deg) }49% {transform: skew(-8deg) }66% {transform: skew(6deg) }83% {transform: skew(-4deg) }}.leDanceOutTop span {animation-name: leDanceOutTop;transform-origin: top }@keyframes leDanceOutTop {16% {transform: skew(-14deg) }33% {transform: skew(12deg) }49% {transform: skew(-8deg) }66% {transform: skew(6deg) }83% {transform: skew(-4deg) }to {opacity: 0 }}.leDanceOutMiddle span {animation-name: leDanceOutMiddle }@keyframes leDanceOutMiddle {16% {transform: skew(-14deg) }33% {transform: skew(12deg) }49% {transform: skew(-8deg) }66% {transform: skew(6deg) }83% {transform: skew(-4deg) }to {opacity: 0 }}.leDanceOutBottom span {animation-name: leDanceOutBottom;transform-origin: bottom }@keyframes leDanceOutBottom {16% {transform: skew(-14deg) }33% {transform: skew(12deg) }49% {transform: skew(-8deg) }66% {transform: skew(6deg) }83% {transform: skew(-4deg) }to {opacity: 0 }}.oaoFadeIn span:nth-child(even) {animation-name: leoaoFadeInTop;animation-duration: .7s;animation-timing-function: ease-out;}@keyframes leoaoFadeInTop {from {transform: translateY(-100px);opacity: 0;}}.oaoFadeIn span:nth-child(odd) {animation-name: leoaoFadeInBottom;animation-duration: .7s;animation-timing-function: ease-out;}@keyframes leoaoFadeInBottom {from {transform: translateY(100px);opacity: 0;}}.oaoFadeOut span:nth-child(even) {animation-name: leoaoFadeOutop;animation-duration: .7s;animation-timing-function: ease-in;}@keyframes leoaoFadeOutop {to {transform: translateY(-100px);opacity: 0;}}.oaoFadeOut span:nth-child(odd) {animation-name: leoaoFadeOutBottom;animation-duration: .7s;animation-timing-function: ease-in;}@keyframes leoaoFadeOutBottom {to {transform: translateY(100%);opacity: 0;}}.oaoFlyIn span:nth-child(even) {animation-name: leoaoFlyInTop }@keyframes leoaoFlyInTop {0% {transform: translateY(80px);opacity: 0 }50% {transform: translateY(-50px);animation-timing-function: ease-out }}.oaoFlyIn span:nth-child(odd) {animation-name: leoaoFlyInBottom }@keyframes leoaoFlyInBottom {0% {transform: translateY(-80px);opacity: 0 }50% {transform: translateY(50px);animation-timing-function: ease-out }}.oaoFlyOut span:nth-child(even) {animation-name: leoaoFlyOutTop }@keyframes leoaoFlyOutTop {30% {transform: translateY(80px);animation-timing-function: ease-out }80% {transform: translateY(-50px);animation-timing-function: ease-out }to {opacity: 0 }}.oaoFlyOut span:nth-child(odd) {animation-name: leoaoFlyOutBottom }@keyframes leoaoFlyOutBottom {30% {transform: translateY(-80px);animation-timing-function: ease-out }80% {transform: translateY(50px);animation-timing-function: ease-out }to {opacity: 0 }}.oaoRotateIn span:nth-child(even) {animation-name: oaoRotateInTop }@keyframes oaoRotateInTop {from {transform: translateY(-100px) rotate(360deg);opacity: 0;}}.oaoRotateIn span:nth-child(odd) {animation-name: oaoRotateInBottom }@keyframes oaoRotateInBottom {from {transform: translateY(100px) rotate(360deg);opacity: 0;}}.oaoRotateOut span:nth-child(even) {animation-name: oaoRotateOutTop }@keyframes oaoRotateOutTop {to {transform: translateY(-100px) rotate(360deg);opacity: 0;}}.oaoRotateOut span:nth-child(odd) {animation-name: oaoRotateOutBottom }@keyframes oaoRotateOutBottom {to {transform: translateY(100px) rotate(360deg);opacity: 0;}}.oaoRotateXIn span:nth-child(even) {animation-name: oaoRotateXInTop }@keyframes oaoRotateXInTop {from {transform: translateY(-100px) rotateX(360deg);opacity: 0;}}.oaoRotateXIn span:nth-child(odd) {animation-name: oaoRotateXInBottom }@keyframes oaoRotateXInBottom {from {transform: translateY(100px) rotateX(360deg);opacity: 0;}}.oaoRotateXOut span:nth-child(even) {animation-name: oaoRotateXOutTop }@keyframes oaoRotateXOutTop {to {transform: translateY(-100px) rotateX(360deg);opacity: 0;}}.oaoRotateXOut span:nth-child(odd) {animation-name: oaoRotateXOutBottom }@keyframes oaoRotateXOutBottom {to {transform: translateY(100px) rotateX(360deg);opacity: 0;}}.oaoRotateYIn span:nth-child(even) {animation-name: oaoRotateYInTop }@keyframes oaoRotateYInTop {from {transform: translateY(-100px) rotateY(360deg);opacity: 0;}}.oaoRotateYIn span:nth-child(odd) {animation-name: oaoRotateYInBottom }@keyframes oaoRotateYInBottom {from {transform: translateY(100px) rotateY(360deg);opacity: 0;}}.oaoRotateYOut span:nth-child(even) {animation-name: oaoRotateYOutTop }@keyframes oaoRotateYOutTop {to {transform: translateY(-100px) rotateY(360deg);opacity: 0;}}.oaoRotateYOut span:nth-child(odd) {animation-name: oaoRotateYOutBottom }@keyframes oaoRotateYOutBottom {to {transform: translateY(100px) rotateY(360deg);opacity: 0;}}.fadeIn {animation-name: fadeIn!important;}@keyframes fadeIn {from {opacity: 0 }to {opacity: 1 }}.fadeInLeft {animation-name: bfadeInLeft!important;}@keyframes bfadeInLeft {from {opacity: 0;transform: translateX(-50px);}to {opacity: 1 }}.fadeInRight {animation-name: bfadeInRight!important;}@keyframes bfadeInRight {from {opacity: 0;transform: translateX(50px);}to {opacity: 1 }}.fadeInDown {animation-name: bfadeInTop!important;}@keyframes bfadeInTop {from {opacity: 0;transform: translateY(-50px);}to {opacity: 1 }}.fadeInUp {animation-name: bfadeInBottom!important;}@keyframes bfadeInBottom {from {opacity: 0;transform: translateY(50px);}to {opacity: 1 }}.fadeOut {animation-name: fadeOut }@keyframes fadeOut {to {opacity: 0 }}.fadeOutLeft {animation-name: fadeOutLeft }@keyframes fadeOutLeft {from {opacity: 1 }to {opacity: 0;transform: translateX(-100%);}}.fadeOutRight {animation-name: fadeOutRight }@keyframes fadeOutRight {from {opacity: 1 }to {opacity: 0;transform: translateX(100%);}}.fadeOutTop {animation-name: fadeOutTop }@keyframes fadeOutTop {from {opacity: 1 }to {opacity: 0;transform: translateY(-100%);}}.fadeOutBottom {animation-name: fadeOutBottom }@keyframes fadeOutBottom {from {opacity: 1 }to {opacity: 0;transform: translateY(100%);}}.moveFromLeft {animation-name: moveFromLeft }@keyframes moveFromLeft {from {transform: translateX(-300px) }}.moveFromRight {animation-name: moveFromRight }@keyframes moveFromRight {from {transform: translateX(300px) }}.moveFromTop {animation-name: moveFromTop }@keyframes moveFromTop {from {transform: translateY(-300px) }}.moveFromBottom {animation-name: moveFromBottom }@keyframes moveFromBottom {from {transform: translateY(300px) }}.moveToLeft {animation-name: moveToLeft }@keyframes moveToLeft {to {transform: translateX(-800px) }}.moveToRight {animation-name: moveToRight }@keyframes moveToRight {to {transform: translateX(800px) }}.moveToTop {animation-name: moveToTop }@keyframes moveToTop {to {transform: translateY(-800px) }}.moveToBottom {animation-name: moveToBottom }@keyframes moveToBottom {to {transform: translateY(800px) }}.doorCloseFromLeft {animation-name: doorCloseFromLeft }@keyframes doorCloseFromLeft {from {transform: perspective(400px) rotateY(90deg);transform-origin: left;opacity: 0;}50%, to {transform: perspective(400px) rotateY(0deg);transform-origin: left;opacity: 1;}}.doorOpenFromRight {animation-name: doorOpenFromRight }@keyframes doorOpenFromRight {from {transform: perspective(400px) rotateY(0deg);transform-origin: left;opacity: 1;}50%, to {transform: perspective(400px) rotateY(90deg);transform-origin: left;opacity: 0;}}.doorCloseFromRight {animation-name: doorCloseFromRight }@keyframes doorCloseFromRight {from {transform: perspective(400px) rotateY(-90deg);transform-origin: right;opacity: 0;}50%, to {transform: perspective(400px) rotateY(0deg);transform-origin: right;opacity: 1;}}.doorOpenFromLeft {animation-name: doorOpenFromLeft }@keyframes doorOpenFromLeft {from {transform: perspective(400px) rotateY(0deg);transform-origin: right;opacity: 1;}50%, to {transform: perspective(400px) rotateY(-90deg);transform-origin: right;opacity: 0;}}.heartbeatSlow {animation-name: heartbeatSlow;animation-iteration-count: 3;animation-duration: .5s }@keyframes heartbeatSlow {35%, 65% {transform: scale(1.2) }}.heartbeatFast {animation-name: heartbeatFast;animation-iteration-count: infinite }@keyframes heartbeatFast {14%, 42% {transform: scale(1.3) }28%, 70% {transform: scale(1) }}.hangOnLeft {animation-name: hangOnLeft }@keyframes hangOnLeft {from {transform-origin: left;}40% {transform: rotate(100deg);transform-origin: left;}55% {transform: rotate(80deg);transform-origin: left;}70% {transform: rotate(95deg);transform-origin: left;}85% {transform: rotate(85deg);transform-origin: left;}100% {transform: rotate(90deg);transform-origin: left;}}.hangOnRight {animation-name: hangOnRight }@keyframes hangOnRight {from {transform-origin: right;}40% {transform: rotate(-100deg);transform-origin: right;}55% {transform: rotate(-80deg);transform-origin: right;}70% {transform: rotate(-95deg);transform-origin: right;}85% {transform: rotate(-85deg);transform-origin: right;}100% {transform: rotate(-90deg);transform-origin: right;}}.hangAndDropLeft {animation-name: hangAndDropLeft }@keyframes hangAndDropLeft {from {transform-origin: left }50% {transform: rotate(100deg);transform-origin: left;}60% {transform: rotate(90deg);transform-origin: left;opacity: 1;}to {transform: translateY(300px) rotate(70deg);transform-origin: left;opacity: 0;}}.hangAndDropRight {animation-name: hangAndDropRight }@keyframes hangAndDropRight {from {transform-origin: right }50% {transform: rotate(-100deg);transform-origin: right;}60% {transform: rotate(-90deg);transform-origin: right;opacity: 1;}to {transform: translateY(300px) rotate(-70deg);transform-origin: right;opacity: 0 }}.pulseShake {animation-name: pulseShake;animation-iteration-count: infinite }@keyframes pulseShake {90% {transform: scale(1) }92% {transform: scale(1.2) }96% {transform: scale(1, 1) }98% {transform: scale(1.1) }}.horizontalShake {animation-name: horizontalShake;animation-iteration-count: infinite }@keyframes horizontalShake {3%, 12%, 21%, 30%, 39%, 48%, 57%, 65%, 74%, 83%, 92% {transform: translateX(5px) }6%, 15%, 24%, 33%, 42%, 51%, 60%, 68%, 77%, 86%, 95% {transform: translateX(3px) }9%, 18%, 27%, 36%, 45%, 54%, 63%, 71%, 80%, 89%, 98% {transform: translateX(-5px) }}.verticalShake {animation-name: verticalShake;animation-iteration-count: infinite }@keyframes verticalShake {3%, 12%, 21%, 30%, 39%, 48%, 57%, 65%, 74%, 83%, 92% {transform: translateY(5px) }6%, 15%, 24%, 33%, 42%, 51%, 60%, 68%, 77%, 86%, 95% {transform: translateY(3px) }9%, 18%, 27%, 36%, 45%, 54%, 63%, 71%, 80%, 89%, 98% {transform: translateY(-5px) }}.madMax {animation-name: madMax;animation-iteration-count: infinite }@keyframes madMax {3%, 12%, 21%, 30%, 39%, 48%, 57%, 65%, 74%, 83%, 92% {transform: translateY(5px) scale(1.1) }6%, 15%, 24%, 33%, 42%, 51%, 60%, 68%, 77%, 86%, 95% {transform: translateY(3px) scale(.8) }9%, 18%, 27%, 36%, 45%, 54%, 63%, 71%, 80%, 89%, 98% {transform: translateY(-5px) scale(1.1) }}.coolHorizontalShake {animation-name: coolHorizontalShake;animation-iteration-count: infinite }@keyframes coolHorizontalShake {3%, 21%, 39%, 57%, 74%, 92% {transform: translateX(5px) }6%, 24%, 42%, 60%, 77%, 95% {transform: translateX(3px) }9%, 27%, 45%, 63%, 80%, 98% {transform: translateX(-5px) }}.coolVerticalShake {animation-name: coolVerticalShake;animation-iteration-count: infinite }@keyframes coolVerticalShake {3%, 21%, 39%, 57%, 74%, 92% {transform: translateY(5px) }6%, 24%, 42%, 60%, 77%, 95% {transform: translateY(3px) }9%, 27%, 45%, 63%, 80%, 98% {transform: translateY(-5px) }}.quietMad {animation-name: quietMad;animation-iteration-count: infinite }@keyframes quietMad {3%, 21%, 39%, 57%, 74%, 92% {transform: translateY(5px) scale(1.1) }6%, 24%, 42%, 60%, 77%, 95% {transform: translateY(3px) scale(.8) }9%, 27%, 45%, 63%, 80%, 98% {transform: translateY(-5px) scale(1.1) }}.vibration {animation: vibration .1s linear infinite }@keyframes vibration {50% {transform: skewY(1deg) skewX(-1deg) scale(1.06) }}.pushReleaseFrom {animation-name: pushReleaseFrom }@keyframes pushReleaseFrom {from {transform: scale(3, 3);opacity: 0;}30% {transform: scale(.5, .5) }}.pushReleaseFromLeft {animation-name: pushReleaseFromLeft }@keyframes pushReleaseFromLeft {from {transform: translateX(-100%);opacity: 0;}30% {transform: translateX(100px);opacity: 1;}}.pushReleaseFromRight {animation-name: pushReleaseFromRight }@keyframes pushReleaseFromRight {from {transform: translateX(100%);opacity: 0;}30% {transform: translateX(-100px);opacity: 1;}}.pushReleaseFromTop {animation-name: pushReleaseFromTop }@keyframes pushReleaseFromTop {from {transform: translateY(-100%);opacity: 0;}30% {transform: translateY(100px);opacity: 1;}}.pushReleaseFromBottom {animation-name: pushReleaseFromBottom }@keyframes pushReleaseFromBottom {from {transform: translateY(100%);opacity: 0;}30% {transform: translateY(-100px);opacity: 1;}}.pushReleaseTo {animation-name: pushReleaseTo }@keyframes pushReleaseTo {30% {transform: scale(.5, .5) }to {transform: scale(5, 5);opacity: 0;}}.pushReleaseToLeft {animation-name: pushReleaseToLeft }@keyframes pushReleaseToLeft {30% {transform: translateX(100px) }to {transform: translateX(-100%);opacity: 0;}}.pushReleaseToRight {animation-name: pushReleaseToRight }@keyframes pushReleaseToRight {30% {transform: translateX(-100px) }to {transform: translateX(100%);opacity: 0;}}.pushReleaseToTop {animation-name: pushReleaseToTop }@keyframes pushReleaseToTop {30% {transform: translateY(100px) }to {transform: translateY(-100%);opacity: 0;}}.pushReleaseToBottom {animation-name: pushReleaseToBottom }@keyframes pushReleaseToBottom {30% {transform: translateY(-100px) }to {transform: translateY(100%);opacity: 0;}}.flipX {animation-name: flipX }@keyframes flipX {from {transform: perspective(600px) rotateX(-180deg);opacity: 0;}to {transform: perspective(600px) rotateX(-360deg) }}.flipXZoomIn {animation-name: flipXZoomIn }@keyframes flipXZoomIn {from {transform: perspective(600px) rotateX(0deg) scale(1);animation-timing-function: ease-out;}40% {transform: perspective(600px) rotateX(-180deg) scale(1.8);animation-timing-function: ease-out;}80% {transform: perspective(600px) rotateX(-360deg) scale(.7);animation-timing-function: ease-in;}to {transform: scale(1) }}.flipXZoomOut {animation-name: flipXZoomOut }@keyframes flipXZoomOut {from {transform: perspective(600px) rotateX(0deg) scale(1);animation-timing-function: ease-out;}40% {transform: perspective(600px) rotateX(180deg) scale(1.8);animation-timing-function: ease-out;}80% {transform: perspective(600px) rotateX(360deg) scale(.7);animation-timing-function: ease-in;}to {transform: scale(1) }}.flipY {animation-name: flipY }@keyframes flipY {from {transform: perspective(600px) rotateY(180deg);opacity: 0;}to {transform: perspective(600px) rotateY(360deg) }}.flipYZoomIn {animation-name: flipYZoomIn }@keyframes flipYZoomIn {from {transform: perspective(600px) rotateY(0deg) scale(1);animation-timing-function: ease-out;}40% {transform: perspective(600px) rotateY(180deg) scale(1.6);animation-timing-function: ease-out;}80% {transform: perspective(600px) rotateY(360deg) scale(.7);animation-timing-function: ease-in;}to {transform: scale(1) }}.flipYZoomOut {animation-name: flipYZoomOut }@keyframes flipYZoomOut {from {transform: perspective(600px) rotateY(0deg) scale(1);animation-timing-function: ease-out;}40% {transform: perspective(600px) rotateY(180deg) scale(.6);animation-timing-function: ease-out;}80% {transform: perspective(600px) rotateY(360deg) scale(1.8);animation-timing-function: ease-in;}to {transform: scale(1) }}.skewLeft {animation-name: skewLeft }@keyframes skewLeft {70% {transform: skewX(40deg) }}.skewRight {animation-name: skewRight }@keyframes skewRight {70% {transform: skewX(-40deg) }}.skewInLeft {animation-name: skewInLeft }@keyframes skewInLeft {from {opacity: 0;transform: translateX(-250px) skewX(-40deg) }70% {transform: skewX(-30deg) }}.skewInRight {animation-name: skewInRight }@keyframes skewInRight {from {opacity: 0;transform: translateX(250px) skewX(40deg) }70% {transform: skewX(30deg) }}.skewOutLeft {animation-name: skewOutLeft }@keyframes skewOutLeft {20% {transform: skewX(40deg) }to {transform: translateX(-100%) skewX(40deg);opacity: 0 }}.skewOutRight {animation-name: skewOutRight }@keyframes skewOutRight {20% {transform: skewX(-40deg) }to {transform: translateX(100%) skewX(-40deg);opacity: 0 }}.shockZoom {animation-name: shockZoom }@keyframes shockZoom {from {transform: matrix(5, 0, 0, 5, 0, 0) }35% {transform: matrix(2, 0, 0, 2, 0, 0) }43% {transform: matrix(1, 0, 0, 1, 0, 0) }}.shockInLeft {animation-name: shockInLeft }@keyframes shockInLeft {from {transform: matrix(1, 0, 0, 1, -800, 0) }35% {transform: matrix(1, 0, 0, 1, 50, 0) }43% {transform: matrix(1, 0, 0, 1, 0, 0) }}.shockInRight {animation-name: shockInRight }@keyframes shockInRight {from {transform: matrix(1, 0, 0, 1, 800, 0) }35% {transform: matrix(1, 0, 0, 1, -50, 0) }43% {transform: matrix(1, 0, 0, 1, 0, 0) }}.shockInTop {animation-name: shockInTop }@keyframes shockInTop {from {transform: matrix(1, 0, 0, 1, 0, -400) }35% {transform: matrix(1, 0, 0, 1, 0, 50) }43% {transform: matrix(1, 0, 0, 1, 0, 0) }}.shockInBottom {animation-name: shockInBottom }@keyframes shockInBottom {from {transform: matrix(1, 0, 0, 1, 0, 400) }35% {transform: matrix(1, 0, 0, 1, 0, -50) }43% {transform: matrix(1, 0, 0, 1, 0, 0) }}.pullRelease {animation-name: pullRelease }@keyframes pullRelease {15% {transform: scale(1.8) }}.pushRelease {animation-name: pushRelease }@keyframes pushRelease {15% {transform: scale(.5) }}.swingInLeft {animation-name: swingInLeft }@keyframes swingInLeft {from {transform: matrix(3, 0, 0, 3, -800, 0);animation-timing-function: ease-out;}50% {transform: matrix(1.3, 0, 0, 1.3, 20, 0) }}.swingInRight {animation-name: swingInRight }@keyframes swingInRight {from {transform: matrix(3, 0, 0, 3, 800, 0);animation-timing-function: ease-out;}50% {transform: matrix(1.3, 0, 0, 1.3, -20, 0) }}.swingInTop {animation-name: swingInTop }@keyframes swingInTop {from {transform: matrix(3, 0, 0, 3, 0, -800);animation-timing-function: ease-out;}50% {transform: matrix(1.3, 0, 0, 1.3, 0, 20) }}.swingInBottom {animation-name: swingInBottom }@keyframes swingInBottom {from {transform: matrix(3, 0, 0, 3, 0, 800);animation-timing-function: ease-out;}50% {transform: matrix(1.3, 0, 0, 1.3, 0, -20) }}.elevateLeft {animation-name: elevateLeft }@keyframes elevateLeft {from {transform: translateY(100%) rotate(-20deg);transform-origin: right;}40% {transform: rotate(20deg);transform-origin: right;}65% {transform: rotate(0deg);transform-origin: right;}}.elevateRight {animation-name: elevateRight }@keyframes elevateRight {from {transform: translateY(100%) rotate(20deg);transform-origin: left;}40% {transform: rotate(-20deg);transform-origin: left;}65% {transform: rotate(0deg);transform-origin: left;}}.rollFromLeft {animation-name: rollFromLeft }@keyframes rollFromLeft {from {transform: translateX(-100%) perspective(600px) rotateY(180deg);opacity: 0 }to {transform: translateX(0) perspective(600px) rotateY(0deg);opacity: 1 }}.rollFromRight {animation-name: rollFromRight }@keyframes rollFromRight {from {transform: translateX(100%) perspective(600px) rotateY(-180deg);opacity: 0 }to {transform: translateX(0) perspective(600px) rotateY(0deg);opacity: 1 }}.rollFromTop {animation-name: rollFromTop }@keyframes rollFromTop {from {transform: translateY(-100%) perspective(600px) rotateY(180deg);opacity: 0 }to {transform: translateY(0) perspective(600px) rotateY(0deg);opacity: 1 }}.rollFromBottom {animation-name: rollFromBottom }@keyframes rollFromBottom {from {transform: translateY(100%) perspective(600px) rotateY(-180deg);opacity: 0 }to {transform: translateY(0) perspective(600px) rotateY(0deg);opacity: 1 }}.rollToLeft {animation-name: rollToLeft }@keyframes rollToLeft {from {transform: translateX(0) perspective(600px) rotateY(0deg);opacity: 1 }to {transform: translateX(-100%) perspective(600px) rotateY(180deg);opacity: 0 }}.rollToRight {animation-name: rollToRight }@keyframes rollToRight {from {transform: translateX(0) perspective(600px) rotateY(0deg);opacity: 1 }to {transform: translateX(100%) perspective(600px) rotateY(-180deg);opacity: 0 }}.rollToTop {animation-name: rollToTop }@keyframes rollToTop {from {transform: translateY(0) perspective(600px) rotateX(0deg);opacity: 1 }to {transform: translateY(-100%) perspective(600px) rotateX(180deg);opacity: 0 }}.rollToBottom {animation-name: rollToBottom }@keyframes rollToBottom {to {transform: translateY(0) perspective(600px) rotateX(0deg);opacity: 1 }to {transform: translateY(100%) perspective(600px) rotateX(-180deg);opacity: 0 }}.rotate {animation-name: rotate;animation-timing-function: ease-in-out }@keyframes rotate {from {transform: rotate(0deg) }to {transform: rotate(360deg) }}.rotateX {animation-name: rotateX }@keyframes rotateX {from {transform: perspective(600px) rotateX(0deg) }to {transform: perspective(600px) rotateX(90deg) }}.rotateXIn {animation-name: rotateXIn }@keyframes rotateXIn {from {transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);opacity: 0;}5% {transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg) }}.rotateXOut {animation-name: rotateXOut }@keyframes rotateXOut {95% {transform: perspective(600px) translate3d(0, -60px, -1500px) rotateX(75deg) }to {transform: perspective(600px) translate3d(0, -60px, -2000px) rotateX(75deg);opacity: 0;}}.rotateY {animation-name: rotateY }@keyframes rotateY {from {transform: perspective(600px) rotateY(0deg) }to {transform: perspective(600px) rotateY(90deg) }}.rotateYIn {animation-name: rotateYIn }@keyframes rotateYIn {from {transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);opacity: 0;}5% {transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg) }}.rotateYOut {animation-name: rotateYOut }@keyframes rotateYOut {95% {transform: perspective(600px) translate3d(0, -60px, -1500px) rotateY(75deg) }to {transform: perspective(600px) translate3d(0, -60px, -2000px) rotateY(75deg);opacity: 0;}}.rotateInLeft {animation-name: rotateInLeft }@keyframes rotateInLeft {from {opacity: 0;transform: translateX(-100%) rotate(0deg) }to {transform: translateX(0px) rotate(360deg) }}.rotateInRight {animation-name: rotateInRight }@keyframes rotateInRight {from {opacity: 0;transform: translateX(100%) rotate(0deg) }to {transform: translateX(0px) rotate(-360deg) }}.rotateInTop {animation-name: rotateInTop }@keyframes rotateInTop {from {opacity: 0;transform: translateY(-400%) rotate(0deg) }to {transform: translateX(0px) rotate(360deg) }}.rotateInBottom {animation-name: rotateInBottom }@keyframes rotateInBottom {from {opacity: 0;transform: translateY(400%) rotate(0deg) }to {transform: translateX(0px) rotate(360deg) }}.rotateOutLeft {animation-name: rotateOutLeft }@keyframes rotateOutLeft {from {transform: translateX(0px) rotate(360deg) }to {transform: translateX(-800px) rotate(0deg);opacity: 0 }}.rotateOutRight {animation-name: rotateOutRight }@keyframes rotateOutRight {from {transform: translateX(0px) rotate(-360deg) }to {transform: translateX(800px) rotate(0deg);opacity: 0 }}.rotateOutTop {animation-name: rotateOutTop }@keyframes rotateOutTop {from {transform: translateX(0px) rotate(360deg) }to {transform: translateY(-800px) rotate(0deg);opacity: 0 }}.rotateOutBottom {animation-name: rotateOutBottom }@keyframes rotateOutBottom {from {transform: translateX(0px) rotate(360deg) }to {transform: translateY(800px) rotate(0deg);opacity: 0 }}.spinToLeft {animation-name: spinToLeft }@keyframes spinToLeft {from, to {transform-origin: left bottom }from {transform: rotate(90deg);opacity: 0;}}.spinToRight {animation-name: spinToRight }@keyframes spinToRight {from, to {transform-origin: right bottom }from {transform: rotate(-90deg);opacity: 0;}}.spinToTop {animation-name: spinToTop }@keyframes spinToTop {from, to {transform-origin: left bottom }from {transform: rotate(-90deg);opacity: 0;}}.spinToBottom {animation-name: spinToBottom }@keyframes spinToBottom {from, to {transform-origin: right bottom }from {transform: rotate(90deg);opacity: 0;}}.spinFromLeft {animation-name: spinFromLeft }@keyframes spinFromLeft {from, to {transform-origin: left bottom }to {transform: rotate(90deg);opacity: 0;}}.spinFromRight {animation-name: spinFromRight }@keyframes spinFromRight {from, to {transform-origin: right bottom }to {transform: rotate(-90deg);opacity: 0;}}.spinFromTop {animation-name: spinFromTop }@keyframes spinFromTop {from, to {transform-origin: left bottom }to {transform: rotate(-90deg);opacity: 0;}}.spinFromBottom {animation-name: spinFromBottom }@keyframes spinFromBottom {from, to {transform-origin: right bottom }to {transform: rotate(90deg);opacity: 0;}}.cssanimation.blurIn {animation-name: blurIn }@keyframes blurIn {from {filter: blur(20px);opacity: 0;}}.cssanimation.blurInLeft {animation-name: blurInLeft }@keyframes blurInLeft {from {transform: translateX(50px);filter: blur(20px);opacity: 0;}}.cssanimation.blurInRight {animation-name: blurInRight }@keyframes blurInRight {from {transform: translateX(-50px);filter: blur(20px);opacity: 0;}}.cssanimation.blurInTop {animation-name: blurInTop }@keyframes blurInTop {from {transform: translateY(50px);filter: blur(20px);opacity: 0;}}.cssanimation.blurInBottom {animation-name: blurInBottom }@keyframes blurInBottom {from {transform: translateY(-50px);filter: blur(20px);opacity: 0;}}.blurOut {animation-name: blurOut }@keyframes blurOut {85%, to {filter: blur(20px) }to {opacity: 0 }}.blurOutLeft {animation-name: blurOutLeft }@keyframes blurOutLeft {85%, to {filter: blur(20px);transform: translateX(100%);}to {opacity: 0 }}.blurOutRight {animation-name: blurOutRight }@keyframes blurOutRight {85%, to {filter: blur(20px);transform: translateX(-100%);}to {opacity: 0 }}.blurOutTop {animation-name: blurOutTop }@keyframes blurOutTop {85%, to {filter: blur(20px);transform: translateY(100%);}to {opacity: 0 }}.blurOutBottom {animation-name: blurOutBottom }@keyframes blurOutBottom {85%, to {filter: blur(20px);transform: translateY(-100%);}to {opacity: 0 }}.bounceFromTop {animation-name: bounceFromTop }@keyframes bounceFromTop {0%, 25%, 55%, 85%, 100% {animation-timing-function: ease-out;transform: translate3d(0, 0, 0);}41%, 44% {animation-timing-function: ease-in;transform: translate3d(0, -80px, 0) scale3d(1, 1.6, 1);}70% {animation-timing-function: ease-in;transform: translate3d(0, -20px, 0);}90% {transform: translate3d(0, -4px, 0) }}.bounceFromDown {animation-name: bounceFromDown }@keyframes bounceFromDown {0%, 25%, 55%, 85%, 100% {animation-timing-function: ease-out;transform: translate3d(0, 0, 0);}41%, 44% {animation-timing-function: ease-in;transform: translate3d(0, 80px, 0) scale3d(1, 1.2, 1);}70% {animation-timing-function: ease-in;transform: translate3d(0, 20px, 0);}90% {transform: translate3d(0, 4px, 0) }}.bounceX {animation-name: bounceX }@keyframes bounceX {0%, 25%, 55%, 85%, 100% {animation-timing-function: ease-out;transform: scale3d(1, 1, 1);}41%, 44% {animation-timing-function: ease-in;transform: scale3d(1.8, 1, 1);}70% {animation-timing-function: ease-in;transform: scale3d(1.5, 1, 1);}90% {transform: scale3d(1.1, 1, 1) }}.bounceY {animation-name: bounceY }@keyframes bounceY {0%, 25%, 55%, 85%, 100% {animation-timing-function: ease-out;transform: scale3d(1, 1, 1);}41%, 44% {animation-timing-function: ease-in;transform: scale3d(1, 2, 1);}70% {animation-timing-function: ease-in;transform: scale3d(1, 1.5, 1);}90% {transform: scale3d(1, 1.1, 1) }}.bounceZoomIn {animation-name: bounceZoomIn }@keyframes bounceZoomIn {0%, 25%, 55%, 85%, 100% {animation-timing-function: ease-out;transform: scale(1);}41%, 44% {animation-timing-function: ease-in;transform: scale(1.5);}70% {animation-timing-function: ease-in;transform: scale(1.3);}90% {transform: scale(1.1) }}.bounceZoomOut {animation-name: bounceZoomOut }@keyframes bounceZoomOut {0%, 25%, 55%, 85%, 100% {animation-timing-function: ease-out;transform: scale(1);}41%, 44% {animation-timing-function: ease-in;transform: scale(.3);}70% {animation-timing-function: ease-in;transform: scale(.5);}90% {transform: scale(.9) }}.bounceInTop {animation-name: bounceInTop }@keyframes bounceInTop {0% {transform: translate3d(0, -300%, 0) }58% {transform: translate3d(0, 27px, 0) }73% {transform: translate3d(0, -12px, 0) }88% {transform: translate3d(0, 7px, 0) }}.bounceInBottom {animation-name: bounceInBottom }@keyframes bounceInBottom {0% {transform: translate3d(0, 300%, 0) }58% {transform: translate3d(0, -27px, 0) }73% {transform: translate3d(0, 12px, 0) }88% {transform: translate3d(0, -8px, 0) }}.bounceInLeft {animation-name: bounceInLeft }@keyframes bounceInLeft {0% {transform: translate3d(-300%, 0, 0) }58% {transform: translate3d(27px, 0, 0) }73% {transform: translate3d(-12px, 0, 0) }88% {transform: translate3d(8px, 0, 0) }}.bounceInRight {animation-name: bounceInRight }@keyframes bounceInRight {0% {transform: translate3d(300%, 0, 0) }58% {transform: translate3d(-27px, 0, 0) }73% {transform: translate3d(12px, 0, 0) }88% {transform: translate3d(-8px, 0, 0) }}.bounceOutTop {animation-name: bounceOutTop }@keyframes bounceOutTop {18%, 33%, 48% {opacity: 1}18% {transform: translate3d(0, 27px, 0) }33% {transform: translate3d(0, -12px, 0) }48% {transform: translate3d(0, 8px, 0) }100% {opacity: 0;transform: translate3d(0, -300%, 0) }}.bounceOutBottom {animation-name: bounceOutBottom }@keyframes bounceOutBottom {18%, 33%, 48% {opacity: 1}18% {transform: translate3d(0, -27px, 0) }33% {transform: translate3d(0, 12px, 0) }48% {transform: translate3d(0, -8px, 0) }100% {opacity: 0;transform: translate3d(0, 300%, 0) }}.bounceOutLeft {animation-name: bounceOutLeft }@keyframes bounceOutLeft {18%, 33%, 48% {opacity: 1}18% {transform: translate3d(27px, 0, 0) }33% {transform: translate3d(-12px, 0, 0) }48% {transform: translate3d(8px, 0, 0) }100% {opacity: 0;transform: translate3d(-300%, 0, 0) }}.bounceOutRight {animation-name: bounceOutRight }@keyframes bounceOutRight {18%, 33%, 48% {opacity: 1}18% {transform: translate3d(-27px, 0, 0) }33% {transform: translate3d(12px, 0, 0) }48% {transform: translate3d(-8px, 0, 0) }100% {opacity: 0;transform: translate3d(300%, 0, 0) }}.perspectiveToTop {animation-name: perspectiveToTop;transform: perspective(500px);transform-style: preserve-3d }@keyframes perspectiveToTop {50% {opacity: 1 }to {transform: perspective(500px) rotateX(90deg) translateY(-50px) translateZ(50px);opacity: 0;}}.perspectiveToBottom {animation-name: perspectiveToBottom;transform: perspective(500px);transform-style: preserve-3d }@keyframes perspectiveToBottom {50% {opacity: 1 }to {transform: perspective(500px) rotateX(90deg) translateY(50px) translateZ(-50px);opacity: 0;}}.zoomIn {animation-name: zoomIn }@keyframes zoomIn {from {transform: scale(10);opacity: 0;}}.zoomInLeft {animation-name: zoomInLeft }@keyframes zoomInLeft {from {transform: scale(10) translateX(-50%);opacity: 0;}}.zoomInRight {animation-name: zoomInRight }@keyframes zoomInRight {from {transform: scale(10) translateX(50%);opacity: 0;}}.zoomInTop {animation-name: zoomInTop }@keyframes zoomInTop {from {transform: scale(10) translateY(-50%);opacity: 0;}}.zoomInBottom {animation-name: zoomInBottom }@keyframes zoomInBottom {from {transform: scale(10) translateY(50%);opacity: 0;}}.zoomOut {animation-name: zoomOut }@keyframes zoomOut {to {transform: scale(10);opacity: 0;}}.zoomOutLeft {animation-name: zoomOutLeft }@keyframes zoomOutLeft {to {transform: scale(10) translateX(-50%);opacity: 0;}}.zoomOutRight {animation-name: zoomOutRight }@keyframes zoomOutRight {to {transform: scale(10) translateX(50%);opacity: 0;}}.zoomOutTop {animation-name: zoomOutTop }@keyframes zoomOutTop {to {transform: scale(10) translateY(-50%);opacity: 0;}}.zoomOutBottom {animation-name: zoomOutBottom }@keyframes zoomOutBottom {to {transform: scale(10) translateY(50%);opacity: 0;}}.danceTop {animation-name: danceTop;transform-origin: top }@keyframes danceTop {16% {transform: skew(-14deg) }33% {transform: skew(12deg) }49% {transform: skew(-8deg) }66% {transform: skew(6deg) }83% {transform: skew(-4deg) }}.danceMiddle {animation-name: danceMiddle }@keyframes danceMiddle {16% {transform: skew(-14deg) }33% {transform: skew(12deg) }49% {transform: skew(-8deg) }66% {transform: skew(6deg) }83% {transform: skew(-4deg) }}.danceBottom {animation-name: danceBottom;transform-origin: bottom }@keyframes danceBottom {16% {transform: skew(-14deg) }33% {transform: skew(12deg) }49% {transform: skew(-8deg) }66% {transform: skew(6deg) }83% {transform: skew(-4deg) }}/* Industrus Core Styles */ /* ========================================================================== Table of Content ========================================================================== 1.0 Button Style 2.0 Columns 3.0 Social Share 4.0 Subscribe Form 5.0 Widgets 5.1 About 5.2 Company Info 5.3 MailChimp 6.0 Projects 6.1 Project Filter ========================================================================== Industrus Core ========================================================================== */ /* Global Transition */ a, a:hover { transition: all 0.2s ease-in-out; } .elementor-text-editor p { margin: 0; } /* This class can be replaced using options */ .hover-in { transition: .3s ease-out; } .hover-out { transition: .3s ease-in; } /* ========================================================================== 1.0 Button Style ========================================================================== */ .wt-btn { font-family: "Work Sans", sans-serif; letter-spacing: 0; background-color: #000000; color: #fff; line-height: 45px; display: inline-block; padding: 0 35px; border-radius: 2px; font-size: 12px; text-transform: uppercase; font-weight: 600; position: relative; overflow: hidden; z-index: 1; -webkit-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .wt-align-justify .wt-btn { display: block; } .wt-btn:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.2); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); z-index: -1; } .wt-btn:hover { color: #fff; } .wt-btn:hover:before { -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } /* ========================================================================== 2.0 Columns ========================================================================== */ .wt-row { display: block; margin: 0 -10px; } .wt-row .wt-col { float: left; display: block; padding: 0 10px; } .wt-row.wt-column-desktop-1 .wt-col { width: 100%; } .wt-row.wt-column-desktop-2 .wt-col { width: 50%; } .wt-row.wt-column-desktop-3 .wt-col { width: 33.33%; } .wt-row.wt-column-desktop-4 .wt-col { width: 25%; } .wt-row.wt-column-desktop-5 .wt-col { width: 20%; } .wt-row.wt-column-desktop-6 .wt-col { width: 16.66%; } @media (max-width: 992px) { .wt-row.wt-column-tablet-1 .wt-col { width: 100%; } .wt-row.wt-column-tablet-2 .wt-col { width: 50%; } .wt-row.wt-column-tablet-3 .wt-col { width: 33.33%; } .wt-row.wt-column-tablet-4 .wt-col { width: 25%; } .wt-row.wt-column-tablet-5 .wt-col { width: 20%; } .wt-row.wt-column-tablet-6 .wt-col { width: 16.66%; } .dl-project-items { margin-right: 0 !important; margin-left: 0 !important; } } @media (max-width: 520px) { .wt-row.wt-column-mobile-1 .wt-col { width: 100%; } .wt-row.wt-column-mobile-2 .wt-col { width: 50%; } .wt-row.wt-column-mobile-3 .wt-col { width: 33.33%; } .wt-row.wt-column-mobile-4 .wt-col { width: 25%; } .wt-row.wt-column-mobile-5 .wt-col { width: 20%; } .wt-row.wt-column-mobile-6 .wt-col { width: 16.66%; } } /* ========================================================================== 3.0 Social Share ========================================================================== */ .social-share-wrap { display: inline-block; margin-right: 10px; } .social-share { display: block; margin: 0; } .social-share span { margin-right: 10px; } .social-share a { color: #555; font-size: 11px; margin-right: 10px; } .social-share a:hover { color: #444; } /* Social Icons */ .wt-social-icons { display: block; margin: 0 !important; } .wt-social-icons.left { text-align: left; } .wt-social-icons.left li:not(:last-of-type) { margin-right: 20px; } .wt-social-icons.center { text-align: center; } .wt-social-icons.center li { margin: 0 10px; } .wt-social-icons.right { text-align: right; } .wt-social-icons.right li:not(:first-of-type) { margin-left: 20px; } .wt-social-icons li { display: inline-block; } .wt-social-icons li a { color: #ddd; font-size: 12px; } .wt-social-icons li a:hover { color: #fff; opacity: 0.7; } .widget ul.wt-social-icons li a { color: #999; } .widget ul.wt-social-icons li a:hover { color: #313335; opacity: 1; } /* ========================================================================== 4.0 Subscribe Form ========================================================================== */ .subscribe_form { display: block; text-align: center; padding: 5px 0; } .subscribe_form input.input { display: block; background-color: #333; color: #fff; border: none; font-size: 12px; line-height: 50px; padding: 0 10px; float: left; border-radius: 0; width: 70%; transition: all 0.5s ease-in-out; } .subscribe_form input.input:focus { color: #fff; } .subscribe_form .submit { background-color: #9e8a78; color: #fff; font-family: "Work Sans", serif; font-size: 10px; font-weight: 600; line-height: 50px; display: inline-block; padding: 0 10px; width: 30%; border-radius: 0; letter-spacing: 1; transition: all 0.5s ease-in-out; } .subscribe_form .submit:hover { background-color: #897666; transition: all 0.5s ease-in-out; } .subscribe_form input::-webkit-input-placeholder { color: #ddd !important; } .subscribe_form input:-moz-placeholder { /* Firefox 18- */ color: #ddd !important; } .subscribe_form input::-moz-placeholder { /* Firefox 19+ */ color: #ddd !important; } .subscribe_form input:-ms-input-placeholder { color: #ddd !important; } .mc4wp-form-submitted .mc4wp-error { margin-top: 50px; } .mc4wp-form-submitted .mc4wp-error p { color: #ddd; } .mc4wp-form-submitted .mc4wp-error p a { color: #ddd; } /* Widget About */ .widget-about .widget-brand { display: block; margin-bottom: 20px; } .widget-about .widget-brand img { max-width: 60%; } .widget-about-info { display: block; color: #999; font-size: 15px; font-family: "Work Sans", serif; line-height: 1.73; letter-spacing: .2px; } .widget-about-info span { font-family: 'Work Sans', serif; font-size: 13px; color: #fff; letter-spacing: 2px; font-weight: 500; text-transform: uppercase; display: block; } .widget .widget-about-info span { color: #313335; } .widget-about .wt-social-icons { margin-top: 20px !important; } .widget-about .wt-social-icons li { padding: 0; } .widget-about .wt-social-icons li:before { display: none; } @media (max-width: 520px) { .widget-about .widget-brand img { max-width: 150px; } } /* Custom Venobox */ .vbox-content { height: 100vh; } .vbox-container img { height: 100%; } /* ========================================================================== 5.0 Widgets ========================================================================== */ /* 5.1 About */ .widget-about p { color: #6a8695; } .widget-about .wt-social-icons li { display: inline-block; } .widget-about .wt-social-icons li:not(:last-of-type) { margin-right: 5px; margin-bottom: 5px; padding: 0; } .widget-about .wt-social-icons li>a { color: #999; font-size: 13px; text-decoration: none; background-color: #34383c; width: 35px; display: inline-block; text-align: center; height: 35px; line-height: 35px; border-radius: 2px; } .widget-about .wt-social-icons li>a svg { width: 13px; } .widget-about .wt-social-icons li>a:hover { color: #fff !important; opacity: 0.9 !important; } .widget-about .wt-social-icons li.facebook-f a { background-color: #3b5998; color: #fff; } .widget-about .wt-social-icons li.twitter a { background-color: #1da1f2; color: #fff; } .widget-about .wt-social-icons li.instagram a { background-color: #e1306c; color: #fff; } .widget-about .wt-social-icons li.youtube a { background-color: #c4302b; color: #fff; } .widget-about .wt-social-icons li.pinterest a { background-color: #bd081c; color: #fff; } .widget-about .wt-social-icons li.behance a { background-color: #053eff; color: #fff; } .widget-about .wt-social-icons li.dribbble a { background-color: #ea4c89; color: #fff; } .widget-about .wt-social-icons li.linkedin-in a { background-color: #0e76a8; color: #fff; } .widget-about .wt-social-icons li.flickr a { background-color: #ff0084; color: #fff; } /* 5.2 Company Info */ .widget .widget-comp-contact li { font-size: 15px; padding-bottom: 0 !important; border-bottom: 0px solid #000 !important; } .widget .widget-comp-contact li:not(:last-of-type) { margin-bottom: 15px; position: relative; display: flex; align-items: flex-start; } .widget .widget-comp-contact li svg { width: 15px; margin-right: 15px; color: #C8102E; position: absolute; margin-top: 6px; } .widget .widget-comp-contact li span { padding-left: 25px; } /* 5.3 MailChimp */ .widget-mailchimp p:last-child { margin-bottom: 0; } .widget-mailchimp .wt-subscribe-wrap form { position: relative; margin: 15px 0; } .widget-mailchimp .wt-subscribe-wrap form input { display: block; background-color: transparent; border: 1px solid #C8102E; color: #0f0c0c; border-radius: 0; padding: 15px 13px; padding-right: 83px; } .widget-mailchimp.dark .wt-subscribe-wrap form input { border: 2px solid #ddd; color: #555; } .widget-mailchimp .wt-subscribe-wrap form input::-webkit-input-placeholder { color: #888 !important; } .widget-mailchimp .wt-subscribe-wrap form input:-moz-placeholder { /* Firefox 18- */ color: #888 !important; } .widget-mailchimp .wt-subscribe-wrap form input::-moz-placeholderr { /* Firefox 19+ */ color: #888 !important; } .widget-mailchimp .wt-subscribe-wrap form input:-ms-input-placeholder { color: #888 !important; } .widget-mailchimp .wt-subscribe-wrap form button { background-color: #C8102E; color: #fff; display: inline-block; text-align: center; width: 70px; height: 45px; position: absolute; right: 5px; top: 4px; border-radius: 0; transition: all 0.3s ease-in-out; } .widget-mailchimp .wt-subscribe-wrap form button svg { width: 15px; } .widget-mailchimp .wt-subscribe-wrap form button:focus { outline: none; } .widget-mailchimp .wt-subscribe-wrap form button:hover { opacity: 0.9; color: #fff; transition: all 0.3s ease-in-out; } .widget-mailchimp p.muted { color: #ddd; margin-bottom: 0; } .widget-mailchimp .subscribe-result p { margin: 15px 0 0; padding: 15px; display: none; } .widget-mailchimp .subscribe-result.subs-success p.subscription-success { display: block; } .widget-mailchimp .subscribe-result.subs-error p.subscription-error { display: block; } .widget-mailchimp .subscribe-result p.subscription-success { border: 1px solid #5ecc62; } .widget-mailchimp .subscribe-result p.subscription-error { border: 1px solid #ff4c4c; } /* Recent Posts Widget */ .widget-posts-list li { width: 100%; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } .widget-posts-list li .widget-post-thumb { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .widget-posts-list li .widget-post-thumb .thumb { background-repeat: no-repeat; background-size: cover; background-position: center; width: 80px; height: 70px; margin: 0; } .widget-posts-list.circle li .widget-post-thumb .thumb { width: 70px; border-radius: 50%; } .widget-posts-list li .widget-post-thumb img { width: 100%; } .widget-posts-list li .widget-post-content { padding-left: 1.2rem !important; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .widget-posts-list li .widget-post-content a { font-size: 20px; color: #051441; font-weight: 600; font-family: "Teko", sans-serif; line-height: 22px; letter-spacing: 0; display: block; text-transform: capitalize; } .widget-posts-list li .widget-post-content .post-date { font-family: "Work Sans", sans-serif; font-size: 12px; text-transform: uppercase; line-height: 1; font-weight: 600; color: #6a7c92; display: block; margin-top: 10px; } .widget-posts-list li:not(:last-of-type) { margin-bottom: 20px; } /* Image Carousel */ .sponsor .elementor-image-carousel .swiper-slide-inner img { transition: all 0.3s ease-in-out; } .sponsor .elementor-image-carousel .swiper-slide-inner:hover img { opacity: 0.8; cursor: pointer; } /* Project Social Share */ .project-share { margin: 0; padding: 0; list-style: none; } .project-share li { display: inline-block; margin-right: 10px; } .project-share li svg { width: 13px; height: 13px; fill: #fff; transition: fill 0.3s ease-in-out; } .project-share li a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; transition: all 0.3s ease-in-out; background-color: #fcb900; } .project-share li a:hover { background-color: #0b2653; transition: all .3s ease-in-out; } .project-share li a:hover svg { fill: #fff; } /* ===== Text Animation ===== */ .splitting.animated .char { -webkit-animation: DLfadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both; animation: DLfadeInUp 0.4s cubic-bezier(0.3, 0, 0.7, 1) both; -webkit-animation-delay: calc(30ms * var(--char-index)); animation-delay: calc(30ms * var(--char-index)); display: inline-block; } .splitting .whitespace { width: 10px; } @-webkit-keyframes DLfadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes DLfadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .splitting.fade-in.animated .char { -webkit-animation: DLfadeIn 0.3s cubic-bezier(0.3, 0, 0.7, 1) both; animation: DLfadeIn 0.3s cubic-bezier(0.3, 0, 0.7, 1) both; -webkit-animation-delay: calc(10ms * var(--char-index)); animation-delay: calc(10ms * var(--char-index)); } .splitting.fade-in .whitespace { width: 5px; } @-webkit-keyframes DLfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes DLfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* ===== Image Reveat Effect ===== */ .elementor-image.dl-image { position: relative; } .elementor-image.dl-image .img-overlay { position: absolute; height: 100%; width: 100%; bottom: 0; right: 0; background: #fff; visibility: visible !important; -webkit-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; z-index: 2; } .elementor-image.dl-image.animate .img-overlay { width: 0; } /* ===== Dots Animation ===== */ .anim-elements { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .anim-elements .anim-element { position: absolute; } .anim-elements .anim-element:nth-child(1) { background: rgba(0, 201, 157, 0.6); width: 10px; height: 10px; border-radius: 50%; top: 12%; left: 15%; animation: animTwo 13s infinite linear; } .anim-elements .anim-element:nth-child(2) { border: 5px solid rgba(0, 153, 229, 0.30); width: 25px; height: 25px; border-radius: 50%; top: 15%; left: 45%; -webkit-animation: animOne 15s infinite linear; animation: animOne 15s infinite linear; } .anim-elements .anim-element:nth-child(3) { border: 5px solid rgba(244, 34, 104, 0.3); width: 25px; height: 25px; bottom: 20%; left: 30%; -webkit-animation: animFour 15s infinite linear alternate; animation: animFour 15s infinite linear alternate; } .anim-elements .anim-element:nth-child(4) { background: rgba(252, 162, 73, 0.80); width: 10px; height: 10px; border-radius: 50%; bottom: 15%; right: 25%; -webkit-animation: animFive 15s infinite linear alternate; animation: animFive 15s infinite linear alternate; } .anim-elements .anim-element:nth-child(5) { background: rgba(100, 45, 250, .4); width: 3px; height: 20px; top: 18%; right: 25%; -webkit-animation: animFour 15s infinite linear alternate; animation: animFour 15s infinite linear alternate; } .anim-elements .anim-element:nth-child(5):after, .anim-elements .anim-element:nth-child(5):before { content: ""; display: block; width: 100%; height: calc(50% - 2px); top: 6px; background: inherit; position: absolute; -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .anim-elements .anim-element:nth-child(5):before { right: -6px; } .anim-elements .anim-element:nth-child(5):after { left: -6px; } @keyframes animOne { 0% { transform: translate(0px, 0px) rotate(0deg) } 20% { transform: translate(73px, -1px) rotate(35deg) } 40% { transform: translate(141px, 72px) rotate(75deg) } 60% { transform: translate(83px, 122px) rotate(110deg) } 80% { transform: translate(-40px, 72px) rotate(145deg) } 100% { transform: translate(0px, 0px) rotate(0deg) } } @-webkit-keyframes animOne { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) } 20% { -webkit-transform: translate(73px, -1px) rotate(35deg) } 40% { -webkit-transform: translate(141px, 72px) rotate(75deg) } 60% { -webkit-transform: translate(83px, 122px) rotate(110deg) } 80% { -webkit-transform: translate(-40px, 72px) rotate(145deg) } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg) } } @keyframes animTwo { 0% { transform: translate(0px, 0px) rotate(0deg) scale(1) } 20% { transform: translate(73px, -1px) rotate(36deg) scale(.9) } 40% { transform: translate(141px, 72px) rotate(72deg) scale(1) } 60% { transform: translate(83px, 122px) rotate(108deg) scale(1.2) } 80% { transform: translate(-40px, 72px) rotate(144deg) scale(1.1) } 100% { transform: translate(0px, 0px) rotate(0deg) scale(1) } } @-webkit-keyframes animTwo { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1) } 20% { -webkit-transform: translate(73px, -1px) rotate(36deg) scale(.9) } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1) } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2) } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1) } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1) } } @keyframes animThree { 0% { transform: translate(165px, -179px) } 100% { transform: translate(-346px, 617px) } } @-webkit-keyframes animThree { 0% { -webkit-transform: translate(165px, -179px) } 100% { -webkit-transform: translate(-346px, 617px) } } @keyframes animFour { 0% { transform: translate(-300px, 151px) rotate(0deg) } 100% { transform: translate(251px, -200px) rotate(180deg) } } @-webkit-keyframes animFour { 0% { -webkit-transform: translate(-300px, 151px) rotate(0deg) } 100% { -webkit-transform: translate(251px, -200px) rotate(180deg) } } @keyframes animFive { 0% { transform: translate(61px, -99px) rotate(0deg) } 21% { transform: translate(4px, -190px) rotate(38deg) } 41% { transform: translate(-139px, -200px) rotate(74deg) } 60% { transform: translate(-263px, -164px) rotate(108deg) } 80% { transform: translate(-195px, -49px) rotate(144deg) } 100% { transform: translate(-1px, 0px) rotate(180deg) } } @-webkit-keyframes animFive { 0% { -webkit-transform: translate(61px, -99px) rotate(0deg) } 21% { -webkit-transform: translate(4px, -190px) rotate(38deg) } 41% { -webkit-transform: translate(-139px, -200px) rotate(74deg) } 60% { -webkit-transform: translate(-263px, -164px) rotate(108deg) } 80% { -webkit-transform: translate(-195px, -49px) rotate(144deg) } 100% { -webkit-transform: translate(-1px, 0px) rotate(180deg) } } /* Lightbox */ .industrus #spotlight .dl-header { background-color: rgba(0, 0, 0, .5); } .industrus #spotlight .icon { background-size: 18px 18px; } .industrus #spotlight .dl-header div { opacity: 0.8; padding-right: 10px; } .industrus #spotlight .dl-header .icon.player, .industrus #spotlight .dl-header .icon.theme, .industrus #spotlight .dl-header .icon.autofit { display: none; } .industrus #spotlight .arrow { background-color: transparent; -webkit-background-size: 25px 25px; background-size: 25px 25px; } .industrus #spotlight .footer { text-align: center; background-color: transparent; } .industrus #spotlight .footer .title { margin-bottom: 0; } /* ===== Blog Share ===== */ .blog-share { display: flex; align-items: center; justify-content: flex-start; list-style: none; margin: 0; padding: 0; } .blog-share li { width: 25%; } .blog-share li a { display: flex; padding: 15px 5px; background-color: #fafafa; color: #fff; font-size: 10px; text-align: center; justify-content: center; align-items: center; font-family: "Work Sans", sans-serif; text-transform: uppercase; line-height: 1; } .blog-share li a svg { width: 14px; } .blog-share li a span { margin-left: 5px; } .blog-share li.facebook a { background-color: #3b5999; } .blog-share li.twitter a { background-color: #55acee; } .blog-share li.linkedin a { background-color: #0077B5; } .blog-share li.pinterest a { background-color: #bd081c; } .blog-share li.email a { background-color: #dd4b39; } @media (max-width: 1200px) { .blog-share li a { font-size: 10px; } } @media (max-width: 768px) { .blog-share li a span { display: none; } } /* Swiper Nav */ .dl-sponsor-carousel .swiper-button-prev:after, .dl-sponsor-carousel .swiper-button-next:after{ display: none!important; } /* Fade Effect */ .animated.fadeInLeft { animation-name: elFadeInLeft; } @keyframes elFadeInLeft { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1 } } .animated.fadeInRight { animation-name: elFadeInRight; } @keyframes elFadeInRight { from { opacity: 0; transform: translateX(50px); } to { opacity: 1 } } .animated.fadeInDown { animation-name: elFadeInDown; } @keyframes elFadeInDown { from { opacity: 0; transform: translateY(-50px); } to { opacity: 1 } } .animated.fadeInUp { animation-name: elFadeInUp; } @keyframes elFadeInUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1 } }/* Approved SJE local changes transferred from sjelimited-staging.test. */ #preloader .loader img { width: 72px !important; height: 72px !important; object-fit: contain !important; animation: sje-approved-loader-spin 0.9s linear infinite !important; display: block !important; } @keyframes sje-approved-loader-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .header-two .mid-header .header-logo { width: 270px; max-width: 270px; flex: 0 0 270px; } .header-two .mid-header .header-logo img { width: 270px; max-width: 100%; height: auto; } /* Header contact details. */ .top-header-two .top-left li, .top-header-two .top-left li a { font-weight: 700 !important; } /* Homepage service cards: outlined instead of a solid blue group. */ body.page-id-52 .elementor-element-573b962 { background: transparent !important; } body.page-id-52 .elementor-element-573b962 .dl-service { border: 1px solid rgba(1, 47, 101, .28) !important; box-shadow: none !important; } /* Why Choose SJE: readable headings and stronger feature icons. */ body.page-id-52 [data-id="sje_why_csec"] .elementor-icon-box-title, body.page-id-52 [data-id="sje_why_csec"] .elementor-icon-box-title span, body.page-id-52 [data-id="sje_why_csec"] .elementor-icon-box-description { color: #0D1B2A !important; } body.page-id-52 [data-id="sje_why_csec"] .elementor-icon { font-size: 76px !important; } body.page-id-52 [data-id="sje_why_csec"] .elementor-icon i { -webkit-text-stroke: .7px currentColor; text-shadow: .55px 0 currentColor, -.55px 0 currentColor, 0 .55px currentColor, 0 -.55px currentColor; } /* Contact page: double all red text accents as requested. */ body.page-id-2209 .sje-ctey:not(.sje-ctey--lt) { font-size: 24px !important; } body.page-id-2209 .ct-method__value, body.page-id-2209 .ct-method__value[style] { font-size: clamp(1.65rem, 2.25vw, 2.4rem) !important; line-height: 1.25 !important; overflow-wrap: anywhere; word-break: normal; } body.page-id-2209 .ct-directions { font-size: 2rem !important; } body.page-id-2209 .ct-info-block h3 { font-size: 1.8rem !important; } html body.page-id-2209 .sje-ct .ct-po__parish { font-size: 1.5rem !important; } /* Careers header: match the standard header scale used on other pages. */ body.page-id-2227 .top-header-two li, body.page-id-2227 .top-header-two li a { font-size: 14px !important; } body.page-id-2227 .mid-header-right li { font-size: 12px !important; } html body.page-id-2227 .sje-cr .cr-hero { background-image: url(//sjelimited.thinkbritesolutions.com/wp-content/uploads/2026/08/sje-careers-hero-team.png) !important; background-position: center center !important; } html body.page-id-2227 .sje-cr .cr-band__img { background-image: url(//sjelimited.thinkbritesolutions.com/wp-content/uploads/2026/08/sje-careers-collaboration.png) !important; background-position: center center !important; } /* Services: blue How SJE Works process band. */ html body .sje-s .sje-sec--grey { background: #0D2B55 !important; } html body .sje-s .sje-sec--grey .sje-ey, html body .sje-s .sje-sec--grey .sje-h2, html body .sje-s .sje-sec--grey .sv-step h3, html body .sje-s .sje-sec--grey .sv-step p { color: #FFFFFF !important; } html body .sje-s .sje-sec--grey .sje-div { background: #FFFFFF !important; } html body .sje-s .sje-sec--grey .sv-step__n { background: #2471A3 !important; border: 2px solid rgba(255,255,255,.75) !important; color: #FFFFFF !important; } html body .sje-s .sje-sec--grey .sv-process::before { background: repeating-linear-gradient(90deg, rgba(255,255,255,.9) 0, rgba(255,255,255,.9) 16px, rgba(255,255,255,.25) 16px, rgba(255,255,255,.25) 26px) !important; } /* Homepage Why Choose SJE: use the Our Projects white/blue/red palette. */ html body.page-id-52 [data-id="sje_why_hsec"], html body.page-id-52 [data-id="sje_why_csec"] { background-color: #FFFFFF !important; background-position: center top !important; background-repeat: no-repeat !important; } html body.page-id-52 [data-id="sje_why_hsec"] { background-image: url(//sjelimited.thinkbritesolutions.com/wp-content/uploads/2020/11/map-pattern.png) !important; } html body.page-id-52 [data-id="sje_why_csec"] { background-image: none !important; } html body.page-id-52 [data-id="sje_why_hsec"] .dl-sub-heading { color: #C8102E !important; } html body.page-id-52 [data-id="sje_why_hsec"] .dl-heading, html body.page-id-52 [data-id="sje_why_hsec"] .dl-heading span, html body.page-id-52 [data-id="sje_why_hsec"] .dl-desc, html body.page-id-52 [data-id="sje_why_csec"] .elementor-icon-box-title, html body.page-id-52 [data-id="sje_why_csec"] .elementor-icon-box-title span, html body.page-id-52 [data-id="sje_why_csec"] .elementor-icon-box-description { color: #0D1B2A !important; } html body.page-id-52 [data-id="sje_why_csec"] .elementor-icon { color: #C8102E !important; } /* About What We Do: mirror the Our Projects palette. */ html body .sje-about .sje-what-we-do { background-color: #FFFFFF !important; background-image: url(//sjelimited.thinkbritesolutions.com/wp-content/uploads/2020/11/map-pattern.png) !important; background-position: center top !important; background-repeat: no-repeat !important; } html body .sje-about .sje-what-we-do .sje-eyebrow { color: #C8102E !important; } html body .sje-about .sje-what-we-do .sje-h2, html body .sje-about .sje-what-we-do .sje-h3, html body .sje-about .sje-what-we-do p { color: #0D1B2A !important; } html body .sje-about .sje-what-we-do .sje-divider { background: #C8102E !important; } html body .sje-about .sje-what-we-do .sje-cap-card { background: #FFFFFF !important; border-color: rgba(13,27,42,.12) !important; box-shadow: 0 10px 28px rgba(13,27,42,.10) !important; } html body .sje-about .sje-what-we-do .sje-cap-card__icon, html body .sje-about .sje-what-we-do .sje-cap-card__icon svg { color: #C8102E !important; stroke: #C8102E !important; } @media (max-width: 992px) { .header-two .mid-header .header-logo { width: 220px; max-width: 220px; flex-basis: 220px; } .header-two .mid-header .header-logo img { width: 220px; } } .mid-header-right ul li:first-child .icon svg { display: none; } .mid-header-right ul li:first-child .icon { background: url(//sjelimited.thinkbritesolutions.com/wp-content/uploads/2026/07/handshake.jpg) center/contain no-repeat; width: 40px; height: 40px; } /* Site-wide body-copy standard across all primary menu pages. */ :root { --sje-body-copy-size: 16px; --sje-body-copy-color: #0D1B2A; --sje-body-copy-line-height: 1.7; } .page-id-52 .elementor p, .page-id-52 .elementor li, .sje-about p, .sje-about li, .sje-s p, .sje-s li, .sje-p p, .sje-p li, .sje-cr p, .sje-cr li, .sje-ct p, .sje-ct li { color: var(--sje-body-copy-color) !important; font-size: var(--sje-body-copy-size) !important; line-height: var(--sje-body-copy-line-height) !important; } /* Reverse body copy on intentionally dark or image-backed sections. */ .sje-home-hero p, .sje-home-hero li, .sje-hero p, .sje-hero li, .sje-section--bg-dark p, .sje-section--bg-dark li, .sv-hero p, .sv-hero li, .sje-sec--dark p, .sje-sec--dark li, .sv-band__content p, .sv-band__content li, .sv-cta p, .sv-cta li, .pj-hero p, .pj-hero li, .sje-psec--dark p, .sje-psec--dark li, .pj-featured__body p, .pj-featured__body li, .pj-cta p, .pj-cta li, .cr-hero p, .cr-hero li, .sje-csec--dark p, .sje-csec--dark li, .cr-band__body p, .cr-band__body li, .ct-hero p, .ct-hero li, .sje-ctsec--dark p, .sje-ctsec--dark li, .ct-cta p, .ct-cta li, .page-id-52 .elementor .dark-bg p, .page-id-52 .elementor .dark-bg li, .page-id-52 .elementor .bg-dark p, .page-id-52 .elementor .bg-dark li { color: rgba(255, 255, 255, .82) !important; font-size: var(--sje-body-copy-size) !important; } /* Final specificity layer for page-template component rules. */ body.page-id-52.page-id-52 .elementor p, body.page-id-52.page-id-52 .elementor li, body .sje-about.sje-about p, body .sje-about.sje-about li, body .sje-s.sje-s p, body .sje-s.sje-s li, body .sje-p.sje-p p, body .sje-p.sje-p li, body .sje-cr.sje-cr p, body .sje-cr.sje-cr li, body .sje-ct.sje-ct p, body .sje-ct.sje-ct li { color: #0D1B2A !important; font-size: 16px !important; line-height: 1.7 !important; } body .sje-home-hero.sje-home-hero p, body .sje-about.sje-about .sje-hero p, body .sje-about.sje-about .sje-section--bg-dark p, body .sje-s.sje-s .sv-hero p, body .sje-s.sje-s .sje-sec--dark p, body .sje-s.sje-s .sv-band__content p, body .sje-s.sje-s .sv-cta p, body .sje-p.sje-p .pj-hero p, body .sje-p.sje-p .sje-psec--dark p, body .sje-p.sje-p .pj-featured__body p, body .sje-p.sje-p .pj-cta p, body .sje-cr.sje-cr .cr-hero p, body .sje-cr.sje-cr .sje-csec--dark p, body .sje-cr.sje-cr .cr-band__body p, body .sje-ct.sje-ct .ct-hero p, body .sje-ct.sje-ct .sje-ctsec--dark p, body .sje-ct.sje-ct .ct-cta p, body.page-id-52.page-id-52 .elementor .dark-bg p, body.page-id-52.page-id-52 .elementor .bg-dark p { color: rgba(255, 255, 255, .82) !important; font-size: 16px !important; line-height: 1.7 !important; } /* Featured Projects light case-study panel: red labels, standard dark-blue supporting text. */ body .sje-p.sje-p .pj-featured__body p, body .sje-p.sje-p .pj-featured__body li, body .sje-p.sje-p .pj-featured__body .pj-meta-item { color: #0D1B2A !important; } body .sje-p.sje-p .pj-featured__body .pj-meta-item strong { color: var(--sje-red) !important; } body .sje-p.sje-p .pj-featured__body .sje-pbtn { color: #0D1B2A !important; border-color: #0D1B2A !important; } /* Contact closing CTA: all copy and button labels remain white on the dark panel. */ html body.page-template-page-contact-php .sje-ct .ct-cta, html body.page-template-page-contact-php .sje-ct .ct-cta .sje-ctey, html body.page-template-page-contact-php .sje-ct .ct-cta .sje-cth2, html body.page-template-page-contact-php .sje-ct .ct-cta p, html body.page-template-page-contact-php .sje-ct .ct-cta a { color: #fff !important; } /* Homepage: Engineering & Advanced Expertise redesign. */ body.page-id-52 .sje-caps-section { margin: 0 !important; background: #0D2B55 !important; } body.page-id-52 .elementor-element-sje_caps_head { padding: 88px 24px 34px !important; } body.page-id-52 .elementor-element-sje_caps_head > .elementor-container, body.page-id-52 .elementor-element-sje_caps_r1 > .elementor-container, body.page-id-52 .elementor-element-sje_caps_r2 > .elementor-container { width: 100%; max-width: 1180px !important; margin: 0 auto; } body.page-id-52 .elementor-element-sje_caps_head .dl-section-heading { max-width: 760px; margin: 0 auto; text-align: center; } body.page-id-52 .elementor-element-sje_caps_head .dl-sub-heading { margin: 0 0 12px !important; color: #EF3340 !important; font-family: 'Barlow', sans-serif !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: .14em !important; text-transform: uppercase; } body.page-id-52 .elementor-element-sje_caps_head .dl-heading { margin: 0 0 18px !important; color: #fff !important; font-family: 'Barlow', sans-serif !important; font-size: clamp(2rem, 3.4vw, 2.75rem) !important; font-weight: 800 !important; line-height: 1.16 !important; } body.page-id-52 .elementor-element-sje_caps_head .dl-heading span { color: #fff !important; } body.page-id-52 .elementor-element-sje_caps_head .dl-heading .dl-center { color: #EF3340 !important; } html body.page-id-52 .elementor-element-sje_caps_head p.dl-desc { max-width: 650px; margin: 0 auto !important; color: rgba(255, 255, 255, .82) !important; font-size: 16px !important; line-height: 1.7 !important; } body.page-id-52 .elementor-element-sje_caps_r1 { padding: 0 24px 12px !important; } body.page-id-52 .elementor-element-sje_caps_r2 { padding: 0 24px 88px !important; } body.page-id-52 .elementor-element-sje_caps_r1 > .elementor-container, body.page-id-52 .elementor-element-sje_caps_r2 > .elementor-container { align-items: stretch; } body.page-id-52 .elementor-element-sje_caps_r2 > .elementor-container { justify-content: center; } body.page-id-52 .elementor-element-sje_caps_r2 .elementor-col-17 { display: none !important; } body.page-id-52 .elementor-element-sje_caps_r2 .elementor-col-33 { width: 33.333% !important; max-width: 33.333% !important; flex: 0 0 33.333% !important; } body.page-id-52 .elementor-element-sje_caps_r1 .elementor-top-column, body.page-id-52 .elementor-element-sje_caps_r2 .elementor-top-column { padding: 12px !important; } body.page-id-52 .sje-cap-card { height: 100%; min-height: 314px; margin: 0 !important; padding: 34px 30px 32px !important; overflow: hidden; border: 1px solid rgba(13, 43, 85, .1); border-top: 4px solid #C8102E; border-radius: 4px; background: #fff !important; box-shadow: 0 14px 34px rgba(2, 17, 37, .18); transition: transform .25s ease, box-shadow .25s ease; } body.page-id-52 .sje-cap-card:hover { transform: translateY(-6px); box-shadow: 0 20px 44px rgba(2, 17, 37, .28); } body.page-id-52 .sje-cap-card > .elementor-widget-container, body.page-id-52 .sje-cap-card .elementor-icon-box-wrapper { height: 100%; } body.page-id-52 .sje-cap-card .elementor-icon-box-wrapper { display: flex; flex-direction: column; align-items: flex-start; text-align: left; } body.page-id-52 .sje-cap-card .elementor-icon-box-icon { margin: 0 0 22px !important; } body.page-id-52 .sje-cap-card .elementor-icon { width: 76px; height: 76px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; background: rgba(200, 16, 46, .08) !important; } body.page-id-52 .sje-cap-card .elementor-icon svg { width: 34px !important; height: 34px !important; fill: #C8102E !important; color: #C8102E !important; } body.page-id-52 .sje-cap-card .elementor-icon i { color: #C8102E !important; font-size: 46px !important; line-height: 1 !important; -webkit-text-stroke: .65px currentColor; text-shadow: .5px 0 currentColor, -.5px 0 currentColor, 0 .5px currentColor, 0 -.5px currentColor; } body.page-id-52 .sje-cap-card .elementor-icon-box-title { min-height: 50px; margin: 0 0 12px !important; color: #0D1B2A !important; font-family: 'Barlow', sans-serif !important; font-size: 21px !important; font-weight: 800 !important; line-height: 1.2 !important; } body.page-id-52 .sje-cap-card .elementor-icon-box-title span { color: #0D1B2A !important; font: inherit !important; } body.page-id-52 .sje-cap-card .elementor-icon-box-description { margin: 0 !important; color: #0D1B2A !important; font-size: 16px !important; line-height: 1.7 !important; } /* Site-wide scroll-to-top control: SJE red and white. */ #scrollup .scroll-to-top, .scroll-to-top.cursor-effect { background-color: #C8102E !important; color: #ffffff !important; } #scrollup .scroll-to-top:hover, #scrollup .scroll-to-top:focus-visible { background-color: #A50D25 !important; color: #ffffff !important; } #scrollup .scroll-to-top svg, #scrollup .scroll-to-top svg path { fill: currentColor !important; color: #ffffff !important; } @media (max-width: 767px) { body.page-id-52 .elementor-element-sje_caps_head { padding: 64px 20px 24px !important; } body.page-id-52 .elementor-element-sje_caps_r1, body.page-id-52 .elementor-element-sje_caps_r2 { padding-right: 12px !important; padding-left: 12px !important; } body.page-id-52 .elementor-element-sje_caps_r2 { padding-bottom: 64px !important; } body.page-id-52 .elementor-element-sje_caps_r2 .elementor-col-33 { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; } body.page-id-52 .sje-cap-card .elementor-icon-box-title { min-height: 0; } body.page-id-52 .sje-cap-card { min-height: 0; } }