@charset "UTF-8";

 .eds-animate {
overflow: hidden;	
}
.edsanimate-sis-hidden, .eds-scroll-hidden {
opacity:0;	
}
.eds-scroll-visible {
opacity:1;	
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
} .delay1 {
-webkit-animation-delay: .5s;
-moz-animation-delay: .5s;
-ms-animation-delay: .5s;
-o-animation-delay: .5s;
animation-delay: .5s;
}
.delay2 {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.delay3 {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-ms-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.delay4 {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-ms-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
}
.delay5 {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.delay6 {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-ms-animation-delay: 3s;
-o-animation-delay: 3s;
animation-delay: 3s;
}
.delay7 {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
-ms-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.delay8 {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
-ms-animation-delay: 4s;
-o-animation-delay: 4s;
animation-delay: 4s;
}
.delay9 {
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s;
-ms-animation-delay: 4.5s;
-o-animation-delay: 4.5s;
animation-delay: 4.5s;
}
.delay10 {
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;
}
.delay11 {
-webkit-animation-delay: 5.5s;
-moz-animation-delay: 5.5s;
-ms-animation-delay: 5.5s;
-o-animation-delay: 5.5s;
animation-delay: 5.5s;
}
.delay12 {
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-ms-animation-delay: 6s;
-o-animation-delay: 6s;
animation-delay: 6s;
} .duration1 {
-webkit-animation-duration: .5s !important;
-moz-animation-duration: .5s !important;
-ms-animation-duration: .5s !important;
-o-animation-duration: .5s !important;
animation-duration: .5s !important;
}
.duration2 {
-webkit-animation-duration: 1s !important;
-moz-animation-duration: 1s !important;
-ms-animation-duration: 1s !important;
-o-animation-duration: 1s !important;
animation-duration: 1s !important;
}
.duration3 {
-webkit-animation-duration: 1.5s !important;
-moz-animation-duration: 1.5s !important;
-ms-animation-duration: 1.5s !important;
-o-animation-duration: 1.5s !important;
animation-duration: 1.5s !important;
}
.duration4 {
-webkit-animation-duration: 2s !important;
-moz-animation-duration: 2s !important;
-ms-animation-duration: 2s !important;
-o-animation-duration: 2s !important;
animation-duration: 2s !important;
}
.duration5 {
-webkit-animation-duration: 2.5s !important;
-moz-animation-duration: 2.5s !important;
-ms-animation-duration: 2.5s !important;
-o-animation-duration: 2.5s !important;
animation-duration: 2.5s !important;
}
.duration6 {
-webkit-animation-duration: 3s !important;
-moz-animation-duration: 3s !important;
-ms-animation-duration: 3s !important;
-o-animation-duration: 3s !important;
animation-duration: 3s !important;
}
.duration7 {
-webkit-animation-duration: 3.5s !important;
-moz-animation-duration: 3.5s !important;
-ms-animation-duration: 3.5s !important;
-o-animation-duration: 3.5s !important;
animation-duration: 3.5s !important;
}
.duration8 {
-webkit-animation-duration: 4s !important;
-moz-animation-duration: 4s !important;
-ms-animation-duration: 4s !important;
-o-animation-duration: 4s !important;
animation-duration: 4s !important;
}
.duration9 {
-webkit-animation-duration: 4.5s !important;
-moz-animation-duration: 4.5s !important;
-ms-animation-duration: 4.5s !important;
-o-animation-duration: 4.5s !important;
animation-duration: 4.5s !important;
}
.duration10 {
-webkit-animation-duration: 5s !important;
-moz-animation-duration: 5s !important;
-ms-animation-duration: 5s !important;
-o-animation-duration: 5s !important;
animation-duration: 5s !important;
}
.duration11 {
-webkit-animation-duration: 5.5s !important;
-moz-animation-duration: 5.5s !important;
-ms-animation-duration: 5.5s !important;
-o-animation-duration: 5.5s !important;
animation-duration: 5.5s !important;
}
.duration12 {
-webkit-animation-duration: 6s !important;
-moz-animation-duration: 6s !important;
-ms-animation-duration: 6s !important;
-o-animation-duration: 6s !important;
animation-duration: 6s !important;
}
.duration13 {
-webkit-animation-duration: 6.5s !important;
-moz-animation-duration: 6.5s !important;
-ms-animation-duration: 6.5s !important;
-o-animation-duration: 6.5s !important;
animation-duration: 6.5s !important;
}
.duration14 {
-webkit-animation-duration: 7s !important;
-moz-animation-duration: 7s !important;
-ms-animation-duration: 7s !important;
-o-animation-duration: 7s !important;
animation-duration: 7s !important;
}
.duration15 {
-webkit-animation-duration: 7.5s !important;
-moz-animation-duration: 7.5s !important;
-ms-animation-duration: 7.5s !important;
-o-animation-duration: 7.5s !important;
animation-duration: 7.5s !important;
}
.duration16 {
-webkit-animation-duration: 8s !important;
-moz-animation-duration: 8s !important;
-ms-animation-duration: 8s !important;
-o-animation-duration: 8s !important;
animation-duration: 8s !important;
}
.duration17 {
-webkit-animation-duration: 8.5s !important;
-moz-animation-duration: 8.5s !important;
-ms-animation-duration: 8.5s !important;
-o-animation-duration: 8.5s !important;
animation-duration: 8.5s !important;
}
.duration18 {
-webkit-animation-duration: 9s !important;
-moz-animation-duration: 9s !important;
-ms-animation-duration: 9s !important;
-o-animation-duration: 9s !important;
animation-duration: 9s !important;
}
.duration19 {
-webkit-animation-duration: 9.5s !important;
-moz-animation-duration: 9.5s !important;
-ms-animation-duration: 9.5s !important;
-o-animation-duration: 9.5s !important;
animation-duration: 9.5s !important;
}
.duration20 {
-webkit-animation-duration: 10s !important;
-moz-animation-duration: 10s !important;
-ms-animation-duration: 10s !important;
-o-animation-duration: 10s !important;
animation-duration: 10s !important;
}
.animated { backface-visibility: hidden;
-o-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
animation-fill-mode: both;
transform: translate3d(0, 0, 0);	
-o-animation-fill-mode: both;
-o-transform: translate3d(0, 0, 0);	
-moz-animation-fill-mode: both;
-moz-transform: translate3d(0, 0, 0);
-webkit-animation-fill-mode: both;
-webkit-transform: translate3d(0, 0, 0);
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
.animated.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.animated.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.animated.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}	
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}	
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}	
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}	
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.animated.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }	
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }	
80% { -webkit-transform: rotate(-5deg); }	
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }	
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }	
80% { -moz-transform: rotate(-5deg); }	
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }	
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }	
80% { -o-transform: rotate(-5deg); }	
100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }	
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }	
80% { transform: rotate(-5deg); }	
100% { transform: rotate(0deg); }
}
.animated.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.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);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animated.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
} @-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}
.animated.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
0%, 11.1%, 100% {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
0%, 11.1%, 100% {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.animated.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
} @-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }	
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }	
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }	
50% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }	
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.animated.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.animated.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.animated.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.animated.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.animated.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
.animated.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(1080px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(1080px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(1080px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-1080px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-1080px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animated.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animated.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.animated.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.animated.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.animated.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.animated.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.animated.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-1080px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-1080px);
}
}
.animated.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(1080px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(1080px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(1080px);
}
}
.animated.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animated.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animated.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.animated.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(1080px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(1080px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(1080px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.animated.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-1080px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-1080px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.animated.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.animated.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.animated.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}	
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}	
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(.3);
}	
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}	
}
.animated.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-1080px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-1080px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-1080px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-1080px);
}
}
.animated.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(1080px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(1080px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(1080px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(1080px);
}
}
.animated.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.animated.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.animated.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.animated.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.animated.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.animated.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.animated.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.animated.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.animated.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-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;
}
}
.animated.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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
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(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.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);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.animated.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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1080px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.animated.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.animated.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1080px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.animated.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 1080px, 0);
transform: translate3d(0, 1080px, 0);
}
}
.animated.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
}
.animated.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
}
.animated.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -1080px, 0);
transform: translate3d(0, -1080px, 0);
}
}
.animated.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
100% { transform: translateY(700px); opacity: 0; }
}
.animated.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-3000px) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.animated.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(3000px) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(3000px) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(3000px) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(3000px) rotate(120deg);
}
}
.animated.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
} @-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.animated.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} @-webkit-keyframes lightSpeedOut {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes lightSpeedOut {
0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.animated.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
} @-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
20% { -moz-transform: skewX(7deg); }
30% { -moz-transform: skewX(-6deg); }
40% { -moz-transform: skewX(5deg); }
50% { -moz-transform: skewX(-4deg); }
60% { -moz-transform: skewX(3deg); }
70% { -moz-transform: skewX(-2deg); }
80% { -moz-transform: skewX(1deg); }
90% { -moz-transform: skewX(0deg); }
100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
20% { -o-transform: skewX(7deg); }
30% { -o-transform: skewX(-6deg); }
40% { -o-transform: skewX(5deg); }
50% { -o-transform: skewX(-4deg); }
60% { -o-transform: skewX(3deg); }
70% { -o-transform: skewX(-2deg); }
80% { -o-transform: skewX(1deg); }
90% { -o-transform: skewX(0deg); }
100% { -o-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.animated.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
} .animated.fade {
-webkit-animation-name: fade;
-moz-animation-name: fade;
-o-animation-name: fade;
animation-name: fade;
}
@-webkit-keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-moz-keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
@-o-keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fade {
0% { opacity: 1; }
100% { opacity: 0; }
}
.animated.appear {
-webkit-animation-name: appear;
-moz-animation-name: appear;
-o-animation-name: appear;
animation-name: appear;
}
@-webkit-keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
.animated.spinner {
-webkit-animation-name: spinner;
-moz-animation-name: spinner;
-o-animation-name: spinner;
animation-name: spinner;
}
@-webkit-keyframes spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinner {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); }
}
@-o-keyframes spinner {
0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(360deg); }
}
@keyframes spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.animated.twirlIn {
-webkit-animation-name: twirlIn;
-moz-animation-name: twirlIn;
-o-animation-name: twirlIn;
animation-name: twirlIn;
}
@-webkit-keyframes twirlIn {
0% { -webkit-transform: rotate3d( 80,-70,10,180deg ); }
100% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
}
@-moz-keyframes twirlIn {
0% { -moz-transform: rotate3d( 80,70,10,180deg ); }
100% { -moz-transform: rotate3d( 0,0,0,0deg ); }
}
@-o-keyframes twirlIn {
0% { -o-transform: rotate3d( 80,70,10,180deg ); }
100% { -o-transform: rotate3d( 0,0,0,0deg ); }
}
@keyframes twirlIn {
0% { transform: rotate3d( 0,0,0,0deg ); }
100% { transform: rotate3d( 80,70,10,180deg ); }
}
.animated.twirlOut {
-webkit-animation-name: twirlOut;
-moz-animation-name: twirlOut;
-o-animation-name: twirlOut;
animation-name: twirlOut;
}
@-webkit-keyframes twirlOut {
0% { -webkit-transform: rotate3d( 0,0,0,0deg ); }
100% { -webkit-transform: rotate3d( 80,-70,10,180deg );  }
}
@-moz-keyframes twirlOut {
0% { -moz-transform: rotate3d( 0,0,0,0deg ); }
100% { -moz-transform: rotate3d( 80,70,10,180deg ); }
}
@-o-keyframes twirlOut { 
0% { -o-transform: rotate3d( 0,0,0,0deg ); }
100% { -o-transform: rotate3d( 80,70,10,180deg ); }
}
@keyframes twirlOut { 
0% { transform: rotate3d( 0,0,0,0deg ); }
100% { transform: rotate3d( 80,70,10,180deg ); }
}
.eds-animation-paused {
-webkit-animation-play-state: paused; 
animation-play-state: paused;
}  @-webkit-keyframes grow {
100% { -webkit-transform: scale(1.1);  }
}
@-moz-keyframes grow {
100% { -moz-transform: scale(1.1);  }
}
@-o-keyframes grow { 
100% { -o-transform: scale(1.1);  }
}
@keyframes grow { 
100% { transform: scale(1.1);  }
}
.animated.grow {
-webkit-animation-name: grow;
-moz-animation-name: grow;
-o-animation-name: grow;
animation-name: grow;
} @-webkit-keyframes shrink {
100% { -webkit-transform: scale(0.9);  }
}
@-moz-keyframes shrink {
100% { -moz-transform: scale(0.9);  }
}
@-o-keyframes shrink { 
100% { -o-transform: scale(0.9);  }
}
@keyframes shrink { 
100% { transform: scale(0.9);  }
}
.animated.shrink {
-webkit-animation-name: shrink;
-moz-animation-name: shrink;
-o-animation-name: shrink;
animation-name: shrink;
} @-webkit-keyframes pulseGrow {
0% { -webkit-transform: scale(1.1); }
}
@-moz-keyframes pulseGrow {
0% { -moz-transform: scale(1.1); }
}
@-o-keyframes pulseGrow {
0% { -o-transform: scale(1.1); }
}
@keyframes pulseGrow {
0% { transform: scale(1.1); }
}
.animated.pulseGrow {
-webkit-animation-direction: alternate;
-moz-animation-direction: alternate;
-o-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-name: pulseGrow;
-moz-animation-name: pulseGrow;
-o-animation-name: pulseGrow;
animation-name: pulseGrow;
} @-webkit-keyframes pulseShrink {
0% { -webkit-transform: scale(0.9); }
}
@-moz-keyframes pulseShrink {
0% { -moz-transform: scale(0.9); }
}
@-o-keyframes pulseShrink {
0% { -o-transform: scale(0.9); }
}
@keyframes pulseShrink {
0% { transform: scale(0.9); }
}
.animated.pulseShrink {
-webkit-animation-direction: alternate;
-moz-animation-direction: alternate;
-o-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-name: pulseShrink;
-moz-animation-name: pulseShrink;
-o-animation-name: pulseShrink;
animation-name: pulseShrink;
} @-webkit-keyframes push {
50% { -webkit-transform: scale(0.8); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes push {
50% { -moz-transform: scale(0.8); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes push {
50% { -o-transform: scale(0.8); }
100% { -o-transform: scale(1); }
}
@keyframes push {
50% { transform: scale(0.8); }
100% { transform: scale(1); }
}
.animated.push {
-webkit-animation-name: push;
-moz-animation-name: push;
-o-animation-name: push;
animation-name: push;
} @-webkit-keyframes pop {
50% { -webkit-transform: scale(1.2); }
}
@-moz-keyframes pop {
50% { -moz-transform: scale(1.2); }
}
@-o-keyframes pop {
50% { -o-transform: scale(1.2); }
}
@keyframes pop {
50% { transform: scale(1.2); }
}
.animated.pop {
-webkit-animation-name: pop;
-moz-animation-name: pop;
-o-animation-name: pop;
animation-name: pop;
} @-webkit-keyframes rotate {
100% { -webkit-transform: rotate(60deg);  }
}
@-moz-keyframes rotate {
100% { -moz-transform: rotate(60deg);  }
}
@-o-keyframes rotate { 
100% { -o-transform: rotate(60deg);  }
}
@keyframes rotate { 
100% { transform: rotate(60deg);  }
}
.animated.rotate {
-webkit-animation-name: rotate;
-moz-animation-name: rotate;
-o-animation-name: rotate;
animation-name: rotate;
} @-webkit-keyframes growRotate {
100% { -webkit-transform: scale(1.1) rotate(60deg);  }
}
@-moz-keyframes growRotate {
100% { -moz-transform: scale(1.1) rotate(60deg);  }
}
@-o-keyframes growRotate { 
100% { -o-transform: scale(1.1) rotate(60deg);  }
}
@keyframes growRotate { 
100% { transform: scale(1.1) rotate(60deg);  }
}
.animated.growRotate {
-webkit-animation-name: growRotate;
-moz-animation-name: growRotate;
-o-animation-name: growRotate;
animation-name: growRotate;
} @-webkit-keyframes float {
100% { -webkit-transform: translateY(-8px);  }
}
@-moz-keyframes float {
100% { -moz-transform: translateY(-8px);  }
}
@-o-keyframes float { 
100% { -o-transform: translateY(-8px);  }
}
@keyframes float { 
100% { transform: translateY(-8px);  }
}
.animated.float {
-webkit-animation-name: float;
-moz-animation-name: float;
-o-animation-name: float;
animation-name: float;
} @-webkit-keyframes sink {
100% { -webkit-transform: translateY(8px);  }
}
@-moz-keyframes sink {
100% { -moz-transform: translateY(8px);  }
}
@-o-keyframes sink { 
100% { -o-transform: translateY(8px);  }
}
@keyframes sink { 
100% { transform: translateY(8px);  }
}
.animated.sink {
-webkit-animation-name: sink;
-moz-animation-name: sink;
-o-animation-name: sink;
animation-name: sink;
} @-webkit-keyframes skew {
100% { -webkit-transform: skew(-10deg);  }
}
@-moz-keyframes skew {
100% { -moz-transform: skew(-10deg);  }
}
@-o-keyframes skew { 
100% { -o-transform: skew(-10deg);  }
}
@keyframes skew { 
100% { transform: skew(-10deg);  }
}
.animated.skew {
-webkit-animation-name: skew;
-moz-animation-name: skew;
-o-animation-name: skew;
animation-name: skew;
} @-webkit-keyframes skewForward {
100% { -webkit-transform: skew(-10deg);  }
}
@-moz-keyframes skewForward {
100% { -moz-transform: skew(-10deg);  }
}
@-o-keyframes skewForward { 
100% { -o-transform: skew(-10deg);  }
}
@keyframes skewForward { 
100% { transform: skew(-10deg);  }
}
.animated.skewForward {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-animation-name: skewForward;
-moz-animation-name: skewForward;
-o-animation-name: skewForward;
animation-name: skewForward;
} @-webkit-keyframes skewBackward {
100% { -webkit-transform: skew(10deg);  }
}
@-moz-keyframes skewBackward {
100% { -moz-transform: skew(10deg);  }
}
@-o-keyframes skewBackward { 
100% { -o-transform: skew(10deg);  }
}
@keyframes skewBackward { 
100% { transform: skew(10deg);  }
}
.animated.skewBackward {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-animation-name: skewBackward;
-moz-animation-name: skewBackward;
-o-animation-name: skewBackward;
animation-name: skewBackward;
} @-webkit-keyframes wobbleVertical {
16.65% { -webkit-transform: translateY(8px); }
33.3% { -webkit-transform: translateY(-6px); }
49.95% { -webkit-transform: translateY(4px); }
66.6% { -webkit-transform: translateY(-2px); }
83.25% { -webkit-transform: translateY(1px); }
100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes wobbleVertical {
16.65% { -moz-transform: translateY(8px); }
33.3% { -moz-transform: translateY(-6px); }
49.95% { -moz-transform: translateY(4px); }
66.6% { -moz-transform: translateY(-2px); }
83.25% { -moz-transform: translateY(1px); }
100% { -moz-transform: translateY(0); }
}
@-o-keyframes wobbleVertical {
16.65% { -o-transform: translateY(8px); }
33.3% { -o-transform: translateY(-6px); }
49.95% { -o-transform: translateY(4px); }
66.6% { -o-transform: translateY(-2px); }
83.25% { -o-transform: translateY(1px); }
100% { -o-transform: translateY(0); }
}
@keyframes wobbleVertical {
16.65% { transform: translateY(8px); }
33.3% { transform: translateY(-6px); }
49.95% { transform: translateY(4px); }
66.6% { transform: translateY(-2px); }
83.25% { transform: translateY(1px); }
100% { transform: translateY(0); }
}
.animated.wobbleVertical {
-webkit-animation-name: wobbleVertical;
-moz-animation-name: wobbleVertical;
-o-animation-name: wobbleVertical;
animation-name: wobbleVertical;
} @-webkit-keyframes wobbleHorizontal {
16.65% { -webkit-transform: translateX(8px); }
33.3% { -webkit-transform: translateX(-6px); }
49.95% { -webkit-transform: translateX(4px); }
66.6% { -webkit-transform: translateX(-2px); }
83.25% { -webkit-transform: translateX(1px); }
100% { -webkit-transform: translateX(0); }
}
@-moz-keyframes wobbleHorizontal {
16.65% { -moz-transform: translateX(8px); }
33.3% { -moz-transform: translateX(-6px); }
49.95% { -moz-transform: translateX(4px); }
66.6% { -moz-transform: translateX(-2px); }
83.25% { -moz-transform: translateX(1px); }
100% { -moz-transform: translateX(0); }
}
@-o-keyframes wobbleHorizontal {
16.65% { -o-transform: translateX(8px); }
33.3% { -o-transform: translateX(-6px); }
49.95% { -o-transform: translateX(4px); }
66.6% { -o-transform: translateX(-2px); }
83.25% { -o-transform: translateX(1px); }
100% { -o-transform: translateX(0); }
}
@keyframes wobbleHorizontal {
16.65% { transform: translateX(8px); }
33.3% { transform: translateX(-6px); }
49.95% { transform: translateX(4px); }
66.6% { transform: translateX(-2px); }
83.25% { transform: translateX(1px); }
100% { transform: translateX(0); }
}
.animated.wobbleHorizontal {
-webkit-animation-name: wobbleHorizontal;
-moz-animation-name: wobbleHorizontal;
-o-animation-name: wobbleHorizontal;
animation-name: wobbleHorizontal;
} @-webkit-keyframes wobbleToBottomRight {
16.65% { -webkit-transform: translate(8px, 8px); }
33.3% { -webkit-transform: translate(-6px, -6px); }
49.95% { -webkit-transform: translate(4px, 4px); }
66.6% { -webkit-transform: translate(-2px, -2px); }
83.25% { -webkit-transform: translate(1px, 1px); }
100% { -webkit-transform: translate(0, 0); }
}
@-moz-keyframes wobbleToBottomRight {
16.65% { -moz-transform: translate(8px, 8px); }
33.3% { -moz-transform: translate(-6px, -6px); }
49.95% { -moz-transform: translate(4px, 4px); }
66.6% { -moz-transform: translate(-2px, -2px); }
83.25% { -moz-transform: translate(1px, 1px); }
100% { -moz-transform: translate(0, 0); }
}
@-o-keyframes wobbleToBottomRight {
16.65% { -o-transform: translate(8px, 8px); }
33.3% { -o-transform: translate(-6px, -6px); }
49.95% { -o-transform: translate(4px, 4px); }
66.6% { -o-transform: translate(-2px, -2px); }
83.25% { -o-transform: translate(1px, 1px); }
100% { -o-transform: translate(0, 0); }
}
@keyframes wobbleToBottomRight {
16.65% { transform: translate(8px, 8px); }
33.3% { transform: translate(-6px, -6px); }
49.95% { transform: translate(4px, 4px); }
66.6% { transform: translate(-2px, -2px); }
83.25% { transform: translate(1px, 1px); }
100% { transform: translate(0, 0); }
}
.animated.wobbleToBottomRight {
-webkit-animation-name: wobbleToBottomRight;
-moz-animation-name: wobbleToBottomRight;
-o-animation-name: wobbleToBottomRight;
animation-name: wobbleToBottomRight;
} @-webkit-keyframes wobbleToTopRight {
16.65% { -webkit-transform: translate(8px, -8px); }
33.3% { -webkit-transform: translate(-6px, 6px); }
49.95% { -webkit-transform: translate(4px, -4px); }
66.6% { -webkit-transform: translate(-2px, 2px); }
83.25% { -webkit-transform: translate(1px, -1px); }
100% { -webkit-transform: translate(0, 0); }
}
@-moz-keyframes wobbleToTopRight {
16.65% { -moz-transform: translate(8px, -8px); }
33.3% { -moz-transform: translate(-6px, 6px); }
49.95% { -moz-transform: translate(4px, -4px); }
66.6% { -moz-transform: translate(-2px, 2px); }
83.25% { -moz-transform: translate(1px, -1px); }
100% { -moz-transform: translate(0, 0); }
}
@-o-keyframes wobbleToTopRight {
16.65% { -o-transform: translate(8px, -8px); }
33.3% { -o-transform: translate(-6px, 6px); }
49.95% { -o-transform: translate(4px, -4px); }
66.6% { -o-transform: translate(-2px, 2px); }
83.25% { -o-transform: translate(1px, -1px); }
100% { -o-transform: translate(0, 0); }
}
@keyframes wobbleToTopRight {
16.65% { transform: translate(8px, -8px); }
33.3% { transform: translate(-6px, 6px); }
49.95% { transform: translate(4px, -4px); }
66.6% { transform: translate(-2px, 2px); }
83.25% { transform: translate(1px, -1px); }
100% { transform: translate(0, 0); }
}
.animated.wobbleToTopRight {
-webkit-animation-name: wobbleToTopRight;
-moz-animation-name: wobbleToTopRight;
-o-animation-name: wobbleToTopRight;
animation-name: wobbleToTopRight;
} @-webkit-keyframes wobbleTop {
16.65% { -webkit-transform: skew(-12deg); }
33.3% { -webkit-transform: skew(10deg); }
49.95% { -webkit-transform: skew(-6deg); }
66.6% { -webkit-transform: skew(4deg); }
83.25% { -webkit-transform: skew(-2deg); }
100% { -webkit-transform: skew(0); }
}
@-moz-keyframes wobbleTop {
16.65% { -moz-transform: skew(-12deg); }
33.3% { -moz-transform: skew(10deg); }
49.95% { -moz-transform: skew(-6deg); }
66.6% { -moz-transform: skew(4deg); }
83.25% { -moz-transform: skew(-2deg); }
100% { -moz-transform: skew(0); }
}
@-o-keyframes wobbleTop {
16.65% { -o-transform: skew(-12deg); }
33.3% { -o-transform: skew(10deg); }
49.95% { -o-transform: skew(-6deg); }
66.6% { -o-transform: skew(4deg); }
83.25% { -o-transform: skew(-2deg); }
100% { -o-transform: skew(0); }
}
@keyframes wobbleTop {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0); }
}
.animated.wobbleTop {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-animation-name: wobbleTop;
-moz-animation-name: wobbleTop;
-o-animation-name: wobbleTop;
animation-name: wobbleTop;
} @-webkit-keyframes wobbleBottom {
16.65% { -webkit-transform: skew(-12deg); }
33.3% { -webkit-transform: skew(10deg); }
49.95% { -webkit-transform: skew(-6deg); }
66.6% { -webkit-transform: skew(4deg); }
83.25% { -webkit-transform: skew(-2deg); }
100% { -webkit-transform: skew(0); }
}
@-moz-keyframes wobbleBottom {
16.65% { -moz-transform: skew(-12deg); }
33.3% { -moz-transform: skew(10deg); }
49.95% { -moz-transform: skew(-6deg); }
66.6% { -moz-transform: skew(4deg); }
83.25% { -moz-transform: skew(-2deg); }
100% { -moz-transform: skew(0); }
}
@-o-keyframes wobbleBottom {
16.65% { -o-transform: skew(-12deg); }
33.3% { -o-transform: skew(10deg); }
49.95% { -o-transform: skew(-6deg); }
66.6% { -o-transform: skew(4deg); }
83.25% { -o-transform: skew(-2deg); }
100% { -o-transform: skew(0); }
}
@keyframes wobbleBottom {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0); }
}
.animated.wobbleBottom {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-animation-name: wobbleBottom;
-moz-animation-name: wobbleBottom;
-o-animation-name: wobbleBottom;
animation-name: wobbleBottom;
} @-webkit-keyframes wobbleSkew {
16.65% { -webkit-transform: skew(-12deg); }
33.3% { -webkit-transform: skew(10deg); }
49.95% { -webkit-transform: skew(-6deg); }
66.6% { -webkit-transform: skew(4deg); }
83.25% { -webkit-transform: skew(-2deg); }
100% { -webkit-transform: skew(0); }
}
@-moz-keyframes wobbleSkew {
16.65% { -moz-transform: skew(-12deg); }
33.3% { -moz-transform: skew(10deg); }
49.95% { -moz-transform: skew(-6deg); }
66.6% { -moz-transform: skew(4deg); }
83.25% { -moz-transform: skew(-2deg); }
100% { -moz-transform: skew(0); }
}
@-o-keyframes wobbleSkew {
16.65% { -o-transform: skew(-12deg); }
33.3% { -o-transform: skew(10deg); }
49.95% { -o-transform: skew(-6deg); }
66.6% { -o-transform: skew(4deg); }
83.25% { -o-transform: skew(-2deg); }
100% { -o-transform: skew(0); }
}
@keyframes wobbleSkew {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0); }
}
.animated.wobbleSkew {
-webkit-animation-name: wobbleSkew;
-moz-animation-name: wobbleSkew;
-o-animation-name: wobbleSkew;
animation-name: wobbleSkew;
} @-webkit-keyframes buzz {
50% { -webkit-transform: translateX(3px) rotate(2deg); }
100% { -webkit-transform: translateX(-3px) rotate(-2deg); }
}
@-moz-keyframes buzz {
50% { -moz-transform: translateX(3px) rotate(2deg); }
100% { -moz-transform: translateX(-3px) rotate(-2deg); }
}
@-o-keyframes buzz {
50% { -o-transform: translateX(3px) rotate(2deg); }
100% { -o-transform: translateX(-3px) rotate(-2deg); }
}
@keyframes buzz {
50% { transform: translateX(3px) rotate(2deg); }
100% { transform: translateX(-3px) rotate(-2deg); }
}
.animated.buzz {
-webkit-animation-name: buzz;
-moz-animation-name: buzz;
-o-animation-name: buzz;
animation-name: buzz;
} @-webkit-keyframes buzzOut {
10% { -webkit-transform: translateX(3px) rotate(2deg); }
20% { -webkit-transform: translateX(-3px) rotate(-2deg); }
30% { -webkit-transform: translateX(3px) rotate(2deg); }
40% { -webkit-transform: translateX(-3px) rotate(-2deg); }
50% { -webkit-transform: translateX(2px) rotate(1deg); }
60% { -webkit-transform: translateX(-2px) rotate(-1deg); }
70% { -webkit-transform: translateX(2px) rotate(1deg); }
80% { -webkit-transform: translateX(-2px) rotate(-1deg); }
90% { -webkit-transform: translateX(1px) rotate(0); }
100% { -webkit-transform: translateX(-1px) rotate(0); }
}
@-moz-keyframes buzzOut {
10% { -moz-transform: translateX(3px) rotate(2deg); }
20% { -moz-transform: translateX(-3px) rotate(-2deg); }
30% { -moz-transform: translateX(3px) rotate(2deg); }
40% { -moz-transform: translateX(-3px) rotate(-2deg); }
50% { -moz-transform: translateX(2px) rotate(1deg); }
60% { -moz-transform: translateX(-2px) rotate(-1deg); }
70% { -moz-transform: translateX(2px) rotate(1deg); }
80% { -moz-transform: translateX(-2px) rotate(-1deg); }
90% { -moz-transform: translateX(1px) rotate(0); }
100% { -moz-transform: translateX(-1px) rotate(0); }
}
@-o-keyframes buzzOut {
10% { -o-transform: translateX(3px) rotate(2deg); }
20% { -o-transform: translateX(-3px) rotate(-2deg); }
30% { -o-transform: translateX(3px) rotate(2deg); }
40% { -o-transform: translateX(-3px) rotate(-2deg); }
50% { -o-transform: translateX(2px) rotate(1deg); }
60% { -o-transform: translateX(-2px) rotate(-1deg); }
70% { -o-transform: translateX(2px) rotate(1deg); }
80% { -o-transform: translateX(-2px) rotate(-1deg); }
90% { -o-transform: translateX(1px) rotate(0); }
100% { -o-transform: translateX(-1px) rotate(0); }
}
@keyframes buzzOut {
10% { transform: translateX(3px) rotate(2deg); }
20% { transform: translateX(-3px) rotate(-2deg); }
30% { transform: translateX(3px) rotate(2deg); }
40% { transform: translateX(-3px) rotate(-2deg); }
50% { transform: translateX(2px) rotate(1deg); }
60% { transform: translateX(-2px) rotate(-1deg); }
70% { transform: translateX(2px) rotate(1deg); }
80% { transform: translateX(-2px) rotate(-1deg); }
90% { transform: translateX(1px) rotate(0); }
100% { transform: translateX(-1px) rotate(0); }
}
.animated.buzzOut {
-webkit-animation-name: buzzOut;
-moz-animation-name: buzzOut;
-o-animation-name: buzzOut;
animation-name: buzzOut;
} @-webkit-keyframes forward {
100% { -webkit-transform: translateX(8px);  }
}
@-moz-keyframes forward {
100% { -moz-transform: translateX(8px);  }
}
@-o-keyframes forward { 
100% { -o-transform: translateX(8px);  }
}
@keyframes forward { 
100% { transform: translateX(8px);  }
}
.animated.forward {
-webkit-animation-name: forward;
-moz-animation-name: forward;
-o-animation-name: forward;
animation-name: forward;
} @-webkit-keyframes backward {
100% { -webkit-transform: translateX(-8px);  }
}
@-moz-keyframes backward {
100% { -moz-transform: translateX(-8px);  }
}
@-o-keyframes backward { 
100% { -o-transform: translateX(-8px);  }
}
@keyframes backward { 
100% { transform: translateX(-8px);  }
}
.animated.backward {
-webkit-animation-name: backward;
-moz-animation-name: backward;
-o-animation-name: backward;
animation-name: backward;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.esg-line-height-0 {
line-height: 0;
}
.esg-text-left {
text-align: left;
}
.esg-text-right {
text-align: right;
}
.esg-text-center {
text-align: center;
}
.esg-font-normal {
font-style: normal;
}
.esg-font-italic {
font-style: italic;
}
.esg-display-none {
display: none;
}
.esg-display-block {
display: block;
}
.esg-display-inline-block {
display: inline-block;
}
.esg-display-inline {
display: inline;
}
.esg-display-none-i {
display: none !important;
}
.esg-display-block-i {
display: block !important;
}
.esg-display-inline-block-i {
display: inline-block !important;
}
.esg-display-inline-i {
display: inline !important;
}
.esg-hidden {
visibility: hidden;
}
.esg-visible {
visibility: visible;
}
.esg-p-absolute {
position: absolute;
}
.esg-p-relative {
position: relative;
}
.esg-margin-0 {
margin: 0;
}
.esg-margin-t-0 {
margin-top: 0;
}
.esg-margin-b-0 {
margin-bottom: 0;
}
.esg-margin-l-0 {
margin-left: 0;
}
.esg-margin-r-0 {
margin-right: 0;
}
.esg-margin-5 {
margin: 5px;
}
.esg-margin-t-5 {
margin-top: 5px;
}
.esg-margin-b-5 {
margin-bottom: 5px;
}
.esg-margin-l-5 {
margin-left: 5px;
}
.esg-margin-r-5 {
margin-right: 5px;
}
.esg-margin-10 {
margin: 10px;
}
.esg-margin-t-10 {
margin-top: 10px;
}
.esg-margin-b-10 {
margin-bottom: 10px;
}
.esg-margin-l-10 {
margin-left: 10px;
}
.esg-margin-r-10 {
margin-right: 10px;
}
.esg-padding-0 {
padding: 0;
}
.esg-padding-t-0 {
padding-top: 0;
}
.esg-padding-b-0 {
padding-bottom: 0;
}
.esg-padding-l-0 {
padding-left: 0;
}
.esg-padding-r-0 {
padding-right: 0;
}
.esg-padding-15 {
padding: 15px;
}
.esg-padding-t-15 {
padding-top: 15px;
}
.esg-padding-b-15 {
padding-bottom: 15px;
}
.esg-padding-l-15 {
padding-left: 15px;
}
.esg-padding-r-15 {
padding-right: 15px;
}
.esg-f-left {
float: left !important;
}
.esg-f-right {
float: right !important;
}
.esg-f-none {
float: none !important;
}
.esg-color-black {
color: #000000;
}
.esg-color-green {
color: green;
}
.esg-color-red {
color: red;
}
.esg-w100-hauto {
width: 100%;
height: auto;
}
.esg-fullscreen-forcer {
position: relative;
left: 0px;
top: 0px;
width: 100%;
height: auto;
}
.esg-iframe {
position: absolute;
top: 0px;
left: 0px;
display:none;
}
.esg-clearfix:before,
.esg-clearfix:after {
content: " ";
display: table;
}
.esg-clearfix:after {
clear: both;
} .esg-starring {
line-height: 25px;
display: inline-block
}
.esg-starring .star-rating {
float: none;
}
.esg-starring .star-rating {
color: #FFC321 !important;
}
.esg-starring .star-rating, .esg-starring-page .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1em;
font-size: 1em;
width: 5.4em;
font-family: star;
}
.esg-starring .star-rating:before, .esg-starring-page .star-rating:before {
content: "\73\73\73\73\73";
color: #E0DADF;
float: left;
top: 0;
left: 0;
position: absolute;
}
.esg-starring star-rating span,
.esg-starring .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.esg-starring .star-rating span:before,
.esg-starring .star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
}
.esg-starring .star-rating {
color: #FFC321 !important;
}
.lazyloadcover {
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
width: 100%;
height: 100%;
}
.esg-lazyblur {
background-repeat: no-repeat;
filter: blur(25px);
-webkit-filter: blur(25px);
-moz-filter: blur(25px);
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.esg-media-poster {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-size: cover;
background-position: center center;
z-index: 10;
opacity: 0;
}
.esg-video-active .esg-media-poster {
z-index: 0
}
.esg-vimeo-frame {
background: black
} .esg-grid .no-filter-message { position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
pointer-events: none;
visibility: hidden;
opacity: 0;
transition: all 0.2s ease;
}
.esg-grid .esg-loadmore-wrapper + .no-filter-message {
position: relative;
display: block;
text-align: center;
} .esg-grid.show-message .no-filter-message {
transition-duration: 1s;
visibility: visible;
opacity: 1;
} .esg-hover-image {
display: none
}
.esg-media-poster .esg-hover-image {
display: block;
width: inherit;
height: inherit;
background-size: inherit;
background-position: inherit;
visibility: hidden;
opacity: 0
}
.esg-starring .star-rating, .esg-starring-page .star-rating {
line-height: 1em;
font-size: 1em;
font-family: star;
}
.esg-grid {
width: 100%;
max-width: 100%;
font-family: 'Open Sans', sans-serif;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0px);
transform: translateZ(0px)
}
@-moz-document url-prefix() {
.esg-grid {
transform: none !important
}
}
.esg-grid .mainul,
.esg-grid .mainul > li {
list-style: none;
margin: 0;
padding: 0;
transform-style: flat !important;
}
.esg-grid * {
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
} .esg-grid ul,
.esg-grid li {
list-style: none;
margin: 0;
padding: 0;
transform-style: flat !important;
}
.esg-overflowtrick {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
padding: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
z-index: 1;
}
.esg-overflowtrick + .esg-filters:not(.esg-navbutton-solo-left):not(.esg-navbutton-solo-right) {
z-index: 0 !important;
}
.esg-container {
position: relative;
width: 100%;
height: auto;
}
.esg-container > ul,
.esg-overflowtrick > ul {
width: 100%;
max-width: 100%;
height: 0px;
position: relative;
overflow: visible;
}
.esg-grid li {
border: 0px solid transparent;
outline: 0px solid transparent;
visibility: hidden;
display: none;
}
.esg-grid a {
border: none;
text-decoration: none
}
.esg-grid a:hover,
.esg-grid a:focus {
text-decoration: none;
border: none;
}
.esg-clear {
clear: both;
height: 5px !important;
background: none !important;
}
.esg-clear-no-height,
.eg-clearfix {
clear: both;
height: 0px !important;
background: none !important;
}
.esg-line-break {
height: 5px;
visibility: hidden;
}
.esg-divide-5 {
width: 100%;
height: 5px
}
.esg-divide-15 {
width: 100%;
height: 15px
}
.esg-divide-20 {
width: 100%;
height: 20px
}
.esg-divide-22 {
width: 100%;
height: 22px
}
.esg-divide-30 {
width: 100%;
height: 30px
}
.esg-click-to-play-video {
cursor: pointer
}
.esg-entry-media iframe {
-webkit-transform-style: flat;
-webkit-transform: translateZ(1000px);
border: 0;
} .esg-container .tp-esg-item {
position: absolute;
top: 0px;
left: 0px;
}
.esg-container .tp-esg-item {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.esg-container .tp-esg-item .blackoverlay {
width: 100%;
height: 100%;
position: absolute;
background: #000;
top: 0px;
left: 0px;
}
.tp-esg-item {
z-index: 5
}
.tp-esg-item.itemonotherpage {
z-index: 0;
display: none;
} .esg-entry-cover {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
border: 0px solid transparent;
outline: 0px solid transparent;
}
.eec {
display: block;
width: auto;
height: auto;
position: absolute !important;
font-size: 20px;
text-align: center
}
.esg-entry-cover > .eec {
z-index: 2;
pointer-events: none;
}
.esg-entry-cover > .eec > * {
pointer-events: all;
}  .esg-tc {
top: 0px;
left: 0px;
width: 100%;
}
.esg-lc {
top: 0px;
left: 0px;
height: 100%;
}
.esg-cc {
top: 0px;
left: 0px;
width: 100%;
vertical-align: middle;
}
.esg-rc {
top: 0px;
right: 0px;
height: 100%;
}
.esg-bc {
bottom: 0px;
left: 0px;
width: 100%;
} .esg-tc .ess-tb-cell {
text-align: center;
vertical-align: top;
} .esg-lc .ess-tb-cell {
text-align: left;
vertical-align: middle;
}
.esg-cc .ess-tb-cell {
}
.esg-rc .ess-tb-cell {
text-align: right;
vertical-align: middle;
} .esg-blc .ess-tb-cell {
text-align: left;
vertical-align: bottom;
}
.esg-bc .ess-tb-cell {
text-align: center;
vertical-align: bottom;
}
.esg-brc .ess-tb-cell {
text-align: right;
vertical-align: bottom;
}
.esg-bc .leftalign {
text-align: left;
} .esg-entry-media {
position: relative;
border: 0px solid transparent;
outline: 0px solid transparent;
overflow: hidden;
}
.esg-entry-media {
width: 100%;
}
.esg-entry-media img {
width: 100%;
height: auto;
max-width: none !important;
min-width: none !important
}
.esg-layout-masonry .esg-entry-media img {
line-height: 0px;
vertical-align: bottom;
display: inline-block;
}
.esg-layout-even .esg-entry-media img {
display: none
}
.esg-media-cover-wrapper {
position: relative;
width: 100%;
backface-visibility: hidden
}
.esg-layout-even .esg-media-cover-wrapper {
height: 100%;
}
.esg-entry-media-wrapper {
z-index: 0;
}
.esg-entry-media-wrapper-even {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.esg-entry-media-wrapper-not-even {
overflow: hidden;
position: relative;
}
.esg-entry-media-wrapper .esg-video-frame {
background: #000;
}
.esg-entry-media-wrapper-item-layout {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
} .esg-entry-cover .esg-overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0px solid transparent;
outline: 0px solid transparent;
} .esg-layout-even .esg-entry-content {
display: none;
}
.esg-entry-content {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-backface-visibility: hidden;
} .navigationbuttons,
.esg-pagination,
.esg-filters {
position: relative;
z-index: 50;
-webkit-backface-visibility: hidden;
}
.esg-grid .esg-pagination {
z-index: 100;
-webkit-backface-visibility: hidden;
} .esg-nav-by-shortcode .esg-sortbutton-order.eg-icon-down-open.tp-asc,
.esg-nav-by-shortcode .esg-sortbutton-order .tp-desc,
.esg-sortbutton-order.eg-icon-down-open.tp-asc,
.esg-sortbutton-order .tp-desc {
text-align: center
} .esg-nav-by-shortcode {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center
}
.esg-nav-by-shortcode .esg-navbutton-solo-right,
.esg-nav-by-shortcode .esg-navbutton-solo-left {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto
}
.esg-nav-by-shortcode .esg-filter-wrapper {
visibility: visible;
} .esg-singlefilters .esg-filter-checked {
display: none;
-webkit-backface-visibility: hidden;
}
.esg-filter-wrapper {
display: inline-block;
}
.esg-sortbutton-wrapper {
display: inline-block;
}
.esg-cartbutton-wrapper {
display: inline-block
} .esg-filter-wrapper.dropdownstyle {
min-width: 100px;
cursor: pointer;
position: relative;
z-index: 1500;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(1px);
transform: translateZ(1px)
}
.esg-filter-wrapper.dropdownstyle.esg-skin-preview {
z-index: 1570;
visibility: visible;
}
.esg-filter-wrapper.dropdownstyle .esg-filterbutton {
display: block;
margin-right: 0px;
margin-bottom: 5px;
}
.esg-filter-wrapper.dropdownstyle .esg-filter-checked {
margin-right: 5px;
margin-left: 0px;
}
.esg-dropdown-wrapper {
display: none;
position: absolute;
padding: 20px;
top: 100%;
backface-visibility: hidden;
transform: translateZ(10px);
}
.esg-selected-filterbutton {
color: #999;
margin-right: 5px;
cursor: pointer;
padding: 0px 15px 0px 10px;
line-height: 20px;
font-size: 12px;
font-weight: 600;
font-family: "Open Sans", sans-serif;
display: inline-block;
background: rgba(0, 0, 0, 0);
margin-bottom: 5px;
width: 100%;
}
.esg-selected-filterbutton.hovered {
color: #444;
}
.esg-selected-filterbutton .eg-icon-down-open {
display: inline-block;
vertical-align: top;
width: 29px;
line-height: inherit;
font-size: 9px;
font-weight: 700;
color: #999;
background: rgba(0, 0, 0, 0);
text-align: center;
} .esg-sortbutton-order.tp-desc {
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}
.esg-sorting-select {
cursor: pointer;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0;
-webkit-appearance: menulist-button;
}
.esg-filters.esg-navbutton-solo-left {
position: absolute;
left: 0px;
top: 50%;
z-index: 800
}
.esg-filters.esg-navbutton-solo-right {
position: absolute;
right: 0px;
top: 50%;
z-index: 800;
}
.esg-navigationbutton.esg-right,
.esg-navigationbutton.esg-left {
margin-left: 0px !important;
margin-right: 0px !important;
-webkit-transform-style: flat;
-webkit-transform: translateZ(5000px)
} .eg-leftright-container {
float: left;
width: 310px;
margin-right: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: relative;
}
.eg-leftright-container.dark {
background: #1e1e1e
}
.eg-leftright-container .pagination {
position: absolute;
bottom: 0px;
}
.eg-leftright-container .esg-filters {
padding: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.eg-leftright-container .esg-filterbutton {
display: block;
margin: 0px 0px 5px 0px
}
.eg-leftright-container .esg-filter-wrapper {
display: block;
margin-right: 0px;
} .eg-ajaxtarget-container {
position: relative;
width: 100%;
height: auto;
}
.eg-ajaxanimwrapper {
position: relative;
overflow: hidden;
} .tp-esg-item .add_to_cart_button.loading:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: url(//leiliaani.com/wp-content/plugins/essential-grid/public/assets/images/ajax-loader.gif) center no-repeat rgba(255, 255, 255, 0.65);
}
.esg-loader {
top: 50%;
left: 50%;
z-index: 10000;
position: absolute;
}
.infinityscollavailable.esg-loader {
position: relative;
top: auto;
left: 50%;
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.esg-loader.spinner0 {
width: 40px;
height: 40px;
background: url(//leiliaani.com/wp-content/plugins/essential-grid/public/assets/images/loader.gif) no-repeat center center;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
margin-left: -20px;
-webkit-animation: esg-rotateplane 1.2s infinite ease-in-out;
animation: esg-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.esg-loader.spinner1 {
width: 40px;
height: 40px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
margin-left: -20px;
-webkit-animation: esg-rotateplane 1.2s infinite ease-in-out;
animation: esg-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.esg-loader.spinner5 {
background: url(//leiliaani.com/wp-content/plugins/essential-grid/public/assets/images/loader.gif) no-repeat 10px 10px;
background-color: #fff;
margin: -22px -22px;
width: 44px;
height: 44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
@-webkit-keyframes esg-rotateplane {
0% {
-webkit-transform: perspective(120px)
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes esg-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.esg-loader.spinner2 {
width: 40px;
height: 40px;
margin-left: -20px;
background-color: #ff0000;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
border-radius: 100%;
-webkit-animation: esg-scaleout 1.0s infinite ease-in-out;
animation: esg-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes esg-scaleout {
0% {
-webkit-transform: scale(0.0)
}
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes esg-scaleout {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
.esg-loader.spinner3 {
margin: -9px 0px 0px -35px;
width: 70px;
text-align: center;
}
.eg-search-wrapper .esg-loader.spinner3 {
margin-top: -30px !important
}
.simple-light .eg-search-wrapper .esg-loader.spinner3,
.simple-dark .eg-search-wrapper .esg-loader.spinner3 {
margin-top: -25px !important
}
.text-light .eg-search-wrapper .esg-loader.spinner3,
.text-dark .eg-search-wrapper .esg-loader.spinner3 {
margin-top: -22px !important
}
.esg-loader.spinner3 .bounce1,
.esg-loader.spinner3 .bounce2,
.esg-loader.spinner3 .bounce3 {
width: 18px;
height: 18px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
border-radius: 100%;
display: inline-block;
-webkit-animation: esg-bouncedelay 1.4s infinite ease-in-out;
animation: esg-bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.esg-loader.spinner3 .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.esg-loader.spinner3 .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes esg-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
40% {
-webkit-transform: scale(1.0)
}
}
@keyframes esg-bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.esg-loader.spinner4 {
margin: 0px 0px 0px -20px;
width: 40px;
height: 40px;
text-align: center;
-webkit-animation: esg-rotate 2.0s infinite linear;
animation: esg-rotate 2.0s infinite linear;
}
.esg-loader.spinner4 .dot1,
.esg-loader.spinner4 .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
-webkit-animation: esg-bounce 2.0s infinite ease-in-out;
animation: esg-bounce 2.0s infinite ease-in-out;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.esg-loader.spinner4 .dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes esg-rotate {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes esg-rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg)
}
}
@-webkit-keyframes esg-bounce {
0%, 100% {
-webkit-transform: scale(0.0)
}
50% {
-webkit-transform: scale(1.0)
}
}
@keyframes esg-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
} [class^="eg-icon-"]:before,
[class*=" eg-icon-"]:before {
font-family: "eg-font";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center; font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;    }
[class^="fa-icon-"]:before, [class*=" fa-icon-"]:before {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;
}
.esg-grid [class^="pe-7s-"]:before,
.esg-grid [class*=" pe-7s-"]:before {
font-family: 'Pe-icon-7-stroke';
display: inline-block;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;
} .esg-filter-wrapper .esg-filterbutton:last-child,
.esg-cartbutton a,
.esg-selected-filterbutton {
margin-right: 0 !important;
}
.esg-singlefilters .esg-filter-checked {
display: none !important
} .eg-ajaxclicklistener {
cursor: pointer
}
.eg-ajax-video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.eg-ajax-video-container.widevideo {
padding-bottom: 50%;
}
.eg-ajax-video-container iframe,
.eg-ajax-video-container object,
.eg-ajax-video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.forcenotvisible {
visibility: hidden !important
}
.forcenotdisplay {
display: none !important
} input.eg-search-input[type="text"],
.eg-search-input {
display: inline-block
}
.eg-search-submit,
.eg-search-clean {
display: inline-block;
width: auto;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
text-align: center;
vertical-align: top
}
.eg-search-submit,
.eg-search-clean {
cursor: pointer
}
.eg-search-wrapper {
vertical-align: top;
line-height: 40px;
}
input.eg-search-input[type="text"] {
font-family: "Open Sans", sans-serif;
outline: none !important;
margin: 0px 0px 5px !important;
padding: 8px 15px;
vertical-align: top;
box-sizing: border-box
} .eg-ajax-closer-wrapper {
display: block;
z-index: 51000;
position: relative
}
.eg-ajax-navbt {
cursor: pointer;
display: inline-block;
margin-right: 5px;
}
.eg-acp-inner.eg-acp-tr .eg-ajax-closer.eg-ajax-navbt,
.eg-acp-inner.eg-acp-br .eg-ajax-closer.eg-ajax-navbt {
margin-right: 0px
}
.eg-ajax-closer-wrapper.eg-acp-tl,
.eg-ajax-closer-wrapper.eg-acp-bl {
text-align: left;
}
.eg-ajax-closer-wrapper.eg-acp-tr,
.eg-ajax-closer-wrapper.eg-acp-br {
text-align: right;
}
.eg-ajax-closer-wrapper.eg-acp-t,
.eg-ajax-closer-wrapper.eg-acp-b {
text-align: center;
}
.eg-ajax-closer-wrapper.eg-acp-t,
.eg-ajax-closer-wrapper.eg-acp-tr,
.eg-ajax-closer-wrapper.eg-acp-tl {
margin-bottom: 5px;
}
.eg-ajax-closer-wrapper.eg-acp-bl,
.eg-ajax-closer-wrapper.eg-acp-br,
.eg-ajax-closer-wrapper.eg-acp-b {
margin-top: 5px;
}
.eg-acp-inner {
display: block;
position: absolute;
z-index: 50;
margin: 5px;
}
.eg-acp-inner.eg-acp-tr,
.eg-acp-inner.eg-acp-tl,
.eg-acp-inner.eg-acp-t {
top: 0px;
}
.eg-acp-inner.eg-acp-br,
.eg-acp-inner.eg-acp-bl,
.eg-acp-inner.eg-acp-b {
bottom: 0px;
}
.eg-acp-inner.eg-acp-tl,
.eg-acp-inner.eg-acp-bl {
left: 0px;
}
.eg-acp-inner.eg-acp-tr,
.eg-acp-inner.eg-acp-br {
right: 0px;
}
.eg-acp-inner.eg-acp-t,
.eg-acp-inner.eg-acp-b {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-moz-transform: translateX(-50%);
}
.eg-ajax-navbt {
line-height: 21px;
background: #000;
background: rgba(0, 0, 0, 0.75);
color: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
text-transform: uppercase;
padding: 1px 1px 0px 0px;
font-size: 11px;
font-weight: 400;
}
.eg-ajax-closer.eg-ajax-navbt {
padding: 1px 5px 1px 3px;
vertical-align: top;
}
.eg-acp-light .eg-ajax-navbt {
background: #e5e5e5;
color: #000;
}
.eg-ajax-closer.eg-ajax-navbt i {
font-size: 13px;
}
.eg-ajax-navbt i {
font-size: 16px;
}
.eg-ajax-closer-wrapper.eg-acp-type1 {
margin: 0;
}
.eg-acp-type1 .eg-ajax-navbt {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
padding: 10px;
margin: 0px;
}
.eg-acp-type1 .eg-ajax-navbt i {
font-size: 20px;
}
.eg-acp-type1 .eg-ajax-navbt {
width: 40px;
height: 40px;
text-align: center;
vertical-align: medium !important;
line-height: 40px;
padding: 0px;
}
.eg-acp-type1 .eg-ajax-closer.eg-ajax-navbt {
vertical-align: top;
font-size: 24px;
font-weight: 300;
font-family: sans-serif;
height: auto;
line-height: 28px;
padding: 8px 0px 4px;
}
span.eg-el-amount:before {
content: "("
}
span.eg-el-amount:after {
content: ")"
}
span.eg-el-amount {
margin-left: 10px;
}
.esg-dropdown-wrapper span.eg-el-amount {
margin-left: 5px;
} .esg-split-content .esg-entry-media-wrapper, .esg-split-content .esg-entry-cover {
width: 50% !important
}
.esg-split-content .esg-media-cover-wrapper:after {
content: "";
display: table;
clear: both
}
.esg-split-right .esg-entry-media-wrapper, .esg-split-right .esg-entry-cover {
float: right
}
.esg-split-left .esg-entry-media-wrapper, .esg-split-left .esg-entry-cover {
float: left
}
.esg-split-content .esg-entry-media {
height: 100% !important
}
.esg-split-content .esg-entry-cover {
position: relative !important
}
.esg-split-content .esg-entry-content {
clear: both
} .grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}  .esg-revealed .esg-itm-anime:not(.esg-anime-blur) .esg-overflowtrick {
overflow: visible !important
}
.esg-revealed .esg-itm-anime .tp-esg-item {
-webkit-mask-image: none !important
}
.esg-revealed .esg-itm-anime .tp-esg-item:hover {
z-index: 9999 !important;
transform: none !important
}
.esg-revealed .esg-anime-item:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
.esg-anime-blur .esg-entry-media {
transform: scale(1.15, 1.15) !important;
transform-origin: center center !important
} .eg-invisiblebutton {
box-shadow: none !important;
height: inherit !important;
display: block !important;
}
.esg-media-cover-wrapper > .eg-invisiblebutton {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.esg-entry-cover > .eg-invisiblebutton {
position: relative;
z-index: 1;
}
.esg-lb-dummy {
max-width: none !important;
box-shadow: none !important;
position: absolute;
display: none
} @media screen and (max-width: 736px) {
.eg-lightbox-post-content-inner > div {
width: 100% !important;
float: none !important;
}
.eg-lightbox-post-content-inner .esg-post-featured-img {
padding: 30px 0 !important;
}
}
.esgbox-stage .esgbox-slide > *:not(.esgbox-share) {
margin: 0;
padding: 0
}
.esgbox-stage .esgbox-slide > .esgbox-loading {
margin-top: -30px;
margin-left: -30px
}
.esgbox-toolbar .esgbox-button {
transition: background 0.2s ease-out
}
.esgbox-toolbar .esgbox-button:focus,
.esgbox-toolbar .esgbox-button:active,
.esgbox-toolbar .esgbox-button:visited {
background: rgba(30, 30, 30, .6)
}
.esgbox-toolbar .esgbox-button:hover {
background: #000
}
.esgbox-navigation .esgbox-button:before {
transition: background 0.2s ease-out
}
.esgbox-navigation .esgbox-button:focus:before,
.esgbox-navigation .esgbox-button:active:before,
.esgbox-navigation .esgbox-button:visited:before,
.esgbox-navigation .esgbox-button[disabled]:hover:before,
.esgbox-toolbar .esgbox-button[disabled]:hover {
background: rgba(0, 0, 0, .6)
}
.esgbox-navigation .esgbox-button:hover:before {
background: rgba(0, 0, 0, .6)
}
.esgbox-hidearrows .esgbox-navigation .esgbox-button--arrow_left,
.esgbox-hidearrows .esgbox-navigation .esgbox-button--arrow_right {
display: none !important
}
.esgbox-single .esgbox-button--arrow_left,
.esgbox-single .esgbox-button--arrow_right {
display: none !important
}
.esgbox-slide--video iframe {
width: 100% !important;
height: 100% !important;
max-width: 100%;
max-height: 100%;
}
.esg-four-by-three .esgbox-slide--video iframe {
width: 800px;
height: 600px;
}
.esgbox-container .esgbox-button--arrow_right:hover,
.esgbox-container .esgbox-button--arrow_right:focus,
.esgbox-container .esgbox-button--arrow_left:hover,
.esgbox-container .esgbox-button--arrow_left:focus {
background: rgba(0, 0, 0, .6)
} .esg-filter-wrapper {
visibility: hidden
}
#eg-elements-container-grid-wrap.eg-startheight {
height: 351px;
}
.esg-mobile-filter-button {
display: none
}
.esg-filter-wrapper.dropdownstyle .esg-mobile-filter-button {
display: inline-block;
}
.esg-mobile-filter-wrap {
visibility: visible
}
.esg-mobile-filter-wrap .esg-dropdown-wrapper {
display: none !important;
visibility: hidden !important
} .eg-esgblankskin-wrapper * {
visibility: hidden !important
} .eg-item-in-focus {
z-index: 999 !important
} .esg-cover-overflow {
overflow: hidden
} .esg-transition[data-transition^='esg-collapse'] {
overflow: hidden
}
.esg-transition[data-transition^='esg-collapse']:before,
.esg-transition[data-transition^='esg-collapse']:after {
position: absolute;
content: ""
}
.esg-transition[data-transition^='esg-collapsevertical']:before,
.esg-transition[data-transition^='esg-collapsevertical']:after {
width: 100%;
height: 0%;
left: 0
}
.esg-transition[data-transition^='esg-collapsevertical']:before {
top: 0
}
.esg-transition[data-transition^='esg-collapsevertical']:after {
bottom: 0
}
.esg-transition[data-transition='esg-collapseverticalout']:before,
.esg-transition[data-transition='esg-collapseverticalout']:after {
height: 50%
}
.esg-transition[data-transition^='esg-collapsehorizontal']:before,
.esg-transition[data-transition^='esg-collapsehorizontal']:after {
width: 0%;
height: 100%;
top: 0
}
.esg-transition[data-transition^='esg-collapsehorizontal']:before {
left: 0
}
.esg-transition[data-transition^='esg-collapsehorizontal']:after {
right: 0
}
.esg-transition[data-transition='esg-collapsehorizontalout']:before {
width: 50%
}
.esg-transition[data-transition='esg-collapsehorizontalout']:after {
width: 50%
}
.esg-hovered .esg-transition[data-transition="esg-collapsevertical"]:before,
.esg-hovered .esg-transition[data-transition="esg-collapsevertical"]:after {
height: 50%
}
.esg-hovered .esg-transition[data-transition="esg-collapseverticalout"]:before,
.esg-hovered .esg-transition[data-transition="esg-collapseverticalout"]:after {
height: 0
}
.esg-hovered .esg-transition[data-transition="esg-collapsehorizontal"]:before,
.esg-hovered .esg-transition[data-transition="esg-collapsehorizontal"]:after {
width: 50%
}
.esg-hovered .esg-transition[data-transition="esg-collapsehorizontalout"]:before,
.esg-hovered .esg-transition[data-transition="esg-collapsehorizontalout"]:after {
width: 0
} .esg-transition[data-transition^="esg-line"]:after {
content: "";
position: absolute;
width: 70%;
height: 70%;
top: 15%;
left: 15%;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center;
}
.esg-transition[data-transition="esg-linediagonal"]:after,
.esg-transition[data-transition="esg-linehorizontal"]:after,
.esg-transition[data-transition="esg-linevertical"]:after {
transform: scale(0)
}
.esg-hovered .esg-transition[data-transition^="esg-line"]:after {
transform: scale(1)
}
.esg-hovered .esg-transition[data-transition="esg-linediagonalout"]:after,
.esg-hovered .esg-transition[data-transition="esg-linehorizontalout"]:after,
.esg-hovered .esg-transition[data-transition="esg-lineverticalout"]:after {
transform: scale(0)
} .esg-transition[data-transition^="esg-spiral"]:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
box-sizing: border-box;
padding-bottom: 100%;
background-size: contain;
background-repeat: no-repeat;
transform-origin: center;
transform: translate(-50%, -50%) rotate(0deg) scale(0);
}
.esg-transition[data-transition="esg-spiralzoomout"]:after {
transform: translate(-50%, -50%) rotate(-300deg) scale(3)
}
.esg-hovered .esg-transition[data-transition="esg-spiralzoom"]:after {
transform: translate(-50%, -50%) rotate(-300deg) scale(3)
}
.esg-hovered .esg-transition[data-transition="esg-spiralzoomout"]:after {
transform: translate(-50%, -50%) rotate(0deg) scale(0)
} .esg-transition[data-transition^="esg-circlezoom"]:before,
.esg-transition[data-transition^="esg-circlezoom"]:after {
content: "";
position: absolute;
width: 150%;
height: 150%;
padding-bottom: 150%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0, 0);
border-radius: 50%;
box-sizing: border-box;
}
.esg-transition[data-transition="esg-circlezoomout"]:before,
.esg-transition[data-transition="esg-circlezoomout"]:after {
transform: translate(-50%, -50%) scale(1, 1)
}
.esg-hovered .esg-transition[data-transition="esg-circlezoom"]:before,
.esg-hovered .esg-transition[data-transition="esg-circlezoom"]:after {
transform: translate(-50%, -50%) scale(1, 1)
}
.esg-hovered .esg-transition[data-transition="esg-circlezoomout"]:before,
.esg-hovered .esg-transition[data-transition="esg-circlezoomout"]:after {
transform: translate(-50%, -50%) scale(0, 0)
}
.esg-transition[data-transition^="esg-line"]:before,
.esg-transition[data-transition^="esg-spiral"]:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0%;
left: 0%;
opacity: 0;
}
.esg-transition[data-transition="esg-linediagonalout"]:before,
.esg-transition[data-transition="esg-linehorizontalout"]:before,
.esg-transition[data-transition="esg-lineverticalout"]:before,
.esg-transition[data-transition="esg-spiralzoomout"]:before {
opacity: 1
}
.esg-hovered .esg-transition[data-transition^="esg-line"]:before,
.esg-hovered .esg-transition[data-transition="esg-spiralzoom"]:before {
opacity: 1
}
.esg-hovered .esg-transition[data-transition="esg-linediagonalout"]:before,
.esg-hovered .esg-transition[data-transition="esg-linehorizontalout"]:before,
.esg-hovered .esg-transition[data-transition="esg-lineverticalout"]:before,
.esg-hovered .esg-transition[data-transition="esg-spiralzoomout"]:before {
opacity: 0
} .esg-overlay.esg-cover-blend-multiply {
mix-blend-mode: multiply
}
.esg-overlay.esg-cover-blend-screen {
mix-blend-mode: screen
}
.esg-overlay.esg-cover-blend-overlay {
mix-blend-mode: overlay
}
.esg-overlay.esg-cover-blend-darken {
mix-blend-mode: darken
}
.esg-overlay.esg-cover-blend-lighten {
mix-blend-mode: lighten
}
.esg-overlay.esg-cover-blend-color-dodge {
mix-blend-mode: color-dodge
}
.esg-overlay.esg-cover-blend-color-burn {
mix-blend-mode: color-burn
}
.esg-overlay.esg-cover-blend-hard-light {
mix-blend-mode: hard-light
}
.esg-overlay.esg-cover-blend-soft-light {
mix-blend-mode: soft-light
}
.esg-overlay.esg-cover-blend-difference {
mix-blend-mode: difference
}
.esg-overlay.esg-cover-blend-exclusion {
mix-blend-mode: exclusion
}
.esg-overlay.esg-cover-blend-hue {
mix-blend-mode: hue
}
.esg-overlay.esg-cover-blend-saturation {
mix-blend-mode: saturation
}
.esg-overlay.esg-cover-blend-color {
mix-blend-mode: color
}
.esg-overlay.esg-cover-blend-luminosity {
mix-blend-mode: luminosity
} .source_type_stream .esg-filter-wrapper,
.source_type_nextgen .esg-filter-wrapper,
.source_type_rml .esg-filter-wrapper {
display: none !important;
} [class*=" pe-7s-"]:before {
font-family: 'Pe-icon-7-stroke'
}  #esg_search_wrapper {
height: auto;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 20000;
}
#esg_search_wrapper .esg-filter-wrapper, #esg_search_wrapper .esg-pagination {
margin-left: 0 !important;
}
#esg_big_search_wrapper {
padding-top: 0;
position: relative;
}
#esg_big_search_wrapper .bigsearchfield {
-moz-border-bottom-colors: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-top-colors: none !important;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0) !important;
border:none !important;
border-bottom:2px solid #333 !important;
color: #333 !important;
font-size: 40px !important;
font-weight: 700;
line-height: 40px !important;
padding: 0 !important;
position: relative;
width: 100%;
z-index: 10;
height:50px !important;
border-radius:0 !important;
-webkit-border-radius:0 !important;
-moz-border-radius:0 !important;
}
#esg_big_search_wrapper::-ms-clear { display: none; }
#esg_big_search_wrapper .bigsearchfield::-ms-clear { display: none; }
#esg_big_search_fake_txt {
background: none repeat scroll 0 0 rgba(255, 255,255, 0) !important;
border: medium none !important;
color: #333 !important;
font-size: 40px !important;
font-weight: 700;
line-height: 40px !important;
padding: 0 !important;
position: absolute !important;
top: 7px !important;
width: 100%;
z-index: 5;
height:50px !important;
}
.esg_big_search_close {
color: #333;
cursor: pointer;
font-size: 40px;
font-weight: 400;
position: absolute;
right: 30px;
top: 50px;
z-index: 20;
}
.esg_searchresult_title {
color: #333;
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
margin-top: 30px;
text-transform: uppercase;
}
#esg_search_bg {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 19999;
}
.esg_searchcontainer {
box-sizing: border-box;
padding: 40px;
position: relative;
width: 100%;
}
.esg_searchresult {
color: #333;
font-size: 17px;
font-weight: 600;
line-height: 26px;
} #esg_big_search_wrapper.dark .bigsearchfield {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
border-bottom:2px solid #fff !important;
color: #fff !important;
}
.dark #esg_big_search_fake_txt {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
color: #fff !important;
}
.dark .esg_big_search_close {
color: #fff;
}
.dark .esg_searchresult_title {
color: #fff;
}
#esg_search_bg.dark {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
}
.dark .esg_searchresult {
color: #fff;
}@font-face {
font-family: 'eg-font';
src: url(//leiliaani.com/wp-content/plugins/essential-grid/public/assets/font/fontello/fonts/egfont.eot?85610117);
src: url(//leiliaani.com/wp-content/plugins/essential-grid/public/assets/font/fontello/fonts/egfont.eot?85610117#iefix) format('embedded-opentype'),
url(//leiliaani.com/wp-content/plugins/essential-grid/public/assets/font/fontello/fonts/egfont.woff?85610117) format('woff'),
url(//leiliaani.com/wp-content/plugins/essential-grid/public/assets/font/fontello/fonts/egfont.ttf?85610117) format('truetype'),
url(//leiliaani.com/wp-content/plugins/essential-grid/public/assets/font/fontello/fonts/egfont.svg?85610117#egfont) format('svg');
font-weight: normal;
font-style: normal;
}
.eg-icon-soundcloud:before { content: '\e8ca'; } .eg-icon-music:before { content: '\e858'; } .eg-icon-color-adjust:before { content: '\e862'; } .eg-icon-mail:before { content: '\e868'; } .eg-icon-mail-alt:before { content: '\e869'; } .eg-icon-heart:before { content: '\e86a'; } .eg-icon-heart-empty:before { content: '\e86b'; } .eg-icon-star:before { content: '\e86c'; } .eg-icon-star-empty:before { content: '\e86d'; } .eg-icon-user:before { content: '\e879'; } .eg-icon-male:before { content: '\e87a'; } .eg-icon-female:before { content: '\e87b'; } .eg-icon-video:before { content: '\e805'; } .eg-icon-videocam:before { content: '\e859'; } .eg-icon-picture-1:before { content: '\e803'; } .eg-icon-camera:before { content: '\e85a'; } .eg-icon-camera-alt:before { content: '\e85b'; } .eg-icon-th-large:before { content: '\e83c'; } .eg-icon-th:before { content: '\e83d'; } .eg-icon-ok:before { content: '\e80d'; } .eg-icon-ok-circled2:before { content: '\e877'; } .eg-icon-ok-squared:before { content: '\e878'; } .eg-icon-cancel:before { content: '\e80a'; } .eg-icon-plus:before { content: '\e86e'; } .eg-icon-plus-circled:before { content: '\e876'; } .eg-icon-plus-squared:before { content: '\e875'; } .eg-icon-minus:before { content: '\e86f'; } .eg-icon-minus-circled:before { content: '\e870'; } .eg-icon-minus-squared:before { content: '\e871'; } .eg-icon-minus-squared-alt:before { content: '\e872'; } .eg-icon-info-circled:before { content: '\e80f'; } .eg-icon-info:before { content: '\e844'; } .eg-icon-home:before { content: '\e843'; } .eg-icon-link:before { content: '\e80e'; } .eg-icon-unlink:before { content: '\e83f'; } .eg-icon-link-ext:before { content: '\e840'; } .eg-icon-lock:before { content: '\e856'; } .eg-icon-lock-open:before { content: '\e857'; } .eg-icon-eye:before { content: '\e841'; } .eg-icon-eye-off:before { content: '\e842'; } .eg-icon-tag:before { content: '\e85c'; } .eg-icon-thumbs-up:before { content: '\e887'; } .eg-icon-thumbs-up-alt:before { content: '\e888'; } .eg-icon-download:before { content: '\e88a'; } .eg-icon-upload:before { content: '\e889'; } .eg-icon-reply:before { content: '\e8a6'; } .eg-icon-forward:before { content: '\e874'; } .eg-icon-export-1:before { content: '\e873'; } .eg-icon-print:before { content: '\e886'; } .eg-icon-gamepad:before { content: '\e837'; } .eg-icon-trash:before { content: '\e801'; } .eg-icon-doc-text:before { content: '\e885'; } .eg-icon-doc-inv:before { content: '\e884'; } .eg-icon-folder-1:before { content: '\e83e'; } .eg-icon-folder-open:before { content: '\e883'; } .eg-icon-folder-open-empty:before { content: '\e882'; } .eg-icon-rss:before { content: '\e880'; } .eg-icon-rss-squared:before { content: '\e881'; } .eg-icon-phone:before { content: '\e87f'; } .eg-icon-menu:before { content: '\e830'; } .eg-icon-cog-alt:before { content: '\e847'; } .eg-icon-wrench:before { content: '\e848'; } .eg-icon-basket-1:before { content: '\e87c'; } .eg-icon-calendar:before { content: '\e87d'; } .eg-icon-calendar-empty:before { content: '\e87e'; } .eg-icon-lightbulb:before { content: '\e88b'; } .eg-icon-resize-full-alt:before { content: '\e845'; } .eg-icon-move:before { content: '\e846'; } .eg-icon-down-dir:before { content: '\e838'; } .eg-icon-up-dir:before { content: '\e839'; } .eg-icon-left-dir:before { content: '\e817'; } .eg-icon-right-dir:before { content: '\e818'; } .eg-icon-down-open:before { content: '\e83b'; } .eg-icon-left-open:before { content: '\e819'; } .eg-icon-right-open:before { content: '\e81a'; } .eg-icon-angle-left:before { content: '\e820'; } .eg-icon-angle-right:before { content: '\e81d'; } .eg-icon-angle-double-left:before { content: '\e892'; } .eg-icon-angle-double-right:before { content: '\e893'; } .eg-icon-left-big:before { content: '\e81f'; } .eg-icon-right-big:before { content: '\e81e'; } .eg-icon-up-hand:before { content: '\e835'; } .eg-icon-ccw-1:before { content: '\e891'; } .eg-icon-shuffle-1:before { content: '\e849'; } .eg-icon-play:before { content: '\e88c'; } .eg-icon-play-circled:before { content: '\e88e'; } .eg-icon-stop:before { content: '\e88f'; } .eg-icon-pause:before { content: '\e88d'; } .eg-icon-fast-fw:before { content: '\e890'; } .eg-icon-desktop:before { content: '\e85d'; } .eg-icon-laptop:before { content: '\e85e'; } .eg-icon-tablet:before { content: '\e85f'; } .eg-icon-mobile:before { content: '\e860'; } .eg-icon-flight:before { content: '\e894'; } .eg-icon-font:before { content: '\e851'; } .eg-icon-bold:before { content: '\e852'; } .eg-icon-italic:before { content: '\e855'; } .eg-icon-text-height:before { content: '\e84f'; } .eg-icon-text-width:before { content: '\e850'; } .eg-icon-align-left:before { content: '\e84c'; } .eg-icon-align-center:before { content: '\e84d'; } .eg-icon-align-right:before { content: '\e84e'; } .eg-icon-search:before { content: '\e802'; } .eg-icon-indent-left:before { content: '\e866'; } .eg-icon-indent-right:before { content: '\e867'; } .eg-icon-ajust:before { content: '\e84a'; } .eg-icon-tint:before { content: '\e84b'; } .eg-icon-chart-bar:before { content: '\e853'; } .eg-icon-magic:before { content: '\e807'; } .eg-icon-sort:before { content: '\e895'; } .eg-icon-sort-alt-up:before { content: '\e863'; } .eg-icon-sort-alt-down:before { content: '\e864'; } .eg-icon-sort-name-up:before { content: '\e854'; } .eg-icon-sort-name-down:before { content: '\e865'; } .eg-icon-coffee:before { content: '\e896'; } .eg-icon-food:before { content: '\e897'; } .eg-icon-medkit:before { content: '\e898'; } .eg-icon-puzzle:before { content: '\e899'; } .eg-icon-apple:before { content: '\e89a'; } .eg-icon-facebook:before { content: '\e89b'; } .eg-icon-gplus:before { content: '\e89c'; } .eg-icon-tumblr:before { content: '\e8a0'; } .eg-icon-twitter-squared:before { content: '\e8a2'; } .eg-icon-twitter:before { content: '\e8a1'; } .eg-icon-vimeo-squared:before { content: '\e89d'; } .eg-icon-youtube:before { content: '\e89f'; } .eg-icon-youtube-squared:before { content: '\e89e'; } .eg-icon-picture:before { content: '\e800'; } .eg-icon-check:before { content: '\e810'; } .eg-icon-back:before { content: '\e8a5'; } .eg-icon-thumbs-up-1:before { content: '\e8a9'; } .eg-icon-thumbs-down:before { content: '\e8aa'; } .eg-icon-download-1:before { content: '\e8ab'; } .eg-icon-upload-1:before { content: '\e8ac'; } .eg-icon-reply-1:before { content: '\e8a8'; } .eg-icon-forward-1:before { content: '\e8a7'; } .eg-icon-export:before { content: '\e80b'; } .eg-icon-folder:before { content: '\e813'; } .eg-icon-rss-1:before { content: '\e8c8'; } .eg-icon-cog:before { content: '\e832'; } .eg-icon-tools:before { content: '\e815'; } .eg-icon-basket:before { content: '\e812'; } .eg-icon-login:before { content: '\e833'; } .eg-icon-logout:before { content: '\e834'; } .eg-icon-resize-full:before { content: '\e816'; } .eg-icon-popup:before { content: '\e828'; } .eg-icon-arrow-combo:before { content: '\e827'; } .eg-icon-left-open-1:before { content: '\e82a'; } .eg-icon-right-open-1:before { content: '\e82b'; } .eg-icon-left-open-mini:before { content: '\e822'; } .eg-icon-right-open-mini:before { content: '\e823'; } .eg-icon-left-open-big:before { content: '\e824'; } .eg-icon-right-open-big:before { content: '\e825'; } .eg-icon-left:before { content: '\e836'; } .eg-icon-right:before { content: '\e826'; } .eg-icon-ccw:before { content: '\e808'; } .eg-icon-cw:before { content: '\e8c9'; } .eg-icon-arrows-ccw:before { content: '\e806'; } .eg-icon-level-down:before { content: '\e8a3'; } .eg-icon-level-up:before { content: '\e8a4'; } .eg-icon-shuffle:before { content: '\e814'; } .eg-icon-palette:before { content: '\e829'; } .eg-icon-list-add:before { content: '\e80c'; } .eg-icon-back-in-time:before { content: '\e821'; } .eg-icon-monitor:before { content: '\e81b'; } .eg-icon-paper-plane:before { content: '\e8ad'; } .eg-icon-brush:before { content: '\e8ae'; } .eg-icon-droplet:before { content: '\e81c'; } .eg-icon-clipboard:before { content: '\e8b0'; } .eg-icon-megaphone:before { content: '\e8b1'; } .eg-icon-key:before { content: '\e8af'; } .eg-icon-github:before { content: '\e8b3'; } .eg-icon-github-circled:before { content: '\e8b4'; } .eg-icon-flickr:before { content: '\e8b2'; } .eg-icon-flickr-circled:before { content: '\e8b5'; } .eg-icon-vimeo:before { content: '\e8b6'; } .eg-icon-vimeo-circled:before { content: '\e8b7'; } .eg-icon-twitter-1:before { content: '\e8b8'; } .eg-icon-twitter-circled:before { content: '\e8b9'; } .eg-icon-facebook-1:before { content: '\e8ba'; } .eg-icon-facebook-circled:before { content: '\e8bb'; } .eg-icon-facebook-squared:before { content: '\e8bc'; } .eg-icon-gplus-1:before { content: '\e8bd'; } .eg-icon-gplus-circled:before { content: '\e8be'; } .eg-icon-pinterest:before { content: '\e8bf'; } .eg-icon-pinterest-circled:before { content: '\e8c0'; } .eg-icon-tumblr-1:before { content: '\e8c1'; } .eg-icon-tumblr-circled:before { content: '\e8c2'; } .eg-icon-linkedin:before { content: '\e8c3'; } .eg-icon-linkedin-circled:before { content: '\e8c4'; } .eg-icon-dribbble:before { content: '\e8c5'; } .eg-icon-dribbble-circled:before { content: '\e8c6'; } .eg-icon-picasa:before { content: '\e8c7'; } .eg-icon-ok-1:before { content: '\e811'; } .eg-icon-doc:before { content: '\e809'; } .eg-icon-left-open-outline:before { content: '\e82e'; } .eg-icon-left-open-2:before { content: '\e82c'; } .eg-icon-right-open-outline:before { content: '\e82f'; } .eg-icon-right-open-2:before { content: '\e82d'; } .eg-icon-equalizer:before { content: '\e83a'; } .eg-icon-layers-alt:before { content: '\e804'; } .eg-icon-pencil-1:before { content: '\e831'; } .eg-icon-align-justify:before { content: '\e861'; } .eg-icon-wistia:before { content: '\e89f'; } .eg-icon-wistia-squared:before { content: '\e89e'; }.container-marquee {
overflow: hidden;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}
.marquee3k {
padding: 4px 0;
}
.marquee3k__copy {
padding-right: 3ch;
box-sizing: border-box;
}.scw-open{
overflow: hidden;
}
.scw-trigger{
position: fixed;
z-index: 1000;
background: #fff;
bottom: 50px;
right: 20px;
border-radius: 100%;
height: 70px;
width: 70px;
box-shadow: 0 7px 45px 0 #333;
display: flex;
justify-content: center;
align-items: center;
transition: linear .35s right;
}
.scw-open .scw-trigger{
right: 350px;
}
.scw-trigger span{
position: absolute;
right: 10px;
top: 6px;
background-color: #333;
border-radius: 100%;
height: 18px;
width: 18px;
display: flex;
justify-content: center;
align-items: center;
font-size: 15px;
color: #fff;
}
.scw-container{
position: fixed;
height: 100%;
width: 320px;
background-color: #fff;
z-index: 1000;
right: 0;
top: 0;
box-shadow: 0 7px 45px 0 rgb(0 0 0 / 10%);
padding: 10px 15px;
margin-right: -350px;
}
.scw-container-inner{
position: relative;
width: 100%;
height: 100%;
}
.scw-overlay{
width: 100%;
height: 100%;
background-color: rgba( 0, 0, 0, 0.4 );
position: fixed;
top: 0;
left: 0;
display: block;
z-index: 999;
display: none;
transition: linear .35s display;
}
.scw-open .scw-overlay{
display: block;
}
.scw-close{
font-size: 36px;
display: inline-block;
float: right;
text-decoration:none!important;
}
.scw-trigger:focus,
.scw-trigger:hover,
.scw-close:hover,
.scw-close:focus{
outline: 0;
text-decoration: none;
}
.scw-review{
clear: both;
}
.scw-empty{
position: absolute;
top: 50%;
transform: translate( 0, -50% );
text-align: center;
width: 100%;
}
.scw-title{
font-size: 24px;
width:100%;
margin-bottom:10px;
}
.scw-title a{
text-decoration:none;
font-size:16px;
}
.goto-shop{
display: block;
font-size: 18px;
}
.scw-items{
margin:0 !important;
padding: 10px 0 0 !important;
list-style-type: none;
min-height:350px;
max-height: 350px;
overflow: hidden;
}
.scw-items:hover{
overflow-y: auto;
}
.scw-item-extra{
width:100%;
display:flex;
align-items:center;
}
.scw-remove{
width:10%;
}
.scw-remove a{
text-decoration:none!important;
color:red;
font-size: 18px;
}
.scw-thumb{
width: 20%;
}
.scw-item-detail{
width: 80%;
padding: 0 15px;
display:flex;
flex-wrap:wrap;
}
.scw-quantity-price{
font-size:15px;
width:90%;
}
.scw-item{
display: flex;
padding: 15px 0;
border-bottom: 1px solid #f0f0f0;
}
.scw-item:not(:last-child){
}
.scw-item .scw-title{
font-size: 17px;
}
.scw-item .variation{
margin:0 !important;
}
.scw-item .variation dt,
.scw-item .variation dd{
display: inline-block;
margin: 0 !important;
}
.scw-item .variation dd p{
margin-bottom: 0 !important;
}
.scw-subtotal{
padding: 10px 0;
text-align: center;
}
.scw-subtotal-title{
font-size: 20px;
font-weight: 700;
}
.scw-subtotal-value{
font-size: 20px;
}
.scw-action-buttons{
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
}
.scw-action-buttons a{
width:210px !important;
max-width:100%;
padding:15px 10px!important;
margin:0!important;
}
.scw-action-buttons a.scw-cart-button{
background-color: #eee !important;
color:#000 !important;
margin-bottom: 10px !important;
}@font-face {
font-family: 'trx_socials_icons';
src: url(//leiliaani.com/wp-content/plugins/trx_socials/assets/css/font_icons/font/trx_socials_icons.eot?13176568);
src: url(//leiliaani.com/wp-content/plugins/trx_socials/assets/css/font_icons/font/trx_socials_icons.eot?13176568#iefix) format('embedded-opentype'),
url(//leiliaani.com/wp-content/plugins/trx_socials/assets/css/font_icons/font/trx_socials_icons.woff2?13176568) format('woff2'),
url(//leiliaani.com/wp-content/plugins/trx_socials/assets/css/font_icons/font/trx_socials_icons.woff?13176568) format('woff'),
url(//leiliaani.com/wp-content/plugins/trx_socials/assets/css/font_icons/font/trx_socials_icons.ttf?13176568) format('truetype'),
url(//leiliaani.com/wp-content/plugins/trx_socials/assets/css/font_icons/font/trx_socials_icons.svg?13176568#trx_socials_icons) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="trx_socials_icon-"]:before, [class*=" trx_socials_icon-"]:before {
font-family: "trx_socials_icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.trx_socials_icon-video:before { content: '\e800'; } .trx_socials_icon-picture:before { content: '\e801'; } .trx_socials_icon-camera:before { content: '\e802'; } .trx_socials_icon-star:before { content: '\e803'; } .trx_socials_icon-star-empty:before { content: '\e804'; } .trx_socials_icon-check:before { content: '\e805'; } .trx_socials_icon-cancel:before { content: '\e806'; } .trx_socials_icon-home:before { content: '\e807'; } .trx_socials_icon-thumbs-up:before { content: '\e808'; } .trx_socials_icon-thumbs-down:before { content: '\e809'; } .trx_socials_icon-eye:before { content: '\e80a'; } .trx_socials_icon-reply:before { content: '\e80b'; } .trx_socials_icon-reply-all:before { content: '\e80c'; } .trx_socials_icon-forward:before { content: '\e80d'; } .trx_socials_icon-quote:before { content: '\e80e'; } .trx_socials_icon-retweet:before { content: '\e80f'; } .trx_socials_icon-heart-empty:before { content: '\e810'; } .trx_socials_icon-attach:before { content: '\e811'; } .trx_socials_icon-tag:before { content: '\e812'; } .trx_socials_icon-feather:before { content: '\e813'; } .trx_socials_icon-heart:before { content: '\e814'; } .trx_socials_icon-film-alt:before { content: '\e815'; } .trx_socials_icon-comment:before { content: '\e816'; } .trx_socials_icon-chat:before { content: '\e817'; } .trx_socials_icon-film:before { content: '\e818'; } .trx_socials_icon-videocam:before { content: '\e819'; } .trx_socials_icon-videocam-alt-empty:before { content: '\e81a'; } .trx_socials_icon-videocam-alt:before { content: '\e81b'; } .trx_socials_icon-videocam-empty:before { content: '\e81c'; } .trx_socials_icon-comment-empty:before { content: '\f0e5'; } .trx_socials_icon-chat-empty:before { content: '\f0e6'; }.widget_instagram {
overflow:hidden;
}
.widget_instagram_images {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.widget_instagram_images_item_wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding:0;
margin:0;
width: 25%;
height: auto;
box-sizing: border-box;
}
@media (max-width: 767px) {
.widget_instagram_images_columns_5 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_6 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_7 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_8 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_9 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_10 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_11 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_12 .widget_instagram_images_item_wrap {
width: 25%;
}
.sidebar .widget_instagram_images_columns_4 .widget_instagram_images_item_wrap,
.sidebar .widget_instagram_images_columns_5 .widget_instagram_images_item_wrap,
.sidebar .widget_instagram_images_columns_6 .widget_instagram_images_item_wrap,
.sidebar .widget_instagram_images_columns_7 .widget_instagram_images_item_wrap,
.sidebar .widget_instagram_images_columns_8 .widget_instagram_images_item_wrap,
.sidebar .widget_instagram_images_columns_9 .widget_instagram_images_item_wrap,
.sidebar .widget_instagram_images_columns_10 .widget_instagram_images_item_wrap,
.sidebar .widget_instagram_images_columns_11 .widget_instagram_images_item_wrap,
.sidebar .widget_instagram_images_columns_12 .widget_instagram_images_item_wrap {
width: 50%;
}
}
@media (max-width: 479px) {
.widget_instagram_images_columns_4 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_5 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_6 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_7 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_8 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_9 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_10 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_11 .widget_instagram_images_item_wrap,
.widget_instagram_images_columns_12 .widget_instagram_images_item_wrap {
width: 50%;
}
}
.widget_instagram_images_item {
display: block;
position: relative;
overflow: hidden;
}
.widget_instagram_images img {
max-width: 100%;
width: 100%;
height: auto;
}
.widget_instagram_images_item:before {
content: ' ';
opacity: 0;
pointer-events: none;
position:absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
opacity:0;
transition: opacity 0.3s ease;
}
.widget_instagram_images_item:hover:before {
opacity: 1;
}
.widget_instagram_images_item .widget_instagram_images_item_counters {
position:absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease;
box-sizing: border-box;
margin-top: -100px;
opacity: 0;
color: #fff;
display: block;
width: 100%;
text-align: center;
font-size: 11px;
}
.widget_instagram_images_item:hover .widget_instagram_images_item_counters {
margin-top: 0;
opacity: 1;
}
.widget_instagram_images_item [class*="widget_instagram_images_item_counter_"] {
display: inline-block;
vertical-align: middle;
margin-right: 0.75em;
line-height: 1.5em;
}
.widget_instagram_images_item [class*="widget_instagram_images_item_counter_"]:last-child {
margin-right: 0;
}
.widget_instagram_images_item [class*="widget_instagram_images_item_counter_"]:before {
display: inline-block;
vertical-align: middle;
margin-right: 0.25em;
}
@media (max-width: 767px) {
.widget_instagram_images_item [class*="widget_instagram_images_item_counter_"] {
display: block;
margin-right: 0;
}
}
.widget_instagram_images_item_type_video {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-align-items:center;
flex-align-content:center;
background-position: center;
background-repeat:no-repeat;
background-size:cover;
width: 100%;
}
.widget_instagram_images_item_type_video .trx_socials_video_player.with_cover {
width: 100%;
height: 100%;
}
.widget_instagram_images_item_type_video .trx_socials_video_player.with_cover .video_hover {
font-size: 1.5em;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
background-color: transparent !important;
border-radius: 0;
color: #fff;
margin: -1em 0 0 0;
top: 0;
left: auto;
right: 0;
}
.widget_instagram_images_item_type_video .trx_socials_video_player.with_cover:hover .video_hover {
margin-top: 0;
}
.widget_instagram_images_item_type_video .trx_socials_video_player.with_cover .video_hover:before {
font-family: "trx_socials_icons";
content: '\e81c';
}
.widget_instagram_follow_link_wrap {
margin-top: 2em;
text-align: center;
}.wpmenucart-icon-shopping-cart-0:before{font-family:WPMenuCart;speak:none;font-style:normal;font-weight:400;display:inline;width:auto;height:auto;line-height:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0;margin-right:.25em}.wpmenucart-icon-shopping-cart-0:before{content:"\f07a"}