@charset "UTF-8";
@charset "UTF-8";

 .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}.hero_audio_control span {
cursor: pointer;
display: block;
width: 20px;
font-size: 18px;
}
.hero_audio_control {
padding: 12px 10px;
position: absolute;
text-align: center;
width: auto;
z-index: 9999999;
}
.hero_audio_control img{
width: 20px;
}
.slider_hero_walkingbackground{
overflow: hidden;
}
.hero_gslider_control{margin-left: 10px;cursor: pointer;}
.hero_restart_button{
position: absolute;
bottom: 20px; z-index: 99999;
width: 100%;
height: 30px; padding: 5px;
text-align: center;
}
#hero_restart_button, #hero_pause_button, #hero_play_button{
width: 20px;
height: 20px;
color:#fff;
font-size:15px;
display: inline-block;
cursor: pointer;
}
.hero_bottom_save_button{
position: fixed;
bottom: 36px;
right: 9px;
} .qc-sliderX-bottomCon{position: absolute;bottom: 25px;text-align: center;z-index: 999;}
.qc-sliderX-direction{position: absolute;top: 45%;}
.qc-sliderX-prev{
float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrow.light.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 70px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;
}
.qc-sliderX-prev:hover{
background-position: 0px -35px;
color: rgba(221, 221, 221, 0);
}
.qc-sliderX-next{
float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrow.light.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 70px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;
}
.qc-sliderX-next:hover{
background-position: -35px -35px;
color: rgba(221, 221, 221, 0);
}
.slider-hero-prev{
float: left;
margin-left: 10px;
z-index: 11;
position: relative;
display: block;
font-size: 40px;
color: #fff;
line-height: 20px;
box-shadow: none !important;
cursor:pointer;
}
.slider-hero-next{
float: right;
margin-right: 10px;
z-index: 11;
position: relative;
display: block;
font-size: 40px;
color: #fff;
line-height: 20px;
box-shadow: none !important;
cursor:pointer;
} .arrow_style_1-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow1.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_1-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow1.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;} .arrow_style_2-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow2.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_2-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow2.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;} .arrow_style_3-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow3.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_3-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow3.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;} .arrow_style_4-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow4.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_4-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow4.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;} .arrow_style_5-prev{float: left;
float: left;
width: 28px;
height: 35px;
margin-left: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow5.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 54px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_5-next{float: right;
width: 28px;
height: 35px;
margin-right: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow5.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 60px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;} .arrow_style_6-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow6.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_6-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow6.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;} .arrow_style_7-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow7.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_7-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow7.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_8-prev{float: left;
width: 35px;
height: 35px;
margin-left: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow8.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.arrow_style_8-next{float: right;
width: 35px;
height: 35px;
margin-right: 10px;
background: url(//finedu.tech/wp-content/plugins/slider-hero/images/arrows/arrow8.png);
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background-size: 70px 34px;
background-repeat: no-repeat;
background-position: -35px 0px;
cursor: pointer;
box-shadow: none !important;
z-index: 11111;
position: relative;
display: block;}
.qc-sliderX-bottom-slide{
cursor: pointer;
margin: 0px;
padding: 0px;
margin-left: 10px;
display: inline-block;
box-shadow: none !important;
font-size: 13px;
}
.qc-sliderX-bottom-slide:hover{
color:#3f4851;
}
.qc-sliderx-bottom-current{
color:#3f4851;
}  .hero_float{width: 100%;height: 100%;position: absolute;top: 0;}
.hero_float_left{width: 50%;height: 100%;margin: 0px;cursor:url(//finedu.tech/wp-content/plugins/slider-hero/css/arrow-left.png),pointer !important;z-index:1 !important;}
.hero_float_right{width: 50%;height: 100%;margin: 0px;cursor:url(//finedu.tech/wp-content/plugins/slider-hero/css/arrow-right.png),pointer !important;z-index:1 !important;} @media only screen and (min-width: 768px) and (max-width: 991px){
.qcld_hero_content_area h2{font-size:40px !important;line-height:45px !important;}
.qcld_hero_content_area > .slider-x-item-title > p{font-size: 18px !important;line-height:normal;}	
} @media only screen and (min-width: 320px) and (max-width: 767px){
.slider_hero_btn_cls_one{padding: 2px;
min-width: 85px;
}
.hero_btn_cls_one2{padding: 2px;
min-width: 85px;
}
} .pentahedron {
position: absolute;
width: 100%;
height: 100%;
fill: #3E82F7;
}
.point {
fill: #8491A3;
}
.rhombus {
fill: #2DA94F;
stroke: #2DA94F;
}
.x {
fill: #FDBD00;
}
.circle {
fill: #ED412D;
} #threeD {
position: absolute;
z-index: 2;
} #slider_hero_mySVG{
position:absolute;
bottom: 0;
} .hero-random-shape:after {
font-family: FontAwesome;
content: "\f005";
}
@keyframes shape-1 {
0% {
transform: translate3d(0, 0, 0) rotate(301deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(661deg);
}
}
.hero-shape-container--1 {
animation: shape-1 44s linear infinite;
}
.hero-shape-container--1 .hero-random-shape:after {
margin: 7rem;
color: #DB7093;
font-size: 1.4rem;
content: "";
}
@keyframes shape-2 {
0% {
transform: translate3d(0, 0, 0) rotate(353deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(713deg);
}
}
.hero-shape-container--2 {
animation: shape-2 50s linear infinite;
}
.hero-shape-container--2 .hero-random-shape:after {
margin: 9rem;
color: #C2B7FE;
font-size: 1.8rem;
content: "";
}
@keyframes shape-3 {
0% {
transform: translate3d(0, 0, 0) rotate(6deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(366deg);
}
}
.hero-shape-container--3 {
animation: shape-3 50s linear infinite;
}
.hero-shape-container--3 .hero-random-shape:after {
margin: 3rem;
color: #DB7093;
font-size: 0.6rem;
content: "";
}
@keyframes shape-4 {
0% {
transform: translate3d(0, 0, 0) rotate(198deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(558deg);
}
}
.hero-shape-container--4 {
animation: shape-4 45s linear infinite;
}
.hero-shape-container--4 .hero-random-shape:after {
margin: 7rem;
color: #95A9FF;
font-size: 1.4rem;
content: "";
}
@keyframes shape-5 {
0% {
transform: translate3d(0, 0, 0) rotate(351deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(711deg);
}
}
.hero-shape-container--5 {
animation: shape-5 41s linear infinite;
}
.hero-shape-container--5 .hero-random-shape:after {
margin: 7rem;
color: #95A9FF;
font-size: 1.4rem;
content: "";
}
@keyframes shape-6 {
0% {
transform: translate3d(0, 0, 0) rotate(186deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(546deg);
}
}
.hero-shape-container--6 {
animation: shape-6 41s linear infinite;
}
.hero-shape-container--6 .hero-random-shape:after {
margin: 7rem;
color: #FFF8DC;
font-size: 1.4rem;
content: "";
}
@keyframes shape-7 {
0% {
transform: translate3d(0, 0, 0) rotate(27deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(387deg);
}
}
.hero-shape-container--7 {
animation: shape-7 41s linear infinite;
}
.hero-shape-container--7 .hero-random-shape:after {
margin: 2rem;
color: #FFD700;
font-size: 0.4rem;
content: "";
}
@keyframes shape-8 {
0% {
transform: translate3d(0, 0, 0) rotate(193deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(553deg);
}
}
.hero-shape-container--8 {
animation: shape-8 48s linear infinite;
}
.hero-shape-container--8 .hero-random-shape:after {
margin: 7rem;
color: #FFD700;
font-size: 1.4rem;
content: "";
}
@keyframes shape-9 {
0% {
transform: translate3d(0, 0, 0) rotate(273deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(633deg);
}
}
.hero-shape-container--9 {
animation: shape-9 50s linear infinite;
}
.hero-shape-container--9 .hero-random-shape:after {
margin: 1rem;
color: #DB7093;
font-size: 0.2rem;
content: "";
}
@keyframes shape-10 {
0% {
transform: translate3d(0, 0, 0) rotate(89deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(449deg);
}
}
.hero-shape-container--10 {
animation: shape-10 44s linear infinite;
}
.hero-shape-container--10 .hero-random-shape:after {
margin: 4rem;
color: #95A9FF;
font-size: 0.8rem;
content: "";
}
@keyframes shape-11 {
0% {
transform: translate3d(0, 0, 0) rotate(173deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(533deg);
}
}
.hero-shape-container--11 {
animation: shape-11 46s linear infinite;
}
.hero-shape-container--11 .hero-random-shape:after {
margin: 5rem;
color: #FFD700;
font-size: 1rem;
content: "";
}
@keyframes shape-12 {
0% {
transform: translate3d(0, 0, 0) rotate(184deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(544deg);
}
}
.hero-shape-container--12 {
animation: shape-12 47s linear infinite;
}
.hero-shape-container--12 .hero-random-shape:after {
margin: 4rem;
color: #C2B7FE;
font-size: 0.8rem;
content: "";
}
@keyframes shape-13 {
0% {
transform: translate3d(0, 0, 0) rotate(246deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(606deg);
}
}
.hero-shape-container--13 {
animation: shape-13 44s linear infinite;
}
.hero-shape-container--13 .hero-random-shape:after {
margin: 3rem;
color: #DB7093;
font-size: 0.6rem;
content: "";
}
@keyframes shape-14 {
0% {
transform: translate3d(0, 0, 0) rotate(20deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(380deg);
}
}
.hero-shape-container--14 {
animation: shape-14 48s linear infinite;
}
.hero-shape-container--14 .hero-random-shape:after {
margin: 3rem;
color: #FFD700;
font-size: 0.6rem;
content: "";
}
@keyframes shape-15 {
0% {
transform: translate3d(0, 0, 0) rotate(163deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(523deg);
}
}
.hero-shape-container--15 {
animation: shape-15 44s linear infinite;
}
.hero-shape-container--15 .hero-random-shape:after {
margin: 5rem;
color: #DB7093;
font-size: 1rem;
content: "";
}
@keyframes shape-16 {
0% {
transform: translate3d(0, 0, 0) rotate(166deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(526deg);
}
}
.hero-shape-container--16 {
animation: shape-16 50s linear infinite;
}
.hero-shape-container--16 .hero-random-shape:after {
margin: 3rem;
color: #95A9FF;
font-size: 0.6rem;
content: "";
}
@keyframes shape-17 {
0% {
transform: translate3d(0, 0, 0) rotate(43deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(403deg);
}
}
.hero-shape-container--17 {
animation: shape-17 43s linear infinite;
}
.hero-shape-container--17 .hero-random-shape:after {
margin: 1rem;
color: #DB7093;
font-size: 0.2rem;
content: "";
}
@keyframes shape-18 {
0% {
transform: translate3d(0, 0, 0) rotate(49deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(409deg);
}
}
.hero-shape-container--18 {
animation: shape-18 44s linear infinite;
}
.hero-shape-container--18 .hero-random-shape:after {
margin: 10rem;
color: #DB7093;
font-size: 2rem;
content: "";
}
@keyframes shape-19 {
0% {
transform: translate3d(0, 0, 0) rotate(281deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(641deg);
}
}
.hero-shape-container--19 {
animation: shape-19 41s linear infinite;
}
.hero-shape-container--19 .hero-random-shape:after {
margin: 8rem;
color: #95A9FF;
font-size: 1.6rem;
content: "";
}
@keyframes shape-20 {
0% {
transform: translate3d(0, 0, 0) rotate(147deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(507deg);
}
}
.hero-shape-container--20 {
animation: shape-20 41s linear infinite;
}
.hero-shape-container--20 .hero-random-shape:after {
margin: 6rem;
color: #C2B7FE;
font-size: 1.2rem;
content: "";
}
@keyframes shape-21 {
0% {
transform: translate3d(0, 0, 0) rotate(326deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(686deg);
}
}
.hero-shape-container--21 {
animation: shape-21 44s linear infinite;
}
.hero-shape-container--21 .hero-random-shape:after {
margin: 2rem;
color: #FFF8DC;
font-size: 0.4rem;
content: "";
}
@keyframes shape-22 {
0% {
transform: translate3d(0, 0, 0) rotate(85deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(445deg);
}
}
.hero-shape-container--22 {
animation: shape-22 47s linear infinite;
}
.hero-shape-container--22 .hero-random-shape:after {
margin: 10rem;
color: #C2B7FE;
font-size: 2rem;
content: "";
}
@keyframes shape-23 {
0% {
transform: translate3d(0, 0, 0) rotate(350deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(710deg);
}
}
.hero-shape-container--23 {
animation: shape-23 49s linear infinite;
}
.hero-shape-container--23 .hero-random-shape:after {
margin: 1rem;
color: #DB7093;
font-size: 0.2rem;
content: "";
}
@keyframes shape-24 {
0% {
transform: translate3d(0, 0, 0) rotate(338deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(698deg);
}
}
.hero-shape-container--24 {
animation: shape-24 49s linear infinite;
}
.hero-shape-container--24 .hero-random-shape:after {
margin: 6rem;
color: #FFD700;
font-size: 1.2rem;
content: "";
}
@keyframes shape-25 {
0% {
transform: translate3d(0, 0, 0) rotate(82deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(442deg);
}
}
.hero-shape-container--25 {
animation: shape-25 41s linear infinite;
}
.hero-shape-container--25 .hero-random-shape:after {
margin: 6rem;
color: #95A9FF;
font-size: 1.2rem;
content: "";
}
@keyframes shape-26 {
0% {
transform: translate3d(0, 0, 0) rotate(201deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(561deg);
}
}
.hero-shape-container--26 {
animation: shape-26 42s linear infinite;
}
.hero-shape-container--26 .hero-random-shape:after {
margin: 4rem;
color: #FFF8DC;
font-size: 0.8rem;
content: "";
}
@keyframes shape-27 {
0% {
transform: translate3d(0, 0, 0) rotate(239deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(599deg);
}
}
.hero-shape-container--27 {
animation: shape-27 50s linear infinite;
}
.hero-shape-container--27 .hero-random-shape:after {
margin: 9rem;
color: #95A9FF;
font-size: 1.8rem;
content: "";
}
@keyframes shape-28 {
0% {
transform: translate3d(0, 0, 0) rotate(313deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(673deg);
}
}
.hero-shape-container--28 {
animation: shape-28 42s linear infinite;
}
.hero-shape-container--28 .hero-random-shape:after {
margin: 7rem;
color: #FFF8DC;
font-size: 1.4rem;
content: "";
}
@keyframes shape-29 {
0% {
transform: translate3d(0, 0, 0) rotate(325deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(685deg);
}
}
.hero-shape-container--29 {
animation: shape-29 45s linear infinite;
}
.hero-shape-container--29 .hero-random-shape:after {
margin: 1rem;
color: #FFD700;
font-size: 0.2rem;
content: "";
}
@keyframes shape-30 {
0% {
transform: translate3d(0, 0, 0) rotate(153deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(513deg);
}
}
.hero-shape-container--30 {
animation: shape-30 44s linear infinite;
}
.hero-shape-container--30 .hero-random-shape:after {
margin: 1rem;
color: #FFD700;
font-size: 0.2rem;
content: "";
}
@keyframes shape-31 {
0% {
transform: translate3d(0, 0, 0) rotate(343deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(703deg);
}
}
.hero-shape-container--31 {
animation: shape-31 43s linear infinite;
}
.hero-shape-container--31 .hero-random-shape:after {
margin: 8rem;
color: #C2B7FE;
font-size: 1.6rem;
content: "";
}
@keyframes shape-32 {
0% {
transform: translate3d(0, 0, 0) rotate(283deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(643deg);
}
}
.hero-shape-container--32 {
animation: shape-32 47s linear infinite;
}
.hero-shape-container--32 .hero-random-shape:after {
margin: 3rem;
color: #DB7093;
font-size: 0.6rem;
content: "";
}
@keyframes shape-33 {
0% {
transform: translate3d(0, 0, 0) rotate(71deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(431deg);
}
}
.hero-shape-container--33 {
animation: shape-33 41s linear infinite;
}
.hero-shape-container--33 .hero-random-shape:after {
margin: 6rem;
color: #C2B7FE;
font-size: 1.2rem;
content: "";
}
@keyframes shape-34 {
0% {
transform: translate3d(0, 0, 0) rotate(331deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(691deg);
}
}
.hero-shape-container--34 {
animation: shape-34 50s linear infinite;
}
.hero-shape-container--34 .hero-random-shape:after {
margin: 10rem;
color: #95A9FF;
font-size: 2rem;
content: "";
}
@keyframes shape-35 {
0% {
transform: translate3d(0, 0, 0) rotate(309deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(669deg);
}
}
.hero-shape-container--35 {
animation: shape-35 47s linear infinite;
}
.hero-shape-container--35 .hero-random-shape:after {
margin: 9rem;
color: #FFF8DC;
font-size: 1.8rem;
content: "";
}
@keyframes shape-36 {
0% {
transform: translate3d(0, 0, 0) rotate(103deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(463deg);
}
}
.hero-shape-container--36 {
animation: shape-36 50s linear infinite;
}
.hero-shape-container--36 .hero-random-shape:after {
margin: 7rem;
color: #DB7093;
font-size: 1.4rem;
content: "";
}
@keyframes shape-37 {
0% {
transform: translate3d(0, 0, 0) rotate(186deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(546deg);
}
}
.hero-shape-container--37 {
animation: shape-37 45s linear infinite;
}
.hero-shape-container--37 .hero-random-shape:after {
margin: 7rem;
color: #C2B7FE;
font-size: 1.4rem;
content: "";
}
@keyframes shape-38 {
0% {
transform: translate3d(0, 0, 0) rotate(57deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(417deg);
}
}
.hero-shape-container--38 {
animation: shape-38 47s linear infinite;
}
.hero-shape-container--38 .hero-random-shape:after {
margin: 7rem;
color: #C2B7FE;
font-size: 1.4rem;
content: "";
}
@keyframes shape-39 {
0% {
transform: translate3d(0, 0, 0) rotate(274deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(634deg);
}
}
.hero-shape-container--39 {
animation: shape-39 49s linear infinite;
}
.hero-shape-container--39 .hero-random-shape:after {
margin: 4rem;
color: #DB7093;
font-size: 0.8rem;
content: "";
}
@keyframes shape-40 {
0% {
transform: translate3d(0, 0, 0) rotate(197deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(557deg);
}
}
.hero-shape-container--40 {
animation: shape-40 42s linear infinite;
}
.hero-shape-container--40 .hero-random-shape:after {
margin: 8rem;
color: #95A9FF;
font-size: 1.6rem;
content: "";
}
@keyframes shape-41 {
0% {
transform: translate3d(0, 0, 0) rotate(182deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(542deg);
}
}
.hero-shape-container--41 {
animation: shape-41 48s linear infinite;
}
.hero-shape-container--41 .hero-random-shape:after {
margin: 9rem;
color: #FFD700;
font-size: 1.8rem;
content: "";
}
@keyframes shape-42 {
0% {
transform: translate3d(0, 0, 0) rotate(248deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(608deg);
}
}
.hero-shape-container--42 {
animation: shape-42 42s linear infinite;
}
.hero-shape-container--42 .hero-random-shape:after {
margin: 3rem;
color: #FFD700;
font-size: 0.6rem;
content: "";
}
@keyframes shape-43 {
0% {
transform: translate3d(0, 0, 0) rotate(59deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(419deg);
}
}
.hero-shape-container--43 {
animation: shape-43 43s linear infinite;
}
.hero-shape-container--43 .hero-random-shape:after {
margin: 6rem;
color: #DB7093;
font-size: 1.2rem;
content: "";
}
@keyframes shape-44 {
0% {
transform: translate3d(0, 0, 0) rotate(56deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(416deg);
}
}
.hero-shape-container--44 {
animation: shape-44 44s linear infinite;
}
.hero-shape-container--44 .hero-random-shape:after {
margin: 5rem;
color: #FFF8DC;
font-size: 1rem;
content: "";
}
@keyframes shape-45 {
0% {
transform: translate3d(0, 0, 0) rotate(136deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(496deg);
}
}
.hero-shape-container--45 {
animation: shape-45 41s linear infinite;
}
.hero-shape-container--45 .hero-random-shape:after {
margin: 7rem;
color: #FFF8DC;
font-size: 1.4rem;
content: "";
}
@keyframes shape-46 {
0% {
transform: translate3d(0, 0, 0) rotate(212deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(572deg);
}
}
.hero-shape-container--46 {
animation: shape-46 49s linear infinite;
}
.hero-shape-container--46 .hero-random-shape:after {
margin: 1rem;
color: #FFF8DC;
font-size: 0.2rem;
content: "";
}
@keyframes shape-47 {
0% {
transform: translate3d(0, 0, 0) rotate(288deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(648deg);
}
}
.hero-shape-container--47 {
animation: shape-47 45s linear infinite;
}
.hero-shape-container--47 .hero-random-shape:after {
margin: 7rem;
color: #FFD700;
font-size: 1.4rem;
content: "";
}
@keyframes shape-48 {
0% {
transform: translate3d(0, 0, 0) rotate(52deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(412deg);
}
}
.hero-shape-container--48 {
animation: shape-48 48s linear infinite;
}
.hero-shape-container--48 .hero-random-shape:after {
margin: 4rem;
color: #FFF8DC;
font-size: 0.8rem;
content: "";
}
@keyframes shape-49 {
0% {
transform: translate3d(0, 0, 0) rotate(109deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(469deg);
}
}
.hero-shape-container--49 {
animation: shape-49 44s linear infinite;
}
.hero-shape-container--49 .hero-random-shape:after {
margin: 7rem;
color: #C2B7FE;
font-size: 1.4rem;
content: "";
}
@keyframes shape-50 {
0% {
transform: translate3d(0, 0, 0) rotate(242deg);
}
100% {
transform: translate3d(0, 0, 0) rotate(602deg);
}
}
.hero-shape-container--50 {
animation: shape-50 48s linear infinite;
}
.hero-shape-container--50 .hero-random-shape:after {
margin: 3rem;
color: #DB7093;
font-size: 0.6rem;
content: "";
}
.stop-shape {
-webkit-animation-play-state: paused;
animation-play-state: paused;
} .hero_glitch_title { overflow: hidden;
color: transparent;
text-shadow: 0px 0px 3px #eee, 5px 5px 2px teal, -5px -2px 2px maroon;
font-weight: 400;
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
-moz-animation: shift 4s ease-in-out infinite alternate;
-webkit-animation: shift 4s ease-in-out infinite alternate;
animation: shift 4s ease-in-out infinite alternate;
}
@-moz-keyframes shift {
0%,40%, 44%, 58%, 61%, 65%,69%,73%,100% {
-moz-transform: skewX(0deg);
transform: skewX(0deg);
}
41% {
-moz-transform: skewX(10deg);
transform: skewX(10deg);
}
42% {
-moz-transform: skewX(-10deg);
transform: skewX(-10deg);
}
59% {
-moz-transform: skewX(40deg) skewY(10deg);
transform: skewX(40deg) skewY(10deg);
}
60% {
-moz-transform: skewX(-40deg) skewY(-10deg);
transform: skewX(-40deg) skewY(-10deg);
}
63% {
-moz-transform: skewX(10deg) skewY(-5deg);
transform: skewX(10deg) skewY(-5deg);
}
70% {
-moz-transform: skewX(-50deg) skewY(-20deg);
transform: skewX(-50deg) skewY(-20deg);
}
71% {
-moz-transform: skewX(10deg) skewY(-10deg);
transform: skewX(10deg) skewY(-10deg);
}
}
@-webkit-keyframes shift {
0%,40%, 44%, 58%, 61%, 65%,69%,73%,100% {
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
41% {
-webkit-transform: skewX(10deg);
transform: skewX(10deg);
}
42% {
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
}
59% {
-webkit-transform: skewX(40deg) skewY(10deg);
transform: skewX(40deg) skewY(10deg);
}
60% {
-webkit-transform: skewX(-40deg) skewY(-10deg);
transform: skewX(-40deg) skewY(-10deg);
}
63% {
-webkit-transform: skewX(10deg) skewY(-5deg);
transform: skewX(10deg) skewY(-5deg);
}
70% {
-webkit-transform: skewX(-50deg) skewY(-20deg);
transform: skewX(-50deg) skewY(-20deg);
}
71% {
-webkit-transform: skewX(10deg) skewY(-10deg);
transform: skewX(10deg) skewY(-10deg);
}
}
@keyframes shift {
0%,40%, 44%, 58%, 61%, 65%,69%,73%,100% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
41% {
-moz-transform: skewX(10deg);
-ms-transform: skewX(10deg);
-webkit-transform: skewX(10deg);
transform: skewX(10deg);
}
42% {
-moz-transform: skewX(-10deg);
-ms-transform: skewX(-10deg);
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
}
59% {
-moz-transform: skewX(40deg) skewY(10deg);
-ms-transform: skewX(40deg) skewY(10deg);
-webkit-transform: skewX(40deg) skewY(10deg);
transform: skewX(40deg) skewY(10deg);
}
60% {
-moz-transform: skewX(-40deg) skewY(-10deg);
-ms-transform: skewX(-40deg) skewY(-10deg);
-webkit-transform: skewX(-40deg) skewY(-10deg);
transform: skewX(-40deg) skewY(-10deg);
}
63% {
-moz-transform: skewX(10deg) skewY(-5deg);
-ms-transform: skewX(10deg) skewY(-5deg);
-webkit-transform: skewX(10deg) skewY(-5deg);
transform: skewX(10deg) skewY(-5deg);
}
70% {
-moz-transform: skewX(-50deg) skewY(-20deg);
-ms-transform: skewX(-50deg) skewY(-20deg);
-webkit-transform: skewX(-50deg) skewY(-20deg);
transform: skewX(-50deg) skewY(-20deg);
}
71% {
-moz-transform: skewX(10deg) skewY(-10deg);
-ms-transform: skewX(10deg) skewY(-10deg);
-webkit-transform: skewX(10deg) skewY(-10deg);
transform: skewX(10deg) skewY(-10deg);
}
} .hero_peeled_effect {
color: #fff;
font-family: Avenir Next, Helvetica Neue, Helvetica, Tahoma, sans-serif;
font-size: 30px;
font-weight: 700;
margin: 9px 0px;
}
.hero_peeled_effect span {
position: relative;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 500;
perspective: 500;
-webkit-font-smoothing: antialiased;
}
.hero_peeled_effect span::before,
.hero_peeled_effect span::after {
display: none;
position: absolute;
top: 0;
left: -1px;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
content: attr(data-text);
}
.hero_peeled_effect span::before {
z-index: 1;
color: rgba(0,0,0,0.2);
-webkit-transform: scale(1.1, 1) skew(0deg, 20deg);
transform: scale(1.1, 1) skew(0deg, 20deg);
}
.hero_peeled_effect span::after {
z-index: 2;
-webkit-transform: rotateY(-40deg);
transform: rotateY(-40deg);
}
.hero_peeled_effect span:hover::before {
-webkit-transform: scale(1.1, 1) skew(0deg, 5deg);
transform: scale(1.1, 1) skew(0deg, 5deg);
}
.hero_peeled_effect span:hover::after {
-webkit-transform: rotateY(-10deg);
transform: rotateY(-10deg);
}
.hero_peeled_effect span + span {
margin-left: 0.3em;
}
.hero_peeled_effect {
font-size: 30px;
}
.hero_peeled_effect span::before,
.hero_peeled_effect span::after {
display: block;
} .hero_pretty_shadow {
width: 100%;
margin: 0px auto;
color: #2196f3;
font-size: 80px;
letter-spacing: 5px;
text-shadow: -1px -1px 0px #fff, 3px 3px 0px #fff, 6px 6px 0px #fff;
font-weight:bold;
} .anim-text-flow span,
.anim-text-flow-hover:hover span {
-webkit-animation-name: anim-text-flow-keys;
animation-name: anim-text-flow-keys;
-webkit-animation-duration: 50s;
animation-duration: 50s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes anim-text-flow-keys {
0% {
color: #d65cba;
}
5% {
color: #5cd6c6;
}
10% {
color: #afd65c;
}
15% {
color: #d6935c;
}
20% {
color: #d65cad;
}
25% {
color: #5cccd6;
}
30% {
color: #6c5cd6;
}
35% {
color: #d65cbe;
}
40% {
color: #ca5cd6;
}
45% {
color: #d65cd6;
}
50% {
color: #d65c68;
}
55% {
color: #5c9bd6;
}
60% {
color: #ccd65c;
}
65% {
color: #745cd6;
}
70% {
color: #5cd66a;
}
75% {
color: #d65c95;
}
80% {
color: #5cd66c;
}
85% {
color: #5c64d6;
}
90% {
color: #5ed65c;
}
95% {
color: #d6705c;
}
100% {
color: #5c5cd6;
}
}
@keyframes anim-text-flow-keys {
0% {
color: #d65cba;
}
5% {
color: #5cd6c6;
}
10% {
color: #afd65c;
}
15% {
color: #d6935c;
}
20% {
color: #d65cad;
}
25% {
color: #5cccd6;
}
30% {
color: #6c5cd6;
}
35% {
color: #d65cbe;
}
40% {
color: #ca5cd6;
}
45% {
color: #d65cd6;
}
50% {
color: #d65c68;
}
55% {
color: #5c9bd6;
}
60% {
color: #ccd65c;
}
65% {
color: #745cd6;
}
70% {
color: #5cd66a;
}
75% {
color: #d65c95;
}
80% {
color: #5cd66c;
}
85% {
color: #5c64d6;
}
90% {
color: #5ed65c;
}
95% {
color: #d6705c;
}
100% {
color: #5c5cd6;
}
}
.anim-text-flow span:nth-of-type(1),
.anim-text-flow-hover:hover span:nth-of-type(1) {
-webkit-animation-delay: -19.8s;
animation-delay: -19.8s;
}
.anim-text-flow span:nth-of-type(2),
.anim-text-flow-hover:hover span:nth-of-type(2) {
-webkit-animation-delay: -19.6s;
animation-delay: -19.6s;
}
.anim-text-flow span:nth-of-type(3),
.anim-text-flow-hover:hover span:nth-of-type(3) {
-webkit-animation-delay: -19.4s;
animation-delay: -19.4s;
}
.anim-text-flow span:nth-of-type(4),
.anim-text-flow-hover:hover span:nth-of-type(4) {
-webkit-animation-delay: -19.2s;
animation-delay: -19.2s;
}
.anim-text-flow span:nth-of-type(5),
.anim-text-flow-hover:hover span:nth-of-type(5) {
-webkit-animation-delay: -19s;
animation-delay: -19s;
}
.anim-text-flow span:nth-of-type(6),
.anim-text-flow-hover:hover span:nth-of-type(6) {
-webkit-animation-delay: -18.8s;
animation-delay: -18.8s;
}
.anim-text-flow span:nth-of-type(7),
.anim-text-flow-hover:hover span:nth-of-type(7) {
-webkit-animation-delay: -18.6s;
animation-delay: -18.6s;
}
.anim-text-flow span:nth-of-type(8),
.anim-text-flow-hover:hover span:nth-of-type(8) {
-webkit-animation-delay: -18.4s;
animation-delay: -18.4s;
}
.anim-text-flow span:nth-of-type(9),
.anim-text-flow-hover:hover span:nth-of-type(9) {
-webkit-animation-delay: -18.2s;
animation-delay: -18.2s;
}
.anim-text-flow span:nth-of-type(10),
.anim-text-flow-hover:hover span:nth-of-type(10) {
-webkit-animation-delay: -18s;
animation-delay: -18s;
}
.anim-text-flow span:nth-of-type(11),
.anim-text-flow-hover:hover span:nth-of-type(11) {
-webkit-animation-delay: -17.8s;
animation-delay: -17.8s;
}
.anim-text-flow span:nth-of-type(12),
.anim-text-flow-hover:hover span:nth-of-type(12) {
-webkit-animation-delay: -17.6s;
animation-delay: -17.6s;
}
.anim-text-flow span:nth-of-type(13),
.anim-text-flow-hover:hover span:nth-of-type(13) {
-webkit-animation-delay: -17.4s;
animation-delay: -17.4s;
}
.anim-text-flow span:nth-of-type(14),
.anim-text-flow-hover:hover span:nth-of-type(14) {
-webkit-animation-delay: -17.2s;
animation-delay: -17.2s;
}
.anim-text-flow span:nth-of-type(15),
.anim-text-flow-hover:hover span:nth-of-type(15) {
-webkit-animation-delay: -17s;
animation-delay: -17s;
}
.anim-text-flow span:nth-of-type(16),
.anim-text-flow-hover:hover span:nth-of-type(16) {
-webkit-animation-delay: -16.8s;
animation-delay: -16.8s;
}
.anim-text-flow span:nth-of-type(17),
.anim-text-flow-hover:hover span:nth-of-type(17) {
-webkit-animation-delay: -16.6s;
animation-delay: -16.6s;
}
.anim-text-flow span:nth-of-type(18),
.anim-text-flow-hover:hover span:nth-of-type(18) {
-webkit-animation-delay: -16.4s;
animation-delay: -16.4s;
}
.anim-text-flow span:nth-of-type(19),
.anim-text-flow-hover:hover span:nth-of-type(19) {
-webkit-animation-delay: -16.2s;
animation-delay: -16.2s;
}
.anim-text-flow span:nth-of-type(20),
.anim-text-flow-hover:hover span:nth-of-type(20) {
-webkit-animation-delay: -16s;
animation-delay: -16s;
}
.anim-text-flow span:nth-of-type(21),
.anim-text-flow-hover:hover span:nth-of-type(21) {
-webkit-animation-delay: -15.8s;
animation-delay: -15.8s;
}
.anim-text-flow span:nth-of-type(22),
.anim-text-flow-hover:hover span:nth-of-type(22) {
-webkit-animation-delay: -15.6s;
animation-delay: -15.6s;
}
.anim-text-flow span:nth-of-type(23),
.anim-text-flow-hover:hover span:nth-of-type(23) {
-webkit-animation-delay: -15.4s;
animation-delay: -15.4s;
}
.anim-text-flow span:nth-of-type(24),
.anim-text-flow-hover:hover span:nth-of-type(24) {
-webkit-animation-delay: -15.2s;
animation-delay: -15.2s;
}
.anim-text-flow span:nth-of-type(25),
.anim-text-flow-hover:hover span:nth-of-type(25) {
-webkit-animation-delay: -15s;
animation-delay: -15s;
}
.anim-text-flow span:nth-of-type(26),
.anim-text-flow-hover:hover span:nth-of-type(26) {
-webkit-animation-delay: -14.8s;
animation-delay: -14.8s;
}
.anim-text-flow span:nth-of-type(27),
.anim-text-flow-hover:hover span:nth-of-type(27) {
-webkit-animation-delay: -14.6s;
animation-delay: -14.6s;
}
.anim-text-flow span:nth-of-type(28),
.anim-text-flow-hover:hover span:nth-of-type(28) {
-webkit-animation-delay: -14.4s;
animation-delay: -14.4s;
}
.anim-text-flow span:nth-of-type(29),
.anim-text-flow-hover:hover span:nth-of-type(29) {
-webkit-animation-delay: -14.2s;
animation-delay: -14.2s;
}
.anim-text-flow span:nth-of-type(30),
.anim-text-flow-hover:hover span:nth-of-type(30) {
-webkit-animation-delay: -14s;
animation-delay: -14s;
}
.anim-text-flow span:nth-of-type(31),
.anim-text-flow-hover:hover span:nth-of-type(31) {
-webkit-animation-delay: -13.8s;
animation-delay: -13.8s;
}
.anim-text-flow span:nth-of-type(32),
.anim-text-flow-hover:hover span:nth-of-type(32) {
-webkit-animation-delay: -13.6s;
animation-delay: -13.6s;
}
.anim-text-flow span:nth-of-type(33),
.anim-text-flow-hover:hover span:nth-of-type(33) {
-webkit-animation-delay: -13.4s;
animation-delay: -13.4s;
}
.anim-text-flow span:nth-of-type(34),
.anim-text-flow-hover:hover span:nth-of-type(34) {
-webkit-animation-delay: -13.2s;
animation-delay: -13.2s;
}
.anim-text-flow span:nth-of-type(35),
.anim-text-flow-hover:hover span:nth-of-type(35) {
-webkit-animation-delay: -13s;
animation-delay: -13s;
}
.anim-text-flow span:nth-of-type(36),
.anim-text-flow-hover:hover span:nth-of-type(36) {
-webkit-animation-delay: -12.8s;
animation-delay: -12.8s;
}
.anim-text-flow span:nth-of-type(37),
.anim-text-flow-hover:hover span:nth-of-type(37) {
-webkit-animation-delay: -12.6s;
animation-delay: -12.6s;
}
.anim-text-flow span:nth-of-type(38),
.anim-text-flow-hover:hover span:nth-of-type(38) {
-webkit-animation-delay: -12.4s;
animation-delay: -12.4s;
}
.anim-text-flow span:nth-of-type(39),
.anim-text-flow-hover:hover span:nth-of-type(39) {
-webkit-animation-delay: -12.2s;
animation-delay: -12.2s;
}
.anim-text-flow span:nth-of-type(40),
.anim-text-flow-hover:hover span:nth-of-type(40) {
-webkit-animation-delay: -12s;
animation-delay: -12s;
}
.anim-text-flow span:nth-of-type(41),
.anim-text-flow-hover:hover span:nth-of-type(41) {
-webkit-animation-delay: -11.8s;
animation-delay: -11.8s;
}
.anim-text-flow span:nth-of-type(42),
.anim-text-flow-hover:hover span:nth-of-type(42) {
-webkit-animation-delay: -11.6s;
animation-delay: -11.6s;
}
.anim-text-flow span:nth-of-type(43),
.anim-text-flow-hover:hover span:nth-of-type(43) {
-webkit-animation-delay: -11.4s;
animation-delay: -11.4s;
}
.anim-text-flow span:nth-of-type(44),
.anim-text-flow-hover:hover span:nth-of-type(44) {
-webkit-animation-delay: -11.2s;
animation-delay: -11.2s;
}
.anim-text-flow span:nth-of-type(45),
.anim-text-flow-hover:hover span:nth-of-type(45) {
-webkit-animation-delay: -11s;
animation-delay: -11s;
}
.anim-text-flow span:nth-of-type(46),
.anim-text-flow-hover:hover span:nth-of-type(46) {
-webkit-animation-delay: -10.8s;
animation-delay: -10.8s;
}
.anim-text-flow span:nth-of-type(47),
.anim-text-flow-hover:hover span:nth-of-type(47) {
-webkit-animation-delay: -10.6s;
animation-delay: -10.6s;
}
.anim-text-flow span:nth-of-type(48),
.anim-text-flow-hover:hover span:nth-of-type(48) {
-webkit-animation-delay: -10.4s;
animation-delay: -10.4s;
}
.anim-text-flow span:nth-of-type(49),
.anim-text-flow-hover:hover span:nth-of-type(49) {
-webkit-animation-delay: -10.2s;
animation-delay: -10.2s;
}
.anim-text-flow span:nth-of-type(50),
.anim-text-flow-hover:hover span:nth-of-type(50) {
-webkit-animation-delay: -10s;
animation-delay: -10s;
}
.anim-text-flow span:nth-of-type(51),
.anim-text-flow-hover:hover span:nth-of-type(51) {
-webkit-animation-delay: -9.8s;
animation-delay: -9.8s;
}
.anim-text-flow span:nth-of-type(52),
.anim-text-flow-hover:hover span:nth-of-type(52) {
-webkit-animation-delay: -9.6s;
animation-delay: -9.6s;
}
.anim-text-flow span:nth-of-type(53),
.anim-text-flow-hover:hover span:nth-of-type(53) {
-webkit-animation-delay: -9.4s;
animation-delay: -9.4s;
}
.anim-text-flow span:nth-of-type(54),
.anim-text-flow-hover:hover span:nth-of-type(54) {
-webkit-animation-delay: -9.2s;
animation-delay: -9.2s;
}
.anim-text-flow span:nth-of-type(55),
.anim-text-flow-hover:hover span:nth-of-type(55) {
-webkit-animation-delay: -9s;
animation-delay: -9s;
}
.anim-text-flow span:nth-of-type(56),
.anim-text-flow-hover:hover span:nth-of-type(56) {
-webkit-animation-delay: -8.8s;
animation-delay: -8.8s;
}
.anim-text-flow span:nth-of-type(57),
.anim-text-flow-hover:hover span:nth-of-type(57) {
-webkit-animation-delay: -8.6s;
animation-delay: -8.6s;
}
.anim-text-flow span:nth-of-type(58),
.anim-text-flow-hover:hover span:nth-of-type(58) {
-webkit-animation-delay: -8.4s;
animation-delay: -8.4s;
}
.anim-text-flow span:nth-of-type(59),
.anim-text-flow-hover:hover span:nth-of-type(59) {
-webkit-animation-delay: -8.2s;
animation-delay: -8.2s;
}
.anim-text-flow span:nth-of-type(60),
.anim-text-flow-hover:hover span:nth-of-type(60) {
-webkit-animation-delay: -8s;
animation-delay: -8s;
}
.anim-text-flow span:nth-of-type(61),
.anim-text-flow-hover:hover span:nth-of-type(61) {
-webkit-animation-delay: -7.8s;
animation-delay: -7.8s;
}
.anim-text-flow span:nth-of-type(62),
.anim-text-flow-hover:hover span:nth-of-type(62) {
-webkit-animation-delay: -7.6s;
animation-delay: -7.6s;
}
.anim-text-flow span:nth-of-type(63),
.anim-text-flow-hover:hover span:nth-of-type(63) {
-webkit-animation-delay: -7.4s;
animation-delay: -7.4s;
}
.anim-text-flow span:nth-of-type(64),
.anim-text-flow-hover:hover span:nth-of-type(64) {
-webkit-animation-delay: -7.2s;
animation-delay: -7.2s;
}
.anim-text-flow span:nth-of-type(65),
.anim-text-flow-hover:hover span:nth-of-type(65) {
-webkit-animation-delay: -7s;
animation-delay: -7s;
}
.anim-text-flow span:nth-of-type(66),
.anim-text-flow-hover:hover span:nth-of-type(66) {
-webkit-animation-delay: -6.8s;
animation-delay: -6.8s;
}
.anim-text-flow span:nth-of-type(67),
.anim-text-flow-hover:hover span:nth-of-type(67) {
-webkit-animation-delay: -6.6s;
animation-delay: -6.6s;
}
.anim-text-flow span:nth-of-type(68),
.anim-text-flow-hover:hover span:nth-of-type(68) {
-webkit-animation-delay: -6.4s;
animation-delay: -6.4s;
}
.anim-text-flow span:nth-of-type(69),
.anim-text-flow-hover:hover span:nth-of-type(69) {
-webkit-animation-delay: -6.2s;
animation-delay: -6.2s;
}
.anim-text-flow span:nth-of-type(70),
.anim-text-flow-hover:hover span:nth-of-type(70) {
-webkit-animation-delay: -6s;
animation-delay: -6s;
}
.anim-text-flow span:nth-of-type(71),
.anim-text-flow-hover:hover span:nth-of-type(71) {
-webkit-animation-delay: -5.8s;
animation-delay: -5.8s;
}
.anim-text-flow span:nth-of-type(72),
.anim-text-flow-hover:hover span:nth-of-type(72) {
-webkit-animation-delay: -5.6s;
animation-delay: -5.6s;
}
.anim-text-flow span:nth-of-type(73),
.anim-text-flow-hover:hover span:nth-of-type(73) {
-webkit-animation-delay: -5.4s;
animation-delay: -5.4s;
}
.anim-text-flow span:nth-of-type(74),
.anim-text-flow-hover:hover span:nth-of-type(74) {
-webkit-animation-delay: -5.2s;
animation-delay: -5.2s;
}
.anim-text-flow span:nth-of-type(75),
.anim-text-flow-hover:hover span:nth-of-type(75) {
-webkit-animation-delay: -5s;
animation-delay: -5s;
}
.anim-text-flow span:nth-of-type(76),
.anim-text-flow-hover:hover span:nth-of-type(76) {
-webkit-animation-delay: -4.8s;
animation-delay: -4.8s;
}
.anim-text-flow span:nth-of-type(77),
.anim-text-flow-hover:hover span:nth-of-type(77) {
-webkit-animation-delay: -4.6s;
animation-delay: -4.6s;
}
.anim-text-flow span:nth-of-type(78),
.anim-text-flow-hover:hover span:nth-of-type(78) {
-webkit-animation-delay: -4.4s;
animation-delay: -4.4s;
}
.anim-text-flow span:nth-of-type(79),
.anim-text-flow-hover:hover span:nth-of-type(79) {
-webkit-animation-delay: -4.2s;
animation-delay: -4.2s;
}
.anim-text-flow span:nth-of-type(80),
.anim-text-flow-hover:hover span:nth-of-type(80) {
-webkit-animation-delay: -4s;
animation-delay: -4s;
}
.anim-text-flow span:nth-of-type(81),
.anim-text-flow-hover:hover span:nth-of-type(81) {
-webkit-animation-delay: -3.8s;
animation-delay: -3.8s;
}
.anim-text-flow span:nth-of-type(82),
.anim-text-flow-hover:hover span:nth-of-type(82) {
-webkit-animation-delay: -3.6s;
animation-delay: -3.6s;
}
.anim-text-flow span:nth-of-type(83),
.anim-text-flow-hover:hover span:nth-of-type(83) {
-webkit-animation-delay: -3.4s;
animation-delay: -3.4s;
}
.anim-text-flow span:nth-of-type(84),
.anim-text-flow-hover:hover span:nth-of-type(84) {
-webkit-animation-delay: -3.2s;
animation-delay: -3.2s;
}
.anim-text-flow span:nth-of-type(85),
.anim-text-flow-hover:hover span:nth-of-type(85) {
-webkit-animation-delay: -3s;
animation-delay: -3s;
}
.anim-text-flow span:nth-of-type(86),
.anim-text-flow-hover:hover span:nth-of-type(86) {
-webkit-animation-delay: -2.8s;
animation-delay: -2.8s;
}
.anim-text-flow span:nth-of-type(87),
.anim-text-flow-hover:hover span:nth-of-type(87) {
-webkit-animation-delay: -2.6s;
animation-delay: -2.6s;
}
.anim-text-flow span:nth-of-type(88),
.anim-text-flow-hover:hover span:nth-of-type(88) {
-webkit-animation-delay: -2.4s;
animation-delay: -2.4s;
}
.anim-text-flow span:nth-of-type(89),
.anim-text-flow-hover:hover span:nth-of-type(89) {
-webkit-animation-delay: -2.2s;
animation-delay: -2.2s;
}
.anim-text-flow span:nth-of-type(90),
.anim-text-flow-hover:hover span:nth-of-type(90) {
-webkit-animation-delay: -2s;
animation-delay: -2s;
}
.anim-text-flow span:nth-of-type(91),
.anim-text-flow-hover:hover span:nth-of-type(91) {
-webkit-animation-delay: -1.8s;
animation-delay: -1.8s;
}
.anim-text-flow span:nth-of-type(92),
.anim-text-flow-hover:hover span:nth-of-type(92) {
-webkit-animation-delay: -1.6s;
animation-delay: -1.6s;
}
.anim-text-flow span:nth-of-type(93),
.anim-text-flow-hover:hover span:nth-of-type(93) {
-webkit-animation-delay: -1.4s;
animation-delay: -1.4s;
}
.anim-text-flow span:nth-of-type(94),
.anim-text-flow-hover:hover span:nth-of-type(94) {
-webkit-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.anim-text-flow span:nth-of-type(95),
.anim-text-flow-hover:hover span:nth-of-type(95) {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.anim-text-flow span:nth-of-type(96),
.anim-text-flow-hover:hover span:nth-of-type(96) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.anim-text-flow span:nth-of-type(97),
.anim-text-flow-hover:hover span:nth-of-type(97) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.anim-text-flow span:nth-of-type(98),
.anim-text-flow-hover:hover span:nth-of-type(98) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.anim-text-flow span:nth-of-type(99),
.anim-text-flow-hover:hover span:nth-of-type(99) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.anim-text-flow span:nth-of-type(100),
.anim-text-flow-hover:hover span:nth-of-type(100) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.anim-text-flow {
display: block;
} @-moz-keyframes heroglitchtext {
0% {
-moz-transform: skew(5deg);
transform: skew(5deg);
}
5% {
-moz-transform: skew(68deg);
transform: skew(68deg);
}
10% {
-moz-transform: skew(13deg);
transform: skew(13deg);
}
15% {
-moz-transform: skew(45deg);
transform: skew(45deg);
}
20% {
-moz-transform: skew(65deg);
transform: skew(65deg);
}
25% {
-moz-transform: skew(14deg);
transform: skew(14deg);
}
30% {
-moz-transform: skew(-6deg);
transform: skew(-6deg);
}
35% {
-moz-transform: skew(-14deg);
transform: skew(-14deg);
}
40% {
-moz-transform: skew(29deg);
transform: skew(29deg);
}
45% {
-moz-transform: skew(33deg);
transform: skew(33deg);
}
50% {
-moz-transform: skew(-71deg);
transform: skew(-71deg);
}
55% {
-moz-transform: skew(47deg);
transform: skew(47deg);
}
60% {
-moz-transform: skew(-2deg);
transform: skew(-2deg);
}
65% {
-moz-transform: skew(36deg);
transform: skew(36deg);
}
70% {
-moz-transform: skew(2deg);
transform: skew(2deg);
}
75% {
-moz-transform: skew(49deg);
transform: skew(49deg);
}
80% {
-moz-transform: skew(-31deg);
transform: skew(-31deg);
}
85% {
-moz-transform: skew(20deg);
transform: skew(20deg);
}
90% {
-moz-transform: skew(-69deg);
transform: skew(-69deg);
}
95% {
-moz-transform: skew(5deg);
transform: skew(5deg);
}
}
@-webkit-keyframes heroglitchtext {
0% {
-webkit-transform: skew(-36deg);
transform: skew(-36deg);
}
5% {
-webkit-transform: skew(-61deg);
transform: skew(-61deg);
}
10% {
-webkit-transform: skew(90deg);
transform: skew(90deg);
}
15% {
-webkit-transform: skew(-73deg);
transform: skew(-73deg);
}
20% {
-webkit-transform: skew(47deg);
transform: skew(47deg);
}
25% {
-webkit-transform: skew(13deg);
transform: skew(13deg);
}
30% {
-webkit-transform: skew(-85deg);
transform: skew(-85deg);
}
35% {
-webkit-transform: skew(74deg);
transform: skew(74deg);
}
40% {
-webkit-transform: skew(2deg);
transform: skew(2deg);
}
45% {
-webkit-transform: skew(82deg);
transform: skew(82deg);
}
50% {
-webkit-transform: skew(-47deg);
transform: skew(-47deg);
}
55% {
-webkit-transform: skew(21deg);
transform: skew(21deg);
}
60% {
-webkit-transform: skew(0deg);
transform: skew(0deg);
}
65% {
-webkit-transform: skew(7deg);
transform: skew(7deg);
}
70% {
-webkit-transform: skew(-80deg);
transform: skew(-80deg);
}
75% {
-webkit-transform: skew(-77deg);
transform: skew(-77deg);
}
80% {
-webkit-transform: skew(-33deg);
transform: skew(-33deg);
}
85% {
-webkit-transform: skew(-52deg);
transform: skew(-52deg);
}
90% {
-webkit-transform: skew(-22deg);
transform: skew(-22deg);
}
95% {
-webkit-transform: skew(-72deg);
transform: skew(-72deg);
}
}
@keyframes heroglitchtext {
0% {
-moz-transform: skew(-5deg);
-ms-transform: skew(-5deg);
-webkit-transform: skew(-5deg);
transform: skew(-5deg);
}
5% {
-moz-transform: skew(-65deg);
-ms-transform: skew(-65deg);
-webkit-transform: skew(-65deg);
transform: skew(-65deg);
}
10% {
-moz-transform: skew(80deg);
-ms-transform: skew(80deg);
-webkit-transform: skew(80deg);
transform: skew(80deg);
}
15% {
-moz-transform: skew(90deg);
-ms-transform: skew(90deg);
-webkit-transform: skew(90deg);
transform: skew(90deg);
}
20% {
-moz-transform: skew(79deg);
-ms-transform: skew(79deg);
-webkit-transform: skew(79deg);
transform: skew(79deg);
}
25% {
-moz-transform: skew(-26deg);
-ms-transform: skew(-26deg);
-webkit-transform: skew(-26deg);
transform: skew(-26deg);
}
30% {
-moz-transform: skew(5deg);
-ms-transform: skew(5deg);
-webkit-transform: skew(5deg);
transform: skew(5deg);
}
35% {
-moz-transform: skew(-35deg);
-ms-transform: skew(-35deg);
-webkit-transform: skew(-35deg);
transform: skew(-35deg);
}
40% {
-moz-transform: skew(13deg);
-ms-transform: skew(13deg);
-webkit-transform: skew(13deg);
transform: skew(13deg);
}
45% {
-moz-transform: skew(-56deg);
-ms-transform: skew(-56deg);
-webkit-transform: skew(-56deg);
transform: skew(-56deg);
}
50% {
-moz-transform: skew(82deg);
-ms-transform: skew(82deg);
-webkit-transform: skew(82deg);
transform: skew(82deg);
}
55% {
-moz-transform: skew(33deg);
-ms-transform: skew(33deg);
-webkit-transform: skew(33deg);
transform: skew(33deg);
}
60% {
-moz-transform: skew(68deg);
-ms-transform: skew(68deg);
-webkit-transform: skew(68deg);
transform: skew(68deg);
}
65% {
-moz-transform: skew(-44deg);
-ms-transform: skew(-44deg);
-webkit-transform: skew(-44deg);
transform: skew(-44deg);
}
70% {
-moz-transform: skew(-65deg);
-ms-transform: skew(-65deg);
-webkit-transform: skew(-65deg);
transform: skew(-65deg);
}
75% {
-moz-transform: skew(-65deg);
-ms-transform: skew(-65deg);
-webkit-transform: skew(-65deg);
transform: skew(-65deg);
}
80% {
-moz-transform: skew(-59deg);
-ms-transform: skew(-59deg);
-webkit-transform: skew(-59deg);
transform: skew(-59deg);
}
85% {
-moz-transform: skew(73deg);
-ms-transform: skew(73deg);
-webkit-transform: skew(73deg);
transform: skew(73deg);
}
90% {
-moz-transform: skew(38deg);
-ms-transform: skew(38deg);
-webkit-transform: skew(38deg);
transform: skew(38deg);
}
95% {
-moz-transform: skew(-18deg);
-ms-transform: skew(-18deg);
-webkit-transform: skew(-18deg);
transform: skew(-18deg);
}
}
.hero_glitch_text {
text-transform: uppercase;
font: 15px "Michroma", helvetica, sans-serif;
letter-spacing: 0.6em;
text-shadow: 2px 0 1px rgba(223, 150, 151, 0.96), -2px 0 1px #73cece;
-moz-animation: noise 0.3s infinite;
-webkit-animation: noise 0.3s infinite;
animation: noise 0.3s infinite;
font-weight:bold;
}
.hero_glitch_text{
display: inline-block;
vertical-align: middle; z-index: 1;
-moz-animation: heroglitchtext 4s infinite alternate;
-webkit-animation: heroglitchtext 4s infinite alternate;
animation: heroglitchtext 4s infinite alternate;
} .hero_svg_style{
height: 50px;
width: auto;
}
.hero-text-copy {
fill: none;
stroke: white;
stroke-dasharray: 6% 29%;
stroke-width: 1px;
stroke-dashoffset: 0%;
animation: stroke-offset 5.5s infinite linear;
}
.hero-text-copy:nth-child(1){
stroke: #4D163D;
animation-delay: -1;
}
.hero-text-copy:nth-child(2){
stroke: #840037;
animation-delay: -2s;
}
.hero-text-copy:nth-child(3){
stroke: #BD0034;
animation-delay: -3s;
}
.hero-text-copy:nth-child(4){
stroke: #BD0034;
animation-delay: -4s;
}
.hero-text-copy:nth-child(5){
stroke: #FDB731;
animation-delay: -5s;
}
@keyframes stroke-offset{
100% {stroke-dashoffset: -35%;}
} .hero_happy_text {
font-size: 50px;
font-weight: normal;
}
.hero_happy_text span { display:inline-block; animation:float .2s ease-in-out infinite; }
@keyframes float {
0%,100%{ transform:none; }
33%{ transform:translateY(-1px) rotate(-2deg); }
66%{ transform:translateY(1px) rotate(2deg); }
}
.hero_happy_text:hover span { animation:bounce .6s; }
@keyframes bounce {
0%,100%{ transform:translate(0); }
25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
50%{ transform:translateY(-20px) rotate(3deg) scale(1.1);  }
}
.hero_happy_text span:nth-child(4n) { color:hsl(50, 75%, 55%); text-shadow:1px 1px hsl(50, 75%, 45%), 2px 2px hsl(50, 45%, 45%), 3px 3px hsl(50, 45%, 45%), 4px 4px hsl(50, 75%, 45%); }
.hero_happy_text span:nth-child(4n-1) { color:hsl(135, 35%, 55%); text-shadow:1px 1px hsl(135, 35%, 45%), 2px 2px hsl(135, 35%, 45%), 3px 3px hsl(135, 35%, 45%), 4px 4px hsl(135, 35%, 45%); }
.hero_happy_text span:nth-child(4n-2) { color:hsl(155, 35%, 60%); text-shadow:1px 1px hsl(155, 25%, 50%), 2px 2px hsl(155, 25%, 50%), 3px 3px hsl(155, 25%, 50%), 4px 4px hsl(140, 25%, 50%); }
.hero_happy_text span:nth-child(4n-3) { color:hsl(30, 65%, 60%); text-shadow:1px 1px hsl(30, 45%, 50%), 2px 2px hsl(30, 45%, 50%), 3px 3px hsl(30, 45%, 50%), 4px 4px hsl(30, 45%, 50%); }
.hero_happy_text span:nth-child(2){ animation-delay:.05s; }
.hero_happy_text span:nth-child(3){ animation-delay:.1s; }
.hero_happy_text span:nth-child(4){ animation-delay:.15s; }
.hero_happy_text span:nth-child(5){ animation-delay:.2s; }
.hero_happy_text span:nth-child(6){ animation-delay:.25s; }
.hero_happy_text span:nth-child(7){ animation-delay:.3s; }
.hero_happy_text span:nth-child(8){ animation-delay:.35s; }
.hero_happy_text span:nth-child(9){ animation-delay:.4s; }
.hero_happy_text span:nth-child(10){ animation-delay:.45s; }
.hero_happy_text span:nth-child(11){ animation-delay:.5s; }
.hero_happy_text span:nth-child(12){ animation-delay:.55s; }
.hero_happy_text span:nth-child(13){ animation-delay:.6s; }
.hero_happy_text span:nth-child(14){ animation-delay:.65s; }
.hero_happy_text span:nth-child(15){ animation-delay:.7s; }
.hero_happy_text span:nth-child(16){ animation-delay:.75s; }
.hero_happy_text span:nth-child(17){ animation-delay:.8s; }
.hero_happy_text span:nth-child(18){ animation-delay:.85s; }
.hero_happy_text span:nth-child(19){ animation-delay:.9s; }
.hero_happy_text span:nth-child(20){ animation-delay:.95s; }
.hero_happy_text span:nth-child(21){ animation-delay:1s; }
.hero_happy_text span:nth-child(22){ animation-delay:1.5s; }
.hero_happy_text span:nth-child(23){ animation-delay:1.6s; }
.hero_happy_text span:nth-child(24){ animation-delay:1.8s; } .hero_animated_fill{
font-size:50px;
letter-spacing: 0;
padding: .25em 0 .325em;
display: block;
margin: 0 auto;
text-shadow: 0 0 80px rgba(255, 255, 255, 0.5);
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
-webkit-animation: aitf 80s linear infinite; -webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
} @-webkit-keyframes aitf {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
} .slider_hero_walkingbackground:before {
position: absolute;
z-index: -10;
width: 140%;
height: 140%;
bottom: 0;
left: -20%;
right: 0;
content: '';
background-position: center center;
background-size: 50%;
-moz-transform: perspective(45em) rotateX(45deg);
-o-transform: perspective(45em) rotateX(45deg);
-webkit-transform: perspective(45em) rotateX(45deg);
-ms-transform: perspective(45em) rotateX(45deg);
transform: perspective(45em) rotateX(45deg);
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-animation-name: splash;
-moz-animation-name: splash;
-o-animation-name: splash;
-ms-animation-name: splash;
animation-name: splash;
-ms-transition: opacity 30s ease-in-out, transform 5s ease-in-out;
-webkit-transition: opacity 30s ease-in-out, transform 5s ease-in-out;
-moz-transition: opacity 30s ease-in-out, transform 5s ease-in-out;
-o-transition: opacity 30s ease-in-out, transform 5s ease-in-out;
transition: opacity 30s ease-in-out, transform 5s ease-in-out;  
-webkit-animation-duration: 60s;
-moz-animation-duration: 60s;
-ms-animation-duration: 60s;
-o-animation-duration: 60s;
animation-duration: 60s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
opacity: 1;
}  @-webkit-keyframes backgroundScroll {
from {
background-position: 0 0;
}
to {
background-position: -1920px 1152px;
}
}
@keyframes backgroundScroll {
from {
background-position: 0 0;
}
to {
background-position: -1920px 1152px;
}
}
@keyframes splash {
0% {
background-position: 0% 0%;
}
100% {
background-position: 0% -1152px;
}
}
@-moz-keyframes splash {
0% {
background-position: 0% 0%;
}
100% {
background-position: 0% -1152px;
}
}
@-webkit-keyframes splash {
0% {
background-position: 0% 0%;
}
100% {
background-position: 0% -1152px;
}
}
@-ms-keyframes splash {
0% {
background-position: 0% 0%;
}
100% {
background-position: 0% -475px;
}
}
@-o-keyframes splash {
0% {
background-position: 0% 0%;
}
100% {
background-position: 0% -475px;
}
} .confetti {
-webkit-animation: move 6s linear infinite, color 1s linear infinite, opacity 6s linear infinite;
animation: move 6s linear infinite, color 1s linear infinite, opacity 6s linear infinite;
}
.confetti:nth-child(1) {
fill: #b83014;
-webkit-animation-delay: -3.72s;
animation-delay: -3.72s;
--dark: #5c180a;
--tilt: 0.35;
}
.confetti:nth-child(2) {
fill: #b84b14;
-webkit-animation-delay: -1.68s;
animation-delay: -1.68s;
--dark: #5c250a;
--tilt: 0.41;
}
.confetti:nth-child(3) {
fill: #b86614;
-webkit-animation-delay: -5.76s;
animation-delay: -5.76s;
--dark: #5c330a;
--tilt: 0.42;
}
.confetti:nth-child(4) {
fill: #b88114;
-webkit-animation-delay: -12.24s;
animation-delay: -12.24s;
--dark: #5c410a;
--tilt: 0.59;
}
.confetti:nth-child(5) {
fill: #b89c14;
-webkit-animation-delay: -24s;
animation-delay: -24s;
--dark: #5c4e0a;
--tilt: 0.81;
}
.confetti:nth-child(6) {
fill: #b8b814;
-webkit-animation-delay: -33.84s;
animation-delay: -33.84s;
--dark: #5c5c0a;
--tilt: 0.06;
}
.confetti:nth-child(7) {
fill: #9cb814;
-webkit-animation-delay: -15.54s;
animation-delay: -15.54s;
--dark: #4e5c0a;
--tilt: 0.93;
}
.confetti:nth-child(8) {
fill: #81b814;
-webkit-animation-delay: -2.4s;
animation-delay: -2.4s;
--dark: #415c0a;
--tilt: 0.12;
}
.confetti:nth-child(9) {
fill: #66b814;
-webkit-animation-delay: -9.72s;
animation-delay: -9.72s;
--dark: #335c0a;
--tilt: 0.84;
}
.confetti:nth-child(10) {
fill: #4bb814;
-webkit-animation-delay: -19.8s;
animation-delay: -19.8s;
--dark: #255c0a;
--tilt: 0.16;
}
@-webkit-keyframes move {
100% {
-webkit-transform: translate(100px, 1000px) rotate3D(1, var(--tilt), 0.21, 2160deg);
transform: translate(100px, 1000px) rotate3D(1, var(--tilt), 0.21, 2160deg);
}
}
@keyframes move {
100% {
-webkit-transform: translate(100px, 1000px) rotate3D(1, var(--tilt), 0.21, 2160deg);
transform: translate(100px, 1000px) rotate3D(1, var(--tilt), 0.21, 2160deg);
}
}
@-webkit-keyframes color {
50% {
fill: var(--dark);
}
}
@keyframes color {
50% {
fill: var(--dark);
}
}
@-webkit-keyframes opacity {
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes opacity {
50% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes bp {
0% {
background-color: ivory;
background-position:  200px 0;
}
25% {
background-color: white;
background-position:  150px 50px;
}
50% {
background-color: ivory;
background-position:  100px 100px;
}
75% {
background-color: white;
background-position:  50px 150px;
}
100% {
background-color: ivory;
background-position:  0 200px;
}
}   @-webkit-keyframes hero_background_image_opacity {
0% { opacity: 0;
animation-timing-function: ease-in; }
8% { opacity: 1;
animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 1 }
100% { opacity: 1 }
} @keyframes hero_background_image_opacity {
0% { opacity: 0;
animation-timing-function: ease-in; }
8% { opacity: 1;
animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 1 }
100% { opacity: 1 }
} @-webkit-keyframes hero_background_image_opacity_out {
0% { opacity: 1;
animation-timing-function: ease-in; }
8% { opacity: 0.8;
animation-timing-function: ease-out; }
17% { opacity: 0.5 }
25% { opacity: 0.2 }
100% { opacity: 0 }
} @keyframes hero_background_image_opacity_out {
0% { opacity: 1;
animation-timing-function: ease-in; }
8% { opacity: 0.8;
animation-timing-function: ease-out; }
17% { opacity: 0.5 }
25% { opacity: 0.2 }
100% { opacity: 0 }
}  @-webkit-keyframes hero_background_image_zoom {
0% {
opacity: 0;
-webkit-animation-timing-function: ease-in;
}
8% {
opacity: 0.5;
-webkit-transform: scale(1.01);
-webkit-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-webkit-transform: scale(1.04);
}
25% {
opacity: 1;
-webkit-transform: scale(1.05);
}
100% { opacity: 1 }
} @keyframes hero_background_image_zoom {
0% {
opacity: 0;
animation-timing-function: ease-in;
}
8% {
opacity: 0.5;
transform: scale(1.01);
animation-timing-function: ease-out;
}
17% {
opacity: 1;
transform: scale(1.04);
}
25% {
opacity: 1;
transform: scale(1.05);
}
100% { opacity: 1 }
} @-webkit-keyframes hero_background_image_zoom_out {
0% {
opacity: 1;
-webkit-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-webkit-transform: scale(0.9);
-webkit-animation-timing-function: ease-out;
}
17% {
opacity: 0.8;
-webkit-transform: scale(0.8);
}
25% {
opacity: 0.4;
-webkit-transform: scale(0.8);
}
100% { opacity: 0 }
} @keyframes hero_background_image_zoom_out {
0% {
opacity: 1;
animation-timing-function: ease-in;
}
8% {
opacity: 1;
transform: scale(0.9);
animation-timing-function: ease-out;
}
17% {
opacity: 0.8;
transform: scale(0.8);
}
25% {
opacity: 0.4;
transform: scale(0.8);
}
100% { opacity: 0 }
} .hero_loader,
.hero_loader {
height: 50px;
width: 50px;
position: relative;
}
.hero_loader::after, .hero_loader::before,
.hero_loader::after,
.hero_loader::before {
content: "";
width: 50px;
height: 50px;
position: absolute;
border: solid 8px transparent;
border-radius: 50%;
-webkit-animation: wiggle 1.4s ease infinite;
animation: wiggle 1.4s ease infinite;
}
.hero_loader::before,
.hero_loader::before {
border-top-color: #4285f4;
border-bottom-color: #34a853;
}
.hero_loader::after,
.hero_loader::after {
border-left-color: #fbbc05;
border-right-color: #ea4335;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
50% {
-webkit-transform: rotate(180deg) scale(0.5);
transform: rotate(180deg) scale(0.5);
}
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);
}
}
@keyframes wiggle {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
50% {
-webkit-transform: rotate(180deg) scale(0.5);
transform: rotate(180deg) scale(0.5);
}
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);
}
}
@media only screen and (max-width: 767px) and (min-width: 320px){
.qcld_hero_content_area{
position: absolute;
top: 50%;
z-index: 9;
bottom:unset !important;
}
.hg_ctaStartGame{
margin-right:3px !important;
margin-bottom: 8px;
}
.button--moema{
display:block;
}
.button--nanuk span{padding:0px !important;}
.button--nanuk{
display:block;
}
.button--nina{
display:block;
}
.button--moema{display: block;}
.slider-x-lead-title{position:unset !important;left:unset !important;top:unset !important;margin-top: 5px;margin-bottom: 5px;}
.slider-x-item-title{position:unset !important;left:unset !important;top:unset !important;margin-top: 20px;
margin-bottom: 20px;}
.hero_slider_button{position:unset !important;left:unset !important;top:unset !important;margin-top: 5px;margin-bottom: 5px;}
}
.fluid-width-video-wrapper{
position:unset !important;
padding-top: unset !important;
}
@media only screen and (max-width: 1024px) and (min-width: 320px){
.sh_bg_video_fluid{
position:unset !important;
}
.fluid-width-video-wrapper{
position:unset !important;
}
}
.sh_bg_video iframe {
width: 100%;
height: 100%;
}
.sh_bg_video {
position: absolute;
top:0%;
left:0%;
height:100%;
width:100%;
overflow: hidden;
z-index:-1;
}
.sh_video_overlay{
position: absolute;
top:0%;
left:0%;
height:100%;
width:100%;
overflow: hidden;
z-index:0;
}
.hero_bg_image{
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover !important;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
}
.hero_bg_image1{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover !important;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
}
.hero_skip_button{text-align:center;position:absolute;width:100px;z-index:999999;font-size:20px;background:#000;opacity:0.4;color:#fff;padding:5px 0px;bottom:7px;right:7px;cursor:pointer;}
.hero_skip_button:hover{opacity:1}
.hero_play_video_button{
width: 60px;
height: 60px;
background-color: #fff;
padding: 15px;
box-sizing: border-box;
line-height: 32px;
font-size:18px;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
z-index: 999999;
transform: translate(-50%, -50%);
border-radius: 100%;
cursor: pointer;
transition: 0.5s;
}
.hero_play_video_button:hover{
box-shadow:0 0 10px #646464;
background-color: red;
color:#fff;
}
.hero_play_video_button:after {
content: "";
position: absolute;
left: -15px;
right: -15px;
top: -15px;
bottom: -15px;
background-color: rgba(255,255,255,0.50);
z-index: -1;
border-radius: 100%;
animation: videoControler 2s infinite alternate;
}
@keyframes videoControler {
to {
background-color: rgba(255,255,255,0.40);
}
from {
background-color: rgba(255,255,255,0.10);
}
}
.hero_play_button:hover{opacity:1}
.sh_bg_video_fluid iframe{position: absolute;
left: 0;
top: 0;width: 100%;
height: 100%;}
.sh_vimeo_wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
overflow: hidden;
}
.sh_vimeo_wrapper iframe {
width: 100vw;
height: 56.25vw; min-height: 100vh;
min-width: 177.77vh; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.hero_mute_div{position:absolute;bottom:25px;right:50px;z-index: 999999;}
.hero_mute_div span{font-size:50px;color:#ddd;cursor:pointer;}
.hero_pro_feature_export:before {
background: red;
margin-bottom: 10px;
content: '';
position: absolute;
width: 98%;
height: 82%;
z-index: 9999;
opacity: 0.1;
left: 7px;
}
.hero_pro_feature-wrap:before {
background: red;
margin-bottom: 10px;
content: '';
position: absolute;
width: 101%;
height: 94%;
z-index: 9999;
opacity: 0.1;
left: -10px;
}
.hero_section_video{float: left;
margin-right: 32px;}
.hero_video_container{margin-top: 30px;}.shero_glitch_button:after, .shero_glitch_button:before {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}    
.shero_glitch_button {
background-size: 100%;
-moz-border-radius: 1.5em;
-webkit-border-radius: 1.5em;
border-radius: 1.5em;
-moz-transition: opacity 300ms;
-o-transition: opacity 300ms;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
letter-spacing: 0.05em;
outline: none;
overflow: hidden;
position: relative;
cursor: pointer;
z-index: 99;
display: inline-table;
}
.shero_glitch_button:after {
-moz-box-shadow: rgba(212, 207, 201, 0.75) 0 0 15px 2px;
-webkit-box-shadow: rgba(212, 207, 201, 0.75) 0 0 15px 2px;
box-shadow: rgba(212, 207, 201, 0.75) 0 0 15px 2px;
background: #FAF15D;
content: "";
height: 2px;
opacity: 0;
}
.shero_glitch_button:before {
content: "";
opacity: 0;
}
.shero_glitch_button:hover {
-webkit-animation: glitch 750ms infinite;
}
.shero_glitch_button:hover:before {
opacity: 1;
}
.shero_glitch_button:hover:after {
-webkit-animation: scan 2s infinite;
opacity: 1;
}
@-webkit-keyframes glitch {
0% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
5% {
-moz-transform: skewX(2deg);
-ms-transform: skewX(2deg);
-webkit-transform: skewX(2deg);
transform: skewX(2deg);
opacity: 0.75;
}
10% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
opacity: 1;
}
15% {
-moz-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 0.75;
}
20% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
opacity: 1;
}
45% {
-moz-transform: skewX(3deg);
-ms-transform: skewX(3deg);
-webkit-transform: skewX(3deg);
transform: skewX(3deg);
opacity: 0.75;
}
50% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
opacity: 1;
}
55% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
opacity: 0.75;
}
60% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
opacity: 1;
}
75% {
-moz-transform: skewX(2deg);
-ms-transform: skewX(2deg);
-webkit-transform: skewX(2deg);
transform: skewX(2deg);
}
80% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
85% {
-moz-transform: skewX(-8deg);
-ms-transform: skewX(-8deg);
-webkit-transform: skewX(-8deg);
transform: skewX(-8deg);
opacity: 0.75;
}
90% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
opacity: 1;
}
100% {
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
transform: skewX(0deg);
}
}
@-webkit-keyframes scan {
0% {
top: 0%;
}
50% {
top: 97%;
}
100% {
top: 0%;
}
}
.shero_glitch_button > a:link, .shero_glitch_button > a:visited
{
text-decoration: none;
} .hero_btn {
position: relative;
letter-spacing: 1.2px;
padding: 12px 20px;
text-align: center;
overflow: hidden;
z-index: 1;
cursor: pointer;
display: -webkit-inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-webkit-box-pack: center;
-webkit-flex-pack: center;
-webkit-justify-content: center;
-webkit-flex-align: center;
-webkit-align-items: center;
vertical-align: middle;
}
.hero_btn:focus {
outline: none;
}
.hero_btn--animated {
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hero_btn--animated:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
z-index: -1;
}
.hero_btn--animated:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
} .hero_spinner_tag {
position: relative;
text-align: center;
box-sizing: border-box;
text-decoration: none;
letter-spacing: 2px;
}
.hero_spinner_tag:before {
content: attr(data-content-default);
}
.hero_spinner_tag:hover {
-webkit-animation: spinner 750ms infinite linear;
animation: spinner 750ms infinite linear;
}
.hero_spinner_tag:hover:before {
content: attr(data-content-spinning);
}
@-webkit-keyframes spinner {
from {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-webkit-transform: rotateX(0) rotateY(-360deg);
transform: rotateX(0) rotateY(-360deg);
}
to {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-webkit-transform: rotateX(360deg) rotateY(-360deg);
transform: rotateX(360deg) rotateY(-360deg);
}
}
@keyframes spinner {
from {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-webkit-transform: rotateX(0) rotateY(-360deg);
transform: rotateX(0) rotateY(-360deg);
}
to {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-webkit-transform: rotateX(360deg) rotateY(-360deg);
transform: rotateX(360deg) rotateY(-360deg);
}
} @keyframes sheen {
0% {
transform: skewY(-45deg) translateX(0);
}
100% {
transform: skewY(-45deg) translateX(12.5em);
}
}
.hero_shiney_effect {
text-align: center;
text-decoration: none;
display: inline-grid;
transition: all 0.2s ease-in-out;
position: relative;
overflow: hidden;
}
.hero_shiney_effect:before {
content: "";
background-color: rgba(255, 255, 255, 0.5);
height: 100%;
width: 2em;
display: block;
position: absolute;
top: 0;
left: -3.5em;
transform: skewX(-45deg) translateX(0);
transition: none;
}
.hero_shiney_effect:hover:before {
transform: skewX(-45deg) translateX(50em);
transition: all 0.5s ease-in-out;
} .hero_3d_button {
position: relative;
font-weight: bold;
text-align: center;
z-index: 2;
-moz-transition: all 0.15s ease-out 0.15s;
-o-transition: all 0.15s ease-out 0.15s;
-webkit-transition: all 0.15s ease-out;
-webkit-transition-delay: 0.15s;
-webkit-transition: all 0.15s ease-out 0.15s;
transition: all 0.15s ease-out 0.15s;
}
.hero_3d_button:after, .hero_3d_button:before {
position: absolute;
width: 100%;
max-width: 100%;
top: 100%;
left: 0;
bottom: -10px;
content: '';
z-index: 1;
-moz-transition: all 0.15s ease-out 0.15s;
-o-transition: all 0.15s ease-out 0.15s;
-webkit-transition: all 0.15s ease-out;
-webkit-transition-delay: 0.15s;
-webkit-transition: all 0.15s ease-out 0.15s;
transition: all 0.15s ease-out 0.15s;
}
.hero_3d_button:before {
top: 10px;
left: -15px;
height: 100%;
width: 15px;
}
.hero_3d_button:after {
width: 100%;
right: 0px;
left: -15px;
height: 15px;
}
.hero_3d_button:hover {
color: #fff;
margin-left: -7.5px;
margin-bottom: -7.5px;
}
.hero_3d_button:hover:after, .hero_3d_button:hover:before {
top: 100%;
left: 0;
bottom: 0px;
}
.hero_3d_button:hover:before {
top: 0px;
left: 0px;
width: 0px;
}
.hero_3d_button:hover:after {
right: 0px;
left: 0px;
height: 0px;
} .hero_exborder {
border: none;
cursor: pointer;
display: inline-block;
outline: none;
position: relative;
}
.hero_exborder:before,
.hero_exborder:after {
border-color: transparent;
-webkit-transition: all 0.25s;
transition: all 0.25s;
border-style: solid;
border-width: 0;
content: "";
height: 24px;
position: absolute;
width: 24px;
}
.hero_exborder:before {
border-right-width: 2px;
border-top-width: 2px;
right: -10px;
top: -10px;
}
.hero_exborder:after {
border-bottom-width: 2px;
border-left-width: 2px;
bottom: -10px;
left: -10px;
}
.hero_exborder:hover:before,
.hero_exborder.hover:before,
.hero_exborder:hover:after,
.hero_exborder.hover:after {
height: 100%;
width: 100%;
}
@media screen and (max-width: 392px) {
.slider_hero_btn_cls_one, .hero_btn1_exborder, .hero_btn1_fill,.hero_btn1_3d,.hero_btn1_exborder,.hero_btn_cls_one2,.hero_btn2_fill,.hero_btn2_3d,.hero_btn2_exborder{
letter-spacing: 0.5px !important;
font-size: 14px !important;
margin-top:8px;
margin-bottom:8px;
}
}
@media screen and (max-width: 660px) {
.slider_hero_btn_cls_one, .hero_btn1_exborder, .hero_btn1_fill,.hero_btn1_3d,.hero_btn1_exborder,.hero_btn_cls_one2,.hero_btn2_fill,.hero_btn2_3d,.hero_btn2_exborder{
letter-spacing: 0.5px !important;
font-size: 15px !important;
margin-top:8px;
margin-bottom:8px;
}
} .button--nanuk {
overflow: hidden;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.button--nanuk > span {
display: inline-block;
padding: 1em 0;
}
.button--nanuk:hover > span:nth-child(odd) {
-webkit-animation: anim-nanuk-1 0.5s forwards;
animation: anim-nanuk-1 0.5s forwards;
}
.button--nanuk:hover > span:nth-child(even) {
-webkit-animation: anim-nanuk-2 0.5s forwards;
animation: anim-nanuk-2 0.5s forwards;
}
.button--nanuk:hover > span:nth-child(odd),
.button--nanuk:hover > span:nth-child(even) {
-webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-animation-function: cubic-bezier(0.75, 0, 0.125, 1);
}
@-webkit-keyframes anim-nanuk-1 {
0%,
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
49% {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
color: inherit;
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
}
}
@keyframes anim-nanuk-1 {
0%,
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
49% {
opacity: 1;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
color: inherit;
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
}
}
@-webkit-keyframes anim-nanuk-2 {
0%,
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
49% {
opacity: 1;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
color: inherit;
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
}
}
@keyframes anim-nanuk-2 {
0%,
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
49% {
opacity: 1;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
50% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
color: inherit;
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
}
}
.button--nanuk:hover > span:nth-child(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.button--nanuk:hover > span:nth-child(2) {
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
}
.button--nanuk:hover > span:nth-child(3) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.button--nanuk:hover > span:nth-child(4) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}
.button--nanuk:hover > span:nth-child(5) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.button--nanuk:hover > span:nth-child(6) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.button--nanuk:hover > span:nth-child(7) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.button--nanuk:hover > span:nth-child(8) {
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
}
.button--nanuk:hover > span:nth-child(9) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.button--nanuk:hover > span:nth-child(10) {
-webkit-animation-delay: 0.45s;
animation-delay: 0.45s;
}
.button--nanuk:hover > span:nth-child(11) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
} .button--nina {
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.button--nina:hover > span {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.button--nina:hover > span:nth-child(1) {
-webkit-transition-delay: 0.045s;
transition-delay: 0.045s;
}
.button--nina:hover > span:nth-child(2) {
-webkit-transition-delay: 0.09s;
transition-delay: 0.09s;
}
.button--nina:hover > span:nth-child(3) {
-webkit-transition-delay: 0.135s;
transition-delay: 0.135s;
}
.button--nina:hover > span:nth-child(4) {
-webkit-transition-delay: 0.18s;
transition-delay: 0.18s;
}
.button--nina:hover > span:nth-child(5) {
-webkit-transition-delay: 0.225s;
transition-delay: 0.225s;
}
.button--nina:hover > span:nth-child(6) {
-webkit-transition-delay: 0.27s;
transition-delay: 0.27s;
}
.button--nina:hover > span:nth-child(7) {
-webkit-transition-delay: 0.315s;
transition-delay: 0.315s;
}
.button--nina:hover > span:nth-child(8) {
-webkit-transition-delay: 0.36s;
transition-delay: 0.36s;
}
.button--nina:hover > span:nth-child(9) {
-webkit-transition-delay: 0.405s;
transition-delay: 0.405s;
}
.button--nina:hover > span:nth-child(10) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
} .button--moema {
position:relative;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.button--moema::before {
content: '';
position: absolute;
top: -20px;
left: -20px;
bottom: -20px;
right: -20px;
background: inherit;
border-radius: 50px;
z-index: -1;
opacity: 0.4;
-webkit-transform: scale3d(0.8, 0.5, 1);
transform: scale3d(0.8, 0.5, 1);
}
.button--moema:hover {
-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
-webkit-animation: anim-moema-1 0.3s forwards;
animation: anim-moema-1 0.3s forwards;
}
.button--moema:hover::before {
-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes anim-moema-1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes anim-moema-2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes anim-moema-2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
} .mast__text span {
-webkit-animation: letter-glow 0.7s 0s ease both;
animation: letter-glow 0.7s 0s ease both;
}
.mast__text span:nth-child(1) {
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
}
.mast__text span:nth-child(2) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.mast__text span:nth-child(3) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}
.mast__text span:nth-child(4) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.mast__text span:nth-child(5) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.mast__text span:nth-child(6) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.mast__text span:nth-child(7) {
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
}
.mast__text span:nth-child(8) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.mast__text span:nth-child(9) {
-webkit-animation-delay: 0.45s;
animation-delay: 0.45s;
}
.mast__text span:nth-child(10) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.mast__text span:nth-child(11) {
-webkit-animation-delay: 0.55s;
animation-delay: 0.55s;
}
.mast__text span:nth-child(12) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.mast__text span:nth-child(13) {
-webkit-animation-delay: 0.65s;
animation-delay: 0.65s;
}
.mast__text span:nth-child(14) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.mast__text span:nth-child(15) {
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.mast__text span:nth-child(16) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.mast__text span:nth-child(17) {
-webkit-animation-delay: 0.85s;
animation-delay: 0.85s;
}
.mast__text span:nth-child(18) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.mast__text span:nth-child(19) {
-webkit-animation-delay: 0.95s;
animation-delay: 0.95s;
}
.mast__text span:nth-child(20) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.mast__text span:nth-child(21) {
-webkit-animation-delay: 1.05s;
animation-delay: 1.05s;
}
.mast__text span:nth-child(22) {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.mast__text span:nth-child(23) {
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s;
}
.mast__text span:nth-child(24) {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.mast__text span:nth-child(25) {
-webkit-animation-delay: 1.25s;
animation-delay: 1.25s;
}
.mast__text span:nth-child(26) {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.mast__text span:nth-child(27) {
-webkit-animation-delay: 1.35s;
animation-delay: 1.35s;
}
.mast__text span:nth-child(28) {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.mast__text span:nth-child(29) {
-webkit-animation-delay: 1.45s;
animation-delay: 1.45s;
}
.mast__text span:nth-child(30) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.mast__text span:nth-child(31) {
-webkit-animation-delay: 1.55s;
animation-delay: 1.55s;
}
.mast__text span:nth-child(32) {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.mast__text span:nth-child(33) {
-webkit-animation-delay: 1.65s;
animation-delay: 1.65s;
}
.mast__text span:nth-child(34) {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
.mast__text span:nth-child(35) {
-webkit-animation-delay: 1.75s;
animation-delay: 1.75s;
}
.mast__text span:nth-child(36) {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.mast__text span:nth-child(37) {
-webkit-animation-delay: 1.85s;
animation-delay: 1.85s;
}
.mast__text span:nth-child(38) {
-webkit-animation-delay: 1.9s;
animation-delay: 1.9s;
}
.mast__text span:nth-child(39) {
-webkit-animation-delay: 1.95s;
animation-delay: 1.95s;
}
.mast__text span:nth-child(40) {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.mast__text span:nth-child(41) {
-webkit-animation-delay: 2.05s;
animation-delay: 2.05s;
}
.mast__text span:nth-child(42) {
-webkit-animation-delay: 2.1s;
animation-delay: 2.1s;
}
.mast__text span:nth-child(43) {
-webkit-animation-delay: 2.15s;
animation-delay: 2.15s;
}
.mast__text span:nth-child(44) {
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}
.mast__text span:nth-child(45) {
-webkit-animation-delay: 2.25s;
animation-delay: 2.25s;
}
.mast__text span:nth-child(46) {
-webkit-animation-delay: 2.3s;
animation-delay: 2.3s;
}
.mast__text span:nth-child(47) {
-webkit-animation-delay: 2.35s;
animation-delay: 2.35s;
}
.mast__text span:nth-child(48) {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
.mast__text span:nth-child(49) {
-webkit-animation-delay: 2.45s;
animation-delay: 2.45s;
}
.mast__text span:nth-child(50) {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.mast__text span:nth-child(51) {
-webkit-animation-delay: 2.55s;
animation-delay: 2.55s;
}
.mast__text span:nth-child(52) {
-webkit-animation-delay: 2.6s;
animation-delay: 2.6s;
}
.mast__text span:nth-child(53) {
-webkit-animation-delay: 2.65s;
animation-delay: 2.65s;
}
.mast__text span:nth-child(54) {
-webkit-animation-delay: 2.7s;
animation-delay: 2.7s;
}
.mast__text span:nth-child(55) {
-webkit-animation-delay: 2.75s;
animation-delay: 2.75s;
}
.mast__text span:nth-child(56) {
-webkit-animation-delay: 2.8s;
animation-delay: 2.8s;
}
.mast__text span:nth-child(57) {
-webkit-animation-delay: 2.85s;
animation-delay: 2.85s;
}
.mast__text span:nth-child(58) {
-webkit-animation-delay: 2.9s;
animation-delay: 2.9s;
}
.mast__text span:nth-child(59) {
-webkit-animation-delay: 2.95s;
animation-delay: 2.95s;
}
.mast__text span:nth-child(60) {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.mast__text span:nth-child(61) {
-webkit-animation-delay: 3.05s;
animation-delay: 3.05s;
}
.mast__text span:nth-child(62) {
-webkit-animation-delay: 3.1s;
animation-delay: 3.1s;
}
.mast__text span:nth-child(63) {
-webkit-animation-delay: 3.15s;
animation-delay: 3.15s;
}
.mast__text span:nth-child(64) {
-webkit-animation-delay: 3.2s;
animation-delay: 3.2s;
}
.mast__text span:nth-child(65) {
-webkit-animation-delay: 3.25s;
animation-delay: 3.25s;
}
.mast__text span:nth-child(66) {
-webkit-animation-delay: 3.3s;
animation-delay: 3.3s;
}
.mast__text span:nth-child(67) {
-webkit-animation-delay: 3.35s;
animation-delay: 3.35s;
}
.mast__text span:nth-child(68) {
-webkit-animation-delay: 3.4s;
animation-delay: 3.4s;
}
.mast__text span:nth-child(69) {
-webkit-animation-delay: 3.45s;
animation-delay: 3.45s;
}
.mast__text span:nth-child(70) {
-webkit-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.mast__text span:nth-child(71) {
-webkit-animation-delay: 3.55s;
animation-delay: 3.55s;
}
.mast__text span:nth-child(72) {
-webkit-animation-delay: 3.6s;
animation-delay: 3.6s;
}
.mast__text span:nth-child(73) {
-webkit-animation-delay: 3.65s;
animation-delay: 3.65s;
}
.mast__text span:nth-child(74) {
-webkit-animation-delay: 3.7s;
animation-delay: 3.7s;
}
.mast__text span:nth-child(75) {
-webkit-animation-delay: 3.75s;
animation-delay: 3.75s;
}
.mast__text span:nth-child(76) {
-webkit-animation-delay: 3.8s;
animation-delay: 3.8s;
}
.mast__text span:nth-child(77) {
-webkit-animation-delay: 3.85s;
animation-delay: 3.85s;
}
.mast__text span:nth-child(78) {
-webkit-animation-delay: 3.9s;
animation-delay: 3.9s;
}
.mast__text span:nth-child(79) {
-webkit-animation-delay: 3.95s;
animation-delay: 3.95s;
}
.mast__text span:nth-child(80) {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.mast__text span:nth-child(81) {
-webkit-animation-delay: 4.05s;
animation-delay: 4.05s;
}
.mast__text span:nth-child(82) {
-webkit-animation-delay: 4.1s;
animation-delay: 4.1s;
}
.mast__text span:nth-child(83) {
-webkit-animation-delay: 4.15s;
animation-delay: 4.15s;
}
.mast__text span:nth-child(84) {
-webkit-animation-delay: 4.2s;
animation-delay: 4.2s;
}
.mast__text span:nth-child(85) {
-webkit-animation-delay: 4.25s;
animation-delay: 4.25s;
}
.mast__text span:nth-child(86) {
-webkit-animation-delay: 4.3s;
animation-delay: 4.3s;
}
.mast__text span:nth-child(87) {
-webkit-animation-delay: 4.35s;
animation-delay: 4.35s;
}
.mast__text span:nth-child(88) {
-webkit-animation-delay: 4.4s;
animation-delay: 4.4s;
}
.mast__text span:nth-child(89) {
-webkit-animation-delay: 4.45s;
animation-delay: 4.45s;
}
.mast__text span:nth-child(90) {
-webkit-animation-delay: 4.5s;
animation-delay: 4.5s;
}
.mast__text span:nth-child(91) {
-webkit-animation-delay: 4.55s;
animation-delay: 4.55s;
}
.mast__text span:nth-child(92) {
-webkit-animation-delay: 4.6s;
animation-delay: 4.6s;
}
.mast__text span:nth-child(93) {
-webkit-animation-delay: 4.65s;
animation-delay: 4.65s;
}
.mast__text span:nth-child(94) {
-webkit-animation-delay: 4.7s;
animation-delay: 4.7s;
}
.mast__text span:nth-child(95) {
-webkit-animation-delay: 4.75s;
animation-delay: 4.75s;
}
.mast__text span:nth-child(96) {
-webkit-animation-delay: 4.8s;
animation-delay: 4.8s;
}
.mast__text span:nth-child(97) {
-webkit-animation-delay: 4.85s;
animation-delay: 4.85s;
}
.mast__text span:nth-child(98) {
-webkit-animation-delay: 4.9s;
animation-delay: 4.9s;
}
.mast__text span:nth-child(99) {
-webkit-animation-delay: 4.95s;
animation-delay: 4.95s;
}
.mast__text span:nth-child(100) {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.mast__text span:nth-child(101) {
-webkit-animation-delay: 5.05s;
animation-delay: 5.05s;
}
.mast__text span:nth-child(102) {
-webkit-animation-delay: 5.1s;
animation-delay: 5.1s;
}
.mast__text span:nth-child(103) {
-webkit-animation-delay: 5.15s;
animation-delay: 5.15s;
}
.mast__text span:nth-child(104) {
-webkit-animation-delay: 5.2s;
animation-delay: 5.2s;
}
.mast__text span:nth-child(105) {
-webkit-animation-delay: 5.25s;
animation-delay: 5.25s;
}
.mast__text span:nth-child(106) {
-webkit-animation-delay: 5.3s;
animation-delay: 5.3s;
}
.mast__text span:nth-child(107) {
-webkit-animation-delay: 5.35s;
animation-delay: 5.35s;
}
.mast__text span:nth-child(108) {
-webkit-animation-delay: 5.4s;
animation-delay: 5.4s;
}
.mast__text span:nth-child(109) {
-webkit-animation-delay: 5.45s;
animation-delay: 5.45s;
}
.mast__text span:nth-child(110) {
-webkit-animation-delay: 5.5s;
animation-delay: 5.5s;
}
.mast__text span:nth-child(111) {
-webkit-animation-delay: 5.55s;
animation-delay: 5.55s;
}
.mast__text span:nth-child(112) {
-webkit-animation-delay: 5.6s;
animation-delay: 5.6s;
}
.mast__text span:nth-child(113) {
-webkit-animation-delay: 5.65s;
animation-delay: 5.65s;
}
.mast__text span:nth-child(114) {
-webkit-animation-delay: 5.7s;
animation-delay: 5.7s;
}
.mast__text span:nth-child(115) {
-webkit-animation-delay: 5.75s;
animation-delay: 5.75s;
}
.mast__text span:nth-child(116) {
-webkit-animation-delay: 5.8s;
animation-delay: 5.8s;
}
.mast__text span:nth-child(117) {
-webkit-animation-delay: 5.85s;
animation-delay: 5.85s;
}
.mast__text span:nth-child(118) {
-webkit-animation-delay: 5.9s;
animation-delay: 5.9s;
}
.mast__text span:nth-child(119) {
-webkit-animation-delay: 5.95s;
animation-delay: 5.95s;
}
.mast__text span:nth-child(120) {
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
.mast__text span:nth-child(121) {
-webkit-animation-delay: 6.05s;
animation-delay: 6.05s;
}
.mast__text span:nth-child(122) {
-webkit-animation-delay: 6.1s;
animation-delay: 6.1s;
}
.mast__text span:nth-child(123) {
-webkit-animation-delay: 6.15s;
animation-delay: 6.15s;
}
.mast__text span:nth-child(124) {
-webkit-animation-delay: 6.2s;
animation-delay: 6.2s;
}
.mast__text span:nth-child(125) {
-webkit-animation-delay: 6.25s;
animation-delay: 6.25s;
}
.mast__text span:nth-child(126) {
-webkit-animation-delay: 6.3s;
animation-delay: 6.3s;
}
.mast__text span:nth-child(127) {
-webkit-animation-delay: 6.35s;
animation-delay: 6.35s;
}
.mast__text span:nth-child(128) {
-webkit-animation-delay: 6.4s;
animation-delay: 6.4s;
}
.mast__text span:nth-child(129) {
-webkit-animation-delay: 6.45s;
animation-delay: 6.45s;
}
.mast__text span:nth-child(130) {
-webkit-animation-delay: 6.5s;
animation-delay: 6.5s;
}
.mast__text span:nth-child(131) {
-webkit-animation-delay: 6.55s;
animation-delay: 6.55s;
}
.mast__text span:nth-child(132) {
-webkit-animation-delay: 6.6s;
animation-delay: 6.6s;
}
.mast__text span:nth-child(133) {
-webkit-animation-delay: 6.65s;
animation-delay: 6.65s;
}
.mast__text span:nth-child(134) {
-webkit-animation-delay: 6.7s;
animation-delay: 6.7s;
}
.mast__text span:nth-child(135) {
-webkit-animation-delay: 6.75s;
animation-delay: 6.75s;
}
.mast__text span:nth-child(136) {
-webkit-animation-delay: 6.8s;
animation-delay: 6.8s;
}
.mast__text span:nth-child(137) {
-webkit-animation-delay: 6.85s;
animation-delay: 6.85s;
}
.mast__text span:nth-child(138) {
-webkit-animation-delay: 6.9s;
animation-delay: 6.9s;
}
.mast__text span:nth-child(139) {
-webkit-animation-delay: 6.95s;
animation-delay: 6.95s;
}
.mast__text span:nth-child(140) {
-webkit-animation-delay: 7s;
animation-delay: 7s;
}
.mast__text span:nth-child(141) {
-webkit-animation-delay: 7.05s;
animation-delay: 7.05s;
}
.mast__text span:nth-child(142) {
-webkit-animation-delay: 7.1s;
animation-delay: 7.1s;
}
.mast__text span:nth-child(143) {
-webkit-animation-delay: 7.15s;
animation-delay: 7.15s;
}
.mast__text span:nth-child(144) {
-webkit-animation-delay: 7.2s;
animation-delay: 7.2s;
}
.mast__text span:nth-child(145) {
-webkit-animation-delay: 7.25s;
animation-delay: 7.25s;
}
.mast__text span:nth-child(146) {
-webkit-animation-delay: 7.3s;
animation-delay: 7.3s;
}
.mast__text span:nth-child(147) {
-webkit-animation-delay: 7.35s;
animation-delay: 7.35s;
}
.mast__text span:nth-child(148) {
-webkit-animation-delay: 7.4s;
animation-delay: 7.4s;
}
.mast__text span:nth-child(149) {
-webkit-animation-delay: 7.45s;
animation-delay: 7.45s;
}
.mast__text span:nth-child(150) {
-webkit-animation-delay: 7.5s;
animation-delay: 7.5s;
}
.mast__text span:nth-child(151) {
-webkit-animation-delay: 7.55s;
animation-delay: 7.55s;
}
.mast__text span:nth-child(152) {
-webkit-animation-delay: 7.6s;
animation-delay: 7.6s;
}
.mast__text span:nth-child(153) {
-webkit-animation-delay: 7.65s;
animation-delay: 7.65s;
}
.mast__text span:nth-child(154) {
-webkit-animation-delay: 7.7s;
animation-delay: 7.7s;
}
.mast__text span:nth-child(155) {
-webkit-animation-delay: 7.75s;
animation-delay: 7.75s;
}
.mast__text span:nth-child(156) {
-webkit-animation-delay: 7.8s;
animation-delay: 7.8s;
}
.mast__text span:nth-child(157) {
-webkit-animation-delay: 7.85s;
animation-delay: 7.85s;
}
.mast__text span:nth-child(158) {
-webkit-animation-delay: 7.9s;
animation-delay: 7.9s;
}
.mast__text span:nth-child(159) {
-webkit-animation-delay: 7.95s;
animation-delay: 7.95s;
}
.mast__text span:nth-child(160) {
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.mast__text span:nth-child(161) {
-webkit-animation-delay: 8.05s;
animation-delay: 8.05s;
}
.mast__text span:nth-child(162) {
-webkit-animation-delay: 8.1s;
animation-delay: 8.1s;
}
.mast__text span:nth-child(163) {
-webkit-animation-delay: 8.15s;
animation-delay: 8.15s;
}
.mast__text span:nth-child(164) {
-webkit-animation-delay: 8.2s;
animation-delay: 8.2s;
}
.mast__text span:nth-child(165) {
-webkit-animation-delay: 8.25s;
animation-delay: 8.25s;
}
.mast__text span:nth-child(166) {
-webkit-animation-delay: 8.3s;
animation-delay: 8.3s;
}
.mast__text span:nth-child(167) {
-webkit-animation-delay: 8.35s;
animation-delay: 8.35s;
}
.mast__text span:nth-child(168) {
-webkit-animation-delay: 8.4s;
animation-delay: 8.4s;
}
.mast__text span:nth-child(169) {
-webkit-animation-delay: 8.45s;
animation-delay: 8.45s;
}
.mast__text span:nth-child(170) {
-webkit-animation-delay: 8.5s;
animation-delay: 8.5s;
}
.mast__text span:nth-child(171) {
-webkit-animation-delay: 8.55s;
animation-delay: 8.55s;
}
.mast__text span:nth-child(172) {
-webkit-animation-delay: 8.6s;
animation-delay: 8.6s;
}
.mast__text span:nth-child(173) {
-webkit-animation-delay: 8.65s;
animation-delay: 8.65s;
}
.mast__text span:nth-child(174) {
-webkit-animation-delay: 8.7s;
animation-delay: 8.7s;
}
.mast__text span:nth-child(175) {
-webkit-animation-delay: 8.75s;
animation-delay: 8.75s;
}
.mast__text span:nth-child(176) {
-webkit-animation-delay: 8.8s;
animation-delay: 8.8s;
}
.mast__text span:nth-child(177) {
-webkit-animation-delay: 8.85s;
animation-delay: 8.85s;
}
.mast__text span:nth-child(178) {
-webkit-animation-delay: 8.9s;
animation-delay: 8.9s;
}
.mast__text span:nth-child(179) {
-webkit-animation-delay: 8.95s;
animation-delay: 8.95s;
}
.mast__text span:nth-child(180) {
-webkit-animation-delay: 9s;
animation-delay: 9s;
}
@-webkit-keyframes letter-glow {
0% {
opacity: 0;
text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);
}
66% {
opacity: 1;
text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);
}
77% {
opacity: 1;
}
100% {
opacity: 0.7;
text-shadow: 0px 0px 20px rgba(255, 255, 255, 0);
}
}
@keyframes letter-glow {
0% {
opacity: 0;
text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);
}
66% {
opacity: 1;
text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);
}
77% {
opacity: 1;
}
100% {
opacity: 0.7;
text-shadow: 0px 0px 20px rgba(255, 255, 255, 0);
}
}  .clip-text {
font-weight: bold;
line-height: 1; display: inline-block; color: #000;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
} #hero_multicolor span {
display: inline-block;
font-size: 50px;
line-height: 100px;
font-family: "Oswald", sans-serif;
position: relative;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
animation: slide 10s linear infinite;
background-position: left 0px;
background-image: linear-gradient(to bottom, #662345 0px, #662345 50px, black 50px, #661510 50px, #661510 50px, black 50px, #276e97 50px, #276e97 50px, black 50px, #af852d 50px, #af852d 50px, black 50px, #662345 50px, #662345 50px, black 50px, #661510 50px, #661510 50px, black 50px, #276e97 50px, #276e97 50px, black 50px, #af852d 50px, #af852d 50px, black 50px, black 50px);
}
#hero_multicolor span:nth-child(odd) {
background-image: linear-gradient(to bottom, #662345 0px, #662345 50px, black 50px, #661510 50px, #661510 50px, black 50px, #276e97 50px, #276e97 50px, black 50px, #af852d 50px, #af852d 50px, black 50px, #662345 50px, #662345 50px, black 50px, #661510 50px, #661510 50px, black 50px, #276e97 50px, #276e97 50px, black 50px, #af852d 50px, #af852d 50px);
}
@keyframes slide {
100% {
background-position: left -200px;
}
} .spintext ul {
margin: 0;
list-style: none;
font-size: 50px;
transform-style: preserve-3d;
animation: three-dimensions-circle 30s linear infinite;
position:relative;
}
.spintext ul li {
position: absolute;
top: 50%;
left: 50%;
}
.spintext ul li:nth-child(1) {
transform: translate(-50%, -50%) rotate(0deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(2) {
transform: translate(-50%, -50%) rotate(30deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(3) {
transform: translate(-50%, -50%) rotate(60deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(4) {
transform: translate(-50%, -50%) rotate(90deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(5) {
transform: translate(-50%, -50%) rotate(120deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(6) {
transform: translate(-50%, -50%) rotate(150deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(7) {
transform: translate(-50%, -50%) rotate(180deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(8) {
transform: translate(-50%, -50%) rotate(210deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(9) {
transform: translate(-50%, -50%) rotate(240deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(10) {
transform: translate(-50%, -50%) rotate(270deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(11) {
transform: translate(-50%, -50%) rotate(300deg) translateY(-260px) rotateX(90deg);
}
.spintext ul li:nth-child(12) {
transform: translate(-50%, -50%) rotate(330deg) translateY(-260px) rotateX(90deg);
}
@keyframes three-dimensions-circle {
0% {
transform: rotateX(-100deg) rotate(0);
}
100% {
transform: rotateX(-100deg) rotate(-360deg);
}
} h1.flag {
white-space: nowrap;
font-size: 2vw; cursor: default;
}
h1.flag::before {
content: '';
position: absolute;
bottom: 0;
width: 89%;
left: 4%;
height: 40%;
-webkit-filter: blur(2vw);
filter: blur(2vw);
-webkit-transition: all 200ms cubic-bezier(0.0, 0.0, 0.2, 1);
transition: all 200ms cubic-bezier(0.0, 0.0, 0.2, 1);
}
h1.flag span {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
width: 80px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
position: relative;
z-index: 1;
-webkit-transition: all 1s cubic-bezier(0.0, 0.0, 0.2, 1);
transition: all 1s cubic-bezier(0.0, 0.0, 0.2, 1);    }
h1.flag span::before {
content: '';
background-color: #F9F8EF;
-webkit-transition: all 1s cubic-bezier(0.0, 0.0, 0.2, 1);
transition: all 1s cubic-bezier(0.0, 0.0, 0.2, 1);
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}
h1.flag span:nth-child(odd) {
-webkit-transform: skewY(-8deg);
transform: skewY(-8deg);
color: rgb(217, 213, 200);
background: -webkit-linear-gradient(120deg, rgb(255, 255, 255), rgb(237, 236, 227));
background: linear-gradient(-30deg, rgb(255, 255, 255), rgb(237, 236, 227));
box-shadow: inset -1px 0 0px rgba(255, 255, 255, .3);
prospective: 1000px;
}
h1.flag span:nth-child(even) {
-webkit-transform: skewY(8deg);
transform: skewY(8deg);
color: #C5BEAA;
background: -webkit-linear-gradient(3deg, rgb(199, 198, 191), rgb(237, 236, 227));
background: linear-gradient(87deg, rgb(199, 198, 191), rgb(237, 236, 227));
box-shadow: inset -1px 0 0px rgba(0, 0, 0, .05);
prospective: 1000px;
}
h1.flag span:first-of-type,
h1.flag span:first-of-type:before {
border-radius: 4px 0 0 4px;
}
h1.flag span:last-of-type,
h1.flag span:last-of-type:before {
border-radius: 0 4px 4px 0;
}
h1.flag:hover {}
h1.flag:hover:before {
opacity: 0.5;
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');
-webkit-filter: blur(2px);
filter: blur(2px);
left: 1%;
width: 98%;
}
h1.flag:hover span {
-webkit-transform: none;
transform: none;
color: #C5BEAA;
box-shadow: none;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
width: 100px;
}
h1.flag:hover span::before {
opacity: 1;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
} .slidingtext {
color: #fff;
font-size: 50px;
letter-spacing: 2px;
font-weight: normal;
position: relative;
display: inline-block;
}
.slidingtext span {
opacity: 0;
}
.slidingtext.active span {
animation: opacity 1s linear forwards;
}
@keyframes opacity { 51%,100%{
opacity: 1;
}
}
.slidingtext:before {
content: "";
height: 100%;
width: 100%;
background: #fff;
position: absolute;
top: 0;left: 0;
transform: scaleX(0);
transform-origin: left;
}
.slidingtext.active:before {
animation: animTitle 1s cubic-bezier(1.000, 0.610, 0.165, 1.000) forwards;
}
@keyframes animTitle {
0% {
transform: scaleX(0);
transform-origin: left;
}
50% {
transform-origin: left;
transform: scaleX(1);
}
51%, 100% {
transform-origin: right;
}
100% {
transform: scaleX(0);
}
} .hero_title_list {
display: block; 
top: 50%;
left: 15%;
right: 15%;
transform: translateY(-50%);
line-height: 60px;
}
.hero_title_list span { 
margin: 10px;
opacity: 0;
filter: blur(20px); 
text-transform: uppercase;
font-weight: 900;
}
.hero_title_list.active span {
opacity: 1;
filter: blur(0px);
transition: 1s; 
}
.active { 
z-index: 10;
} .hero_output {
display:none;
}
.hero_active:after {
content: '_';
} .hero_glitch_header h1 {
font-size: 50px;
color: #222222;
margin-top: 0;
text-transform: uppercase;
font-weight: 900;
}
.hero-glitch-window {
position: absolute;
top: 0;
left: -2px;
width: 100%;
color: #222222;
text-shadow: 2px 0 #F9F8F8, -1px 0 yellow, -2px 0 green;
overflow: hidden;
-webkit-animation: crt-me 4500ms infinite linear alternate-reverse;
animation: crt-me 4500ms infinite linear alternate-reverse;
}
@-webkit-keyframes crt-me {
0% {
clip: rect(31px, 9999px, 94px, 0);
}
10% {
clip: rect(112px, 9999px, 76px, 0);
}
20% {
clip: rect(85px, 9999px, 77px, 0);
}
30% {
clip: rect(27px, 9999px, 97px, 0);
}
40% {
clip: rect(64px, 9999px, 98px, 0);
}
50% {
clip: rect(61px, 9999px, 85px, 0);
}
60% {
clip: rect(99px, 9999px, 114px, 0);
}
70% {
clip: rect(34px, 9999px, 115px, 0);
}
80% {
clip: rect(98px, 9999px, 129px, 0);
}
90% {
clip: rect(43px, 9999px, 96px, 0);
}
100% {
clip: rect(82px, 9999px, 64px, 0);
}
}
@keyframes crt-me {
0% {
clip: rect(31px, 9999px, 94px, 0);
}
10% {
clip: rect(112px, 9999px, 76px, 0);
}
20% {
clip: rect(85px, 9999px, 77px, 0);
}
30% {
clip: rect(27px, 9999px, 97px, 0);
}
40% {
clip: rect(64px, 9999px, 98px, 0);
}
50% {
clip: rect(61px, 9999px, 85px, 0);
}
60% {
clip: rect(99px, 9999px, 114px, 0);
}
70% {
clip: rect(34px, 9999px, 115px, 0);
}
80% {
clip: rect(98px, 9999px, 129px, 0);
}
90% {
clip: rect(43px, 9999px, 96px, 0);
}
100% {
clip: rect(82px, 9999px, 64px, 0);
}
}.letterfx-container{}
.letterfx{
display:inline-block;
margin:0;
padding:0;
transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s;
} .letterfx-spin-before{
transform:rotate(3600deg); -ms-transform:rotate(3600deg); -webkit-transform:rotate(3600deg);
}
.letterfx-spin-after{
transform:none;
} .letterfx-fade-before{
opacity: 0;
} .letterfx-grow-before{
transform:scale(0,0); -ms-transform:scale(0,0); -webkit-transform:scale(0,0);
}
.letterfx-grow-after{
transform:none;
} .letterfx-smear-before{
color: transparent;
text-shadow:-1px -1px 25px transparent;
}
.letterfx-smear-after{
color:inherit;
text-shadow:0 0 #333;
} .letterfx-fall-before
{
visibility: hidden;
transform:scale(3,3); -ms-transform:scale(3,3); -webkit-transform:scale(3,3);
}
.letterfx-fall-after{
transform:scale(1,1); -ms-transform:scale(1,1); -webkit-transform:scale(1,1);
text-shadow:0;
} .letterfx-swirl-before
{
visibility: hidden;
transform:scale(3,3) rotate(3600deg); -ms-transform:scale(3,3) rotate(3600deg); -webkit-transform:scale(3,3) rotate(3600deg);
}
.letterfx-swirl-after{
transform:none;
text-shadow:0;
} .letterfx-wave-container .letterfx
{
position:relative;
}
.letterfx-wave-before
{
bottom:0;
}
.letterfx-wave-after{
bottom:15px;
} .letterfx-fly-left-container .letterfx,
.letterfx-fly-right-container .letterfx,
.letterfx-fly-top-container .letterfx,
.letterfx-fly-bottom-container .letterfx
{
position:relative;
}
.letterfx-fly-left-before{ left:-50em; }
.letterfx-fly-left-after{ left:0; }
.letterfx-fly-right-before{ right:-50em; }
.letterfx-fly-right-after{ right:0; }
.letterfx-fly-top-before{ top:-20em; }
.letterfx-fly-top-after{ top:0; }
.letterfx-fly-bottom-before{ bottom:-20em; }
.letterfx-fly-bottom-after{ bottom:0; }.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0px;
height: 0px; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-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 {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; } .owl-carousel .owl-item img {
display: inline;
width: auto;
height: auto;
max-width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0px !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.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 {
-ms-touch-action: pan-y;
touch-action: pan-y;
-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; } .no-js .owl-carousel {
display: block; } .owl-carousel .animated {
animation-duration: 1000ms;
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 500ms ease-in-out; } .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0px; }
.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(//finedu.tech/wp-content/plugins/slide-anything/owl-carousel/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms 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-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }.owl-carousel .owl-stage-outer {
width:100% !important;
}
.owl-carousel .owl-wrapper-outer{
z-index:1 !important;
} #sa_invalid_postid {
width:100% !important;
padding:20px 0px !important;
font-size:16px !important;
line-height:22px !important;
color:crimson !important;
} .sa_owl_theme ul.owl-stage {
margin:0px !important;
padding:0px !important;
}
.sa_owl_theme ul.owl-stage li.owl-item {
display:block !important;
list-style-type:none !important;
} .sa_owl_theme .owl-dots {
position:absolute;
width:100%;
display:block !important;
padding:10px 0px 0px !important;
bottom:-22px !important;
text-align:center !important;
font-size:12px !important;
line-height:12px !important;
}
.sa_owl_theme .owl-dots .owl-dot {
display: inline-block !important;
padding:0px !important;
}
.sa_owl_theme .owl-dots .owl-dot span {
display:inline-block !important;
border-style:none !important;
background-color:rgba(0,0,0,0.2) !important;
width:10px !important;
height:10px !important;
border-radius:50% !important;
margin:0px 3px !important;
transition:all .3s ease-in-out !important;
-webkit-transition:all .3s ease-in-out !important;
-moz-transition:all .3s ease-in-out !important;
-o-transition:all .3s ease-in-out !important;
}
.sa_owl_theme .owl-dots .active span {
background-color:rgba(0,0,0,0.5) !important;
}
.sa_owl_theme .owl-dots .owl-dot span:hover {
background-color:rgba(0,0,0,0.5) !important;
}
.owl-pagination-true {
margin-bottom:22px !important;
} .sa_owl_theme .owl-nav {
display:block !important;
}
.autohide-arrows .owl-nav {
display:none !important;
}
.autohide-arrows:hover .owl-nav {
display:block !important;
}
.sa_owl_theme .owl-nav div,
.sa_owl_theme .owl-nav button {
position:absolute;
top:50%;
padding:2px 0px !important;
display:inline-block;
margin-top:-20px !important;
line-height:30px !important;
height:40px !important;
width:30px !important;
color:transparent !important;
text-shadow:none !important;
transition:all .3s ease-in-out !important;
-webkit-transition:all .3s ease-in-out !important;
-moz-transition:all .3s ease-in-out !important;
-o-transition:all .3s ease-in-out !important;
}
.sa_owl_theme .owl-nav .owl-prev {
left:10px;
}
.sa_owl_theme .owl-nav .owl-next {
right:10px;
}
.sa_owl_theme .disabled .owl-prev,
.sa_owl_theme .disabled .owl-next {
display:none !important;
} .white .sa_owl_theme .owl-nav .owl-prev {
background:rgba(0,0,0,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/icon_prev.png) no-repeat center center !important;
}
.white .sa_owl_theme .owl-nav .owl-next {
background:rgba(0,0,0,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/icon_next.png) no-repeat center center !important;
}
.white .sa_owl_theme .owl-nav .owl-prev:hover,
.white .sa_owl_theme .owl-nav .owl-next:hover {
background-color:rgba(0,0,0,0.8) !important;
} .black .sa_owl_theme .owl-nav .owl-prev {
background:rgba(255,255,255,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/black_icon_prev.png) no-repeat center center !important;
}
.black .sa_owl_theme .owl-nav .owl-next {
background:rgba(255,255,255,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/black_icon_next.png) no-repeat center center !important;
}
.black .sa_owl_theme .owl-nav .owl-prev:hover,
.black .sa_owl_theme .owl-nav .owl-next:hover {
background-color:rgba(255,255,255,0.8) !important;
} .sa_owl_theme .owl-item .sa_hover_container .sa_hover_buttons {
width:auto;
height:auto;
position:absolute;
border-radius:0px !important;
z-index:2;
cursor:pointer;
background:transparent !important;
}
.sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_slide_link_icon,
.sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_zoom_icon,
.sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_video_icon,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon {
display:block;
float:left;
width:40px;
height:40px;
}
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon:hover,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
transition:background-color .3s ease-in-out, background-image .3s ease-in-out !important;
-webkit-transition:background-color .3s ease-in-out, background-image .3s ease-in-out !important;
-moz-transition:background-color .3s ease-in-out, background-image .3s ease-in-out !important;
-o-transition:background-color .3s ease-in-out, background-image .3s ease-in-out !important;
} .white .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_slide_link_icon,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon {
background:rgba(0,0,0,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/slide_link.png) no-repeat center center !important;
}
.white .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_zoom_icon,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon {
background:rgba(0,0,0,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/lightbox_zoom.png) no-repeat center center !important;
}
.white .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_video_icon,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon {
background:rgba(0,0,0,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/lightbox_video.png) no-repeat center center !important;
}
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon:hover,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
background-color:rgba(0,0,0,0.8) !important;
} .black .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_slide_link_icon,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon {
background:rgba(255,255,255,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/black_slide_link.png) no-repeat center center !important;
}
.black .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_zoom_icon,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon {
background:rgba(255,255,255,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/black_lightbox_zoom.png) no-repeat center center !important;
}
.black .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_video_icon,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon {
background:rgba(255,255,255,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/black_lightbox_video.png) no-repeat center center !important;
}
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon:hover,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
background-color:rgba(255,255,255,0.8) !important;
} .sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide {
position:absolute;
width:100%;
height:100%;
border-radius:0px !important;
z-index:2;
cursor:pointer;
background:transparent !important;
}
.sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide .sa_slide_link_icon,
.sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide .sa_popup_zoom_icon,
.sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide .sa_popup_video_icon {
display:block;
width:100%;
height:100%;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
}
.sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide .sa_slide_link_icon:hover,
.sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide .sa_popup_zoom_icon:hover,
.sa_owl_theme .owl-item .sa_hover_container .sa_hover_fullslide .sa_popup_video_icon:hover {
background-color:rgba(0,0,0,0.2);
} .white .sa_hero_slider,
.black .sa_hero_slider {
height:100vh !important;
}
.white .sa_hero_slider .owl-stage-outer,
.black .sa_hero_slider .owl-stage-outer,
.white .sa_hero_slider .owl-stage-outer .owl-stage,
.black .sa_hero_slider .owl-stage-outer .owl-stage,
.white .sa_hero_slider .owl-stage-outer .owl-stage .owl-item,
.black .sa_hero_slider .owl-stage-outer .owl-stage .owl-item,
.white .sa_hero_slider .owl-stage-outer .owl-stage .owl-item .sa_hover_container,
.black .sa_hero_slider .owl-stage-outer .owl-stage .owl-item .sa_hover_container {
height:100% !important;
} .white,
.black {
position:relative !important;
}
.white > .showcase_nav,
.black > .showcase_nav {
display:block !important;
z-index:2 !important;
}
.white > .showcase_nav.autohide_arrows,
.black > .showcase_nav.autohide_arrows {
display:none !important;
}
.white:hover > .showcase_nav,
.black:hover > .showcase_nav {
display:block !important;
}
.showcase_nav div,
.showcase_nav button {
position:absolute;
top:50%;
border-style:none !important;
padding:2px 0px !important;
display:inline-block;
margin-top:-20px !important;
line-height:30px !important;
height:40px !important;
width:30px !important;
cursor:pointer !important;
z-index:2 !important;
color:transparent !important;
transition:all .3s ease-in-out !important;
-webkit-transition:all .3s ease-in-out !important;
-moz-transition:all .3s ease-in-out !important;
-o-transition:all .3s ease-in-out !important;
}
.showcase_nav .owl-prev {
left:10px;
}
.showcase_nav .owl-next {
right:10px;
}
.white > .disabled .owl-prev,
.white > .disabled .owl-next,
.black > .disabled .owl-prev,
.black > .disabled .owl-next {
display:none !important;
}
.sa_owl_theme .disabled .owl-prev,
.sa_owl_theme .disabled .owl-next {
display:none !important;
} .white > .showcase_nav .owl-prev {
background:rgba(0,0,0,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/icon_prev.png) no-repeat center center !important;
}
.white > .showcase_nav .owl-next {
background:rgba(0,0,0,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/icon_next.png) no-repeat center center !important;
}
.white > .showcase_nav .owl-prev:hover,
.white > .showcase_nav .owl-next:hover {
background-color:rgba(0,0,0,0.8) !important;
} .black > .showcase_nav .owl-prev {
background:rgba(255,255,255,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/black_icon_prev.png) no-repeat center center !important;
}
.black > .showcase_nav .owl-next {
background:rgba(255,255,255,0.3) url(//finedu.tech/wp-content/plugins/slide-anything/images/black_icon_next.png) no-repeat center center !important;
}
.black > .showcase_nav .owl-prev:hover,
.black > .showcase_nav .owl-next:hover {
background-color:rgba(255,255,255,0.8) !important;
}
@media only screen and (max-width:999px) {
.showcase_tablet { width:var(--widthtab) !important; left:var(--lefttab) !important; }
.showcase_hide_tablet { width:100% !important; left:0px !important; }
}
@media only screen and (max-width:767px) {
.showcase_mobile { width:var(--widthmob) !important; left:var(--leftmob) !important; }
.showcase_hide_mobile { width:100% !important; left:0px !important; }
} .sa_owl_theme .owl-item .sa_vert_center_wrap {
position:relative;
}
.sa_owl_theme .owl-item .sa_vert_center_wrap .sa_vert_center {
position:absolute;
top:50%;
transform:translate(0px,-50%);
width:100%;
} .sa_owl_thumbs_wrap {
display:block !important;
z-index:2 !important;
text-align:center !important;
}
.sa_owl_thumbs_wrap .owl-thumbs {
display:block !important;
margin:auto !important;
text-align:center !important;
font-size:0px !important;
line-height:0px !important;
}
.sa_owl_thumbs_wrap .owl-thumbs .owl-thumb-item {
display:inline-block !important;
cursor:pointer;
transition:all .3s ease-in-out !important;
-webkit-transition:all .3s ease-in-out !important;
-moz-transition:all .3s ease-in-out !important;
-o-transition:all .3s ease-in-out !important;
}
.sa_owl_thumbs_wrap .owl-thumbs .active,
.sa_owl_thumbs_wrap .owl-thumbs .owl-thumb-item:hover {
opacity:1.0 !important;
}
.sa_thumbs_inside_bottom,
.sa_thumbs_inside_top {
position:absolute !important;
width:100% !important;
}
.sa_thumbs_inside_bottom {
bottom:0px !important;
}
.sa_thumbs_inside_top {
top:0px !important;
}
.sa_thumbs_inside_left,
.sa_thumbs_inside_right {
position:absolute !important;
top:0px !important;
height:100% !important;
padding:0px !important;
box-sizing:content-box !important;
padding-top:0px !important;
padding-bottom:0px !important;
overflow:hidden !important;
}
.sa_thumbs_inside_left .owl-thumbs,
.sa_thumbs_inside_right .owl-thumbs {
position:absolute !important;
top:50% !important;
transform:translate(0px,-50%) !important;
max-height:100% !important;
box-sizing:content-box !important;
width:100% !important;
padding-right:20px !important;
overflow-y:scroll !important;
overflow-x:hidden !important;
}
.sa_thumbs_outside_bottom {
position:relative !important;
width:100% !important;
}
@media only screen and (max-width:999px) {
.white .sa_thumbs_hide_tablet,
.black .sa_thumbs_hide_tablet { display:none !important; }
}
@media only screen and (max-width:767px) {
.white .sa_thumbs_hide_mobile,
.black .sa_thumbs_hide_mobile { display:none !important; }
} .lg-container .lg-backdrop,
.lg-container .lg-outer {
z-index:99999999 !important;
} .sa_custom_popup {
display: none;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:99999999;
background-color:#000000;
overflow-y:auto;
}
.sa_custom_popup .sa_popup_close {
position:absolute;
top:0px;
right:0px;
background-color:rgba(0,0,0,0.5);
color:#a0a0a0;
width:60px;
height:60px;
text-align:center;
font-weight:400;
font-size:24px;
line-height:60px;
cursor:pointer;
transition:all .3s ease-in-out;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
}
.sa_custom_popup .sa_popup_close:hover {
color:#ffffff;
}
.sa_custom_popup .sa_popup_wrap {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
padding:20px;
width:90%;
}
@media only screen and (max-width:767px) {
.sa_custom_popup .sa_popup_close {
width:48px; height:48px; font-size:20px; line-height:48px; }
}
 .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes rubberBand{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from,to{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes wobble{from,to{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@font-face {
font-family: 'lg';
src: url(//finedu.tech/wp-content/plugins/slide-anything/lightgallery/fonts/lg.woff2?io9a6k) format("woff2"), url(//finedu.tech/wp-content/plugins/slide-anything/lightgallery/fonts/lg.ttf?io9a6k) format("truetype"), url(//finedu.tech/wp-content/plugins/slide-anything/lightgallery/fonts/lg.woff?io9a6k) format("woff"), url(//finedu.tech/wp-content/plugins/slide-anything/lightgallery/fonts/lg.svg?io9a6k#lg) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.lg-icon { font-family: 'lg' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-container {
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.lg-next,
.lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
outline: none;
border: none;
}
.lg-next.disabled,
.lg-prev.disabled {
opacity: 0 !important;
cursor: default;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
color: #fff;
}
.lg-single-item .lg-next, .lg-single-item
.lg-prev {
display: none;
}
.lg-next {
right: 20px;
}
.lg-next:before {
content: '\e095';
}
.lg-prev {
left: 20px;
}
.lg-prev:after {
content: '\e094';
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.lg-media-overlap .lg-toolbar {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: medium none;
will-change: color;
-webkit-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear;
background: none;
border: none;
box-shadow: none;
}
.lg-toolbar .lg-icon.lg-icon-18 {
font-size: 18px;
}
.lg-toolbar .lg-icon:hover {
color: #fff;
}
.lg-toolbar .lg-close:after {
content: '\e070';
}
.lg-toolbar .lg-maximize {
font-size: 22px;
}
.lg-toolbar .lg-maximize:after {
content: '\e90a';
}
.lg-toolbar .lg-download:after {
content: '\e0f2';
}
.lg-sub-html {
color: #eee;
font-size: 16px;
padding: 10px 40px;
text-align: center;
z-index: 1080;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out 0s;
-o-transition: opacity 0.2s ease-out 0s;
transition: opacity 0.2s ease-out 0s;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
.lg-sub-html a {
color: inherit;
}
.lg-sub-html a:hover {
text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.lg-item .lg-sub-html {
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.lg-error-msg {
font-size: 14px;
color: #999;
}
.lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
height: 47px;
vertical-align: middle;
}
.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
opacity: 0;
-webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
-moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
-o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
opacity: 0;
-moz-transform: scale3d(0.5, 0.5, 0.5);
-o-transform: scale3d(0.5, 0.5, 0.5);
-ms-transform: scale3d(0.5, 0.5, 0.5);
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
will-change: transform, opacity;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
opacity: 1;
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.lg-icon:focus-visible {
color: #fff;
border-radius: 3px;
outline: 1px dashed rgba(255, 255, 255, 0.6);
}
.lg-toolbar .lg-icon:focus-visible {
border-radius: 8px;
outline-offset: -5px;
}
.lg-group:after {
content: '';
display: table;
clear: both;
}
.lg-container {
display: none;
outline: none;
}
.lg-container.lg-show {
display: block;
}
.lg-on {
scroll-behavior: unset;
}
.lg-overlay-open {
overflow: hidden;
}
.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
opacity: 0;
will-change: transform, opacity;
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
opacity: 1;
}
.lg-show-in.lg-hide-sub-html .lg-sub-html {
opacity: 1;
}
.lg-show-in .lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
text-align: left;
opacity: 0.001;
outline: none;
will-change: auto;
overflow: hidden;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-zoom-from-image {
opacity: 1;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.lg-outer .lg-inner {
width: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
-webkit-transition: opacity 0s;
-o-transition: opacity 0s;
transition: opacity 0s;
white-space: nowrap;
}
.lg-outer .lg-item {
display: none !important;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
background: url(//finedu.tech/wp-content/plugins/slide-anything/lightgallery/images/loading.gif) no-repeat scroll center center transparent;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.lg-outer .lg-img-wrap {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
white-space: nowrap;
font-size: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-object {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
position: relative;
}
.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
display: none;
}
.lg-outer.lg-hide-download .lg-download {
opacity: 0.75;
pointer-events: none;
}
.lg-outer .lg-first-slide .lg-dummy-img {
position: absolute;
top: 50%;
left: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
opacity: 1;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
opacity: 1;
transition: opacity 0.2s ease-out 0.15s;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
will-change: auto;
-webkit-transition: opacity 333ms ease-in 0s;
-o-transition: opacity 333ms ease-in 0s;
transition: opacity 333ms ease-in 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
-webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
-o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-container {
display: none;
}
.lg-container.lg-show {
display: block;
}
.lg-container.lg-dragging-vertical .lg-backdrop {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
position: absolute;
}
.lg-inline .lg-backdrop {
z-index: 1;
}
.lg-inline .lg-outer {
z-index: 2;
}
.lg-inline .lg-maximize:after {
content: '\e909';
}
.lg-components {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
will-change: transform;
-webkit-transition: -webkit-transform 0.35s ease-out 0s;
-moz-transition: -moz-transform 0.35s ease-out 0s;
-o-transition: -o-transform 0.35s ease-out 0s;
transition: transform 0.35s ease-out 0s;
z-index: 1080;
position: absolute;
bottom: 0;
right: 0;
left: 0;
}@font-face{font-family:lg;src:url(//finedu.tech/wp-content/plugins/slide-anything/lightgallery/fonts/lg.woff2?io9a6k) format("woff2"),url(//finedu.tech/wp-content/plugins/slide-anything/lightgallery/fonts/lg.ttf?io9a6k) format("truetype"),url(//finedu.tech/wp-content/plugins/slide-anything/lightgallery/fonts/lg.woff?io9a6k) format("woff"),url(//finedu.tech/wp-content/plugins/slide-anything/lightgallery/fonts/lg.svg?io9a6k#lg) format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:lg!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-container{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.lg-next,.lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;outline:0;border:none}.lg-next.disabled,.lg-prev.disabled{opacity:0!important;cursor:default}.lg-next:hover:not(.disabled),.lg-prev:hover:not(.disabled){color:#fff}.lg-single-item .lg-next,.lg-single-item .lg-prev{display:none}.lg-next{right:20px}.lg-next:before{content:'\e095'}.lg-prev{left:20px}.lg-prev:after{content:'\e094'}@-webkit-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-moz-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-ms-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-moz-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-ms-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-media-overlap .lg-toolbar{background-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:medium none;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;background:0 0;border:none;box-shadow:none}.lg-toolbar .lg-icon.lg-icon-18{font-size:18px}.lg-toolbar .lg-icon:hover{color:#fff}.lg-toolbar .lg-close:after{content:'\e070'}.lg-toolbar .lg-maximize{font-size:22px}.lg-toolbar .lg-maximize:after{content:'\e90a'}.lg-toolbar .lg-download:after{content:'\e0f2'}.lg-sub-html{color:#eee;font-size:16px;padding:10px 40px;text-align:center;z-index:1080;opacity:0;-webkit-transition:opacity .2s ease-out 0s;-o-transition:opacity .2s ease-out 0s;transition:opacity .2s ease-out 0s}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}.lg-sub-html a{color:inherit}.lg-sub-html a:hover{text-decoration:underline}.lg-media-overlap .lg-sub-html{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6))}.lg-item .lg-sub-html{position:absolute;bottom:0;right:0;left:0}.lg-error-msg{font-size:14px;color:#999}.lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;height:47px;vertical-align:middle}.lg-closing .lg-next,.lg-closing .lg-prev,.lg-closing .lg-sub-html,.lg-closing .lg-toolbar{opacity:0;-webkit-transition:-webkit-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-moz-transition:-moz-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-o-transition:-o-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;transition:transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont{opacity:0;-moz-transform:scale3d(.5,.5,.5);-o-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);will-change:transform,opacity;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont{opacity:1;-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.lg-icon:focus-visible{color:#fff;border-radius:3px;outline:1px dashed rgba(255,255,255,.6)}.lg-toolbar .lg-icon:focus-visible{border-radius:8px;outline-offset:-5px}.lg-outer .lg-thumb-outer{background-color:#0d0a0a;width:100%;max-height:350px;overflow:hidden;float:left}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-thumb-align-middle{text-align:center}.lg-outer .lg-thumb-outer.lg-thumb-align-left{text-align:left}.lg-outer .lg-thumb-outer.lg-thumb-align-right{text-align:right}.lg-outer.lg-single-item .lg-thumb-outer{display:none}.lg-outer .lg-thumb{padding:5px 0;height:100%;margin-bottom:-5px;display:inline-block;vertical-align:middle}@media (min-width:768px){.lg-outer .lg-thumb{padding:10px 0}}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border-radius:2px;margin-bottom:5px;will-change:border-color}@media (min-width:768px){.lg-outer .lg-thumb-item{border-radius:4px;border:2px solid #fff;-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover;display:block}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer .lg-toggle-thumb:after{content:'\e1ff'}.lg-outer.lg-animate-thumb .lg-thumb{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.lg-outer .lg-video-cont{text-align:center;display:inline-block;vertical-align:middle;position:relative}.lg-outer .lg-video-cont .lg-object{width:100%!important;height:100%!important}.lg-outer .lg-has-iframe .lg-video-cont{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-video-object{position:absolute;left:0;right:0;width:100%;height:100%;top:0;bottom:0;z-index:3}.lg-outer .lg-video-poster{z-index:1}.lg-outer .lg-has-video .lg-video-object{opacity:0;will-change:opacity;-webkit-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button,.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster{opacity:0!important}.lg-outer .lg-has-video.lg-video-loaded .lg-video-object{opacity:1}@keyframes lg-play-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes lg-play-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.lg-video-play-button{width:18%;max-width:140px;position:absolute;top:50%;left:50%;z-index:2;cursor:pointer;transform:translate(-50%,-50%) scale(1);will-change:opacity,transform;-webkit-transition:-webkit-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-moz-transition:-moz-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-o-transition:-o-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;transition:transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s}.lg-video-play-button:hover .lg-video-play-icon,.lg-video-play-button:hover .lg-video-play-icon-bg{opacity:1}.lg-video-play-icon-bg{fill:none;stroke-width:3%;stroke:#fcfcfc;opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon-circle{position:absolute;top:0;left:0;bottom:0;right:0;fill:none;stroke-width:3%;stroke:rgba(30,30,30,.9);stroke-opacity:1;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}.lg-video-play-icon{position:absolute;width:25%;max-width:120px;left:50%;top:50%;transform:translate3d(-50%,-50%,0);opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon .lg-video-play-icon-inner{fill:#fcfcfc}.lg-video-loading .lg-video-play-icon-circle{animation:lg-play-rotate 2s linear .25s infinite,lg-play-stroke 1.5s ease-in-out .25s infinite}.lg-video-loaded .lg-video-play-button{opacity:0;transform:translate(-50%,-50%) scale(.7)}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;will-change:opacity;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:'\e01d'}.lg-show-autoplay .lg-autoplay-button:after{content:'\e01a'}.lg-single-item .lg-autoplay-button{opacity:.75;pointer-events:none}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s}.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .8s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .8s cubic-bezier(0,0,.25,1) 0s;transition:transform .8s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);will-change:opacity,transform;-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-icon.lg-zoom-in:after{content:'\e311'}.lg-icon.lg-actual-size{font-size:20px}.lg-icon.lg-actual-size:after{content:'\e033'}.lg-icon.lg-zoom-out{opacity:.5;pointer-events:none}.lg-icon.lg-zoom-out:after{content:'\e312'}.lg-zoomed .lg-icon.lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer.lg-first-slide-loading .lg-actual-size,.lg-outer.lg-first-slide-loading .lg-zoom-in,.lg-outer.lg-first-slide-loading .lg-zoom-out,.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,.lg-outer[data-lg-slide-type=video] .lg-actual-size,.lg-outer[data-lg-slide-type=video] .lg-zoom-in,.lg-outer[data-lg-slide-type=video] .lg-zoom-out{opacity:.75;pointer-events:none}.lg-outer .lg-pager-outer{text-align:center;z-index:1080;height:10px;margin-bottom:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer.lg-single-item .lg-pager-outer{display:none}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#fff;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;will-change:transform,opacity;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer .lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:absolute;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active .lg-dropdown,.lg-outer.lg-dropdown-active .lg-dropdown-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active .lg-share{color:#fff}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);will-change:visibility,opacity,transform;-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:'';display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#fff;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer .lg-share{position:relative}.lg-outer .lg-share:after{content:'\e80d'}.lg-outer .lg-share-facebook .lg-icon{color:#3b5998}.lg-outer .lg-share-facebook .lg-icon:after{content:'\e904'}.lg-outer .lg-share-twitter .lg-icon{color:#00aced}.lg-outer .lg-share-twitter .lg-icon:after{content:'\e907'}.lg-outer .lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer .lg-share-pinterest .lg-icon:after{content:'\e906'}.lg-comment-box{width:420px;max-width:100%;position:absolute;right:0;top:0;bottom:0;z-index:9999;background-color:#fff;will-change:transform;-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-comment-box .lg-comment-title{margin:0;color:#fff;font-size:18px}.lg-comment-box .lg-comment-header{background-color:#000;padding:12px 20px;position:absolute;left:0;right:0;top:0}.lg-comment-box .lg-comment-body{height:100%!important;padding-top:43px!important;width:100%!important}.lg-comment-box .fb-comments{height:100%;width:100%;background:url(//finedu.tech/wp-content/plugins/slide-anything/lightgallery/images/loading.gif) no-repeat scroll center center #fff;overflow-y:auto;display:inline-block}.lg-comment-box .fb-comments[fb-xfbml-state=rendered]{background-image:none}.lg-comment-box .fb-comments>span{max-width:100%}.lg-comment-box .lg-comment-close{position:absolute;right:5px;top:12px;cursor:pointer;font-size:20px;color:#999;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-comment-box .lg-comment-close:hover{color:#fff}.lg-comment-box .lg-comment-close:after{content:'\e070'}.lg-comment-box iframe{max-width:100%!important;width:100%!important}.lg-comment-box #disqus_thread{padding:0 20px}.lg-outer .lg-comment-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer .lg-comment-toggle:after{content:'\e908'}.lg-outer.lg-comment-active .lg-comment-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-comment-active .lg-comment-toggle{color:#fff}.lg-outer.lg-comment-active .lg-comment-box{-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-img-rotate{position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor,.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,.lg-outer[data-lg-slide-type=video] .lg-flip-hor,.lg-outer[data-lg-slide-type=video] .lg-flip-ver,.lg-outer[data-lg-slide-type=video] .lg-rotate-left,.lg-outer[data-lg-slide-type=video] .lg-rotate-right{opacity:.75;pointer-events:none}.lg-rotate-left:after{content:'\e900'}.lg-rotate-right:after{content:'\e901'}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-ver:after{content:'\e903'}.lg-flip-hor:after{content:'\e902'}.lg-medium-zoom-item{cursor:zoom-in}.lg-medium-zoom .lg-outer{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grab img.lg-object{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object{cursor:zoom-out}.lg-relative-caption .lg-outer .lg-sub-html{white-space:normal;bottom:auto;padding:0;background-image:none}.lg-relative-caption .lg-outer .lg-relative-caption-item{opacity:0;padding:16px 0;transition:.5s opacity ease}.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item{opacity:1}.lg-group:after{content:'';display:table;clear:both}.lg-container{display:none;outline:0}.lg-container.lg-show{display:block}.lg-on{scroll-behavior:unset}.lg-overlay-open{overflow:hidden}.lg-hide-sub-html .lg-sub-html,.lg-next,.lg-pager-outer,.lg-prev,.lg-toolbar{opacity:0;will-change:transform,opacity;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s}.lg-show-in .lg-next,.lg-show-in .lg-pager-outer,.lg-show-in .lg-prev,.lg-show-in .lg-toolbar{opacity:1}.lg-show-in.lg-hide-sub-html .lg-sub-html{opacity:1}.lg-show-in .lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-show-in .lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-show-in .lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:.001;outline:0;will-change:auto;overflow:hidden;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-zoom-from-image{opacity:1}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-content{position:absolute;top:0;left:0;right:0;bottom:0}.lg-outer .lg-inner{width:100%;position:absolute;left:0;top:0;bottom:0;-webkit-transition:opacity 0s;-o-transition:opacity 0s;transition:opacity 0s;white-space:nowrap}.lg-outer .lg-item{display:none!important}.lg-outer .lg-item:not(.lg-start-end-progress){background:url(//finedu.tech/wp-content/plugins/slide-anything/lightgallery/images/loading.gif) no-repeat scroll center center transparent}.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer.lg-css .lg-current{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:'';display:inline-block;height:100%;vertical-align:middle}.lg-outer .lg-img-wrap{position:absolute;left:0;right:0;top:0;bottom:0;white-space:nowrap;font-size:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-object{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;position:relative}.lg-outer .lg-empty-html .lg-sub-html,.lg-outer .lg-empty-html.lg-sub-html{display:none}.lg-outer.lg-hide-download .lg-download{opacity:.75;pointer-events:none}.lg-outer .lg-first-slide .lg-dummy-img{position:absolute;top:50%;left:50%}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html{opacity:1;transition:opacity .2s ease-out .15s}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;will-change:auto;-webkit-transition:opacity 333ms ease-in 0s;-o-transition:opacity 333ms ease-in 0s;transition:opacity 333ms ease-in 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-moz-transition:-moz-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-o-transition:-o-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;transition:transform 1s cubic-bezier(.175,.885,.32,1.275) 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-container{display:none}.lg-container.lg-show{display:block}.lg-container.lg-dragging-vertical .lg-backdrop{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-inline .lg-backdrop,.lg-inline .lg-outer{position:absolute}.lg-inline .lg-backdrop{z-index:1}.lg-inline .lg-outer{z-index:2}.lg-inline .lg-maximize:after{content:'\e909'}.lg-components{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);will-change:transform;-webkit-transition:-webkit-transform .35s ease-out 0s;-moz-transition:-moz-transform .35s ease-out 0s;-o-transition:-o-transform .35s ease-out 0s;transition:transform .35s ease-out 0s;z-index:1080;position:absolute;bottom:0;right:0;left:0}