@charset "UTF-8";
.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}
 :root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat)
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
animation-iteration-count: calc(var(--animate-repeat)*2)
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
animation-iteration-count: calc(var(--animate-repeat)*3)
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay)
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-delay: calc(var(--animate-delay)*2);
animation-delay: calc(var(--animate-delay)*2)
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-delay: calc(var(--animate-delay)*3);
animation-delay: calc(var(--animate-delay)*3)
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-delay: calc(var(--animate-delay)*4);
animation-delay: calc(var(--animate-delay)*4)
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-delay: calc(var(--animate-delay)*5);
animation-delay: calc(var(--animate-delay)*5)
}
.animate__animated.animate__faster {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-duration: calc(var(--animate-duration)/2);
animation-duration: calc(var(--animate-duration)/2)
}
.animate__animated.animate__fast {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-duration: calc(var(--animate-duration)*0.8);
animation-duration: calc(var(--animate-duration)*0.8)
}
.animate__animated.animate__slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2)
}
.animate__animated.animate__slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-duration: calc(var(--animate-duration)*3);
animation-duration: calc(var(--animate-duration)*3)
}
@media (prefers-reduced-motion:reduce), print {
.animate__animated {
-webkit-animation-duration: 1ms!important;
animation-duration: 1ms!important;
-webkit-transition-duration: 1ms!important;
transition-duration: 1ms!important;
-webkit-animation-iteration-count: 1!important;
animation-iteration-count: 1!important
}
.animate__animated[class*=Out] {
opacity: 0
}
}
@-webkit-keyframes bounce {
0%, 20%, 53%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
@keyframes bounce {
0%, 20%, 53%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
.animate__bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
0%, 50%, to {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
@keyframes flash {
0%, 50%, to {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
.animate__flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shakeX {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shakeX {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
.animate__shakeX {
-webkit-animation-name: shakeX;
animation-name: shakeX
}
@-webkit-keyframes shakeY {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
@keyframes shakeY {
0%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
.animate__shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.animate__headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.animate__swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
0%, 11.1%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
0%, 11.1%, to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.animate__jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.animate__heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-duration: calc(var(--animate-duration)*1.3);
animation-duration: calc(var(--animate-duration)*1.3);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(.7);
transform: translateY(-1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInDown {
-webkit-animation-name: backInDown;
animation-name: backInDown
}
@-webkit-keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInLeft {
-webkit-animation-name: backInLeft;
animation-name: backInLeft
}
@-webkit-keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInRight {
-webkit-animation-name: backInRight;
animation-name: backInRight
}
@-webkit-keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(.7);
transform: translateY(1200px) scale(.7);
opacity: .7
}
80% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
.animate__backInUp {
-webkit-animation-name: backInUp;
animation-name: backInUp
}
@-webkit-keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7);
opacity: .7
}
}
@keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(700px) scale(.7);
transform: translateY(700px) scale(.7);
opacity: .7
}
}
.animate__backOutDown {
-webkit-animation-name: backOutDown;
animation-name: backOutDown
}
@-webkit-keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
}
@keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(-2000px) scale(.7);
transform: translateX(-2000px) scale(.7);
opacity: .7
}
}
.animate__backOutLeft {
-webkit-animation-name: backOutLeft;
animation-name: backOutLeft
}
@-webkit-keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
}
@keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateX(0) scale(.7);
transform: translateX(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateX(2000px) scale(.7);
transform: translateX(2000px) scale(.7);
opacity: .7
}
}
.animate__backOutRight {
-webkit-animation-name: backOutRight;
animation-name: backOutRight
}
@-webkit-keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7);
opacity: .7
}
}
@keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
20% {
-webkit-transform: translateY(0) scale(.7);
transform: translateY(0) scale(.7);
opacity: .7
}
to {
-webkit-transform: translateY(-700px) scale(.7);
transform: translateY(-700px) scale(.7);
opacity: .7
}
}
.animate__backOutUp {
-webkit-animation-name: backOutUp;
animation-name: backOutUp
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.animate__bounceIn {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
.animate__bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
transform: translate3d(0, 10px, 0) scaleY(.985)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
transform: translate3d(0, 10px, 0) scaleY(.985)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
.animate__bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
transform: translate3d(20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
transform: translate3d(20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
.animate__bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
transform: translate3d(-20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
transform: translate3d(-20px, 0, 0) scaleX(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
.animate__bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
transform: translate3d(0, -10px, 0) scaleY(.985)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
transform: translate3d(0, 20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
transform: translate3d(0, -10px, 0) scaleY(.985)
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
transform: translate3d(0, 20px, 0) scaleY(.9)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
.animate__bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInTopLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInTopRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInBottomLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInBottomLeft {
-webkit-animation-name: fadeInBottomLeft;
animation-name: fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInBottomRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__fadeInBottomRight {
-webkit-animation-name: fadeInBottomRight;
animation-name: fadeInBottomRight
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.animate__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.animate__fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.animate__fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.animate__fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.animate__fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.animate__fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.animate__fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.animate__fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.animate__fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
}
@keyframes fadeOutTopLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0)
}
}
.animate__fadeOutTopLeft {
-webkit-animation-name: fadeOutTopLeft;
animation-name: fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
}
@keyframes fadeOutTopRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0)
}
}
.animate__fadeOutTopRight {
-webkit-animation-name: fadeOutTopRight;
animation-name: fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
}
@keyframes fadeOutBottomRight {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0)
}
}
.animate__fadeOutBottomRight {
-webkit-animation-name: fadeOutBottomRight;
animation-name: fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
}
@keyframes fadeOutBottomLeft {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0)
}
}
.animate__fadeOutBottomLeft {
-webkit-animation-name: fadeOutBottomLeft;
animation-name: fadeOutBottomLeft
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animate__animated.animate__flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.animate__flipInX {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.animate__flipInY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.animate__flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.animate__flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-duration: calc(var(--animate-duration)*0.75);
animation-duration: calc(var(--animate-duration)*0.75);
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__lightSpeedInRight {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__lightSpeedInLeft {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.animate__lightSpeedOutRight {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes lightSpeedOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0
}
}
@keyframes lightSpeedOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0
}
}
.animate__lightSpeedOutLeft {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}
.animate__rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOut {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
.animate__rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes rotateOutDownLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0
}
}
.animate__rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutDownRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.animate__rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes rotateOutUpLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0
}
}
.animate__rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom
}
@-webkit-keyframes rotateOutUpRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
opacity: 1
}
to {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.animate__rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom
}
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%, 80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%, 80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.animate__hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration)*2);
animation-duration: calc(var(--animate-duration)*2);
-webkit-animation-name: hinge;
animation-name: hinge;
-webkit-transform-origin: top left;
transform-origin: top left
}
@-webkit-keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes jackInTheBox {
0% {
opacity: 0;
-webkit-transform: scale(.1) rotate(30deg);
transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.animate__jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.animate__rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.animate__zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
.animate__zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
-webkit-transform-origin: left center;
transform-origin: left center
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0)
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0)
}
}
.animate__zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
-webkit-transform-origin: right center;
transform-origin: right center
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
-webkit-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.animate__slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.animate__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.animate__slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.animate__slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}.dnxte_popup_pro_animation.active {
animation-timing-function: cubic-bezier(0, 0, 1, 1);
}
.active.dnxte_popup_pro_popup_load {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_popup_load;
}
.active.dnxte_popup_pro_zoom_center {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_center;
}
.active.dnxte_popup_pro_zoom_left {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_left;
}
.active.dnxte_popup_pro_zoom_left_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_left_rev;
}
.active.dnxte_popup_pro_zoom_center_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_center_rev;
}
.active.dnxte_popup_pro_zoom_right {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_right;
}
.active.dnxte_popup_pro_zoom_right_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_zoom_right_rev;
}
.active.dnxte_popup_pro_slide_left {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_left;
}
.active.dnxte_popup_pro_slide_left_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_left_rev;
}
.active.dnxte_popup_pro_slide_up {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_up;
}
.active.dnxte_popup_pro_slide_up_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_up_rev;
}
.active.dnxte_popup_pro_slide_down {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_down;
}
.active.dnxte_popup_pro_slide_down_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_down_rev;
}
.active.dnxte_popup_pro_popup_close {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_popup_close;
}
.active.dnxte_popup_pro_slide_right {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_right;
}
.active.dnxte_popup_pro_slide_right_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_slide_right_rev;
}
.active.dnxte_popup_pro_fade_in {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_fade_in;
}
.active.dnxte_popup_pro_fade_in_rev {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_fade_in_rev;
} .active.dnxte_popup_pro_animate_bounce {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounce;
}
.active.dnxte_popup_pro_animate_pulse {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_pulse;
}
.active.dnxte_popup_pro_animate_shakeX {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_shakeX;
}
.active.dnxte_popup_pro_animate_shakeY {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_shakeY;
}
.active.dnxte_popup_pro_animate_headShake {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_headShake;
}
.active.dnxte_popup_pro_animate_heartBeat {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_heartBeat;
}
.active.dnxte_popup_pro_animate_bounceIn {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceIn;
}
.active.dnxte_popup_pro_animate_bounceInDown {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceInDown;
}
.active.dnxte_popup_pro_animate_bounceInLeft {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceInLeft;
}
.active.dnxte_popup_pro_animate_bounceInRight {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceInRight;
}
.active.dnxte_popup_pro_animate_bounceInUp {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_bounceInUp;
}
.active.dnxte_popup_pro_animate_fadeIn {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeIn;
}
.active.dnxte_popup_pro_animate_fadeInDown {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInDown;
}
.active.dnxte_popup_pro_animate_fadeInDownBig {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInDownBig;
}
.active.dnxte_popup_pro_animate_fadeInLeft {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInLeft;
}
.active.dnxte_popup_pro_animate_fadeInLeftBig {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInLeftBig;
}
.active.dnxte_popup_pro_animate_fadeInRight {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInRight;
}
.active.dnxte_popup_pro_animate_fadeInLeftBig {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInLeftBig;
}
.active.dnxte_popup_pro_animate_fadeInRightBig {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInRightBig;
}
.active.dnxte_popup_pro_animate_fadeInUp {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInUp;
}
.active.dnxte_popup_pro_animate_fadeInUpBig {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeInUpBig;
}
.active.dnxte_popup_pro_animate_fadeOut {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOut;
}
.active.dnxte_popup_pro_animate_fadeOutDown {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOutDown;
}
.active.dnxte_popup_pro_animate_fadeOutLeft {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOutLeft;
}
.active.dnxte_popup_pro_animate_fadeOutRight {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOutRight;
}
.active.dnxte_popup_pro_animate_fadeOutUp {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_fadeOutUp;
}
.active.dnxte_popup_pro_animate_flipInX {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_flipInX;
}
.active.dnxte_popup_pro_animate_flipInY {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_flipInY;
}
.active.dnxte_popup_pro_animate_lightSpeedInRight {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_lightSpeedInRight;
}
.active.dnxte_popup_pro_animate_lightSpeedInLeft {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_lightSpeedInLeft;
}
.active.dnxte_popup_pro_animate_lightSpeedOutRight {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_lightSpeedOutRight;
}
.active.dnxte_popup_pro_animate_lightSpeedOutLeft {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_lightSpeedOutLeft;
}
.active.dnxte_popup_pro_animate_zoomIn {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_zoomIn;
}
.active.dnxte_popup_pro_animate_zoomInDown {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_zoomInDown;
}
.active.dnxte_popup_pro_animate_zoomOut {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_zoomOut;
}
.active.dnxte_popup_pro_animate_zoomOutDown {
animation: 1500ms ease 0s 1 normal none running dnxte_popup_pro_animate_zoomOutDown;
} @keyframes dnxte_popup_pro_animate_bounce {
0%,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0) scaleY(.95);
transform: translateZ(0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02)
}
}
@keyframes dnxte_popup_pro_animate_pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes dnxte_popup_pro_animate_shakeX {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes dnxte_popup_pro_animate_shakeY {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
@keyframes dnxte_popup_pro_animate_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 dnxte_popup_pro_animate_heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes dnxte_popup_pro_animate_bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
transform: translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
transform: translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
transform: translate3d(0, 5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
transform: translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
transform: translate3d(5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
transform: translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
transform: translate3d(-5px, 0, 0) scaleX(.995)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
transform: translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
transform: translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
transform: translate3d(0, -5px, 0) scaleY(.985)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes dnxte_popup_pro_animate_fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes dnxte_popup_pro_animate_fadeOutDown {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes dnxte_popup_pro_animate_fadeOutLeft {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes dnxte_popup_pro_animate_fadeOutRight {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes dnxte_popup_pro_animate_fadeOutUp {
0% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes dnxte_popup_pro_animate_flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes dnxte_popup_pro_animate_flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes dnxte_popup_pro_animate_lightSpeedInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_lightSpeedInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes dnxte_popup_pro_animate_lightSpeedOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes dnxte_popup_pro_animate_lightSpeedOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0
}
}
@keyframes dnxte_popup_pro_animate_zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes dnxte_popup_pro_animate_zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes dnxte_popup_pro_animate_zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes dnxte_popup_pro_animate_zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
} @keyframes dnxte_popup_pro_popup_load {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes dnxte_popup_pro_popup_close {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes dnxte_popup_pro_slide_left {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes dnxte_popup_pro_slide_left_rev {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes dnxte_popup_pro_slide_right {
0% {
transform: translateX(100%) translateY(0px);
}
100% {
transform: translateX(0) translateY(0px);
}
}
@keyframes dnxte_popup_pro_slide_right_rev {
0% {
transform: translateX(0) translateY(0px);
}
0.1% {
transform: translateX(0) translateY(9px);
}
100% {
transform: translateX(100%) translateY(0);
}
}
@keyframes dnxte_popup_pro_slide_up {
0% {
transform: translateY(100%);
}
100% {
transform: none;
}
}
@keyframes dnxte_popup_pro_slide_up_rev {
0% {
transform: none;
}
100% {
transform: translateY(100%);
}
}
@keyframes dnxte_popup_pro_slide_down {
0% {
transform: translateY(-100%);
}
100% {
transform: none;
}
}
@keyframes dnxte_popup_pro_slide_down_rev {
0% {
transform: none;
}
100% {
transform: translateY(-100%);
}
}
@keyframes dnxte_popup_pro_fade_in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes dnxte_popup_pro_fade_in_rev {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes dnxte_popup_pro_zoom_left {
0% {
transform: scale(1.4) translateX(-100%);
}
100% {
transform: none;
}
}
@keyframes dnxte_popup_pro_zoom_left_rev {
0% {
transform: none;
}
100% {
transform: scale(3) translateX(-100%);
}
}
@keyframes dnxte_popup_pro_zoom_center {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes dnxte_popup_pro_zoom_center_rev {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes dnxte_popup_pro_zoom_right {
0% {
transform: scale(1.5) translateX(100%);
}
100% {
transform: none;
}
}
@keyframes dnxte_popup_pro_zoom_right_rev {
0% {
transform: none;
}
100% {
transform: scale(1.5) translateX(100%);
}
}.dnxt-hover-grow {
display: inline-block;
vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.dnxt-hover-grow:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} .dnxt-hover-shrink { vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.dnxt-hover-shrink:hover {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
} .dnxt-hover-pulse {
display: inline-block;
vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.dnxt-hover-pulse:hover {
-webkit-animation-name: dnxt-hover-pulse;
animation-name: dnxt-hover-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes dnxt-hover-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes dnxt-hover-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
} .dnxt-hover-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.dnxt-hover-pulse-grow:hover {
-webkit-animation-name: dnxt-hover-pulse-grow;
animation-name: dnxt-hover-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes dnxt-hover-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes dnxt-hover-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
} .dnxt-hover-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.dnxt-hover-pulse-shrink:hover {
-webkit-animation-name: dnxt-hover-pulse-shrink;
animation-name: dnxt-hover-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes dnxt-hover-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes dnxt-hover-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
} @-webkit-keyframes dnxt-hover-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes dnxt-hover-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.dnxt-hover-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-push:hover {
-webkit-animation-name: dnxt-hover-push;
animation-name: dnxt-hover-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes dnxt-hover-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
.dnxt-hover-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-pop:hover {
-webkit-animation-name: dnxt-hover-pop;
animation-name: dnxt-hover-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-in:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-o-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .dnxt-hover-bounce-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-out:hover {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-o-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .dnxt-hover-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-rotate:hover {
-webkit-transform: rotate(4deg);
-ms-transform: rotate(4deg);
transform: rotate(4deg);
} .dnxt-hover-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-grow-rotate:hover {
-webkit-transform: scale(1.1) rotate(4deg);
-ms-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
} .dnxt-hover-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-float:hover {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
} .dnxt-hover-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sink:hover {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
} @-webkit-keyframes dnxt-hover-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes dnxt-hover-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes dnxt-hover-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes dnxt-hover-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.dnxt-hover-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-bob:hover {
-webkit-animation-name: dnxt-hover-bob-float, dnxt-hover-bob;
animation-name: dnxt-hover-bob-float, dnxt-hover-bob;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes dnxt-hover-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes dnxt-hover-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@-webkit-keyframes dnxt-hover-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes dnxt-hover-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
.dnxt-hover-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-hang:hover {
-webkit-animation-name: dnxt-hover-hang-sink, dnxt-hover-hang;
animation-name: dnxt-hover-hang-sink, dnxt-hover-hang;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .dnxt-hover-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-skew:hover {
-webkit-transform: skew(-10deg);
-ms-transform: skew(-10deg);
transform: skew(-10deg);
} .dnxt-hover-skew-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.dnxt-hover-skew-forward:hover {
-webkit-transform: skew(-10deg);
-ms-transform: skew(-10deg);
transform: skew(-10deg);
} .dnxt-hover-skew-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.dnxt-hover-skew-backward:hover {
-webkit-transform: skew(10deg);
-ms-transform: skew(10deg);
transform: skew(10deg);
} @-webkit-keyframes dnxt-hover-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes dnxt-hover-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.dnxt-hover-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-horizontal:hover {
-webkit-animation-name: dnxt-hover-wobble-horizontal;
animation-name: dnxt-hover-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes dnxt-hover-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.dnxt-hover-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-vertical:hover {
-webkit-animation-name: dnxt-hover-wobble-vertical;
animation-name: dnxt-hover-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes dnxt-hover-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.dnxt-hover-wobble-to-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-to-bottom-right:hover {
-webkit-animation-name: dnxt-hover-wobble-to-bottom-right;
animation-name: dnxt-hover-wobble-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes dnxt-hover-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.dnxt-hover-wobble-to-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-to-top-right:hover {
-webkit-animation-name: dnxt-hover-wobble-to-top-right;
animation-name: dnxt-hover-wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes dnxt-hover-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.dnxt-hover-wobble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.dnxt-hover-wobble-top:hover {
-webkit-animation-name: dnxt-hover-wobble-top;
animation-name: dnxt-hover-wobble-top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes dnxt-hover-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.dnxt-hover-wobble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.dnxt-hover-wobble-bottom:hover {
-webkit-animation-name: dnxt-hover-wobble-bottom;
animation-name: dnxt-hover-wobble-bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes dnxt-hover-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.dnxt-hover-wobble-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-skew:hover {
-webkit-animation-name: dnxt-hover-wobble-skew;
animation-name: dnxt-hover-wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes dnxt-hover-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.dnxt-hover-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-buzz:hover {
-webkit-animation-name: dnxt-hover-buzz;
animation-name: dnxt-hover-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes dnxt-hover-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes dnxt-hover-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.dnxt-hover-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-buzz-out:hover {
-webkit-animation-name: dnxt-hover-buzz-out;
animation-name: dnxt-hover-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-forward:hover {
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px);
} .dnxt-hover-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-backward:hover {
-webkit-transform: translateX(-8px);
-ms-transform: translateX(-8px);
transform: translateX(-8px);
}  .dnxt-hover-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
overflow: hidden;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-fade:hover {
background: #2098d1;
color: white;
} .dnxt-hover-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sweep-to-right:hover {
color: white;
}
.dnxt-hover-sweep-to-right:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
} .dnxt-hover-sweep-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-sweep-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sweep-to-left:hover {
color: white;
}
.dnxt-hover-sweep-to-left:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
} .dnxt-hover-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sweep-to-bottom:hover {
color: white;
}
.dnxt-hover-sweep-to-bottom:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
} .dnxt-hover-sweep-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sweep-to-top:hover {
color: white;
}
.dnxt-hover-sweep-to-top:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
} .dnxt-hover-bounce-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-bounce-to-right:hover {
color: white;
}
.dnxt-hover-bounce-to-right:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-bounce-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-bounce-to-left:hover {
color: white;
}
.dnxt-hover-bounce-to-left:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-bounce-to-bottom:hover {
color: white;
}
.dnxt-hover-bounce-to-bottom:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-bounce-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-bounce-to-top:hover {
color: white;
}
.dnxt-hover-bounce-to-top:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-radial-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
background: #e1e1e1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-radial-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
border-radius: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-radial-out:hover {
color: white;
}
.dnxt-hover-radial-out:hover:before {
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
} .dnxt-hover-radial-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
background: #2098d1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-radial-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
border-radius: 100%;
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-radial-in:hover {
color: white;
}
.dnxt-hover-radial-in:hover:before {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
} .dnxt-hover-rectangle-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098d1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-rectangle-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-rectangle-in:hover {
color: white;
}
.dnxt-hover-rectangle-in:hover:before {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
} .dnxt-hover-rectangle-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-rectangle-out:hover {
color: white;
}
.dnxt-hover-rectangle-out:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .dnxt-hover-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098d1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-shutter-in-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-shutter-in-horizontal:hover {
color: white;
}
.dnxt-hover-shutter-in-horizontal:hover:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
} .dnxt-hover-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-shutter-out-horizontal:hover {
color: white;
}
.dnxt-hover-shutter-out-horizontal:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
} .dnxt-hover-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098d1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-shutter-in-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-shutter-in-vertical:hover {
color: white;
}
.dnxt-hover-shutter-in-vertical:hover:before {
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
} .dnxt-hover-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-shutter-out-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-shutter-out-vertical:hover {
color: white;
}
.dnxt-hover-shutter-out-vertical:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}  .dnxt-hover-trim {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.dnxt-hover-trim:before {
content: "";
position: absolute;
border: white solid 4px;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.dnxt-hover-trim:hover:before {
opacity: 1;
} @-webkit-keyframes dnxt-hover-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@keyframes dnxt-hover-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
.dnxt-hover-ripple-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.dnxt-hover-ripple-out:before {
content: "";
position: absolute;
border: #e1e1e1 solid 6px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.dnxt-hover-ripple-out:hover:before {
-webkit-animation-name: dnxt-hover-ripple-out;
animation-name: dnxt-hover-ripple-out;
} @-webkit-keyframes dnxt-hover-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
@keyframes dnxt-hover-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
.dnxt-hover-ripple-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.dnxt-hover-ripple-in:before {
content: "";
position: absolute;
border: #e1e1e1 solid 4px;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.dnxt-hover-ripple-in:hover:before {
-webkit-animation-name: dnxt-hover-ripple-in;
animation-name: dnxt-hover-ripple-in;
} .dnxt-hover-underline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: right;
-o-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-underline-from-left:hover:before {
right: 0;
} .dnxt-hover-underline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: left, right;
-o-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-underline-from-center:hover:before {
left: 0;
right: 0;
} .dnxt-hover-underline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: left;
-o-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-underline-from-right:hover:before {
left: 0;
} .dnxt-hover-overline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-overline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
top: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: right;
-o-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-overline-from-left:hover:before {
right: 0;
} .dnxt-hover-overline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-overline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
top: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: left, right;
-o-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-overline-from-center:hover:before {
left: 0;
right: 0;
} .dnxt-hover-overline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-overline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: left;
-o-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-overline-from-right:hover:before {
left: 0;
} .dnxt-hover-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-color: #2098d1;
border-style: solid;
border-width: 0;
-webkit-transition-property: border-width;
-o-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-reveal:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
border-width: 4px;
} .dnxt-hover-underline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
height: 4px;
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-underline-reveal:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .dnxt-hover-overline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-overline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #2098d1;
height: 4px;
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-overline-reveal:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}  .dnxt-hover-icon-back i {
font-weight: 900;
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
text-rendering: auto;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-back:hover i {
-webkit-transform: translateX(-4px);
-ms-transform: translateX(-4px);
transform: translateX(-4px);
} .dnxt-hover-icon-forward i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-forward:hover i:before {
-webkit-transform: translateX(4px);
-ms-transform: translateX(4px);
transform: translateX(4px);
} .dnxt-hover-icon-down i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes dnxt-hover-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
.dnxt-hover-icon-down:hover i {
-webkit-animation-name: dnxt-hover-icon-down;
animation-name: dnxt-hover-icon-down;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .dnxt-hover-icon-up i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes dnxt-hover-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
.dnxt-hover-icon-up:hover i {
-webkit-animation-name: dnxt-hover-icon-up;
animation-name: dnxt-hover-icon-up;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .dnxt-hover-icon-drop i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
@keyframes dnxt-hover-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
.dnxt-hover-icon-drop:hover i {
opacity: 0;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-animation-name: dnxt-hover-icon-drop;
animation-name: dnxt-hover-icon-drop;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-icon-float-away i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes dnxt-hover-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
@keyframes dnxt-hover-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
.dnxt-hover-icon-float-away:hover i {
-webkit-animation-name: dnxt-hover-icon-float-away;
animation-name: dnxt-hover-icon-float-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .dnxt-hover-icon-sink-away i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes dnxt-hover-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
@keyframes dnxt-hover-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
.dnxt-hover-icon-sink-away:hover i:before {
-webkit-animation-name: dnxt-hover-icon-sink-away;
animation-name: dnxt-hover-icon-sink-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .dnxt-hover-icon-grow i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-grow:hover i {
-webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0);
} .dnxt-hover-icon-shrink i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-shrink:hover i {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
} .dnxt-hover-icon-pulse i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes dnxt-hover-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.dnxt-hover-icon-pulse:hover i {
-webkit-animation-name: dnxt-hover-icon-pulse;
animation-name: dnxt-hover-icon-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} .dnxt-hover-icon-pulse-grow i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@keyframes dnxt-hover-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
.dnxt-hover-icon-pulse-grow:hover i {
-webkit-animation-name: dnxt-hover-icon-pulse-grow;
animation-name: dnxt-hover-icon-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} .dnxt-hover-icon-pulse-shrink i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes dnxt-hover-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.dnxt-hover-icon-pulse-shrink:hover i {
-webkit-animation-name: dnxt-hover-icon-pulse-shrink;
animation-name: dnxt-hover-icon-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} .dnxt-hover-icon-push i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-push {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes dnxt-hover-icon-push {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.dnxt-hover-icon-push:hover i {
-webkit-animation-name: dnxt-hover-icon-push;
animation-name: dnxt-hover-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-icon-pop i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes dnxt-hover-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
.dnxt-hover-icon-pop:hover i:before {
-webkit-animation-name: dnxt-hover-icon-pop;
animation-name: dnxt-hover-icon-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-icon-bounce i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-bounce:hover i {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-o-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .dnxt-hover-icon-rotate i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-rotate:hover i {
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
} .dnxt-hover-icon-grow-rotate i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-grow-rotate:hover i {
-webkit-transform: scale(1.5) rotate(12deg);
-ms-transform: scale(1.5) rotate(12deg);
transform: scale(1.5) rotate(12deg);
} .dnxt-hover-icon-float i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-float:hover i {
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
} .dnxt-hover-icon-sink i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-sink:hover i {
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
} .dnxt-hover-icon-bob i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes dnxt-hover-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes dnxt-hover-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes dnxt-hover-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
.dnxt-hover-icon-bob:hover i {
-webkit-animation-name: dnxt-hover-icon-bob-float, dnxt-hover-icon-bob;
animation-name: dnxt-hover-icon-bob-float, dnxt-hover-icon-bob;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .dnxt-hover-icon-hang i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes dnxt-hover-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@-webkit-keyframes dnxt-hover-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes dnxt-hover-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
.dnxt-hover-icon-hang:hover i:before {
-webkit-animation-name: dnxt-hover-icon-hang-sink, dnxt-hover-icon-hang;
animation-name: dnxt-hover-icon-hang-sink, dnxt-hover-icon-hang;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .dnxt-hover-icon-wobble-horizontal i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes dnxt-hover-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.dnxt-hover-icon-wobble-horizontal:hover i:before {
-webkit-animation-name: dnxt-hover-icon-wobble-horizontal;
animation-name: dnxt-hover-icon-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-icon-wobble-vertical i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes dnxt-hover-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.dnxt-hover-icon-wobble-vertical:hover i:before {
-webkit-animation-name: dnxt-hover-icon-wobble-vertical;
animation-name: dnxt-hover-icon-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-icon-buzz i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes dnxt-hover-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.dnxt-hover-icon-buzz:hover i:before {
-webkit-animation-name: dnxt-hover-icon-buzz;
animation-name: dnxt-hover-icon-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} .dnxt-hover-icon-buzz-out i {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes dnxt-hover-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.dnxt-hover-icon-buzz-out:hover i {
-webkit-animation-name: dnxt-hover-icon-buzz-out;
animation-name: dnxt-hover-icon-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}.dnxtePopup_wrap {
position: relative;
background: #fff;
padding: 20px;
display: grid;
max-width: 1000px;
width: 100%;
margin: 0 auto;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.dnxtePopupcontent {
font-size: 16px;
line-height: 25px;
}
.dnxte_popup_btn {
font-size: 16px;
color: #fff;
background: #5425cd;
padding: 12px 18px;
font-family: "Helvetica", Arial, Lucida, sans-serif;
line-height: 1;
vertical-align: middle;
cursor: pointer;
text-decoration: none;
transition: all 0.5s;
border-radius: 50px;
}
.dnxte_popup_btn:hover {
background: #f6724c;
color: #fff;
} .dnxte_popup_custom button.dnxte_popup-close {
background: #5425cd;
color: #fff;
opacity: 1;
font-size: 40px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
padding: 10px 20px;
} .dnxte_popup_overlay.dnxte_popup_custom.animate__animated.dnxte_popup-ready {
background: rgba(0, 0, 0, 0.25);
} .et-waypoint:not(.et_pb_counters) {
opacity: 1 !important;
}
.dnxte_popup-removing {
animation: close 1s;
}
@keyframes open {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes close {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .dnxte_popup_pro_top_left_close {
position: absolute;
left: 0;
top: 0 !important;
text-align: center;
} .dnxte_popup_pro_top_center_close {
position: absolute;
left: 50%;
transform: translateX(-50%);
text-align: center;
} .dnxte_popup_pro_top_right_close {
position: absolute;
left: auto;
right: 0;
top: 0;
text-align: center;
} .dnxte_popup_pro_bottom_left_close,
.dnxte_popup_pro_bottom_left_close:active {
position: absolute;
left: 0;
top: auto !important;
transform: translateY(-100%);
text-align: center;
} .dnxte_popup_pro_bottom_center_close,
.dnxte_popup_pro_bottom_center_close:active {
position: absolute;
left: 50%;
top: auto !important;
bottom: 0;
transform: translateX(-50%);
} .dnxte_popup_pro_bottom_right_close,
.dnxte_popup_pro_bottom_right_close:active {
position: absolute;
left: auto;
top: auto !important;
transform: translateY(-100%);
text-align: center;
} .dnxte_popup_pro_position_top_left {
position: fixed;
left: 0;
top: 0;
}
.dnxte_popup_pro_position_top_center {
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.dnxte_popup_pro_position_top_right {
position: fixed;
left: auto;
top: 0;
right: 0;
} .dnxte_popup_pro_position_center_left {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.dnxte_popup_pro_position_center_center {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.dnxte_popup_pro_position_center_right {
position: absolute;
left: auto;
top: 50%;
right: 0;
transform: translateY(-50%);
} .dnxte_popup_pro_position_bottom_left {
position: fixed;
left: 0;
bottom: 0;
}
.dnxte_popup_pro_position_bottom_center {
position: fixed;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.dnxte_popup_pro_position_bottom_right {
position: fixed;
left: auto;
right: 0;
bottom: 0;
}
.dnxte_popup_overlay.dnxte_popup_custom {
z-index: 999991;
background: rgba(0, 0, 0, 0.25);
}
.dnxte_popup_wrap.dnxte_popup_custom {
z-index: 99999214748;
top: 0 !important;
position: fixed !important;
}
.dnxte-clickable-under-overlay.dnxte_popup_overlay,
.dnxte-clickable-under-overlay.dnxte_popup_wrap {
pointer-events: none !important;
}
.dnxte-clickable-under-overlay .dnxte_popup-content,
.dnxte-clickable-under-overlay .dnxte_popup-close {
pointer-events: all !important;
}
.dnxte_popup_wrap.dnxte_popup_custom.dnxte-prevent-scrolling {
position: fixed !important;
}
.dnxte_popup_pro_layout_full_width {
position: relative;
top: 0;
left: 0;
bottom: 0;
transform: translate(0, 0);
}
.et_fixed_nav.et_show_nav .dnxte_popup_custom #page-container {
padding-top: 0;
}
.dnxte_popup_content {
pointer-events: all;
}
input,
textarea,
select,
button,
a {
pointer-events: all !important;
}
.clr-both {
clear: both;
} .dnxte_popups_counting .gform_wrapper,
.dnxte_popups_counting iframe {
display: block !important;
}   .dnxte_popup_overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.dnxte_popup_wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.dnxte_popup_container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
z-index: 999999;
}
.dnxte_popup_container:before {
content: '';
display: none; }
.dnxte_popup-align-top .dnxte_popup_container:before {
display: none;
}
.dnxte_popup-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
width: 100%;
}
.dnxte_popup-inline-holder .dnxte_popup-content,
.dnxte_popup-ajax-holder .dnxte_popup-content {
width: 100%;
cursor: auto;
}
.dnxte_popup-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
z-index: 999992;
cursor: pointer;
border: none;
}
.dnxte_popup-close:hover,
.dnxte_popup-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.dnxte_popup-close:active {
top: 1px;
}
.dnxte_popup-close-btn-in .dnxte_popup-close {
color: #333;
} body.dnxte-popup-open {
overflow: hidden;
} .close-btn-tooltip::after {
content: attr(data-tooltip);
position: absolute;
top: 100%;
right: 100%; background: #000;
color: #fff;
padding: 6px 10px;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
font-size: 14px;
}
.close-btn-tooltip:hover::after {
opacity: 1;
} .et_block_row:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
width: 0;
}:root { --spotlight-color: 210, 100%, 60%; --spotlight-gradient-1: 210, 100%, 60%;
--spotlight-gradient-2: 280, 100%, 60%;
--spotlight-gradient-3: none;
--spotlight-gradient-4: none;
--spotlight-gradient-5: none;
--spotlight-gradient-count: 2; --spotlight-card-bg: rgba(15, 15, 15, 0.9);
--spotlight-card-border: rgba(255, 255, 255, 0.1);
--spotlight-card-radius: 16px; --spotlight-size: 350px;
--spotlight-opacity: 0.15;
--spotlight-border-opacity: 0.5; --spotlight-transition: opacity 0.3s ease;
} .spotlight-card {
position: relative;
overflow: hidden;
isolation: isolate;
} .spotlight-card::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(
var(--spotlight-size) var(--spotlight-size) at var(--mouse-x, 50%)
var(--mouse-y, 50%),
hsla(var(--spotlight-color), var(--spotlight-opacity)),
transparent 100%
);
opacity: 0;
transition: var(--spotlight-transition);
pointer-events: none;
z-index: 1;
border-radius: inherit;
} .spotlight-card::after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(
calc(var(--spotlight-size) * 0.8) calc(var(--spotlight-size) * 0.8) at
var(--mouse-x, 50%) var(--mouse-y, 50%),
hsla(var(--spotlight-color), var(--spotlight-border-opacity)),
transparent 100%
);
border-radius: inherit;
opacity: 0;
transition: var(--spotlight-transition);
pointer-events: none;
z-index: 0; -webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
padding: 2px;
} .spotlight-card:hover::before,
.spotlight-card:hover::after {
opacity: 1;
} .spotlight-card-content {
position: relative;
z-index: 2;
padding: 24px;
height: 100%;
} .spotlight-card[data-variant="border"],
.spotlight-card--border {
--spotlight-opacity: 0;
}
.spotlight-card[data-variant="border"]::before,
.spotlight-card--border::before {
display: none;
}
.spotlight-card[data-variant="border"]::after,
.spotlight-card--border::after {
--spotlight-border-opacity: 0.8;
padding: 2px;
} .spotlight-card[data-variant="gradient"]::before,
.spotlight-card--gradient::before {
background: radial-gradient(
var(--spotlight-size) var(--spotlight-size) at var(--mouse-x, 50%)
var(--mouse-y, 50%),
hsla(var(--spotlight-gradient-1), var(--spotlight-opacity)),
hsla(var(--spotlight-gradient-2), calc(var(--spotlight-opacity) * 0.5)),
transparent 100%
);
}
.spotlight-card[data-variant="gradient"]::after,
.spotlight-card--gradient::after {
background: radial-gradient(
calc(var(--spotlight-size) * 0.8) calc(var(--spotlight-size) * 0.8) at
var(--mouse-x, 50%) var(--mouse-y, 50%),
hsla(var(--spotlight-gradient-1), var(--spotlight-border-opacity)),
hsla(
var(--spotlight-gradient-2),
calc(var(--spotlight-border-opacity) * 0.7)
),
transparent 100%
);
} .spotlight-card[data-variant="gradient-border"]::before,
.spotlight-card--gradient-border::before {
display: none;
}
.spotlight-card[data-variant="gradient-border"]::after,
.spotlight-card--gradient-border::after {
background: radial-gradient(
calc(var(--spotlight-size) * 0.8) calc(var(--spotlight-size) * 0.8) at
var(--mouse-x, 50%) var(--mouse-y, 50%),
hsla(var(--spotlight-gradient-1), 0.9),
hsla(var(--spotlight-gradient-2), 0.7),
transparent 100%
);
padding: 2px;
} .spotlight-card[data-size="sm"] {
--spotlight-size: 200px;
}
.spotlight-card[data-size="md"] {
--spotlight-size: 350px;
}
.spotlight-card[data-size="lg"] {
--spotlight-size: 500px;
}
.spotlight-card[data-size="xl"] {
--spotlight-size: 700px;
} .spotlight-card[data-intensity="low"] {
--spotlight-opacity: 0.08;
--spotlight-border-opacity: 0.25;
}
.spotlight-card[data-intensity="medium"] {
--spotlight-opacity: 0.15;
--spotlight-border-opacity: 0.5;
}
.spotlight-card[data-intensity="high"] {
--spotlight-opacity: 0.25;
--spotlight-border-opacity: 0.75;
} .spotlight-card[data-autoplay="true"],
.spotlight-card--autoplay {
--mouse-x: 50%;
--mouse-y: 50%;
}
.spotlight-card[data-autoplay="true"]::before,
.spotlight-card[data-autoplay="true"]::after,
.spotlight-card--autoplay::before,
.spotlight-card--autoplay::after {
opacity: 1;
} .spotlight-card[data-mode="proximity"]::before,
.spotlight-card[data-mode="proximity"]::after,
.spotlight-card--proximity::before,
.spotlight-card--proximity::after {
opacity: 1;
} .spotlight-card-grid {
display: grid;
gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
} .spotlight-card[data-disabled="true"]::before,
.spotlight-card[data-disabled="true"]::after,
.spotlight-card--disabled::before,
.spotlight-card--disabled::after {
display: none;
} .spotlight-card:focus-visible {
outline: 2px solid hsla(var(--spotlight-color), 0.8);
outline-offset: 2px;
}
.spotlight-card:focus-visible::before,
.spotlight-card:focus-visible::after {
opacity: 1;
} @media (prefers-reduced-motion: reduce) {
.spotlight-card::before,
.spotlight-card::after {
transition: none;
}
.spotlight-card[data-autoplay="true"]::before,
.spotlight-card[data-autoplay="true"]::after,
.spotlight-card--autoplay::before,
.spotlight-card--autoplay::after {
animation: none;
opacity: 1;
--mouse-x: 50%;
--mouse-y: 50%;
}
}:root { --effect-card-color: #5227ff;
--effect-card-color-alt: #ff9ffc; --effect-card-bg: rgba(15, 15, 15, 0.9);
--effect-card-border: rgba(255, 255, 255, 0.1);
--effect-card-radius: 16px; --effect-card-transition: all 0.3s ease;
} .effect-card {
position: relative;
overflow: visible;
isolation: isolate;
} .effect-card-canvas {
display: block;
}
.effect-card-canvas.effect-card-electric-border {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 2;
}
.effect-card-canvas.effect-card-webgl {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 1;
border-radius: inherit;
} .effect-card-content {
position: relative;
z-index: 10;
padding: 24px;
height: 100%;
} .effect-card[data-effect-type="electric-border"] {
--electric-border-color: var(--effect-card-color);
}
.effect-card[data-effect-type="electric-border"]::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
z-index: 0;
border: 2px solid var(--electric-border-color);
opacity: 0.6;
filter: blur(1px);
}
.effect-card[data-effect-type="electric-border"]::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
z-index: 0;
border: 2px solid var(--electric-border-color);
filter: blur(4px);
} .effect-card[data-effect-type="electric-border"] .effect-card-glow {
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
z-index: -1;
transform: scale(1.1);
opacity: 0.3;
filter: blur(32px);
background: linear-gradient(
-30deg,
var(--electric-border-color),
transparent,
var(--electric-border-color)
);
} .effect-card[data-effect-type="lightning"] {
background: #000;
}
.effect-card[data-effect-type="lightning"] .effect-card-canvas {
mix-blend-mode: screen;
} .effect-card[data-effect-type="light-pillar"] {
background: transparent;
}
.effect-card[data-effect-type="light-pillar"] .effect-card-canvas {
mix-blend-mode: screen;
} .effect-card[data-effect-type="floating-lines"] {
background: #000;
}
.effect-card[data-effect-type="floating-lines"] .effect-card-canvas {
mix-blend-mode: screen;
} .effect-card[data-effect-disabled="true"] .effect-card-canvas {
display: none;
}
.effect-card[data-effect-disabled="true"]::before,
.effect-card[data-effect-disabled="true"]::after {
display: none;
} .effect-card:focus-visible {
outline: 2px solid var(--effect-card-color);
outline-offset: 2px;
} @media (prefers-reduced-motion: reduce) {
.effect-card-canvas {
animation: none !important;
}
.effect-card::before,
.effect-card::after {
transition: none;
}
} .effect-card-grid {
display: grid;
gap: 24px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
} .effect-card--no-bg {
background: transparent;
border: none;
}
.effect-card--dark {
--effect-card-bg: rgba(0, 0, 0, 0.95);
--effect-card-border: rgba(255, 255, 255, 0.05);
}
.effect-card--glass {
--effect-card-bg: rgba(255, 255, 255, 0.05);
--effect-card-border: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
} .effect-card--blend-screen .effect-card-canvas {
mix-blend-mode: screen;
}
.effect-card--blend-add .effect-card-canvas {
mix-blend-mode: plus-lighter;
}
.effect-card--blend-overlay .effect-card-canvas {
mix-blend-mode: overlay;
}
.effect-card--blend-normal .effect-card-canvas {
mix-blend-mode: normal;
}.et_monarch .et_social_popup_content, .et_monarch .et_social_flyin, .et_monarch .et_social_networks, .et_monarch .et_social_sidebar_networks,
.et_monarch .et_social_networks div, .et_monarch .et_social_sidebar_networks div,
.et_monarch .et_social_networks span, .et_monarch .et_social_sidebar_networks span,
.et_monarch .et_social_networks h2, .et_monarch .et_social_sidebar_networks h2,
.et_monarch .et_social_networks h3, .et_monarch .et_social_sidebar_networks h3,
.et_monarch .et_social_networks h4, .et_monarch .et_social_sidebar_networks h4,
.et_monarch .et_social_networks p, .et_monarch .et_social_sidebar_networks p,
.et_monarch .et_social_networks a, .et_monarch .et_social_sidebar_networks a,
.et_monarch .et_social_networks font, .et_monarch .et_social_sidebar_networks font,
.et_monarch .et_social_networks img, .et_monarch .et_social_sidebar_networks img,
.et_monarch .et_social_networks strike, .et_monarch .et_social_sidebar_networks strike,
.et_monarch .et_social_networks strong, .et_monarch .et_social_sidebar_networks strong,
.et_monarch .et_social_networks b, .et_monarch .et_social_sidebar_networks b,
.et_monarch .et_social_networks u, .et_monarch .et_social_sidebar_networks u,
.et_monarch .et_social_networks i, .et_monarch .et_social_sidebar_networks i,
.et_monarch .et_social_networks ol, .et_monarch .et_social_sidebar_networks ol,
.et_monarch .et_social_networks ul, .et_monarch .et_social_sidebar_networks ul,
.et_monarch .et_social_networks li, .et_monarch .et_social_sidebar_networks li,
.et_monarch .widget_monarchwidget li, .et_monarch .widget .et_social_networks li, .et_monarch .widget_text .et_social_networks li, .et_monarch .widget_monarchwidget li:before, .et_monarch .widget_monarchwidget li:after,
.et_monarch .et_social_popup_content h3, .et_monarch .et_social_popup_content p, .et_monarch .et_social_popup_content:after,
.et_monarch .et_social_flyin h3, .et_monarch .et_social_flyin p, .et_monarch .et_social_flyin:after,
.et_monarch .et_social_pinterest_window h3, .et_monarch .et_social_mobile, .et_monarch .et_social_mobile_button, .et_monarch .et_social_heading { font-family: 'Open Sans', helvetica, arial, sans-serif; line-height: 1em; text-transform: none; font-weight: normal; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background-image:none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }   .et_monarch .et_social_networks, .et_monarch .et_social_sidebar_networks, .et_monarch .et_social_sidebar_networks_mobile { font-family: 'Open Sans', helvetica, arial, sans-serif; line-height: 1em; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.et_monarch .et_social_popup h3, .et_monarch .et_social_flyin h3, .et_monarch .et_social_locked h3, .et_monarch .et_social_pinterest_window h3 { font-family: 'Open Sans', helvetica, arial, sans-serif; font-size: 26px; line-height: 1.1em; color: #333; font-weight: 400; letter-spacing: .5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.et_monarch .et_social_popup p, .et_monarch .et_social_flyin p { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #999; font-weight: 400; line-height: 1.6em; margin-top: 6px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.et_monarch .et_social_networks span, .et_monarch .et_social_sidebar_networks span, .et_monarch .et_social_circle i.et_social_icon, i.et_social_icon:before, i.et_social_icon:after, .et_monarch .et_social_networks li, .et_monarch .et_social_networks li a, .et_monarch .et_social_networks div, .et_monarch .et_social_sidebar_mobile, .et_monarch .et_social_sidebar_networks_mobile li, .et_monarch .et_social_pin_image a:before { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
.et_monarch .et_social_count, .et_monarch .widget_monarchwidget .et_social_networkname, .et_monarch .widget_monarchwidget .et_social_count span, .et_monarch .et_social_circle .et_social_icons_container li i:before { transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; }
.et_monarch .et_social_circle .et_social_icons_container li i:after, .et_monarch .et_social_circle .et_social_icons_container li i:before, .et_monarch .et_social_circle .et_social_icons_container li:hover i:after, .et_monarch .et_social_circle .et_social_icons_container li:hover i:before { transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s !important; -moz-transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s !important; -webkit-transition: left 0.3s, right 0.3s, margin 0.3s, opacity 0.3s !important; }
.et_monarch .et_social_icon, .et_monarch .et_social_networks .et_social_network_label, .et_monarch .et_social_sidebar_networks .et_social_count { color: #FFF; }
.et_monarch .et_social_count { line-height: 23px; }
.et_monarch .et_social_networks.et_social_circle .et_social_network_label, .et_monarch .et_social_networks.et_social_circle .et_social_networkname, .et_monarch .et_social_networks.et_social_circle .et_social_count, .et_monarch .et_social_networks.et_social_circle .et_social_icons_container li:hover .et_social_networkname, .et_monarch .et_social_networks.et_social_circle .et_social_icons_container li:hover .et_social_count { color: #444 !important; }
.et_monarch .et_social_networks p, .et_monarch .et_social_sidebar_networks p {
font-family: 'Open Sans', helvetica, arial, sans-serif; line-height: 1.6em; font-weight: 400; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #666;
}
.et_monarch .et_social_placeholder { width: 7px; height: 14px; display: inline-block; }
.et_monarch .et_social_networks, .et_monarch .et_social_sidebar_networks, .et_monarch .widget_monarchwidget a { text-shadow: none !important; }   @font-face {
font-family:'ETmonarch';
src:url(//itkholding.hu/wp-content/plugins/monarch/css/fonts/monarch.eot);
src:url(//itkholding.hu/wp-content/plugins/monarch/css/fonts/monarch.eot?#iefix) format('embedded-opentype'),
url(//itkholding.hu/wp-content/plugins/monarch/css/fonts/monarch.ttf) format('truetype'),
url(//itkholding.hu/wp-content/plugins/monarch/css/fonts/monarch.woff) format('woff'),
url(//itkholding.hu/wp-content/plugins/monarch/css/fonts/monarch.svg#ETmonarch) format('svg');
font-weight: normal;
font-style: normal;
}
.et_monarch .et_social_icon, .et_monarch .et_social_icon:before, .et_monarch .et_social_icon:after { font-family: 'ETmonarch'; speak: none; font-style: normal; font-size: 16px; line-height: 16px; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; display: block; }
.et_monarch .et_social_icon_networks:before			{ content: "\e605"; }
.et_monarch .et_social_icon_cancel:after			{ content: "\e60c"; }
.et_monarch .et_social_icon_behance:before,			.et_monarch .et_social_icon_behance:after 			{ content: "\e643"; }
.et_monarch .et_social_icon_like:before,			.et_monarch .et_social_icon_like:after 				{ content: "\e60e"; }
.et_monarch .et_social_icon_aweber:before,			.et_monarch .et_social_icon_aweber:after 			{ content: "\e612"; }
.et_monarch .et_social_icon_blinklist:before,		.et_monarch .et_social_icon_blinklist:after 		{ content: "\e613"; }
.et_monarch .et_social_icon_buffer:before,			.et_monarch .et_social_icon_buffer:after 			{ content: "\e614"; }
.et_monarch .et_social_icon_email:before,			.et_monarch .et_social_icon_email:after 			{ content: "\e615"; }
.et_monarch .et_social_icon_github:before,			.et_monarch .et_social_icon_github:after 			{ content: "\e616"; }
.et_monarch .et_social_icon_mailchimp:before,		.et_monarch .et_social_icon_mailchimp:after 		{ content: "\e617"; }
.et_monarch .et_social_icon_outlook:before,			.et_monarch .et_social_icon_outlook:after 			{ content: "\e618"; }
.et_monarch .et_social_icon_print:before,			.et_monarch .et_social_icon_print:after 			{ content: "\e619"; }
.et_monarch .et_social_icon_soundcloud:before,		.et_monarch .et_social_icon_soundcloud:after 		{ content: "\e61a"; }
.et_monarch .et_social_icon_baidu:before,			.et_monarch .et_social_icon_baidu:after 			{ content: "\e61b"; }
.et_monarch .et_social_icon_box:before,				.et_monarch .et_social_icon_box:after 				{ content: "\e61c"; }
.et_monarch .et_social_icon_digg:before,			.et_monarch .et_social_icon_digg:after 				{ content: "\e61d"; }
.et_monarch .et_social_icon_evernote:before,		.et_monarch .et_social_icon_evernote:after 			{ content: "\e61e"; }
.et_monarch .et_social_icon_hackernews:before,		.et_monarch .et_social_icon_hackernews:after 		{ content: "\e620"; }
.et_monarch .et_social_icon_livejournal:before,		.et_monarch .et_social_icon_livejournal:after 		{ content: "\e621"; }
.et_monarch .et_social_icon_netvibes:before,		.et_monarch .et_social_icon_netvibes:after 			{ content: "\e622"; }
.et_monarch .et_social_icon_newsvine:before,		.et_monarch .et_social_icon_newsvine:after 			{ content: "\e623"; }
.et_monarch .et_social_icon_aol:before,				.et_monarch .et_social_icon_aol:after 				{ content: "\e624"; }
.et_monarch .et_social_icon_gmail:before,			.et_monarch .et_social_icon_gmail:after 			{ content: "\e625"; }
.et_monarch .et_social_icon_google:before,			.et_monarch .et_social_icon_google:after 			{ content: "\e626"; }
.et_monarch .et_social_icon_printfriendly:before,	.et_monarch .et_social_icon_printfriendly:after 	{ content: "\e627"; }
.et_monarch .et_social_icon_reddit:before,			.et_monarch .et_social_icon_reddit:after 			{ content: "\e628"; }
.et_monarch .et_social_icon_vkontakte:before,		.et_monarch .et_social_icon_vkontakte:after 		{ content: "\e629"; }
.et_monarch .et_social_icon_yahoobookmarks:before,	.et_monarch .et_social_icon_yahoobookmarks:after 	{ content: "\e62a"; }
.et_monarch .et_social_icon_yahoomail:before,		.et_monarch .et_social_icon_yahoomail:after 		{ content: "\e62b"; }
.et_monarch .et_social_icon_youtube:before,			.et_monarch .et_social_icon_youtube:after 			{ content: "\e62c"; }
.et_monarch .et_social_icon_amazon:before,			.et_monarch .et_social_icon_amazon:after 			{ content: "\e62d"; }
.et_monarch .et_social_icon_delicious:before,		.et_monarch .et_social_icon_delicious:after 		{ content: "\e62e"; }
.et_monarch .et_social_icon_googleplus:before,		.et_monarch .et_social_icon_googleplus:after 		{ content: "\e626"; }
.et_monarch .et_social_icon_instagram:before,		.et_monarch .et_social_icon_instagram:after 		{ content: "\e630"; }
.et_monarch .et_social_icon_linkedin:before,		.et_monarch .et_social_icon_linkedin:after 			{ content: "\e631"; }
.et_monarch .et_social_icon_myspace:before,			.et_monarch .et_social_icon_myspace:after 			{ content: "\e632"; }
.et_monarch .et_social_icon_picassa:before,			.et_monarch .et_social_icon_picassa:after 			{ content: "\e633"; }
.et_monarch .et_social_icon_spotify:before,			.et_monarch .et_social_icon_spotify:after 			{ content: "\e634"; }
.et_monarch .et_social_icon_yahoo:before,			.et_monarch .et_social_icon_yahoo:after 			{ content: "\e635"; }
.et_monarch .et_social_icon_blogger:before,			.et_monarch .et_social_icon_blogger:after 			{ content: "\e636"; }
.et_monarch .et_social_icon_deviantart:before,		.et_monarch .et_social_icon_deviantart:after 		{ content: "\e637"; }
.et_monarch .et_social_icon_dribbble:before,		.et_monarch .et_social_icon_dribbble:after 			{ content: "\e638"; }
.et_monarch .et_social_icon_flickr:before,			.et_monarch .et_social_icon_flickr:after 			{ content: "\e639"; }
.et_monarch .et_social_icon_pinterest:before,		.et_monarch .et_social_icon_pinterest:after 		{ content: "\e63a"; }
.et_monarch .et_social_icon_rss:before ,			.et_monarch .et_social_icon_rss:after 				{ content: "\e63b"; }
.et_monarch .et_social_icon_skype:before,			.et_monarch .et_social_icon_skype:after 			{ content: "\e63c"; }
.et_monarch .et_social_icon_stumbleupon:before,		.et_monarch .et_social_icon_stumbleupon:after 		{ content: "\e63d"; }
.et_monarch .et_social_icon_tumblr:before,			.et_monarch .et_social_icon_tumblr:after 			{ content: "\e63e"; }
.et_monarch .et_social_icon_facebook:before,		.et_monarch .et_social_icon_facebook:after 			{ content: "\e63f"; }
.et_monarch .et_social_icon_twitter:before ,		.et_monarch .et_social_icon_twitter:after 			{ content: "\e640"; }
.et_monarch .et_social_icon_vimeo:before,			.et_monarch .et_social_icon_vimeo:after 			{ content: "\e641"; }
.et_monarch .et_social_icon_wordpress:before,		.et_monarch .et_social_icon_wordpress:after 		{ content: "\e642"; }
.et_monarch .et_social_icon_all_button:before,		.et_monarch .et_social_icon_all_button:after		{ content: "\e64c"; } .et_monarch .et_social_facebook, .et_monarch .et_social_facebook, .et_monarch .et_social_networks.et_social_circle .et_social_facebook i { background-color: #3a579a; }
.et_monarch li.et_social_facebook:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_facebook:hover i { background-color: #314a83; }
.et_monarch .et_social_sidebar_border li.et_social_facebook:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_facebook:hover { border-color: #3a579a; }
.et_monarch .widget_monarchwidget li.et_social_facebook { background-color: #3a579a !important; }
.et_monarch .widget_monarchwidget li.et_social_facebook:hover,.et_monarch .widget_monarchwidget .et_social_circle li.et_social_facebook:hover i { background-color: #314a83 !important; }
.et_monarch .et_social_twitter, .et_monarch .et_social_twitter, .et_monarch .et_social_networks.et_social_circle .et_social_twitter i { background-color: #00abf0; }
.et_monarch .widget_monarchwidget li.et_social_twitter:hover, .et_monarch li.et_social_twitter:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_twitter:hover i { background-color: #0092cc; }
.et_monarch .et_social_sidebar_border li.et_social_twitter:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_twitter:hover { border-color: #00abf0; }
.et_monarch .widget_monarchwidget li.et_social_twitter { background-color: #00abf0 !important; }
.et_monarch .widget_monarchwidget li.et_social_twitter:hover,.et_monarch .widget_monarchwidget .et_social_circle li.et_social_twitter:hover i { background-color: #0092cc !important; }
.et_monarch .et_social_pinterest, .et_monarch .et_social_networks.et_social_circle .et_social_pinterest i { background-color: #cd1c1f; }
.et_monarch li.et_social_pinterest:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_pinterest:hover i { background-color: #ae181a; }
.et_monarch .et_social_sidebar_border li.et_social_pinterest:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_pinterest:hover { border-color: #cd1c1f; }
.et_monarch .widget_monarchwidget li.et_social_pinterest { background-color: #cd1c1f !important; }
.et_monarch .widget_monarchwidget li.et_social_pinterest:hover,.et_monarch .widget_monarchwidget .et_social_circle li.et_social_pinterest:hover i { background-color: #ae181a !important; }
.et_monarch .et_social_googleplus, .et_monarch .et_social_networks.et_social_circle .et_social_googleplus i { background-color: #df4a32; }
.et_monarch li.et_social_googleplus:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_googleplus:hover i { background-color: #be3f2b; }
.et_monarch .et_social_sidebar_border li.et_social_googleplus:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_googleplus:hover { border-color: #df4a32; }
.et_monarch .widget_monarchwidget li.et_social_googleplus { background-color: #df4a32 !important; }
.et_monarch .widget_monarchwidget li.et_social_googleplus:hover,.et_monarch .widget_monarchwidget .et_social_circle li.et_social_googleplus:hover i { background-color: #be3f2b !important; }
.et_monarch .et_social_email, .et_monarch .et_social_networks.et_social_circle .et_social_email i { background-color: #666666; }
.et_monarch li.et_social_email:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_email:hover i { background-color: #575757; }
.et_monarch .et_social_sidebar_border li.et_social_email:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_email:hover { border-color: #666666; }
.et_monarch .widget_monarchwidget li.et_social_email { background-color: #666666 !important; }
.et_monarch .widget_monarchwidget li.et_social_email:hover,.et_monarch .widget_monarchwidget .et_social_circle li.et_social_email:hover i { background-color: #575757 !important; }
.et_monarch .et_social_wordpress, .et_monarch .et_social_networks.et_social_circle .et_social_wordpress i { background-color: #267697; }
.et_monarch li.et_social_wordpress:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_wordpress:hover i { background-color: #206480; }
.et_monarch .et_social_sidebar_border li.et_social_wordpress:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_wordpress:hover { border-color: #267697; }
.et_monarch .widget_monarchwidget li.et_social_wordpress { background-color: #267697 !important; }
.et_monarch .widget_monarchwidget li.et_social_wordpress:hover,.et_monarch .widget_monarchwidget .et_social_circle li.et_social_wordpress:hover i { background-color: #206480 !important; }
.et_monarch .et_social_vimeo, .et_monarch .et_social_networks.et_social_circle .et_social_vimeo i { background-color: #45bbfc; }
.et_monarch li.et_social_vimeo:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_vimeo:hover i { background-color: #3b9fd6; }
.et_monarch .et_social_sidebar_border li.et_social_vimeo:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_vimeo:hover { border-color: #45bbfc; }
.et_monarch .widget_monarchwidget li.et_social_vimeo { background-color: #45bbfc !important; }
.et_monarch .widget_monarchwidget li.et_social_vimeo:hover,.et_monarch .widget_monarchwidget .et_social_circle li.et_social_vimeo:hover i { background-color: #3b9fd6 !important; }
.et_monarch .et_social_skype, .et_monarch .et_social_networks.et_social_circle .et_social_skype i { background-color: #1ba5f4; }
.et_monarch li.et_social_skype:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_skype:hover i { background-color: #178cd0; }
.et_monarch .et_social_sidebar_border li.et_social_skype:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_skype:hover { border-color: #1ba5f4; }
.et_monarch .widget_monarchwidget li.et_social_skype { background-color: #1ba5f4 !important; }
.et_monarch .widget_monarchwidget li.et_social_skype:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_skype:hover i { background-color: #178cd0 !important; }
.et_monarch .et_social_tumblr, .et_monarch .et_social_networks.et_social_circle .et_social_tumblr i { background-color: #32506d; }
.et_monarch li.et_social_tumblr:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_tumblr:hover i { background-color: #2b445d; }
.et_monarch .et_social_sidebar_border li.et_social_tumblr:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_tumblr:hover { border-color: #32506d; }
.et_monarch .widget_monarchwidget li.et_social_tumblr { background-color: #32506d !important; }
.et_monarch .widget_monarchwidget li.et_social_tumblr:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_tumblr:hover i { background-color: #2b445d !important; }
.et_monarch .et_social_dribbble, .et_monarch .et_social_networks.et_social_circle .et_social_dribbble i { background-color: #ea4c8d; }
.et_monarch li.et_social_dribbble:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_dribbble:hover i { background-color: #c74178; }
.et_monarch .et_social_sidebar_border li.et_social_dribbble:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_dribbble:hover { border-color: #ea4c8d; }
.et_monarch .widget_monarchwidget li.et_social_dribbble { background-color: #ea4c8d !important; }
.et_monarch .widget_monarchwidget li.et_social_dribbble:hover,.et_monarch .widget_monarchwidget .et_social_circle li.et_social_dribbble:hover i { background-color: #c74178 !important; }
.et_monarch .et_social_flickr, .et_monarch .et_social_networks.et_social_circle .et_social_flickr i { background-color: #fc1684; }
.et_monarch li.et_social_flickr:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_flickr:hover i { background-color: #d61370; }
.et_monarch .et_social_sidebar_border li.et_social_flickr:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_flickr:hover { border-color: #fc1684; }
.et_monarch .widget_monarchwidget li.et_social_flickr { background-color: #fc1684 !important; }
.et_monarch .widget_monarchwidget li.et_social_flickr:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_flickr:hover i { background-color: #d61370 !important; }
.et_monarch .et_social_stumbleupon, .et_monarch .et_social_networks.et_social_circle .et_social_stumbleupon i { background-color: #ea4b24; }
.et_monarch li.et_social_stumbleupon:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_stumbleupon:hover i { background-color: #c7401f; }
.et_monarch .et_social_sidebar_border li.et_social_stumbleupon:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_stumbleupon:hover { border-color: #ea4b24; }
.et_monarch .widget_monarchwidget li.et_social_stumbleupon { background-color: #ea4b24 !important; }
.et_monarch .widget_monarchwidget li.et_social_stumbleupon:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_stumbleupon:hover i { background-color: #c7401f !important; }
.et_monarch .et_social_deviantart, .et_monarch .et_social_networks.et_social_circle .et_social_deviantart i { background-color: #566c68; }
.et_monarch li.et_social_deviantart:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_deviantart:hover i { background-color: #495c59; }
.et_monarch .et_social_sidebar_border li.et_social_deviantart:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_deviantart:hover { border-color: #566c68; }
.et_monarch .widget_monarchwidget li.et_social_deviantart { background-color: #566c68 !important; }
.et_monarch .widget_monarchwidget li.et_social_deviantart:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_deviantart:hover i { background-color: #495c59 !important; }
.et_monarch .et_social_rss, .et_monarch .et_social_networks.et_social_circle .et_social_rss i { background-color: #f59038; }
.et_monarch li.et_social_rss:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_rss:hover i { background-color: #d07b30; }
.et_monarch .et_social_sidebar_border li.et_social_rss:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_rss:hover { border-color: #f59038; }
.et_monarch .widget_monarchwidget li.et_social_rss { background-color: #f59038 !important; }
.et_monarch .widget_monarchwidget li.et_social_rss:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_rss:hover i { background-color: #d07b30 !important; }
.et_monarch .et_social_blogger, .et_monarch .et_social_networks.et_social_circle .et_social_blogger i { background-color: #f59038; }
.et_monarch li.et_social_blogger:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_blogger:hover i { background-color: #d07b30; }
.et_monarch .et_social_sidebar_border li.et_social_blogger:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_blogger:hover { border-color: #f59038; }
.et_monarch .widget_monarchwidget li.et_social_blogger { background-color: #f59038 !important; }
.et_monarch .widget_monarchwidget li.et_social_blogger:hover, .et_monarch .widget_monarchwidget li.et_social_blogger:hover i { background-color: #d07b30 !important; }
.et_monarch .et_social_picassa, .et_monarch .et_social_networks.et_social_circle .et_social_picassa i { background-color: #9864ae; }
.et_monarch li.et_social_picassa:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_picassa:hover i { background-color: #815594; }
.et_monarch .et_social_sidebar_border li.et_social_picassa:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_picassa:hover { border-color: #9864ae; }
.et_monarch .widget_monarchwidget li.et_social_picassa { background-color: #9864ae !important; }
.et_monarch .widget_monarchwidget li.et_social_picassa:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_picassa:hover i { background-color: #815594 !important; }
.et_monarch .et_social_spotify, .et_monarch .et_social_networks.et_social_circle .et_social_spotify i { background-color: #aecf29; }
.et_monarch li.et_social_spotify:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_spotify:hover i { background-color: #94b023; }
.et_monarch .et_social_sidebar_border li.et_social_spotify:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_spotify:hover { border-color: #aecf29; }
.et_monarch .widget_monarchwidget li.et_social_spotify { background-color: #aecf29 !important; }
.et_monarch .widget_monarchwidget li.et_social_spotify:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_spotify:hover i { background-color: #94b023 !important; }
.et_monarch .et_social_instagram, .et_monarch .et_social_networks.et_social_circle .et_social_instagram i { background-color: #517fa4; }
.et_monarch li.et_social_instagram:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_instagram:hover i { background-color: #456c8c; }
.et_monarch .et_social_sidebar_border li.et_social_instagram:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_instagram:hover { border-color: #517fa4; }
.et_monarch .widget_monarchwidget li.et_social_instagram { background-color: #517fa4 !important; }
.et_monarch .widget_monarchwidget li.et_social_instagram:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_instagram:hover i { background-color: #456c8c !important; }
.et_monarch .et_social_myspace, .et_monarch .et_social_networks.et_social_circle .et_social_myspace i { background-color: #3a5998; }
.et_monarch li.et_social_myspace:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_myspace:hover i { background-color: #314c81; }
.et_monarch .et_social_sidebar_border li.et_social_myspace:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_myspace:hover { border-color: #3a5998; }
.et_monarch .widget_monarchwidget li.et_social_myspace { background-color: #3a5998 !important; }
.et_monarch .widget_monarchwidget li.et_social_myspace:hover,.et_monarch .widget_monarchwidget .et_social_circle li.et_social_myspace:hover i { background-color: #314c81 !important; }
.et_monarch .et_social_delicious, .et_monarch .et_social_networks.et_social_circle .et_social_delicious i { background-color: #3398fc; }
.et_monarch li.et_social_delicious:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_delicious:hover i { background-color: #2b81d6; }
.et_monarch .et_social_sidebar_border li.et_social_delicious:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_delicious:hover { border-color: #3398fc; }
.et_monarch .widget_monarchwidget li.et_social_delicious { background-color: #3398fc !important; }
.et_monarch .widget_monarchwidget li.et_social_delicious:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_delicious:hover i { background-color: #2b81d6 !important; }
.et_monarch .et_social_linkedin, .et_monarch .et_social_networks.et_social_circle .et_social_linkedin i { background-color: #127bb6; }
.et_monarch li.et_social_linkedin:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_linkedin:hover i { background-color: #0f699b; }
.et_monarch .et_social_sidebar_border li.et_social_linkedin:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_linkedin:hover { border-color: #127bb6; }
.et_monarch .widget_monarchwidget li.et_social_linkedin { background-color: #127bb6 !important; }
.et_monarch .widget_monarchwidget li.et_social_linkedin:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_linkedin:hover i { background-color: #0f699b !important; }
.et_monarch .et_social_yahoo, .et_monarch .et_social_networks.et_social_circle .et_social_yahoo i { background-color: #511295; }
.et_monarch li.et_social_yahoo:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_yahoo:hover i { background-color: #450f7f; }
.et_monarch .et_social_sidebar_border li.et_social_yahoo:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_yahoo:hover { border-color: #511295; }
.et_monarch .widget_monarchwidget li.et_social_yahoo { background-color: #511295 !important; }
.et_monarch .widget_monarchwidget li.et_social_yahoo:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_yahoo:hover { background-color: #450f7f !important; }
.et_monarch .et_social_yahoomail, .et_monarch .et_social_networks.et_social_circle .et_social_yahoomail i { background-color: #511295; }
.et_monarch li.et_social_yahoomail:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_yahoomail:hover i { background-color: #450f7f; }
.et_monarch .et_social_sidebar_border li.et_social_yahoomail:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_yahoomail:hover { border-color: #511295; }
.et_monarch .widget_monarchwidget li.et_social_yahoomail { background-color: #511295 !important; }
.et_monarch .widget_monarchwidget li.et_social_yahoomail:hover,.et_monarch .widget_monarchwidget .et_social_circle li.et_social_yahoomail:hover i { background-color: #450f7f !important; }
.et_monarch .et_social_yahoobookmarks, .et_monarch .et_social_networks.et_social_circle .et_social_yahoobookmarks i { background-color: #511295; }
.et_monarch li.et_social_yahoobookmarks:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_yahoobookmarks:hover i { background-color: #450f7f; }
.et_monarch .et_social_sidebar_border li.et_social_yahoobookmarks:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_yahoobookmarks:hover { border-color: #511295; }
.et_monarch .widget_monarchwidget li.et_social_yahoobookmarks { background-color: #511295 !important; }
.et_monarch .widget_monarchwidget li.et_social_yahoobookmarks:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_yahoobookmarks:hover i { background-color: #450f7f !important; }
.et_monarch .et_social_amazon, .et_monarch .et_social_networks.et_social_circle .et_social_amazon i { background-color: #222222; }
.et_monarch li.et_social_amazon:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_amazon:hover i { background-color: #000000; }
.et_monarch .et_social_sidebar_border li.et_social_amazon:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_amazon:hover { border-color: #222222; }
.et_monarch .widget_monarchwidget li.et_social_amazon { background-color: #222222 !important; }
.et_monarch .widget_monarchwidget li.et_social_amazon:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_amazon:hover i { background-color: #000000 !important; }
.et_monarch .et_social_aol, .et_monarch .et_social_networks.et_social_circle .et_social_aol i { background-color: #222222; }
.et_monarch li.et_social_aol:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_aol:hover i { background-color: #000000; }
.et_monarch .et_social_sidebar_border li.et_social_aol:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_aol:hover { border-color: #222222; }
.et_monarch .widget_monarchwidget li.et_social_aol { background-color: #222222 !important; }
.et_monarch .widget_monarchwidget li.et_social_aol:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_aol:hover i { background-color: #000000 !important; }
.et_monarch .et_social_buffer, .et_monarch .et_social_networks.et_social_circle .et_social_buffer i { background-color: #222222; }
.et_monarch li.et_social_buffer:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_buffer:hover i { background-color: #000000; }
.et_monarch .et_social_sidebar_border li.et_social_buffer:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_buffer:hover { border-color: #222222; }
.et_monarch .widget_monarchwidget li.et_social_buffer { background-color: #222222 !important; }
.et_monarch .widget_monarchwidget li.et_social_buffer:hover,.et_monarch .widget_monarchwidget .et_social_circle li.et_social_buffer:hover i { background-color: #000000 !important; }
.et_monarch .et_social_printfriendly, .et_monarch .et_social_networks.et_social_circle .et_social_printfriendly i { background-color: #75aa33; }
.et_monarch li.et_social_printfriendly:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_printfriendly:hover i { background-color: #64912b; }
.et_monarch .et_social_sidebar_border li.et_social_printfriendly:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_printfriendly:hover { border-color: #75aa33; }
.et_monarch .widget_monarchwidget li.et_social_printfriendly { background-color: #75aa33 !important; }
.et_monarch .widget_monarchwidget li.et_social_printfriendly:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_printfriendly:hover i { background-color: #64912b !important; }
.et_monarch .et_social_youtube, .et_monarch .et_social_networks.et_social_circle .et_social_youtube i { background-color: #a8240f; }
.et_monarch li.et_social_youtube:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_youtube:hover i { background-color: #8f1f0d; }
.et_monarch .et_social_sidebar_border li.et_social_youtube:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_youtube:hover { border-color: #a8240f; }
.et_monarch .widget_monarchwidget li.et_social_youtube { background-color: #a8240f !important; }
.et_monarch .widget_monarchwidget li.et_social_youtube:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_youtube:hover i { background-color: #8f1f0d !important; }
.et_monarch .et_social_google, .et_monarch .et_social_networks.et_social_circle .et_social_google i { background-color: #3b7ae0; }
.et_monarch li.et_social_google:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_google:hover i { background-color: #3268bf; }
.et_monarch .et_social_sidebar_border li.et_social_google:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_google:hover { border-color: #3b7ae0; }
.et_monarch .widget_monarchwidget li.et_social_google { background-color: #3b7ae0 !important; }
.et_monarch .widget_monarchwidget li.et_social_google:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_google:hover i { background-color: #3268bf !important; }
.et_monarch .et_social_gmail, .et_monarch .et_social_networks.et_social_circle .et_social_gmail i { background-color: #dd4b39; }
.et_monarch li.et_social_gmail:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_gmail:hover i { background-color: #bc4031; }
.et_monarch .et_social_sidebar_border li.et_social_gmail:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_gmail:hover { border-color: #dd4b39; }
.et_monarch .widget_monarchwidget li.et_social_gmail { background-color: #dd4b39 !important; }
.et_monarch .widget_monarchwidget li.et_social_gmail:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_gmail:hover { background-color: #bc4031 !important; }
.et_monarch .et_social_reddit, .et_monarch .et_social_networks.et_social_circle .et_social_reddit i { background-color: #fc461e; }
.et_monarch li.et_social_reddit:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_reddit:hover i { background-color: #d63c1a; }
.et_monarch .et_social_sidebar_border li.et_social_reddit:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_reddit:hover { border-color: #fc461e; }
.et_monarch .widget_monarchwidget li.et_social_reddit { background-color: #fc461e !important; }
.et_monarch .widget_monarchwidget li.et_social_reddit:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_reddit:hover i { background-color: #d63c1a !important; }
.et_monarch .et_social_vkontakte, .et_monarch .et_social_networks.et_social_circle .et_social_vkontakte i { background-color: #4c75a3; }
.et_monarch li.et_social_vkontakte:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_vkontakte:hover i { background-color: #41648b; }
.et_monarch .et_social_sidebar_border li.et_social_vkontakte:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_vkontakte:hover { border-color: #4c75a3; }
.et_monarch .widget_monarchwidget li.et_social_vkontakte { background-color: #4c75a3 !important; }
.et_monarch .widget_monarchwidget li.et_social_vkontakte:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_vkontakte:hover i { background-color: #41648b !important; }
.et_monarch .et_social_newsvine, .et_monarch .et_social_networks.et_social_circle .et_social_newsvine i { background-color: #0d642e; }
.et_monarch li.et_social_newsvine:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_newsvine:hover i { background-color: #0b5527; }
.et_monarch .et_social_sidebar_border li.et_social_newsvine:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_newsvine:hover { border-color: #0d642e; }
.et_monarch .widget_monarchwidget li.et_social_newsvine { background-color: #0d642e !important; }
.et_monarch .widget_monarchwidget li.et_social_newsvine:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_newsvine:hover i { background-color: #0b5527 !important; }
.et_monarch .et_social_netvibes, .et_monarch .et_social_networks.et_social_circle .et_social_netvibes i { background-color: #5dbc22; }
.et_monarch li.et_social_netvibes:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_netvibes:hover i { background-color: #4fa01d; }
.et_monarch .et_social_sidebar_border li.et_social_netvibes:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_netvibes:hover { border-color: #5dbc22; }
.et_monarch .widget_monarchwidget li.et_social_netvibes { background-color: #5dbc22 !important; }
.et_monarch .widget_monarchwidget li.et_social_netvibes:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_netvibes:hover i { background-color: #4fa01d !important; }
.et_monarch .et_social_hackernews, .et_monarch .et_social_networks.et_social_circle .et_social_hackernews i { background-color: #f08641; }
.et_monarch li.et_social_hackernews:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_hackernews:hover i { background-color: #cc7237; }
.et_monarch .et_social_sidebar_border li.et_social_hackernews:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_hackernews:hover { border-color: #f08641; }
.et_monarch .widget_monarchwidget li.et_social_hackernews { background-color: #f08641 !important; }
.et_monarch .widget_monarchwidget li.et_social_hackernews:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_hackernews:hover i { background-color: #cc7237 !important; }
.et_monarch .et_social_evernote, .et_monarch .et_social_networks.et_social_circle .et_social_evernote i { background-color: #7cbf4b; }
.et_monarch li.et_social_evernote:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_evernote:hover i { background-color: #6aa340; }
.et_monarch .et_social_sidebar_border li.et_social_evernote:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_evernote:hover { border-color: #7cbf4b; }
.et_monarch .widget_monarchwidget li.et_social_evernote { background-color: #7cbf4b !important; }
.et_monarch .widget_monarchwidget li.et_social_evernote:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_evernote:hover i { background-color: #6aa340 !important; }
.et_monarch .et_social_digg, .et_monarch .et_social_networks.et_social_circle .et_social_digg i { background-color: #546b9f; }
.et_monarch li.et_social_digg:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_digg:hover i { background-color: #475b87; }
.et_monarch .et_social_sidebar_border li.et_social_digg:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_digg:hover { border-color: #546b9f; }
.et_monarch .widget_monarchwidget li.et_social_digg { background-color: #546b9f !important; }
.et_monarch .widget_monarchwidget li.et_social_digg:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_digg:hover i { background-color: #475b87 !important; }
.et_monarch .et_social_box, .et_monarch .et_social_networks.et_social_circle .et_social_box i { background-color: #1482c3; }
.et_monarch li.et_social_box:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_box:hover i { background-color: #116fa6; }
.et_monarch .et_social_sidebar_border li.et_social_box:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_box:hover { border-color: #1482c3; }
.et_monarch .widget_monarchwidget li.et_social_box { background-color: #1482c3 !important; }
.et_monarch .widget_monarchwidget li.et_social_box:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_box:hover i { background-color: #116fa6 !important; }
.et_monarch .et_social_baidu, .et_monarch .et_social_networks.et_social_circle .et_social_baidu i { background-color: #2b3bdd; }
.et_monarch li.et_social_baidu:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_baidu:hover i { background-color: #2532bc; }
.et_monarch .et_social_sidebar_border li.et_social_baidu:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_baidu:hover { border-color: #2b3bdd; }
.et_monarch .widget_monarchwidget li.et_social_baidu { background-color: #2b3bdd !important; }
.et_monarch .widget_monarchwidget li.et_social_baidu:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_baidu:hover i { background-color: #2532bc !important; }
.et_monarch .et_social_livejournal, .et_monarch .et_social_networks.et_social_circle .et_social_livejournal i { background-color: #336697; }
.et_monarch li.et_social_livejournal:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_livejournal:hover i { background-color: #2b5780; }
.et_monarch .et_social_sidebar_border li.et_social_livejournal:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_livejournal:hover { border-color: #336697; }
.et_monarch .widget_monarchwidget li.et_social_livejournal { background-color: #336697 !important; }
.et_monarch .widget_monarchwidget li.et_social_livejournal:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_livejournal:hover i { background-color: #2b5780 !important; }
.et_monarch .et_social_github, .et_monarch .et_social_networks.et_social_circle .et_social_github i { background-color: #4183c4; }
.et_monarch li.et_social_github:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_github:hover i { background-color: #376fa7; }
.et_monarch .et_social_sidebar_border li.et_social_github:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_github:hover { border-color: #4183c4; }
.et_monarch .widget_monarchwidget li.et_social_github { background-color: #4183c4 !important; }
.et_monarch .widget_monarchwidget li.et_social_github:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_github:hover i { background-color: #376fa7 !important; }
.et_monarch .et_social_outlook, .et_monarch .et_social_networks.et_social_circle .et_social_outlook i { background-color: #1174c3; }
.et_monarch li.et_social_outlook:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_outlook:hover i { background-color: #0e63a6; }
.et_monarch .et_social_sidebar_border li.et_social_outlook:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_outlook:hover { border-color: #1174c3; }
.et_monarch .widget_monarchwidget li.et_social_outlook { background-color: #1174c3 !important; }
.et_monarch .widget_monarchwidget li.et_social_outlook:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_outlook:hover i { background-color: #0e63a6 !important; }
.et_monarch .et_social_blinklist, .et_monarch .et_social_networks.et_social_circle .et_social_blinklist i { background-color: #fc6d21; }
.et_monarch li.et_social_blinklist:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_blinklist:hover i { background-color: #d65d1c; }
.et_monarch .et_social_sidebar_border li.et_social_blinklist:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_blinklist:hover { border-color: #fc6d21; }
.et_monarch .widget_monarchwidget li.et_social_blinklist { background-color: #fc6d21 !important; }
.et_monarch .widget_monarchwidget li.et_social_blinklist:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_blinklist:hover i { background-color: #d65d1c !important; }
.et_monarch .et_social_aweber, .et_monarch .et_social_networks.et_social_circle .et_social_aweber i { background-color: #127bbf; }
.et_monarch li.et_social_aweber:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_aweber:hover i { background-color: #0f69a3; }
.et_monarch .et_social_sidebar_border li.et_social_aweber:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_aweber:hover { border-color: #127bbf; }
.et_monarch .widget_monarchwidget li.et_social_aweber { background-color: #127bbf !important; }
.et_monarch .widget_monarchwidget li.et_social_aweber:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_aweber:hover i { background-color: #0f69a3 !important; }
.et_monarch .et_social_mailchimp, .et_monarch .et_social_networks.et_social_circle .et_social_mailchimp i { background-color: #3283bf; }
.et_monarch li.et_social_mailchimp:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_mailchimp:hover i { background-color: #2b6fa3; }
.et_monarch .et_social_sidebar_border li.et_social_mailchimp:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_mailchimp:hover { border-color: #3283bf; }
.et_monarch .widget_monarchwidget li.et_social_mailchimp { background-color: #3283bf !important; }
.et_monarch .widget_monarchwidget li.et_social_mailchimp:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_mailchimp:hover i { background-color: #2b6fa3 !important; }
.et_monarch .et_social_soundcloud, .et_monarch .et_social_networks.et_social_circle .et_social_soundcloud i { background-color: #f0601e; }
.et_monarch li.et_social_soundcloud:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_soundcloud:hover i { background-color: #cc521a; }
.et_monarch .et_social_sidebar_border li.et_social_soundcloud:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_soundcloud:hover { border-color: #f0601e; }
.et_monarch .widget_monarchwidget li.et_social_soundcloud { background-color: #f0601e !important; }
.et_monarch .widget_monarchwidget li.et_social_soundcloud:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_soundcloud:hover i { background-color: #cc521a !important; }
.et_monarch .et_social_print, .et_monarch .et_social_networks.et_social_circle .et_social_print i { background-color: #333333; }
.et_monarch li.et_social_print:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_print:hover i { background-color: #2b2b2b; }
.et_monarch .et_social_sidebar_border li.et_social_print:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_print:hover { border-color: #333333; }
.et_monarch .widget_monarchwidget li.et_social_print { background-color: #333333 !important; }
.et_monarch .widget_monarchwidget li.et_social_print:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_print:hover i { background-color: #2b2b2b !important; }
.et_monarch .et_social_like, .et_monarch .et_social_networks.et_social_circle .et_social_like i { background-color: #f95149; }
.et_monarch li.et_social_like:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_like:hover i { background-color: #d4453e; }
.et_monarch .et_social_sidebar_border li.et_social_like:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_like:hover { border-color: #f95149; }
.et_monarch .widget_monarchwidget li.et_social_like { background-color: #f95149 !important; }
.et_monarch .widget_monarchwidget li.et_social_like:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_like:hover i { background-color: #d4453e !important; }
.et_monarch .et_social_behance, .et_monarch .et_social_networks.et_social_circle .et_social_behance i { background-color: #1769ff; }
.et_monarch li.et_social_behance:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_behance:hover i { background-color: #1459d9; }
.et_monarch .et_social_sidebar_border li.et_social_behance:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li.et_social_behance:hover { border-color: #1769ff; }
.et_monarch .widget_monarchwidget li.et_social_behance { background-color: #1769ff !important; }
.et_monarch .widget_monarchwidget li.et_social_behance:hover, .et_monarch .widget_monarchwidget .et_social_circle li.et_social_behance:hover i { background-color: #1459d9 !important; }
.et_monarch .et_social_all_button, .et_monarch .et_social_networks.et_social_circle .et_social_all_button i { background-color: #dedede; }
.et_monarch li.et_social_all_button:hover, .et_monarch .et_social_networks.et_social_circle li.et_social_all_button:hover i { background-color: #d1d1d1; }
.et_monarch li.et_social_all_button i.et_social_icon_all_button, .et_monarch .et_social_sidebar_networks li.et_social_all_button:hover i.et_social_icon_all_button { color: #777777; }
.et_monarch .et_social_sidebar_border li.et_social_all_button:hover { border-color: #bfbfbf; }
.et_monarch .et_social_sidebar_networks .et_social_icons_container li:hover i, .et_monarch .et_social_sidebar_networks .et_social_icons_container li:hover .et_social_count, .et_monarch .et_social_mobile .et_social_icons_container li:hover i, .et_monarch .widget_monarchwidget .et_social_icons_container li:hover .et_social_icon, .et_monarch .widget_monarchwidget .et_social_networks .et_social_icons_container li:hover .et_social_network_label, .et_monarch .widget_monarchwidget .et_social_icons_container li:hover .et_social_sidebar_count { color: #ffffff; }
.widget_monarchwidget li, .et_monarch .widget_text .et_social_networks li { background-image: none !important; list-style: none; padding: 0 !important; margin-bottom: 0 !important; border: none !important;}
.widget_monarchwidget li, .et_monarch .widget_monarchwidget li:after { border: none !important; }
.widget_monarchwidget li:before { display: none; }
.et_monarch .widget_monarchwidget .et_social_networks.et_social_circle ul li { background-color: transparent !important; }   .et_monarch .et_social_header { text-align: left; margin-bottom: 25px; }
.et_monarch .et_social_flyin { position: fixed; width: 320px; background-color: #FFF; padding: 30px 20px; bottom: 0; height: auto; opacity: 0; z-index: -1; box-shadow: 0 0 15px rgba(0,0,0,.1); }
.et_monarch .et_social_flyin .et_social_networks { overflow: auto; }
.et_monarch .et_social_flyin a.et_social_icon_cancel, .et_monarch .et_social_popup_content a.et_social_icon_cancel { position: absolute; top: 15px; right: 15px; color: #666; }
.et_monarch .et_social_flyin .et_social_icon:after, .et_monarch .et_social_popup .et_social_icon:after { display: block; }
.et_monarch .et_social_flyin_bottom_right { right: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; }
.et_monarch .et_social_flyin_bottom_left { left: 0; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; }   .et_monarch .et_social_popup_content { padding: 25px 20px; background-color: #fff; text-align: left; width: 84%; max-width: 600px; position: fixed; z-index: 999999999; left: 50%; margin-left: -320px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2); }
.et_monarch .et_social_popup:after { content: ""; background-color: rgba(0,0,0,.6); top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 99999999; display: block; opacity: 0; }
.et_monarch .et_social_popup.et_social_animated:after { opacity: 1; -webkit-animation: et_social_fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: et_social_fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: et_social_fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); animation: et_social_fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); }
.et_monarch .et_social_popup_content .et_social_networks { overflow: auto; }
.et_monarch .et_social_fadeout { opacity: 0; -webkit-animation: et_social_fadeOut 1s 1 cubic-bezier(0.77,0,.175,1) !important; -moz-animation: et_social_fadeOut 1s 1 cubic-bezier(0.77,0,.175,1) !important; -o-animation: et_social_fadeOut 1s 1 cubic-bezier(0.77,0,.175,1) !important; animation: et_social_fadeOut 1s 1 cubic-bezier(0.77,0,.175,1) !important; }    .et_monarch .et_social_networkname { word-break: break-all; }
.et_monarch .et_social_icon, .et_monarch .et_social_sidebar_networks .et_social_count { position: relative; z-index: 100; }
.et_monarch .et_social_networks span.et_social_overlay { height:100%; width: 100%; background-color: rgba( 0, 0, 0, 0.1 ); bottom: 0; left: 0; z-index: 1; position: absolute; }
.et_monarch .et_social_inline_top { margin-bottom: 40px; }
.et_monarch .et_social_inline_bottom { margin-top: 40px; }
.et_monarch .et_social_networks.et_social_left .et_social_count, .et_monarch .et_social_networks.et_social_left .et_social_networkname { line-height: 1em; display: inline-block; }
.widget_monarchwidget { width: auto; float: none !important; }
.et_monarch .et_social_networks { width: 100%; display: inline-block; }
.et_monarch .et_social_networks .et_social_icons_container { padding: 0 !important; margin: 0 !important; line-height: 1em !important; display: inline-block; width: inherit; }
.et_monarch .et_social_networks li, .et_monarch .widget_monarchwidget .et_social_networks li, .et_monarch .widget .et_social_networks li, .et_monarch .widget_text .et_social_networks li { float: left; position: relative; margin: 2% 0 0 2%; overflow: hidden; min-height: 40px; line-height: 0; }
.et_monarch .textwidget .et_social_networks li { margin-bottom: 0; }
.et_monarch .et_social_networks li a { line-height: 0; }
.et_monarch .et_social_networks.et_social_nospace li { margin: 0 !important; }
.et_monarch .et_social_networks li, .et_monarch .et_social_networks li a, .et_monarch .et_social_icon { display: block; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.et_monarch .et_social_networks div.et_social_network_label { font-size: 14px; }
.et_monarch .et_social_networks div.et_social_count .et_social_count_label { font-size: 12px; font-weight: 400; }
.et_monarch .et_social_networks div, .et_monarch .et_social_networks span, .et_monarch .et_social_networks li i { position: relative; z-index: 2; }
.et_monarch .et_social_networks .et_social_icon, .et_monarch .et_social_networks .et_social_icon:before, .et_monarch .et_social_networks .et_social_icon:after { width: 40px; height: 40px; line-height: 40px; display: inline-block; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
.et_monarch .et_social_networks .et_social_networkname, .et_monarch .et_social_networks .et_social_count span { font-weight: 700; }
.et_monarch .et_social_networkname, .et_monarch .et_social_count { display: none; }
.et_monarch .et_social_withnetworknames .et_social_networkname, .et_monarch .et_social_withcounts .et_social_count, .et_monarch .et_social_sidebar_withcounts .et_social_count { display: inherit; }
.et_monarch .et_social_networks.et_social_left i.et_social_icon.et_social_icon_all_button { float: none !important; }
.et_social_open_all span.et_social_overlay { margin: 0 !important; }
.et_monarch .et_social_networks .et_social_all_button i.et_social_icon.et_social_icon_all_button:after, .et_monarch .et_social_networks .et_social_all_button i.et_social_icon.et_social_icon_all_button:before { width: 100%; }
.et_monarch .et_social_slide.et_social_left .et_social_all_button i.et_social_icon.et_social_icon_all_button:after { left: -100%; }
.et_monarch .et_social_slide.et_social_left li.et_social_all_button:hover i.et_social_icon.et_social_icon_all_button:after { left: 0; }
.et_monarch .et_social_slide.et_social_left li:hover i.et_social_icon.et_social_icon_all_button:before { margin-left: 100% !important; }
.et_monarch .et_social_flip.et_social_left li.et_social_all_button:hover i.et_social_icon.et_social_icon_all_button:before { width: 110% !important; }
.et_monarch li.et_social_all_button { padding: 0; text-align: center; }
.et_monarch .et_social_circle li.et_social_all_button { padding: 0; text-align: left; }
.et_monarch .et_social_top.et_social_rectangle.et_social_withcounts li.et_social_all_button a.et_social_open_all, .et_monarch .et_social_top.et_social_rounded.et_social_withcounts li.et_social_all_button a.et_social_open_all { padding: 22px 0 !important; }
.et_monarch .et_social_top.et_social_rectangle.et_social_withnetworknames li.et_social_all_button a.et_social_open_all, .et_monarch .et_social_top.et_social_rounded.et_social_withnetworknames li.et_social_all_button a.et_social_open_all { padding: 21px 0 !important; }
.et_monarch .et_social_top.et_social_rectangle.et_social_withnetworknames.et_social_withcounts li.et_social_all_button a.et_social_open_all, .et_monarch .et_social_top.et_social_rounded.et_social_withnetworknames.et_social_withcounts li.et_social_all_button a.et_social_open_all { padding: 33px 0 !important; } .et_monarch .et_social_nototalcount .et_social_totalcount { display: none; }
.et_monarch .et_social_withtotalcount .et_social_totalcount { display: block; }
.et_monarch .et_social_networks .et_social_totalcount, .et_monarch .et_social_sidebar_networks_mobile .et_social_totalcount { text-align: left; color: #444; margin-bottom: 10px; }
.et_monarch .et_social_networks.et_social_sidebar_nocounts .et_social_totalcount { width: 40px; }
.et_monarch .et_social_networks.et_social_sidebar_withcounts .et_social_totalcount, .et_monarch .et_social_networks.et_social_sidebar_flip .et_social_totalcount { width: 50px; }
.et_monarch .et_social_networks .et_social_totalcount_count, .et_monarch .et_social_sidebar_networks_mobile .et_social_totalcount_count { display: inline-block; font-size: 20px; font-weight: 700; line-height: 20px; }
.et_monarch .et_social_networks .et_social_totalcount_label, .et_monarch .et_social_sidebar_networks_mobile .et_social_totalcount_label { display: inline-block; font-size: 14px; margin-left: 4px; }
.et_monarch .et_social_withtotalcount .et_social_totalcount.et_social_dark, .et_monarch .et_social_networks.et_social_circle.et_social_outer_dark li .et_social_network_label, .et_monarch .et_social_networks.et_social_circle.et_social_outer_dark li .et_social_networkname, .et_monarch .et_social_networks.et_social_circle.et_social_outer_dark li .et_social_count, .et_monarch .et_social_networks.et_social_circle.et_social_outer_dark li:hover .et_social_count, .et_monarch .et_social_networks.et_social_circle.et_social_outer_dark li:hover .et_social_networkname, .et_monarch .et_social_media .et_social_circle.et_social_outer_dark .et_social_icons_container li:hover .et_social_count { color: #444 !important; }
.et_monarch .et_social_withtotalcount .et_social_totalcount.et_social_light, .et_monarch .et_social_networks.et_social_circle.et_social_outer_light li .et_social_network_label, .et_monarch .et_social_networks.et_social_circle.et_social_outer_light li .et_social_networkname, .et_monarch .et_social_networks.et_social_circle.et_social_outer_light li .et_social_count, .et_monarch .et_social_networks.et_social_circle.et_social_outer_light li:hover .et_social_count, .et_monarch .et_social_networks.et_social_circle.et_social_outer_light li:hover .et_social_networkname, .et_monarch .et_social_media .et_social_circle.et_social_outer_light .et_social_icons_container li:hover .et_social_count { color: #fff !important; }
.et_monarch .et_social_outer_dark .et_social_totalcount, .et_monarch .et_social_outer_dark.et_social_circle .et_social_network_label { color: #444; }
.et_monarch .et_social_outer_light .et_social_totalcount, .et_monarch .et_social_outer_light.et_social_circle .et_social_network_label { color: #fff; }    .et_monarch .et_social_darken.et_social_top li:hover .et_social_icon, .et_monarch .et_social_darken.et_social_left li:hover .et_social_overlay, .et_monarch .et_social_darken.et_social_circle li:hover .et_social_icon:before, .et_monarch .et_social_slide.et_social_top li:hover .et_social_icon { background-color: rgba( 0, 0, 0, 0.2 ); }
.et_monarch .et_social_darken.et_social_top li.et_social_all_button:hover .et_social_icon, .et_monarch .et_social_darken.et_social_left li.et_social_all_button:hover .et_social_overlay { background-color: transparent; } .et_monarch .et_social_flip li { min-width: 40px; }
.et_monarch .et_social_flip li a, .et_monarch .et_social_flip li .et_social_share { border-left: 0 solid rgba( 0, 0, 0, 0.2 ); }
.et_monarch .et_social_flip.et_social_top.et_social_autowidth li a { border-left: 8px solid rgba( 0, 0, 0, 0 ); padding: 10px 18px 10px 10px; }
.et_monarch .et_social_flip.et_social_top.et_social_autowidth li.et_social_all_button a.et_social_open_all { padding-right: 8px !important; }
.et_monarch .et_social_flip.et_social_top li:hover a, .et_monarch .et_social_media_wrapper .et_social_flip.et_social_top li:hover .et_social_share { border-left: 8px solid rgba( 0, 0, 0, 0.1 ); }
.et_monarch .et_social_flip.et_social_left li:hover .et_social_network_label, .et_monarch .et_social_flip.et_social_left li:hover .et_social_overlay { margin: 0 0 0 50px;}
.et_monarch .et_social_flip.et_social_left li:hover .et_social_icon:before { width: 50px; }
.et_monarch .et_social_flip.et_social_left.et_social_autowidth li:hover .et_social_network_label, .et_monarch .et_social_flip.et_social_left.et_social_autowidth li:hover .et_social_overlay { margin: 0 0 0 45px;}
.et_monarch .et_social_flip.et_social_left.et_social_autowidth li:hover .et_social_icon:before { width: 45px; }
.et_monarch .et_social_flip.et_social_left.et_social_autowidth li:hover .et_social_network_label { padding-right: 5px; }
.et_monarch .et_social_flip.et_social_circle li .et_social_icon, .et_monarch .et_social_media_wrapper .et_social_flip.et_social_circle li:hover .et_social_share { border-left: 0 solid rgba( 0, 0, 0, 0.1 ); left: 0; }
.et_monarch .et_social_flip.et_social_circle li:hover .et_social_icon { border-left: 6px solid rgba( 0, 0, 0, 0.1 ); width: 32px; }
.et_monarch .et_social_flip.et_social_circle.et_social_left li:hover .et_social_icon { left: 1px; }
.et_monarch .et_social_flip.et_social_circle.et_social_top li:hover a { border: none; }
.et_monarch .et_social_flip.et_social_top.et_social_circle.et_social_autowidth li a { border-left: none; padding: 10px; }
.et_monarch .et_social_icon:after { display: none; } .et_monarch .et_social_slide .et_social_icon:after { display: inline-block; position: absolute; top: -40px; left: 0; }
.et_monarch .et_social_slide li:hover .et_social_icon:before { opacity: 0; margin-top: 40px; }
.et_monarch .et_social_slide li:hover .et_social_icon:after { top: 0; }
.et_monarch .et_social_slide li:hover .et_social_overlay { background-color: rgba( 0, 0, 0, 0 ); margin: 0 0 0 100px; }
.et_monarch .et_social_slide.et_social_left .et_social_icon { overflow: hidden; }
.et_monarch .et_social_slide.et_social_left li .et_social_icon:after { left: -40px; top: 0; }
.et_monarch .et_social_slide.et_social_left li:hover .et_social_icon:after { left: 0; }
.et_monarch .et_social_slide.et_social_left li:hover .et_social_icon:before { margin-left: 40px; margin-top: 0; opacity: 0; } .et_monarch .et_social_simple li a, .et_monarch .et_social_media_wrapper .et_social_top.et_social_simple li .et_social_share, .et_monarch .et_social_top.et_social_circle li a { padding: 0 !important; }
.et_monarch .et_social_simple.et_social_top.et_social_withcounts li a, .et_monarch .et_social_simple.et_social_top.et_social_withnetworknames li a, .et_monarch .et_social_media_wrapper .et_social_simple.et_social_top.et_social_withnetworknames li .et_social_share, .et_monarch .et_social_media_wrapper .et_social_simple.et_social_top.et_social_withcounts li .et_social_share { padding: 0 10px 10px !important; }
.et_monarch .et_social_simple.et_social_top.et_social_rectangle.et_social_withnetworknames li.et_social_all_button a.et_social_open_all .et_social_icon, .et_monarch .et_social_simple.et_social_top.et_social_rectangle.et_social_withcounts li.et_social_all_button a.et_social_open_all .et_social_icon, .et_monarch .et_social_simple.et_social_top.et_social_rounded.et_social_withnetworknames li.et_social_all_button a.et_social_open_all .et_social_icon, .et_monarch .et_social_simple.et_social_top.et_social_rounded.et_social_withcounts li.et_social_all_button a.et_social_open_all .et_social_icon { margin: -8px 0 -12px; }
.et_monarch .et_social_simple.et_social_left .et_social_network_label div { margin-left: 0 !important; }
.et_monarch .et_social_simple.et_social_left .et_social_network_label { padding-left: 0 !important; }
.et_monarch .et_social_simple.et_social_top .et_social_icon { background-color: transparent; }
.et_monarch .et_social_simple.et_social_top.et_social_withnetworknames .et_social_icon, .et_monarch .et_social_simple.et_social_top.et_social_withcounts .et_social_icon { margin-bottom: -10px; }
.et_monarch .et_social_simple li .et_social_overlay { margin: 0 !important; display: none; } .et_pb_pagebuilder_layout .et_social_inline { display: none; }
.et_pb_pagebuilder_layout .et_pb_section .et_social_inline { display: block; }   .et_monarch .et_social_sidebar_networks { left: 0; position: fixed; top: 30%; z-index: 999999;}
.et_monarch .et_social_sidebar_networks ul { margin: 0 !important; list-style: none !important; padding: 0 !important; }
.et_monarch .et_social_sidebar_networks li { position: relative; width: 40px; overflow: hidden; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
.et_monarch .et_social_sidebar_withcounts li { width: 50px; }
.et_monarch .et_social_sidebar_networks .et_social_count span { line-height: .9em; padding-top: 4px; font-weight: 700; font-size: 12px;}
.et_monarch .et_social_sidebar_networks a { display: block; padding: 12px 0 12px; float: left; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.et_monarch .et_social_sidebar_withcounts a { padding: 10px 0; display: block; }
.et_monarch .et_social_sidebar_networks a.et_social_icon:before, .et_monarch .et_social_sidebar_networks a.et_social_icon:after { width: 100%; font-size: 16px; line-height: 40px; display: block; position: relative; }
.et_monarch .et_social_icon:before, .et_monarch .et_social_icon:after { position: relative; width: 100%; }
.et_monarch .et_social_sidebar_networks a.et_social_open_all { padding: 7px; }
.et_monarch .et_social_sidebar_networks.et_social_circle a.et_social_open_all { padding: 12px 0 12px; }
.et_monarch .et_social_sidebar_networks.et_social_circle.et_social_sidebar_withcounts a.et_social_open_all { padding-top: 17px; } .et_monarch .et_social_sidebar_networks .et_social_totalcount { color: #444; text-align: center; margin-bottom: 4px; }
.et_monarch .et_social_sidebar_networks.et_social_sidebar_nocounts .et_social_totalcount { width: 40px; }
.et_monarch .et_social_sidebar_networks.et_social_sidebar_withcounts .et_social_totalcount, .et_monarch .et_social_sidebar_networks.et_social_sidebar_flip .et_social_totalcount { width: 50px; }
.et_monarch .et_social_sidebar_networks .et_social_totalcount_count { display: block; font-size: 18px; font-weight: 700; }
.et_monarch .et_social_sidebar_networks .et_social_totalcount_label { display: block; font-size: 10px; }    .et_monarch .et_social_icon:after { display: none; }
.et_monarch .et_social_circle .et_social_icon:before, .et_monarch .et_social_circle .et_social_icon:after { width: 100% !important; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
.et_monarch .et_social_sidebar_nocounts .et_social_count { display: none; }
.et_monarch .et_social_sidebar_networks_right { right: 0; left: auto; }
.et_monarch .et_social_sidebar_networks_right li { float: right; clear: both; }
.et_monarch .et_social_sidebar_networks_right span.et_social_hide_sidebar { float: right; margin: 8px 8px 0 0 !important; clear: both; }
.et_monarch .et_social_sidebar_networks_right.et_social_sidebar_withcounts span.et_social_hide_sidebar, .et_monarch .et_social_sidebar_networks_right.et_social_rectangle.et_social_sidebar_flip span.et_social_hide_sidebar, .et_monarch .et_social_sidebar_networks_right.et_social_rounded.et_social_sidebar_flip span.et_social_hide_sidebar { margin-right: 13px !important; }
.et_monarch .et_social_sidebar_networks_right .et_social_totalcount { float: right; }
.et_monarch .et_social_sidebar_networks_right.et_social_hidden_sidebar .et_social_icons_container, .et_monarch .et_social_sidebar_networks_right.et_social_hidden_sidebar .et_social_totalcount { margin-right: -50px !important; }
.et_monarch .et_social_sidebar_networks_right span.et_social_hide_sidebar.et_social_hidden_sidebar, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_withcounts span.et_social_hide_sidebar.et_social_hidden_sidebar, .et_monarch .et_social_sidebar_networks_right.et_social_rectangle.et_social_sidebar_flip span.et_social_hide_sidebar.et_social_hidden_sidebar, .et_monarch .et_social_sidebar_networks_right.et_social_rounded.et_social_sidebar_flip span.et_social_hide_sidebar.et_social_hidden_sidebar { margin-right: 0 !important; }
.et_monarch .et_social_sidebar_networks_right span.et_social_hide_sidebar:before { transform: rotate(90deg); right: -1px; left: auto; }
.et_monarch .et_social_sidebar_networks_right span.et_social_hide_sidebar.et_social_hidden_sidebar:before { transform: rotate(-90deg); left: 0; }
.et_monarch .et_social_sidebar_networks_right.et_social_circle span.et_social_hide_sidebar.et_social_hidden_sidebar { margin-right: -10px !important; }
.et_monarch .et_social_sidebar_networks_right.et_social_circle.et_social_hidden_sidebar .et_social_icons_container, .et_monarch .et_social_sidebar_networks_right.et_social_circle.et_social_hidden_sidebar .et_social_totalcount {
margin-right: -66px !important; } .et_monarch .et_social_sidebar_flip li { border-left: 0 solid rgba( 0,0,0,.4); width: 50px; }
.et_monarch .et_social_sidebar_flip li:hover { width: 44px; border-left: 6px solid rgba( 0,0,0,.3); }
.et_monarch .et_social_sidebar_flip li:hover i { opacity: 0.8; }
.et_monarch .et_social_sidebar_networks_right.et_social_sidebar_flip li { border-right: 0 solid rgba( 0,0,0,.4); border-left: none; }
.et_monarch .et_social_sidebar_networks_right.et_social_sidebar_flip li:hover { border-right: 6px solid rgba( 0,0,0,.3); } .et_monarch .et_social_sidebar_border li { border-left: 0 solid transparent; }
.et_monarch .et_social_sidebar_border li:hover { border-left: 4px solid; }
.et_monarch .et_social_sidebar_border a.et_social_icon:before { color: rgba( 255, 255, 255, 1 ); }
.et_monarch .et_social_sidebar_border .et_social_overlay { position: absolute; background-color: rgba( 0, 0, 0, 0 ); height: 100%; width: 100%; top: 0; left: 0; }
.et_monarch .et_social_sidebar_border li:hover .et_social_overlay { background-color: rgba( 0, 0, 0, 0.2 ); }
.et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li { border-right: 0 solid transparent; }
.et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border li:hover { border-right: 4px solid; border-left: none;} .et_monarch .et_social_sidebar_grow li { left:0; }
.et_monarch .et_social_sidebar_grow li:hover { width: 50px ;}
.et_monarch .et_social_sidebar_grow.et_social_sidebar_withcounts li:hover { width: 62px; }
.et_monarch .et_social_sidebar_grow a.et_social_icon:before { color: #fff; }
.et_monarch .et_social_sidebar_networks_right.et_social_sidebar_grow li { right: 0; } .et_monarch .et_social_sidebar_slide li { border-left: 0 solid; }
.et_monarch .et_social_sidebar_slide i.et_social_icon:before { opacity: 1; left: 0; z-index: 2; position: relative; }
.et_monarch .et_social_sidebar_slide li:hover i.et_social_icon:before { opacity: 0; left: 100%; background-color: rgb( 0, 0, 0, 0.25 ); }
.et_monarch .et_social_sidebar_slide i.et_social_icon:after { opacity: 0; width:100%; height:100%; position: absolute; top: 0; right:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.et_monarch .et_social_sidebar_slide li:hover i.et_social_icon:after { opacity: 1; right:0; }
.et_monarch .et_social_sidebar_slide .et_social_icon:after { display: inherit; }    .et_monarch .et_social_rounded.et_social_sidebar_networks li:first-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; }
.et_monarch .et_social_rounded.et_social_sidebar_networks li:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; }
.et_monarch .et_social_sidebar_grow.et_social_rounded li:hover, .et_monarch .et_social_sidebar_networks.et_social_rounded.et_social_space li { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; }
.et_monarch .et_social_sidebar_networks_mobile.et_social_rounded li { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.et_monarch .et_social_sidebar_networks_right.et_social_rounded.et_social_sidebar_networks li { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.et_monarch .et_social_sidebar_networks_right.et_social_rounded.et_social_sidebar_networks li:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; }
.et_monarch .et_social_sidebar_networks_right.et_social_rounded.et_social_sidebar_networks li:last-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; }
.et_monarch .et_social_sidebar_networks_right.et_social_sidebar_grow.et_social_rounded li:hover, .et_monarch .et_social_sidebar_networks_right.et_social_sidebar_networks.et_social_rounded.et_social_space li { -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; } .et_monarch .et_social_circle.et_social_sidebar_networks { left: 10px; }
.et_monarch .et_social_circle li { width: 40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; margin-bottom: 10px; left: 0; }
.et_monarch .et_social_circle.et_social_sidebar_withcounts li { width: 50px; height: 50px;}
.et_monarch .et_social_sidebar_border.et_social_circle li { border: 3px solid transparent; }
.et_monarch .et_social_sidebar_border.et_social_circle a.et_social_icon:hover:before { background-color: rgba( 0, 0, 0, 0 ); }
.et_monarch .et_social_sidebar_grow.et_social_circle li:hover { width: 40px; left: 8px; }
.et_monarch .et_social_sidebar_grow.et_social_circle.et_social_sidebar_withcounts li:hover { width: 50px; }
.et_monarch .et_social_sidebar_flip.et_social_circle li:hover { width: 36px; left: 2px;}
.et_monarch .et_social_sidebar_flip.et_social_circle.et_social_sidebar_withcounts li:hover { width: 44px; left: 3px; }
.et_monarch .et_social_sidebar_border.et_social_circle li { width: 46px; height: 46px; }
.et_monarch .et_social_sidebar_border.et_social_circle.et_social_sidebar_withcounts li { width: 56px; height: 56px; }
.et_monarch .et_social_sidebar_slide.et_social_circle span.et_social_icon:after { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
.et_monarch .et_social_simple.et_social_top.et_social_circle .et_social_icon { margin-bottom: 0; }
.et_monarch .et_social_sidebar_networks_right.et_social_circle.et_social_sidebar_networks { right: 10px; left: auto; }
.et_monarch .et_social_sidebar_networks_right.et_social_circle li { right: 0; left: auto; }
.et_monarch .et_social_sidebar_networks_right.et_social_sidebar_border.et_social_circle li { border: 3px solid transparent; }
.et_monarch .et_social_sidebar_networks_right.et_social_sidebar_grow.et_social_circle li:hover { right: 8px; left: auto; }
.et_monarch .et_social_sidebar_networks_right.et_social_sidebar_flip.et_social_circle li:hover { right: 2px; left: auto; }
.et_monarch .et_social_sidebar_networks_right.et_social_sidebar_flip.et_social_circle.et_social_sidebar_withcounts li:hover { width: 44px; right: 3px; left: auto; } .et_monarch .et_social_space li { margin-bottom: 4px; }
.et_monarch .et_social_space.et_social_circle li { margin-bottom: 14px; }    .et_monarch  span.et_social_hide_sidebar { background: rgba(0,0,0,0.3); height: 24px; width: 24px; display: block; cursor: pointer; margin: 8px 0 0 8px !important; border-radius: 12px; opacity: 0; }
.et_monarch .et_social_sidebar_networks:hover .et_social_hide_sidebar { opacity: 1; }
.et_monarch .et_social_sidebar_withcounts span.et_social_hide_sidebar, .et_monarch .et_social_rectangle.et_social_sidebar_flip span.et_social_hide_sidebar, .et_monarch .et_social_rounded.et_social_sidebar_flip span.et_social_hide_sidebar { margin-left: 13px !important; }
.et_monarch .et_social_circle.et_social_sidebar_border span.et_social_hide_sidebar { margin-left: 11px !important; }
.et_monarch .et_social_circle.et_social_sidebar_withcounts.et_social_sidebar_border span.et_social_hide_sidebar { margin-left: 16px !important; } .et_monarch .et_social_sidebar_networks span.et_social_hide_sidebar.et_social_hidden_sidebar { margin-left: 0 !important; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.et_monarch .et_social_sidebar_networks.et_social_circle span.et_social_hide_sidebar.et_social_hidden_sidebar { margin-left: -10px !important; }
.et_monarch .et_social_sidebar_networks_right span.et_social_hide_sidebar.et_social_hidden_sidebar { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .et_monarch span.et_social_hide_sidebar:before { content: "\e649"; transform: rotate(-90deg); font-size: 20px !important; line-height: 24px !important; left: -1px; }
.et_monarch span.et_social_hide_sidebar.et_social_hidden_sidebar:before { transform: rotate(90deg); } .et_monarch .et_social_sidebar_networks.et_social_hidden_sidebar .et_social_icons_container, .et_monarch .et_social_sidebar_networks.et_social_hidden_sidebar .et_social_totalcount { margin-left: -50px !important; }
.et_monarch .et_social_sidebar_networks.et_social_circle.et_social_hidden_sidebar .et_social_icons_container, .et_monarch .et_social_sidebar_networks.et_social_circle.et_social_hidden_sidebar .et_social_totalcount { margin-left: -66px !important; }
.et_monarch .et_social_sidebar_networks.et_social_visible_sidebar .et_social_icons_container, .et_monarch .et_social_sidebar_networks.et_social_visible_sidebar .et_social_totalcount { margin-left: 0px !important; }
.et_monarch .et_social_sidebar_networks.et_social_hidden_sidebar .et_social_icons_container, .et_monarch .et_social_sidebar_networks.et_social_hidden_sidebar .et_social_totalcount, .et_monarch .et_social_sidebar_networks.et_social_visible_sidebar .et_social_icons_container, .et_monarch .et_social_sidebar_networks.et_social_visible_sidebar .et_social_totalcount, .et_monarch span.et_social_hide_sidebar:before, .et_monarch span.et_social_hide_sidebar.et_social_hidden_sidebar, .et_monarch .et_social_hidden_sidebar { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.et_monarch span.et_social_hide_sidebar.et_social_hidden_sidebar { opacity: 1; }   .et_monarch .et_social_top div, .et_monarch .et_social_top ul, .et_monarch .et_social_top li, .et_monarch .et_social_top span, .et_monarch .et_social_top a, .et_monarch .et_social_top .et_social_icons_container { text-align: center; }
.et_monarch .et_social_top li a, .et_monarch .et_social_media_wrapper .et_social_top li .et_social_share { padding: 10px; }
.et_monarch .et_social_top .et_social_network_label div { margin-top: 8px; line-height: 1em; }
.et_monarch .et_social_top span { display: block; margin: 0; }
.et_monarch .et_social_top .et_social_count span:first-of-type { margin-bottom: 2px; }
.et_monarch .et_social_top span.et_social_overlay { background-color: rgba( 0, 0, 0, 0 ); }
.et_monarch .et_social_top .et_social_icon { background-color: rgba( 0, 0, 0, 0.1 ); }
.et_monarch .et_social_top .et_social_icon.et_social_icon_all_button { background-color: transparent; }
.et_monarch .et_social_slide.et_social_rectangle.et_social_top li.et_social_all_button:hover .et_social_icon, .et_monarch .et_social_slide.et_social_rounded.et_social_top li.et_social_all_button:hover .et_social_icon { background-color: transparent; }
.et_monarch .et_social_left { text-align: left; }
.et_monarch .et_social_left .et_social_network_label { margin-left: 40px; padding: 7px 14px 10px 10px; }
.et_monarch .et_social_left .et_social_network_label div { margin: 6px 4px 0 4px; }
.et_monarch .et_social_left .et_social_count span { display: inline-block; }
.et_monarch .et_social_left .et_social_overlay { background-color: rgba( 0, 0, 0, 0.1 ); margin: 0 0 0 40px; }
.et_monarch .et_social_left.et_social_circle .et_social_network_label, .et_monarch .et_social_left.et_social_circle li:hover .et_social_network_label { margin-left:46px !important; padding: 6px 0 0 0; padding-right: 0 !important; }
.et_monarch .et_social_left .et_social_icon { float: left; }
.et_monarch .et_social_networks.et_social_circle li { background-color: transparent !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.et_monarch .et_social_rounded.et_social_networks li, .et_monarch .et_social_rounded.et_social_nospace.et_social_networks .et_social_icons_container { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; }
.et_monarch .et_social_rounded.et_social_nospace.et_social_networks li { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.et_monarch .et_social_rounded.et_social_nospace.et_social_networks li:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; }
.et_monarch .et_social_circle .et_social_overlay { display: none; }   .et_monarch .et_social_1col li { width: 100%; }
.et_monarch .et_social_2col li { width: 49%; }
.et_monarch .et_social_3col li { width: 32%; }
.et_monarch .et_social_4col li { width: 23.5%; }
.et_monarch .et_social_5col li { width: 18.4%; }
.et_monarch .et_social_6col li { width: 15%; }
.et_monarch .et_social_autowidth li { width: auto; margin: 0 2% 2% 0 !important; }
.et_monarch .et_social_1col li:first-child, .et_monarch .et_social_2col li:nth-child(-n+2), .et_monarch .et_social_3col li:nth-child(-n+3), .et_monarch .et_social_4col li:nth-child(-n+4), .et_monarch .et_social_5col li:nth-child(-n+5), .et_monarch .et_social_6col li:nth-child(-n+6) { margin-top: 0; }
.et_monarch .et_social_1col li, .et_monarch .et_social_2col li:nth-child(2n+1), .et_monarch .et_social_3col li:nth-child(3n+1), .et_monarch .et_social_4col li:nth-child(4n+1), .et_monarch .et_social_5col li:nth-child(5n+1), .et_monarch .et_social_6col li:nth-child(6n+1), .et_monarch .et_social_autowidth li:first-child { margin-left: 0; clear: both; }
.et_monarch .et_social_2col.et_social_nospace li { width: 50%; }
.et_monarch .et_social_3col.et_social_nospace li { width: 33.33%; }
.et_monarch .et_social_4col.et_social_nospace li { width: 25%; }
.et_monarch .et_social_5col.et_social_nospace li { width: 20%; }
.et_monarch .et_social_6col.et_social_nospace li { width: 16.66%; }
.et_monarch .et_social_popup { display: none; }
.et_monarch .et_social_popup.et_social_visible { display: block; }
.et_monarch .et_social_visible { z-index: 999999; }   .et_social_media_wrapper { position: relative; overflow: hidden; }
.et_social_media_wrapper .et_social_networks { position: absolute; left: 0; top: 0; }
.et_monarch .et_social_media_wrapper .et_social_media { overflow: auto; width: 90%; height: inherit; max-height: 90%; position: absolute; top: 20px; left: 20px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
.et_monarch .et_pb_gallery_grid .et_social_media_wrapper .et_social_media { z-index: 99; }
.et_monarch .et_social_media_wrapper:hover .et_social_media { opacity: 1; }
.et_monarch .et_social_media_wrapper .et_social_share { cursor: pointer; }
.et_monarch .et_social_media_wrapper .et_social_left .et_social_share { display: inline-block; width: 100%; }
.et_monarch .et_social_icons_container a, a.et_social_icon_cancel { text-decoration: none !important; }   .et_monarch .et_social_mobile { position: fixed; bottom: 0; background: rgba(0,0,0,0.5); width: 100%; z-index: 999999; display: none; max-height: 100%; }
.et_monarch .et_social_mobile .et_social_networks { position: relative; width: 100%; overflow: auto; padding: 20px 20px 20px; background-color: #fff; line-height: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: -10px; }
.et_monarch .et_social_mobile .et_social_networks li { width: 23.5%; margin: 0 2% 2% 0; float: left; text-align: center; }
.et_monarch .et_social_mobile .et_social_networks li:nth-child(4n) { width: 23.5%; margin-right: 0; }
.et_monarch .et_social_mobile .et_social_networks.et_social_circle li { margin-right: 2%; }
.et_monarch .et_social_mobile .et_social_networks.et_social_circle li:last-child { margin-right: 0; }
.et_monarch .et_social_mobile .et_social_networks li a { padding: 10px; }
.et_monarch .et_social_mobile .et_social_networks li a i.et_social_icon { display: inline-block; }
.et_monarch .et_social_mobile .et_social_networks li a span.et_social_sidebar_count { font-size: 16px; font-weight: bold; display: inline-block; top: -2px; margin-left: 8px; }
.et_monarch .et_social_mobile .et_social_networks.et_social_circle li a span.et_social_sidebar_count { font-size: 12px; display: block; top: 0; margin-left: 0; }
.et_monarch .et_social_mobile_button:before, .et_monarch .et_social_close:after, .et_monarch .et_social_heading:after { font-family: 'etmonarch'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 16px; }
.et_monarch .et_social_heading { text-align: center; padding: 10px 0; color: white; cursor: pointer; height: 20px; line-height: 19px; font-size: 14px; }
.et_monarch .et_social_heading:after { content: "\e649"; color: #cccccc; display: inline-block; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; font-size: 32px; top: 10px; position: absolute; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.et_monarch .et_social_mobile_button { position: fixed; bottom: 0; margin-left: -45px; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; display: none; }
.et_monarch .et_social_mobile_button.et_social_active_button { margin-left: 0; z-index: 999999; }
.et_monarch .et_social_mobile_button:before { content: "\e605"; display: inline-block; padding: 10px 12px; background: rgba(0,0,0,0.5); color: #dddddd; height: 20px; line-height: 20px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; }
.et_monarch .et_social_mobile.et_social_opened .et_social_heading:after { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.et_monarch .et_social_mobile.et_social_closed .et_social_heading:after { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.et_monarch .et_social_mobile .et_social_networks { display: none; }
.et_monarch .et_social_mobile.et_social_opened { -webkit-animation: et_social_slideTop 1s 1 ease; -moz-animation: et_social_slideTop 1s 1 ease; -o-animation: et_social_slideTop 1s 1 ease; animation: et_social_slideTop 1s 1 ease; }
.et_monarch .et_social_mobile_overlay.et_social_visible_overlay { -webkit-animation: et_social_fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: et_social_fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: et_social_fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); animation: et_social_fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); }
.et_monarch span.et_social_close, .et_monarch .et_social_mobile_button { cursor: pointer; }
.et_monarch span.et_social_close { position: absolute; right: 10px; top: 0; line-height: 40px; }
.et_monarch span.et_social_close:after { content: "\e60C"; color: #cccccc; }
.et_monarch .et_social_mobile_overlay { background: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; z-index: 99999;}
.et_monarch .et_social_inline_bottom { margin-top: 30px; }   .et_monarch .et_social_pin_images_outer { display: none; z-index: 9999999999; position: absolute; }
.et_monarch .et_social_pin_images_outer:after { content: ""; background-color: rgba(0,0,0,.6); top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 999999; }
.et_monarch .et_social_pinterest_window { background: white; position: fixed; top: 20%; left: 50%; padding: 20px; width: 500px; height: 400px; z-index: 9999999; margin-left: -250px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.et_monarch .et_social_pinterest_window span.et_social_close { cursor: pointer; }
.et_monarch .et_social_pin_images { overflow: auto; max-height: 370px; z-index: 999; position: relative; }
.et_monarch .et_social_pin_image { width: 30%; float: left; margin-right: 10px; display: block; position: relative; height: 90px; overflow: hidden; padding: 10px 2px; }
.et_monarch .et_social_pin_image img { max-width: 100%; height: auto; }
.et_monarch .et_social_pin_image .et_social_pin_overlay { transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; background: rgba(174, 24, 26, 0.4); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.et_monarch .et_social_pin_image .et_social_pin_overlay:before { content: "\e63a"; top: 40px; left: 0; color: white; font-size: 30px; position: absolute; }
.et_monarch .et_social_pin_image a:hover .et_social_pin_overlay { opacity: 1; }
.et_monarch .et_social_pin_image .et_social_pin_overlay { min-height: 90px; }
.et_monarch .et_social_pin_image a { overflow: visible !important; }
.et_monarch .et_social_pin_image:nth-child(3n) { margin-right: 0; }   .et_monarch .et_pb_pagebuilder_layout .et_social_inline { display: none; }
.et_monarch .et_pb_section .et_social_inline { display: block; }
.et_monarch .et_pb_section .et_social_inline_top, .et_monarch .et_pb_section .et_social_inline_bottom { margin-top: 0; margin-bottom: 30px; }   @media only screen and ( min-width: 1025px ){
.et_monarch .et_social_mobile_overlay, .et_monarch .et_social_mobile { display: none !important; }
}
@media only screen and ( max-width: 1024px ){
.et_monarch .et_social_mobile_off { display: none !important; }
.et_monarch .et_social_mobile { display: block; }
.et_monarch .et_social_mobile .et_social_networks li:nth-child(4n) { margin-right: 0 !important; }
.et_monarch .et_social_sidebar_networks { display: none; }
.et_monarch .et_social_mobile_button { display: block; }
.et_monarch .et_social_popup_content { margin-left: -42%; box-sizing: border-box; max-width: none; }
.et_monarch .et_social_flyin.et_social_mobile_on.et_social_visible { width: 100%; padding: 25px 20px; z-index: 9999999; box-sizing: border-box; width: 84%; left: 50%; margin-left: -42%;}
.et_monarch .et_social_flyin div.et_social_network_label, .et_monarch .et_social_mobile div.et_social_network_label { text-align: left; }
.et_monarch .et_social_flyin_bottom_left, .et_monarch .et_social_flyin_bottom_right { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
}
@media only screen and ( min-width: 768px ){
.et_monarch .et_social_autowidth.et_social_nospace.et_social_rounded .et_social_icons_container { width: auto; float: left; }
}
@media only screen and ( max-width: 767px ) {
.et_monarch .et_social_networks li, .et_monarch .et_social_mobile .et_social_networks li { margin: 2% 0 0 2% !important; width: 49% !important; clear: none !important; }
.et_monarch .et_social_networks li:nth-child(2n+1), .et_monarch .et_social_mobile .et_social_networks li:nth-child(2n+1) { margin-left: 0 !important; clear: both !important; }
.et_monarch .et_social_networks li:nth-child(-n+2), .et_monarch .et_social_mobile .et_social_networks li:nth-child(-n+2) { margin-top: 0 !important; }
.et_monarch .et_social_networks.et_social_nospace li { width: 50% !important; }
.et_monarch .et_social_media .et_social_networks li { width: auto !important; clear: none !important; margin: 0 2% 2% 0 !important; overflow: hidden; }
.et_monarch .et_social_media .et_social_networks.et_social_nospace li { margin: 0 !important; }
.et_monarch .et_social_media .et_social_nospace.et_social_rounded .et_social_icons_container { width: auto; float: left; }
.et_monarch .et_social_media .et_social_networks li .et_social_network_label { display: none; }
.et_monarch .et_social_pinterest_window { height: 80%; width: 80%; top: 10px; margin-left: 0px; z-index: 99999999; left: 6%; }
.et_monarch .et_social_pin_images { max-height: 90%; }
.et_monarch .et_social_autowidth.et_social_networks li:nth-child(n) { width: auto !important; margin: 0 2% 2% 0 !important; clear: none !important; }
.et_monarch .et_social_autowidth.et_social_nospace li:nth-child(n) { margin: 0 !important; }
.et_monarch .et_social_autowidth.et_social_nospace.et_social_rounded .et_social_icons_container { width: auto; float: left; }
}
@media only screen and ( max-width: 479px ) {
.et_monarch .et_social_networks li, .et_monarch .et_social_mobile .et_social_networks li { width: 100% !important; margin-left: 0 !important; clear: both !important; }
.et_monarch .et_social_networks li:first-child, .et_monarch .et_social_mobile .et_social_networks li:first-child { margin-top: 0 !important; }
.et_monarch .et_social_networks li:nth-child(n+2), .et_monarch .et_social_mobile .et_social_networks li:nth-child(n+2) { margin: 2% 0 0 0 !important;}
.et_monarch .et_social_networks.et_social_nospace li { margin: 0 !important; width: 100% !important;}
.et_monarch .et_social_media .et_social_networks li { width: auto !important; clear: none !important; margin: 0 2% 2% 0 !important; }
.et_monarch .et_social_media .et_social_networks.et_social_nospace li { margin: 0 !important; }
.et_monarch .et_social_media .et_social_networks li .et_social_network_label { display: none; }
.et_monarch .et_social_pin_image { width: 250px; height: 140px; margin: 0 auto !important; float: none; }
.et_monarch .et_social_autowidth.et_social_networks li:nth-child(n) { width: auto !important; margin: 0 2% 2% 0 !important; clear: none !important; }
.et_monarch .et_social_autowidth.et_social_nospace li:nth-child(n) { margin: 0 !important; }
.et_monarch .et_social_autowidth.et_social_nospace.et_social_rounded .et_social_icons_container { width: auto; float: left; }
}   @-webkit-keyframes et_social_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes et_social_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes et_social_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes et_social_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes et_social_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@-moz-keyframes et_social_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@-o-keyframes et_social_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes et_social_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@-webkit-keyframes et_social_fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(-30%); } 100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes et_social_fadeInRight { 0% { opacity: 0; -moz-transform: translateX(-30%); } 100% { opacity: 1; -moz-transform: translateX(0); } }
@-o-keyframes et_social_fadeInRight { 0% { opacity: 0; -o-transform: translateX(-30%); } 100% { opacity: 1; -o-transform: translateX(0); } }
@keyframes et_social_fadeInRight { from { opacity: 0; transform: translateX(-30%); } to { opacity: 1; transform: translateX(0); } }
@-webkit-keyframes et_social_fadeInBottom { 0% { opacity: 0; -webkit-transform: translateY(-30%);} 100% { opacity: 1; -webkit-transform: translateY(0);} }
@-moz-keyframes et_social_fadeInBottom { 0% { opacity: 0; -moz-transform: translateY(-30%); } 100% { opacity: 1; -moz-transform: translateY(0); } }
@-o-keyframes et_social_fadeInBottom { 0% { opacity: 0; -o-transform: translateY(-30%); } 100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes et_social_fadeInBottom { 0% { opacity: 0; transform: translateY(-30%); } 100% { opacity: 1; transform: translateY(0); } }
@-webkit-keyframes et_social_fadeInTop { 0% { opacity: 0; -webkit-transform: translateY(30%);} 100% { opacity: 1; -webkit-transform: translateY(0);} }
@-moz-keyframes et_social_fadeInTop { 0% { opacity: 0; -moz-transform: translateY(30%); } 100% { opacity: 1; -moz-transform: translateY(0); } }
@-o-keyframes et_social_fadeInTop { 0% { opacity: 0; -o-transform: translateY(30%); } 100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes et_social_fadeInTop { 0% { opacity: 0; transform: translateY(30%); } 100% { opacity: 1; transform: translateY(0); } }
@-webkit-keyframes et_social_slideTop { 0% { -webkit-transform: translateY(0);} 100% { -webkit-transform: translateY(0);} }
@-moz-keyframes et_social_slideTop { 0% { -moz-transform: translateY(0); } 100% { -moz-transform: translateY(0); } }
@-o-keyframes et_social_slideTop { 0% { -o-transform: translateY(0); } 100% { -o-transform: translateY(0); } }
@keyframes et_social_slideTop { 0% { transform: translateY(0); } 100% { transform: translateY(0); } } @-webkit-keyframes et_social_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); }
100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
@keyframes et_social_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); }
100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }
}
@-webkit-keyframes et_social_tada {
0% { -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); }
100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@keyframes et_social_tada {
0% { -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); }
100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes et_social_bounce {
0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.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 et_social_bounce {
0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); }
70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); }
90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }
}
@-webkit-keyframes et_social_flipInX {
0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); }
100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
@keyframes et_social_flipInX {
0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); }
100% { -webkit-transform: perspective(400px); transform: perspective(400px); }
}
@-webkit-keyframes et_social_zoomIn {
0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
50% { opacity: 1; }
}
@keyframes et_social_zoomIn {
0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
50% { opacity: 1; }
}
@-webkit-keyframes et_social_lightSpeedIn {
0% { -webkit-transform: translate3d(30%, 0, 0) skewX(-10deg); transform: translate3d(30%, 0, 0) skewX(-10deg); opacity: 0; }
60% { -webkit-transform: skewX(5deg); transform: skewX(5deg); opacity: 1; }
80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
100% { -webkit-transform: none; transform: none; opacity: 1; }
}
@keyframes et_social_lightSpeedIn {
0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; }
80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; }
100% { -webkit-transform: none; transform: none; opacity: 1; }
}
.et_monarch .et_social_lightspeedin.et_social_animated, .et_monarch .et_social_animated .et_social_lightspeedin { opacity: 1; -webkit-animation: et_social_lightSpeedIn 1s 1 cubic-bezier(0.77,0,.175,1); animation: et_social_lightSpeedIn 1s 1 cubic-bezier(0.77,0,.175,1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
.et_monarch .et_social_zoomin.et_social_animated, .et_monarch .et_social_animated .et_social_zoomin { opacity: 1; -webkit-animation: et_social_zoomIn 1s 1 cubic-bezier(0.77,0,.175,1); animation: et_social_zoomIn 1s 1 cubic-bezier(0.77,0,.175,1); }
.et_monarch .et_social_flipinx.et_social_animated, .et_monarch .et_social_animated .et_social_flipinx { opacity: 1; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation: et_social_flipInX 1s 1 cubic-bezier(0.77,0,.175,1); animation: et_social_flipInX 1s 1 cubic-bezier(0.77,0,.175,1); }
.et_monarch .et_social_bounce.et_social_animated, .et_monarch .et_social_animated .et_social_bounce { opacity: 1; -webkit-animation: et_social_bounce 1s 1 cubic-bezier(0.77,0,.175,1); animation: et_social_bounce 1s 1 cubic-bezier(0.77,0,.175,1); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }
.et_monarch .et_social_swing.et_social_animated, .et_monarch .et_social_animated .et_social_swing { opacity: 1; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation: et_social_swing 1s 1 cubic-bezier(0.77,0,.175,1); animation: et_social_swing 1s 1 cubic-bezier(0.77,0,.175,1); }
.et_monarch .et_social_tada.et_social_animated, .et_monarch .et_social_animated .et_social_tada { opacity: 1; -webkit-animation: et_social_tada 1s 1 cubic-bezier(0.77,0,.175,1); animation: et_social_tada 1s 1 cubic-bezier(0.77,0,.175,1); }
.et_monarch .et_social_fadein.et_social_animated, .et_monarch .et_social_animated .et_social_fadein { opacity: 1; -webkit-animation: et_social_fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: et_social_fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: et_social_fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); animation: et_social_fadeIn 1s 1 cubic-bezier(0.77,0,.175,1); }
.et_monarch .et_social_slideright.et_social_animated, .et_monarch .et_social_animated .et_social_slideright { opacity: 1; -webkit-animation: et_social_fadeInRight 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: et_social_fadeInRight 1s 1s cubic-bezier(0.77,0,.175,1); -o-animation: et_social_fadeInRight 1s 1 cubic-bezier(0.77,0,.175,1); animation: et_social_fadeInRight 1s 1 cubic-bezier(0.77,0,.175,1); }
.et_monarch .et_social_slidedown.et_social_animated, .et_monarch .et_social_animated .et_social_slidedown { opacity: 1; -webkit-animation: et_social_fadeInBottom 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: et_social_fadeInBottom 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: et_social_fadeInBottom 1s 1 cubic-bezier(0.77,0,.175,1); animation: et_social_fadeInBottom 1s 1 cubic-bezier(0.77,0,.175,1); }
.et_monarch .et_social_slideup.et_social_animated, .et_monarch .et_social_animated .et_social_slideup { opacity: 1; -webkit-animation: et_social_fadeInTop 1s 1 cubic-bezier(0.77,0,.175,1); -moz-animation: et_social_fadeInTop 1s 1 cubic-bezier(0.77,0,.175,1); -o-animation: et_social_fadeInTop 1s 1 cubic-bezier(0.77,0,.175,1); animation: et_social_fadeInTop 1s 1 cubic-bezier(0.77,0,.175,1); }
.et_monarch .et_social_no_animation.et_social_animated, .et_monarch .et_social_animated .et_social_no_animation { opacity: 1; }