@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;
}#aurora-nav-btn {display: none;cursor: pointer;}
.anb-line {width: 35px;border-top: 3px solid #000;margin: 0 auto 6px;transition: .3s;}
.anb-line:last-child {margin-bottom: 0;} #aurora-mobile-menu {position: fixed;z-index: 9999;left: 0;top: 0;width: 75vw;max-width: 600px;height: 100vh;transform: translate(-100%,0);text-align: left;background: #333;line-height: 1.4;transition: .4s;}
#aurora-mobile-menu .menu-title {padding: 30px 20px;color: #fff;font-size: 17px;border-bottom: 1px solid rgba(255,255,255,0.12);}
#aurora-mobile-menu li {position: relative;}
#aurora-mobile-menu li span {position: absolute;z-index: 2;right: 0;top: 0;width: 40px;line-height: 40px;text-align: center;background: rgba(255,255,255,0.12);color: #fff;font-size: 12px;cursor: pointer;}
#aurora-mobile-menu a {display: block;padding: 0 20px;line-height: 40px;border-bottom: 1px solid rgba(255,255,255,0.12);color: #fff;font-size: 14px;text-decoration: none;}
.amb-active .anb-line:nth-child(1) {transform: rotate(45deg) translate(0,6px);}
.amb-active .anb-line:nth-child(2) {transform: rotate(-45deg) translate(0,-6px);}
.amb-active .anb-line:nth-child(3) {opacity: 0;}
#aurora-mobile-menu.amm-active {transform: translate(0);} #aurora-mobile-menu .sub-menu {background: rgba(0,0,0,0.3); padding: 10px 0 10px 20px;}
#aurora-mobile-menu .sub-menu a {border: 0; padding: 0 10px;}.nk-awb{position:relative;z-index:0}.wp-block-nk-awb{padding:20px 30px}.nk-awb .nk-awb-inner,.nk-awb .nk-awb-overlay,.nk-awb .nk-awb-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-99}.nk-awb .nk-awb-wrap{overflow:hidden}.nk-awb .nk-awb-mouse-parallax{transform:translateX(0)}.vc_row.vc_column-gap-1>.vc_column_container>.nk-awb-wrap{margin:1px 0.5px}.vc_row.vc_column-gap-2>.vc_column_container>.nk-awb-wrap{margin:1px 1px}.vc_row.vc_column-gap-3>.vc_column_container>.nk-awb-wrap{margin:1px 1.5px}.vc_row.vc_column-gap-4>.vc_column_container>.nk-awb-wrap{margin:1px 2px}.vc_row.vc_column-gap-5>.vc_column_container>.nk-awb-wrap{margin:1px 2.5px}.vc_row.vc_column-gap-10>.vc_column_container>.nk-awb-wrap{margin:1px 5px}.vc_row.vc_column-gap-15>.vc_column_container>.nk-awb-wrap{margin:1px 7.5px}.vc_row.vc_column-gap-20>.vc_column_container>.nk-awb-wrap{margin:1px 10px}.vc_row.vc_column-gap-25>.vc_column_container>.nk-awb-wrap{margin:1px 12.5px}.vc_row.vc_column-gap-30>.vc_column_container>.nk-awb-wrap{margin:1px 15px}.vc_row.vc_column-gap-35>.vc_column_container>.nk-awb-wrap{margin:1px 17.5px}.nk-awb-fullheight{min-height:100vh}body.admin-bar .nk-awb-fullheight{min-height:calc(100vh - 32px)}@media screen and (max-width: 782px){body.admin-bar .nk-awb-fullheight{min-height:calc(100vh - 42px)}}@media screen and (max-width: 600px){body.admin-bar .nk-awb-fullheight{min-height:100vh}}.nk-awb-content-valign-center,.nk-awb-content-valign-top,.nk-awb-content-valign-bottom{display:flex;flex-direction:column;justify-content:center}.nk-awb-content-valign-top{justify-content:flex-start}.nk-awb-content-valign-bottom{justify-content:flex-end}.nk-awb .nk-awb-overlay{z-index:0}.nk-awb .nk-awb-inner{z-index:-100;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.nk-awb [data-awb-image-background-size=contain]>.nk-awb-inner{background-size:contain}.nk-awb [data-awb-image-background-size=pattern]>.nk-awb-inner{background-repeat:repeat;background-size:auto}.nk-awb .nk-awb-inner>.jarallax-img,.nk-awb .nk-awb-inner>picture>img{position:absolute;top:0;left:0;z-index:-100;width:100%;height:100%;pointer-events:none;-o-object-fit:cover;object-fit:cover}.nk-awb [data-awb-image-background-size=contain]>.nk-awb-inner>.jarallax-img,.nk-awb [data-awb-image-background-size=contain]>.nk-awb-inner>picture>img{-o-object-fit:contain;object-fit:contain}.nk-awb .nk-awb-inner picture.jarallax-img>img{width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}.intrinsic-ignore iframe{max-width:none !important;max-height:none !important}html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, embed, figure, figcaption, footer, header, menu, nav, section, audio, video, fieldset, legend, input, textarea, button, select, option, main, time, mark, svg {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a:focus {outline: none;}
article, aside, nav, section {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;}
hr {border: 0; border-top: 1px solid #ccc; height: 0; margin: 40px 0; clear: both;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img, embed, iframe, object, video {border: 0; max-width: 100%;} :root {
--color1: #052c4b;
--color2: #99d4d8;
}
body {
line-height: 1.5;
font-size: 17px;
font-family: 'Montserrat', Arial, sans-serif;
text-rendering: optimizeLegibility;
overflow: hidden;
color: #0f0f0f;
}
a {outline: none;color: #53b8bf;text-decoration: none;transition: .3s;}
a:hover {text-decoration: underline;} label {font-weight: 600; font-size: 0.9em;}
button, input, textarea, select {border: 1px solid #aaa;border-radius: 8px;font-family: inherit;margin: 0;padding: 12px 15px;font-size: 15px;box-sizing: border-box;width: 100%;outline: none;}
textarea {height: 150px;}
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] {width: auto; border: 0; border-radius: 0; padding: 0;}
input[type="submit"], button[type="submit"] {border: 0; width: auto; cursor: pointer; transition: .3s;}
.fluentform .ff-el-group {margin-bottom: 10px;}
.ff-el-section-break {margin: 0 0 40px!important;}
:is(.ff-el-group, .ff-t-container) + .ff-el-section-break {margin-top: 40px!important;}
.ff-el-section-break hr {height: 0; border-top: 1px solid #ccc; margin: 20px 0 0;}
.searchform > div {display: flex;}
.searchform input#s {flex-grow: 1; width: auto; margin: 0;}
.searchform #searchsubmit {flex-grow: 0; flex-shrink: 0; margin: 0; border: 0; background: var(--color1); color: #fff;} .alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.gallery {display: flex; flex-flow: row wrap; line-height: 0; gap: 20px;}
.gallery-columns-2 .gallery-item {width: calc(50% - 10px)!important;}
.gallery-columns-3 .gallery-item {width: calc(33.33% - 14px)!important;}
.gallery-columns-4 .gallery-item {width: calc(25% - 15px)!important;}
.gallery-columns-5, .gallery-columns-6 {gap: 14px;}
.gallery-columns-5 .gallery-item {width: calc(20% - 12px)!important;}
.gallery-columns-6 .gallery-item {width: calc(16% - 5px)!important;}
.gallery img {width: 100%; height: auto; border: 0!important; max-height: 350px; object-fit: cover;}
.gallery br {display: none;}
.wp-caption {max-width: 100%; padding: 4px;}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {font-style: italic; font-size: 13px;}
.entry-content dl.gallery-item {margin: 0!important;}
.gallery-caption {width: 100%;}
.gallery-caption a {display: inline;} .wp-pagenavi {margin: 50px 0 0;}
.wp-pagenavi .pages {color: #aaa; font-weight: normal; margin-left: 0;}
.wp-pagenavi > span, .wp-pagenavi > a, .nav-single a {display: inline-block; margin: 0 8px; font-weight: bold; color: inherit;}
.wp-pagenavi > span.current {color: #aaa;}
.nav-single {border-top: 1px solid #ddd; clear: both; margin: 30px 0 0; padding: 30px 0 0;}
.nav-single h4 {text-align: center;}
.nav-single #ns-next {text-align: right;}
.nav-single .ns-ib {display: inline-block; text-align: center;}
.nav-single span {font-size: 12px; letter-spacing: 1px; color: #aaa;}
.nav-single + .comments-area,
#comment-nav-above {margin: 48px 0;} .author-info {border-top: 1px solid #ededed; margin: 24px 0; padding-top: 24px;}
.author-description p {color: #757575; font-size: 13px;}
.author.archive .author-info {border-top: 0; margin: 0 0 48px;} .widget-area .widget:not(:last-child) {margin-bottom: 30px;}
.widget-area .textwidget ul {list-style: disc outside;}
.widget-area .textwidget li {margin-left: 25px;}
.widget-area #s {margin-right: -4px; width: 67.9999%;} .entry-meta {clear: both;}
.entry-header img.wp-post-image {margin-bottom: 24px;}
.entry-title a {color: inherit;text-decoration: none;}
.entry-header .entry-format {margin-top: 24px; font-weight: normal;}
.entry-header .comments-link {margin-top: 24px; font-size: 13px;}
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
}
:is(h1, .entry-content > h2:first-child):not(.head1, .head2) {font-size: 36px;margin: 0;}
:is(h1, .entry-content > h2:first-child):not(.head1, .head2):after,
h2:not(.entry-content > h2:first-child, .head1, .head2):after,
.tp-top:after {content: ""; display: block; width: 50px; border-top: 1px solid var(--color2); margin: 20px 0 25px;}
h2:not(.entry-content > h2:first-child, .head1, .head2).center:after, .center h2:not(.entry-content > h2:first-child, .head1, .head2):after {margin: 20px auto 25px;}
h2:not(:first-child, .head1, .head2) {padding-top: 15px;}
h2:not(.entry-content > h2:first-child, .head1, .head2) {font-size: 28px;font-weight: 600;margin: 0;}
h2:not(.entry-content > h2:first-child, .head1, .head2):after {border-color: var(--color1);}
hr + h2 {padding-top: 0;}
h3:not(.head1, .head2) {font-size: 22px;font-weight: 600;}
h3:not(:first-child, .reg) {padding-top: 15px;}
h4 {font-size: 18px;font-weight: 600;}
h5 {font-size: 16px;}
h6 {font-size: 14px;} h1, h2, h3, h4, h5, h6, p, .entry-content > div:not(.full, .boxes), .entry-content ol, .entry-content ul, blockquote, embed, iframe, object, video, table, article.post, .below-title-meta, .entry-content > .gallery {margin-bottom: 30px;}
:is(h1, h2, h3, h4, h5, h6, p, .entry-content > div:not(.full, .boxes), .entry-content ol, .entry-content ul, blockquote, embed, iframe, object, video, table, article.post, .below-title-meta, .entry-content > .gallery):last-child {margin-bottom: unset;}
.gallery {margin-bottom: 20px!important;} .gallery:not(.full .limit style + .gallery, .gallery + .gallery, .gallery + style + .gallery) {margin-top: 30px !important;}
.entry-content ul {list-style: disc outside;}
.entry-content ol {list-style: decimal outside;}
.entry-content ul li {list-style: none;}
.entry-content ul li:last-child {margin-bottom: 0!important;}
.entry-content ul:not([class*="checks"], .nobull) li {background: url(//mmgmfg.com/wp-content/uploads/ico-arrow-r.svg) no-repeat left 0.33em / 1.2em auto; margin: 0 0 15px; padding: 0 0 0 2em;}
blockquote {background: #eee; padding: 30px;}
img.alignleft {margin: 0 15px 10px 0;}
img.alignright {margin: 12px 0 12px 24px;}
img.aligncenter {margin-top: 12px; margin-bottom: 12px;}
.entry-content dl {margin: 0 24px;}
.entry-content dt {font-weight: bold;}
.entry-content dd {margin-bottom: 24px;}
table {width: 100%;}
.entry-content table caption {margin: 24px 0;}
.entry-content td {vertical-align: top; padding: 0 5px;}
.es-img {width: 33%;}
.es-img img {width: 100%; height: 100%; object-fit: cover;}
article.post .read-more {display: block; margin: 10px 0 0;}
.single img.attachment-post-thumbnail {float: right; margin-left: 15px; max-width: 45%; height: auto;}
footer.entry-meta, .archive-meta {font-size: 13px;}
.entry-meta > span a {color: #333333; padding: 2px; text-decoration: none;} .comments-title {margin-bottom: 48px; font-size: 16px; line-height: 1.5; font-weight: normal;}
.comments-area article {margin: 24px 0;}
.comments-area article header {float: left; margin: 0 15px 0 15px; overflow: hidden; position: relative;}
.comments-area article header img {float: left; padding: 0; line-height: 0;}
.comments-area article header cite, .comments-area article header time {display: block; margin-left: 45px;}
.comments-area article header cite {font-style: normal;}
.comments-area article header time {text-decoration: none;}
.comments-area article header h4 {position: absolute; top: 0; right: 0; padding: 6px 12px; font-weight: normal;	color: #fff; background-color: #0088d0; border-radius: 3px; border: 1px solid #007cbd;}
.comments-area li.bypostauthor cite span {position: relative; margin-left: 5px; padding: 2px 5px;}
a.comment-reply-link, a.comment-edit-link {color: #686868; font-size: 13px;}
a.comment-reply-link:hover, a.comment-edit-link:hover {color: #21759b;}
.commentlist .pingback {margin-bottom: 24px;}
#respond {margin-top: 30px;}
#respond h3#reply-title {font-size: 16px;}
#respond h3#reply-title #cancel-comment-reply-link {margin-left: 10px; font-weight: normal;}
#respond form {margin: 24px 0;}
#respond form p {margin: 12px 0;}
#respond form p.logged-in-as {margin-bottom: 24px;}
#respond form label {display: block;}
#respond form input[type="text"], #respond form textarea {box-sizing: border-box; padding: 10px; width: 100%;}
#respond form p.form-allowed-tags {margin: 0; color: #5e5e5e;} .below-title-meta{color:#aaa; font-size: 13px;}
.below-title-meta a{color: inherit; text-decoration:none;} .selectnav {display: none;}
select.selectnav {border: 1px solid #ddd; border-radius: 4px; margin: 4px; padding: 10px; width: 96%;}
@media screen and (min-width: 850px) {
.site {margin: 0 auto; max-width: 1200px;}
body.template-front-page .site-content,
body.single-attachment .site-content,
body.full-width .site-content {width: 100%; margin: 0;} .themonic-nav {text-align: center;}
.themonic-nav ul {margin: 0; padding: 0; text-indent: 0;}
.themonic-nav li {display: inline-block; position: relative; transition: .3s;}
.themonic-nav li a {text-decoration: none; display: block; position: relative;} .themonic-nav ul.nav-menu {display: flex;justify-content: flex-end;gap: 30px;}
.themonic-nav .nav-menu > li {padding: 20px 0;}
.themonic-nav .nav-menu > li.menu-item-has-children {background: url(//mmgmfg.com/wp-content/uploads/ico-caret-dn-w.svg) no-repeat right center / 0.9em auto;padding-right: 1.6em;}
.themonic-nav .nav-menu > li > a {color: #fff;font-weight: 600;text-transform: uppercase;font-size: 14px;letter-spacing: 1px;padding: 5px 0;}
.themonic-nav .nav-menu > li > a:hover {color: var(--color2);}
.themonic-nav .nav-menu > li.current-menu-item > a:after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; border-top: 2px solid #fff;}
.themonic-nav .sub-menu {position: absolute;top: 100%;left: -17px;z-index: 10;text-align: left;max-height: 0;overflow: hidden;transition: .5s;background: #fff;border-radius: 12px;}
.themonic-nav .nav-menu li:hover > .sub-menu {padding: 10px 0;}
.themonic-nav .sub-menu > li {}
.themonic-nav .sub-menu > li > a {line-height: 1.4;padding: 7px 18px;white-space: nowrap;min-width: 150px;box-sizing: border-box;font-weight: 600;color: var(--color1);font-size: 15px;}
.themonic-nav .sub-menu > li > a:hover {color: var(--color2);}
}
#aurora-nav-btn {padding-top: 8px;}
.anb-line {width: 40px; border-color: #fff; margin: 0 0 8px;}
.amb-active .anb-line:nth-child(1) {transform: rotate(45deg) translate(0, 8px);}
.amb-active .anb-line:nth-child(2) {transform: rotate(-45deg) translate(0, -8px);}
#aurora-mobile-menu {background: var(--color1);}
#page-wrap {padding: 0 20px;}
.home #page-wrap {display: none;}
#main {display: flex;}
.site-content {margin: 0; padding: 50px 0;  box-sizing: border-box; flex-grow: 1; max-width: 100%;}
.widget-area {margin: 0 0 0 25px; padding: 50px 0 50px 25px; width: 30%; box-sizing: border-box; flex-shrink: 0;}
.video-wrap {position: relative; padding: 56.25% 0 0; width: 100%;}
.video-wrap iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.nk-awb {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
[data-parallax] {will-change: transform;}
a[href$=".jpg"], a[href$=".jpeg"], a[href$=".png"], a[href$=".gif"], a[href$=".webp"] {cursor: zoom-in;}
.compensate-for-scrollbar {margin: 0!important;}
.fancybox-content-wrap {display: none;}
.fancybox-slide--html .fancybox-content {max-width: 750px; max-height: 75vh; min-height: 300px;}
.fancybox-content:has(iframe[src*="youtube.com"], iframe[src*="vimeo.com"]) {height: auto !important; aspect-ratio: 1.78;}
.fancybox-content iframe[src*="youtube.com"], .fancybox-content iframe[src*="vimeo.com"] {aspect-ratio: 1.78; width: 100%; height: auto;}
.delay0-1 {animation-delay:.1s;}
.delay0-2 {animation-delay:.2s;}
.delay0-3 {animation-delay:.3s;}
.delay0-4 {animation-delay:.4s;}
.delay1-1 {animation-delay:.6s;}
.delay1-2 {animation-delay:.7s;}
.delay1-3 {animation-delay:.8s;}
.delay1-4 {animation-delay:.9s;}
.delay2-1 {animation-delay:1.1s;}
.delay2-2 {animation-delay:1.2s;}
.delay2-3 {animation-delay:1.3s;}
.delay2-4 {animation-delay:1.4s;}
.delay3-1 {animation-delay:1.6s;}
.delay3-2 {animation-delay:1.7s;}
.delay3-3 {animation-delay:1.8s;}
.delay3-4 {animation-delay:1.9s;}
.delay4-1 {animation-delay:2.1s;}
.delay4-2 {animation-delay:2.2s;}
.delay4-3 {animation-delay:2.3s;}
.delay4-4 {animation-delay:2.4s;}
.assistive-text {display: none;}
span.excerpt-dash {display: none;} .limit-l {max-width: 1350px; margin: 0 auto;}
.limit {max-width: 1200px; margin: 0 auto;}
.limit-m {max-width: 900px; margin: 0 auto;}
.limit-sm {max-width: 750px; margin: 0 auto;}
.limit-xsm {max-width: 500px; margin: 0 auto;}
.clear {clear: both;}
.flex {display: flex; gap: 30px;}
.flex.g0 {gap: 0;}
.flex.g1 {gap: 40px;}
.flex.g2 {gap: 50px;}
.flex.g3 {gap: 60px;}
.flex.g4 {gap: 70px;}
.flex.g5 {gap: 80px;}
.flex.g6 {gap: 90px;}
.flex.rows {flex-flow: row wrap;}
.flex.middle {align-items: center;}
.flex.bottom {align-items: flex-end;}
.sub-cols > div,
.sub-col {display: flex; flex-flow: column; justify-content: space-between;}
.sub-cols > div > div:not(:last-child),
.sub-col > div:not(:last-child) {margin: 0 0 20px;}
.flex > * {flex-grow: 1; box-sizing: border-box;}
.flex.cols {flex-flow: column; gap: 20px;}
.flex.rows > * {width: 33.33%;}
.flex.f0 > *, .f0:not(.flex) {flex-grow: 0; flex-shrink: 0;}
.flex.f1 > * {flex: 1;}
.flex.f2 > *, .flex .f2 {width: calc(50% - 15px);}
.flex.f3:not(.cols) > *, .flex .f3 {width: calc(33.33% - 20px);}
.flex.f4 > *, .flex .f4 {width: calc(25% - 23px);}
.flex.f5 > *, .flex .f5 {width: calc(20% - 24px);}
.flex .f40 {width: calc(40% - 20px);}
.flex .f60 {width: calc(60% - 20px);}
.flex .f23 {width: calc(66.66% - 20px); flex-grow: 2;}
.flex .f34 {width: calc(75% - 20px); flex-grow: 3;}
.flex.p15 > * {padding: 15px;}
.flex.p20 > * {padding: 20px;}
.flex.p25 > * {padding: 25px;}
.flex.p30 > * {padding: 30px;}
.flex.p40 > * {padding: 40px;}
.flex.p50 > * {padding: 50px;}
.g50 {gap: 60px;}
.center {text-align: center;}
.right {float: right; margin-left: 15px;}
img.right {max-width: 45%;}
.left {float: left; margin-right: 15px;}
img.left {max-width: 45%;}
.space li:not(:last-child) {margin-bottom: 15px;}
.pad {padding: 30px 0;}
.pad2 {padding: 60px 0;}
.pad + .pad {padding-top: 0;}
.pad:first-child {padding-top: 0;}
.pad:last-child {padding-bottom: 0;}
.full {position: relative;left: 50%;width: 100vw;transform: translate(-50%,0);padding: 75px 20px;box-sizing: border-box;margin: 50px 0;background: #f4f4f5;overflow: hidden;border-radius: 0!important;}
.full:first-child, .full + .full {margin-top: -50px;}
.full:last-child {margin-bottom: -50px;}
.mb30 {margin-bottom: 30px!important;}
.mb50 {margin-bottom: 50px!important;}
.cols-2 {column-count: 2;} a.btn, a.btn2, input[type="submit"], button[type="submit"] {display: inline-block;text-decoration: none;padding: 14px 25px;background: var(--color1);color: #fff;border-radius: 8px;font-weight: 600;}
a.btn2 {background: none;border: 2px solid var(--color1);color: var(--color1);}
a.btn2.btn-arrow {background: url(//mmgmfg.com/wp-content/uploads/ico-arrow-r.svg) no-repeat right 20px center / auto 1em;padding-right: calc(45px + 1em);}
a.btn:hover, input[type="submit"]:hover, button[type="submit"]:hover {background: var(--color2);}
a.btn2:hover {background: var(--color1); color: #fff;}
a.btn2.btn-arrow:hover {background: url(//mmgmfg.com/wp-content/uploads/ico-arrow-r-w.svg) no-repeat right 20px center / auto 1em var(--color1);}
a.link {display: inline-block;text-decoration: none;padding: 0 0 5px;color: var(--color1);border-bottom: 2px solid var(--color2);}
a.pdf {display: inline-block; color: var(--color1); font-weight: 500; background: url(//mmgmfg.com/wp-content/uploads/ico-pdf.svg) no-repeat left center / contain; padding: 0 0 0 1.8em; text-decoration: none; font-size: 90%;}
.featured, .featured2, .shaded {background: var(--color1);color: #fff;padding: 50px 40px;box-sizing: border-box;border-radius: 15px;}
.featured2 {background: var(--color2);}
.shaded {background: #f4f4f5; color: inherit;}
.f-img {position: relative; z-index: 1;}
.flex.borders {gap: 0;}
.subhead {font-size: 24px; font-weight: 600; color: var(--color1);}
.hover-checks li {list-style: none;margin: 0;background: url(//mmgmfg.com/wp-content/uploads/ico-check.svg) no-repeat left 1.2em / auto 1em;font-weight: 500;color: var(--color1);padding: 0.9em 0 0.9em 2.25em;border-bottom: 1px solid rgba(0,0,0,0.065);transition: all .3s, border-radius 0s .3s;}
.highlight {display: inline-block; position: relative; line-height: 1.2;}
ul.checks li {background: url(//mmgmfg.com/wp-content/uploads/ico-check.svg) no-repeat left 0.2em / auto 1em;padding: 0 0 0 2.5em; margin: 0 0 15px;}
.entry-content ul.nospace li {margin: 0 0 5px;}
.img-break {position: relative; height: 350px;}
.img-col {line-height: 0;display: flex;flex-flow: column;gap: 30px;}
.icos {display: flex; justify-content: center; font-weight: 600; color: var(--color1); gap: 30px;}
.bg-blue {background-color: var(--color1);} .featured a.btn {background: #fff; color: var(--color1);}
.featured a.btn:hover {background: var(--color2); color: #fff;}
.featured2 a.btn:hover {background: #fff; color: var(--color2);}
.featured h2:after, .entry-content #intro2 h2:after {border-color: var(--color2)!important;}
.featured.f-img {padding-top: 150px;}
.f-img img {position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0.3;}
:is(.featured, .featured2, .shaded).flex > div:not(:last-child) {border-right: 1px solid rgba(255,255,255,0.5); padding-right: 35px; margin-right: 35px;}
.shaded.flex > div:not(:last-child) {border-color: rgba(0,0,0,0.1);}
a.link:hover {color: var(--color2);}
.featured .subhead {color: #fff;}
.featured .ib-txt {border-color: #fff;}
.flex.borders > div:not(:last-child) {border-right: 1px solid #ccc;margin-right: 30px;padding-right: 30px;}
.cols-2 > * {break-inside: avoid;}
.entry-content :is(.featured, .featured2) ul li {background-image: url(//mmgmfg.com/wp-content/uploads/ico-arrow-r-w.svg);}
.img-break img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.img-col > div {flex: 1; position: relative;}
.img-col img {position: relative; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 2.2;}
.flex:has(.img-col) .shaded {padding-top: 100px; padding-bottom: 100px;}
.full .certs:only-child {margin: 0;}
.icos.center, .center .icos {justify-content: space-around;}
.icos.end {text-align: center; justify-content: flex-end; gap: 50px 75px;}
.icos.end:has(>a:nth-of-type(5)) {flex-flow: row wrap;}
.icos.end:has(>a:nth-of-type(5)) a {width: 20%;}
.icos img {height: 65px;}
.icos > br {display: none;}
.icos a {text-decoration: none; color: inherit;}
.full.panels {padding: 0;}
ul.cols-2 li:not(:last-child) {margin-bottom: 20px;}  #header {color: #fff; position: absolute; z-index: 9; left: 0; top: 0; width: 100%; background: rgba(5, 44, 75, 0.7); display: flex; align-items: center; gap: 30px; padding: 15px 30px; box-sizing: border-box;}
.site-logo {line-height: 0; flex-shrink: 0;}
.site-logo img {width: 290px;}
#site-nav {flex-grow: 1;}
.h-cta a.btn {background: #fff; color: var(--color1);}
.h-cta a.btn:hover {background: var(--color2); color: #fff;}
#banner-home {position: relative;height: 100vh;min-height: 800px;}
#banner-home:after, #banner-inner:after {content: "";display: block;position: absolute;z-index: 1;inset: 0;background: rgba(0, 0, 0, 0.25);}
.b-over {position: absolute;z-index: 2;left: 0;top: 50%;transform: translate(0,-50%);width: 100%;padding: 0 20px;box-sizing: border-box;color: #fff;text-align: center;padding-top: 122px;}
.b-over .head1:only-child {margin: 0;}
.b-block {position: absolute; z-index: 8; left: 45%; bottom: 150px; transform: translate(-50%, 0); max-width: 1200px; width: 100%; color: #fff;}
.b-block-inner {max-width: 650px;}
.b-mods {display: flex; gap: 30px;}
a.b-mod {flex: 1; display: block; border: 2px solid #fff; padding: 30px; text-decoration: none; color: #fff; font-size: 22px; font-weight: 500; border-radius: 15px; text-align: left; transition: .4s;}
.bm-icos {line-height: 0;position: relative;height: 62px;margin: 0 0 30px;}
.bm-ico {position: absolute; left: 0; top: 0; height: 100%; transition: .4s;}
.bm-ico-on {opacity: 0;}
.bom-label {margin: 0; line-height: 1.4;}
.b-mod:hover {background: #fff; color: #000;}
.b-mod:hover .bm-ico-on {opacity: 1;}
.b-mod:hover .bm-ico-off {opacity: 0;}
.head1 {font-size: 62px;font-weight: 500;margin: 0 0 60px;}
.head2 {font-size: 36px;color: var(--color1);font-weight: bold;margin: 0;}
.head2:after, .subhead:after {content: ""; display: block; width: 50px; border-top: 1px solid var(--color2); margin: 20px 0 25px;}
.head2.center:after, .subhead.center:after, .tp-top:after {margin: 20px auto 25px;}
.subhead:after {margin: 30px 0;}
:is(.head2, h1, h2):has(+ .subhead) {margin: 0!important;}
.home :is(.head2, h1, h2):has(+ .subhead) {margin: 0 0 15px!important;}
:is(.head2, h1, h2):has(+ .subhead):after {content: none!important; display: none!important;}
.featured .head2, .bg-blue :is(.head2, .subhead) {color: #fff;}
.head3 {font-size: 24px; font-weight: 600;}
.sect-block {display: flex;gap: 10px;align-items: center;margin: 0 0 50px;}
.sect-block > div:not(.f0) {flex-grow: 1;}
.sect-block p:not(:last-child) {margin-bottom: 10px;}
#intro1 {background: #f4f4f5;padding: 75px 0 75px 20px;position: relative;overflow: hidden;}
#intro1 .limit {position: relative; z-index: 1;}
img.mmg-bg {position: absolute;left: 0;top: 20%;}
#intro1 .nk-awb {width: 55%; mix-blend-mode: hard-light; opacity: 0.15;}
#intro1 .nk-awb img {object-position: right center!important;}
#intro1 .full {background: none; padding: 0 35px; margin: 0;}
#intro1 .slider-nav {display: none;}
.slider-nav {display: flex; gap: 10px;}
.slider-nav > div {border: 2px solid var(--color1);padding: 14px 25px;border-radius: 8px;cursor: pointer;background: url(//mmgmfg.com/wp-content/uploads/ico-arrow-r.svg) no-repeat center center / 50% auto;transition: .3s;}
.sn-prev {transform: rotate(180deg);}
.slider-nav > div:hover {background-image: url(//mmgmfg.com/wp-content/uploads/ico-arrow-r-w.svg); background-color: var(--color1);}
#intro2 {background: url(//mmgmfg.com/wp-content/uploads/bg-swoop.webp) no-repeat center center / cover;color: #fff;padding: 75px 0 75px 20px;}
#intro2 .head2 {color: #fff;}
#intro2 a.btn2 {border-color: #fff; color: #fff;}
#intro2 a.btn2:hover {border-color: var(--color2); background: var(--color2);}
#intro2 .slider-nav > div {border-color: #fff; background-image: url(//mmgmfg.com/wp-content/uploads/ico-arrow-r-w.svg);}
#intro2 .slider-nav > div:hover {border-color: var(--color2);background-color: var(--color2);}
.boxes-slider {max-width: calc(50vw + 580px);margin: 0 0 0 auto!important;padding: 0 0 30px!important;}
.boxes-slider .swiper-slide, .boxes > a.box {background: #04253D;border-radius: 15px;transition: 1s;color: #fff;text-decoration: none;}
.bs-img {height: 380px;width: calc(100% - 5px);line-height: 0;position: relative;left: 20px;top: 30px;border-radius: 5px;overflow: hidden;}
.bs-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.bs-txt {padding: 0 20px 10px; position: relative; top: 20px;}
.bs-txt h3 {height: 32px; font-size: 18px; font-weight: bold;}
.boxes-slider.bs-light .swiper-slide {background: #fff; color: var(--color1);}
.boxes {display: flex; flex-flow: row wrap; gap: 60px 40px; margin: 0 0 80px;}
.boxes > a.box {display: block; width: calc(33.33% - 27px);}
.boxes.boxes-light > a.box {background: #f4f4f4; color: inherit;}
.boxes .bs-img {height: auto; aspect-ratio: 1.5;}
.swiper-slide {box-sizing: border-box;}
.swiper-arrow {cursor: pointer;}
.swiper-pagination {bottom: 0!important;} .swiper-pagination {display: flex; justify-content: center; align-items: center; gap: 10px; line-height: 0;}
.swiper-pagination-bullet {width: 5px;height: 5px;background: rgba(255,255,255,0.5);opacity: 1;transition: .3s;margin: 0!important;}
.swiper-pagination-bullet-active {width: 10px; height: 10px; background: #fff;}
#certs {background: var(--color1);color: #fff;padding: 100px 20px;}
.home #certs {background: #0d395b;}
#certs :is(.head2, .subhead) {color: #fff;}
#certs .subhead {font-size: 18px; font-weight: 400;}
.certs {display: flex;justify-content: center;gap: 13%;text-align: center;margin: 50px 0 0;}
.cert-img {line-height: 0;}
.cert-img img {height: 85px;max-width: 94px;object-fit: contain;border-radius: 0!important;}
.cert-txt {line-height: 1.4;font-weight: 300;margin: 20px 0 0;padding: 20px 0 0;border-top: 1px solid rgba(255,255,255,0.2);}
.panel-container {display: flex;}
.panel-container:nth-child(even) {flex-flow: row-reverse;}
.panel {width: 50%;display: flex;flex-flow: column;justify-content: center;position: relative;}
.panel:first-child {width: 60%;}
.panel:last-child {background: var(--color1); color: #fff;}
.panel:has(.nk-awb):after {content: ""; display: block; position: absolute; inset: 0; background: var(--color1); opacity: 0.75;}
.panel > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.panel-inner {max-width: 100%;padding: 120px 50px 120px 0;box-sizing: border-box;margin: 0 0 0 auto;position: relative;z-index: 3;}
.panel-inner.pi-center {max-width: none; width: 100% !important; padding-left: 20px; padding-right: 20px;}
.panel:first-child .panel-inner {width: calc(600px + 9%);}
.panel:last-child .panel-inner {width: calc(600px - 9%);}
.panel:last-child .ib-txt {border-color: #fff;}
.panel-container:nth-child(odd) .panel:last-child .panel-inner, .panel-container:nth-child(even) .panel:first-child .panel-inner {padding: 120px 0 120px 50px; margin: 0 auto 0 0;}
.panel-content:has(.panel img:only-child) {line-height: 0;}
img.panel-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.panel-container:only-child .panel:first-child {width: 50%;}
.panel-container:only-child .panel-inner {width: 600px;}
.hov-btns {display: flex;flex-flow: column;gap: 18px;}
.hov-btns > a {display: block; position: relative; z-index: 1; padding: 25px 20px; border-radius: 15px; overflow: hidden; color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #fff;}
.hov-btns > a:before {content: ""; display: block; position: absolute; right: 20px; top: 27px; width: 27px; height: 22px; background: url(//mmgmfg.com/wp-content/uploads/ico-arrow-r-w.svg) no-repeat center center / contain; transition: .3s;}
.hov-btns > a:after {content: ""; display: block; position: absolute; z-index: -1; inset: 0; background: #fff; opacity: 0; transition: .3s;}
.hov-btns img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0;opacity: 0;transition: .3s;}
.hov-btns > a:hover {color: var(--color1);padding-bottom: 150px;}
.hov-btns > a:hover:before {background-image: url(//mmgmfg.com/wp-content/uploads/ico-arrow-r.svg);}
.hov-btns > a:hover:after {opacity: 1;}
.hov-btns > a:hover img {opacity: 0.2;}
.ico-block {display: flex; align-items: center; margin: 0 0 40px;}
.ico-block:last-child {margin: 0;}
.ib-ico {flex-shrink: 0;}
.ib-ico img {width: 65px;}
.ib-txt {border-left: 2px solid #000; padding-left: 20px; margin-left: 20px;}
.ib-num {font-size: 36px; font-weight: bold; white-space: nowrap;}
.ib-num .count {display: inline;}
.ib-num p {display: inline;}
.ib-num-label {font-size: 26px; font-weight: 500;}
#banner-inner {height: 550px;position: relative;text-align: center;color: #fff;}
#banner-inner:after {background: rgba(0,0,0,0.3);}
.posts-grid {display: flex;flex-flow: row wrap;gap: 30px;}
.posts-grid > * {width: calc(50% - 15px);}
.posts-list {display: flex; flex-flow: column; gap: 50px;}
@keyframes marker-pulse{
0% {transform: translate(-50%,-50%) scale(1); opacity: 1;}
60% {transform: translate(-50%,-50%) scale(3.5); opacity:0;}
100% {transform: translate(-50%,-50%) scale(3.5); opacity:0;}
}
#why-choose {padding: 75px 20px;position: relative;overflow: hidden;}
#map {position: absolute;z-index: 1;right: 52%;top: 8%;line-height: 0;height: 98%;aspect-ratio: 2.1163;}
#map img {position: absolute;right: 0;top: 0;height: 100%;width: 100%;object-fit: cover;object-position: right top;opacity: 0.05;}
.map-marker {position: absolute; z-index: 2; width: 15px; height: 15px;}
.mm1 {right: 12%; top: 46%;}
.mm2 {right: 23%; top: 43%;}
.mm3 {right: 25.7%; top: 45%;}
.mm4 {right: 25.5%; top: 44%;}
.mm5 {right: 25%; top: 47%;}
.mm5 {right: 23.5%; top: 60%;}
.mm6 {right: 24%; top: 60.75%;}
.mm7 {right: 22%; top: 73%;}
.mm8 {right: 21.7%; top: 73.5%;}
.mm9 {top: 75%; right: 21%;}
.mm10 {right: 19.8%; top: 73.5%;}
.mm11 {right: 21.4%; top: 77%;}
.map-marker:before {content: "";display: block;position: absolute;z-index: 2;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 15px;height: 15px;background: var(--color1); border-radius: 100%;}
.map-marker:after {content: "";display: block;position: absolute;z-index: 1;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 15px;height: 15px;background: var(--color2);border-radius: 100%;animation: marker-pulse 1.4s ease-out infinite;}
#action {padding: 150px 20px 75px;background: var(--color1);position: relative;overflow: hidden;}
#action:after {content: ""; display: block; position: absolute; inset: 0; background: url(//mmgmfg.com/wp-content/uploads/bg-city.webp) no-repeat center center / cover; opacity: 0.18;}
#action .limit {position: relative; z-index: 2;}
#action .subhead:after {width: 100%;}
.ab-txt {background: #fff; padding: 75px 100px 75px 50px; border-radius: 15px; width: 70%;}
.ab-imgs {width: 30%; line-height: 0; display: flex; flex-flow: column; gap: 30px;}
.ab-imgs img {border-radius: 15px;}
.ab-imgs > div:first-child img {transform: scale(1.3) translate(-12%,-12%);}
.panels-pad .panel-inner {padding-top: 160px; padding-bottom: 160px;}
#footer {padding: 50px 20px;background: var(--color1);color: #fff;font-size: 14px;position: relative;z-index: 2;}
#footer:after {content: ""; display: block; position: absolute; inset: 0; background: url(//mmgmfg.com/wp-content/uploads/bg-mmg-logo-element.webp) no-repeat right center; opacity: 0.2;}
#footer .limit {position: relative; z-index: 2;}
#footer .sub-menu {display: none;}
.f-top .themonic-nav .nav-menu > li {padding: 0; background: none;}
.f-top {padding: 0 0 30px;}
.f-top .nav-menu {justify-content: space-between !important;}
.f-top .themonic-nav .nav-menu > li.current-menu-item > a:after {content: none;}
.f-top .themonic-nav .nav-menu > li > a {padding: 0;}
.f-mid {display: flex;align-items: center;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);padding: 30px 0;background: none;font-size: 15px;}
.f-mid > div {flex: 1;}
.f-mid .site-logo img {width: 250px;}
.f-mid a.btn {background: #fff;color: var(--color1);}
.f-mid a.btn:hover {background: var(--color2); color: #fff;}
.f-btm {padding: 30px 0 0; text-align: center; font-weight: 300; position: relative; z-index: 2;}
.f-mid > div.site-logo {flex: auto; flex-grow: 0; flex-shrink: 0;}
.f-mid > div:last-child:not(.site-logo) {text-align: right;}
.soc {display: flex; gap: 15px;}
.soc a {display: block; text-decoration: none; background: #fff; width: 35px; aspect-ratio: 1; line-height: 0; position: relative; border-radius: 100%;}
.soc img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 60%;}
.soc a:hover {background: rgba(255,255,255,0.7);}
.entry-content img:not(.ib-ico img, .icos img, .panels img) {border-radius: 15px;}
.team {display: flex; flex-flow: row wrap; gap: 50px 30px;}
.team-member {width: calc(33.33% - 20px); text-align: center;}
.tm-img {line-height: 0; margin: 0 0 20px;}
.tm-img img {border-radius: 100%;max-width: 250px;width: 100%;}
.tm-txt h3 {margin: 0;}
.tm-txt h3 a {color: inherit; text-decoration: none;}
.team-popup {border-radius: 15px; font-size: 15px;}
.tp-top {text-align: center;}
.full.full-blend {background: none; padding: 0 20px;}
.divisions {max-height: 600px;overflow: auto;padding: 0 20px 0 0;}
.division {display: flex;flex-flow: column;padding: 0 0 0 30px;}
.facility {border-top: 1px solid #ccc; padding: 20px 0; font-size: 14px;}
.facility h4 {margin: 0 0 10px;}
p.fac-address {margin: 0;}
.fac-address br {display: none;}
.divisions::-webkit-scrollbar {width: 6px;}
.divisions::-webkit-scrollbar-track {border-radius: 20px; background: rgba(0,0,0,0.08);}
.divisions::-webkit-scrollbar-thumb {border-radius: 20px; background: #aaa;}
.entry-content #certs {padding: 75px 20px;}
.cs-block {display: flex; gap: 30px; margin: 0 0 15px;}
.cs-block:last-child {margin: 0;}
.cs-block-result {border-top: 1px solid #ccc; margin-top: 30px!important; padding-top: 30px;}
.cs-block-result .cs-label {background: url(//mmgmfg.com/wp-content/uploads/ico-check.svg) no-repeat left 0.2em / auto 1em;}
.cs-label {width: 110px; font-weight: 600; color: var(--color1); background: url(//mmgmfg.com/wp-content/uploads/ico-arrow-r.svg) no-repeat left 0.33em / 1.2em auto; padding: 0 0 0 2em;}
.read-more {display: block; margin: 30px 0 0;}
.read-more a {display: inline-block; color: var(--color2); border-bottom: 1px solid var( --color2); text-decoration: none;}
.read-more a:hover {color: #fff;}
.ico-blocks {display: flex; justify-content: space-between; gap: 30px;}
.ico-blocks > .ico-block {margin: 0;}
.panel:last-child .head2 {color: #fff;}
.panel .certs {gap: 50px;}
.panel .cert-txt {display: none;}
.cert-img a {color: var(--color1);}
div:has(> .as-center) {display: flex;}
.as-center {align-self: center;}
.showcase {display: flex; flex-flow: row wrap; gap: 30px; margin: 50px 0 75px!important; text-align: center; justify-content: center;}
.pad + .showcase {margin-top: 0!important;}
.showcase:last-child {margin-bottom: 0!important;}
.showcase-part {width: calc(25% - 23px);}
.sp-img {line-height: 0; margin: 0 0 20px; display: flex; flex-flow: column; justify-content: flex-end;}
.sp-img img {border-radius: 0 !important; width: 200px; height: 150px; object-fit: contain; object-position: center center;}
.sp-txt h4:not(:last-child) {margin-bottom: 10px;}
.sp-proc {font-size: 85%;}
.sp-dets {font-size: 85%;} @media screen and (min-width : 1651px){
.boxes-slider .swiper-slide.swiper-slide-active {width: 37%!important;}
} @media screen and (max-width : 1650px){
#header {gap: 20px;}
.themonic-nav ul.nav-menu {gap: 20px;}
.themonic-nav .nav-menu > li.menu-item-has-children {padding-right: 0.9em; background-size: 0.6em auto;}
.h-cta a.btn {padding: 10px 10px; font-size: 16px;}
#intro1 .slider-nav {display: flex;}
}
@media screen and (max-width : 1475px){
.h-cta {display: none;}
}
@media screen and (max-width : 1350px){
#header {gap: 35px;}
#site-nav {text-align: right;}
.h-cta {display: block;}
.b-block {left: 50px; transform: none;}
.boxes-slider {max-width: 1200px; margin: 0 auto!important;}
.bs-img {height: 320px;}
#certs {padding: 75px 20px;}
.panel-inner {width: 100%!important; padding: 100px 30px !important;}
.f-top .themonic-nav {display: block;}
}
@media screen and (max-width : 1040px){
body.template-front-page .site-content, body.single-attachment .site-content, body.full-width .site-content {padding: 50px 0;}
.head1 {font-size: 52px;}
a.b-mod {padding: 20px; font-size: 20px;}
.b-block-inner {max-width: 545px;}
#intro1, #intro2 {padding: 75px 20px;}
#certs {padding: 50px 20px;}
.flex:has(.img-col) .shaded {padding-top: 50px; padding-bottom: 50px;}
#banner-inner {height: 450px;}
}
@media screen and (max-width : 850px){
#main {flex-flow: column; gap: 50px;}
.widget-area {width: 100%; margin: 0; padding: 0;}
.fancybox-content:has(iframe[src*="youtube.com"], iframe[src*="vimeo.com"]) {width: 100%!important;}
.head2, .ib-num {font-size: 32px;}
#intro1 .slider-nav {display: flex;}
#banner-home {min-height: 750px;}
.b-block {left: 0; text-align: center;}
.b-block-inner {margin: 0 auto;}
.sect-block {align-items: flex-end;}
.certs {gap: 15px; justify-content: space-between;}
.hov-btns > a:before {content: none; display: none;}
#why-choose {padding-bottom: 53vw;}
#why-choose .flex.g50 {flex-flow: column; gap: 30px;}
#why-choose #map {top: auto; bottom: 0; height: 69vw; right: 7%;}
#action {padding: 75px 20px;}
.action-block {flex-flow: column;}
.ab-txt {padding: 50px 30px; flex-flow: column; width: 100%; gap: 0;}
.ab-imgs {width: 100%; flex-flow: row;}
.ab-imgs > div:first-child img {transform: none;}
.f-top {display: none;}
.f-mid {border-top: 0; padding-top: 0;}
.full #map {right: 34%; z-index: -1;}
.panel .certs {flex-flow: row wrap; gap: 30px; justify-content: space-around;}
.panel .certs > div {width: calc(50% - 20px);}
.limit-m:has(> .ico-blocks) {text-align: center;}
.ico-blocks:not(.panel .ico-blocks) {display: inline-block; flex-flow: column; text-align: left;}
.ico-blocks:not(.panel .ico-blocks) > .ico-block:not(:last-child) {margin: 0 0 30px;}
.img-break {height: 280px;}
.icos, .icos.end {flex-flow: row wrap; gap: 50px 30px;}
.icos a {width: calc(50% - 15px);}
.showcase-part {width: calc(33.33% - 20px);}
.panel-content:has(img.panel-bg) {height: 50vw;}
.flex.fb-rev:has(.icos) {gap: 50px;}
.gallery-columns-2 .gallery-item {width: 100% !important;}
}
@media screen and (max-width : 720px){
.fbreak1 {flex-flow: column!important;}
.fbreak1.fb-rev {flex-flow: column-reverse!important;}
.fbreak1 > * {width: 100%!important;}
.f4-break {flex-flow: row wrap;}
.f4-break > * {width: calc(50% - 15px)!important; flex: auto!important;}
.entry-summary.flex {flex-flow: column;}
:is(.featured, .featured2, .shaded).flex.fbreak1 > div:not(:last-child) {border: 0; padding: 0; margin: 0;}
.cols-2 {column-count: 1;}
:is(h1, .entry-content > h2:first-child):not(.head1, .head2) {font-size: 32px;}
.head1 {font-size: 48px;}
.subhead {font-size: 22px;}
:is(.head2, h1, h2):has(+ .subhead) {margin-bottom: 10px !important;}
#header {padding: 15px 20px;}
.site-logo img {width: 250px;}
#header .h-cta {display: none;}
.bm-icos {height: 50px;}
.sect-block {flex-flow: row wrap; justify-content: center; gap: 25px 10px;}
.panel-container {flex-flow: column!important;}
.panel {width: 100%!important;}
.panel-inner {padding: 60px 20px !important;}
.hov-btns {padding: 0 50px;}
#footer {padding: 30px 20px;}
.f-mid {flex-flow: column; gap: 25px;}
.f-mid > div.site-logo {order: -3; padding-bottom: 10px;}
#banner-inner {height: 350px;}
.flex.borders > div:not(:last-child) {border: 0; border-bottom: 1px solid #ccc; margin: 0 0 30px; padding: 0 0 30px;}
.team-member {width: calc(50% - 15px);}
.full:has(#map) {padding-bottom: 70vw!important;}
.full #map {height: 85vw;top: auto;bottom: 0;right: 5%;}
.divisions {max-height: none; overflow: unset;}
.panel .certs {flex-flow: row;}
.img-break {height: 250px;}
.icos {flex-flow: row wrap;}
.icos > * {width: calc(50% - 15px);}
}
@media screen and (max-width : 575px){
.site-content {padding: 30px 0;}
.single img.attachment-post-thumbnail {float: none!important; display: block; margin: 0 auto 15px!important; max-width: 100%;}
.nav-single, .nav-single #ns-next {text-align: center;}
.nav-single .ns-ib {display: inline;}
.right, .left {float: none; display: block; margin: 0 auto 15px;}
img.right, img.left {max-width: 100%;}
.fbreak2 {flex-flow: column!important;}
.fbreak2 > * {width: 100%!important;}
:is(.featured, .featured2, .shaded).flex.fbreak2 > div:not(:last-child) {border: 0; padding: 0; margin: 0;}
h2:not(.entry-content > h2:first-child, .head1, .head2) {font-size: 24px;}
.head1 {font-size: 40px;}
.b-block {padding: 0 20px; box-sizing: border-box;}
.b-mods {gap: 0;}
a.b-mod {border: 0; padding: 0; border-right: 2px solid #fff; border-radius: 0; padding-right: 15px; margin-right: 20px; text-align: center;}
a.b-mod:last-child {border-right: 0; margin-right: 0; padding-right: 0;}
.bm-ico {left: 50%; transform: translate(-50%,0);}
.bm-icos {margin: 0 0 15px; height: 45px;}
.sect-block {justify-content: space-between;}
.swiper-wrapper {flex-flow: column; gap: 30px; box-sizing: border-box;}
.boxes-slider .swiper-slide {margin: 0!important;padding-top: 20px;overflow: hidden;}
.swiper-slide.slide-dup {display: none;}
.bs-img {height: 250px; left: 0; top: 0; width: 100%; border-radius: 0;}
.bs-txt {top: 0; padding: 0 20px 20px;}
.bs-txt h3 {height: auto;}
.slider-nav {display: none !important;}
.certs {flex-flow: row wrap; gap: 30px 0; font-size: 88%;}
.certs > div {width: 50%; padding: 0 30px; box-sizing: border-box;}
.cert-txt {margin: 10px 0 0; padding: 10px 0 0;}
.cert-img img {height: 70px; max-width: 66px;}
#why-choose {padding-bottom: 60vw;}
#why-choose #map {height: 80vw;right: 2%;bottom: -2%;}
.featured, .featured2, .shaded {padding: 30px;}
.featured.f-img {padding-top: 30px;}
.pad2 {padding: 30px 0;}
.team {gap: 30px;}
.team {font-size: 88%; line-height: 1.4;}
.cs-block {flex-flow: column; gap: 0; margin: 0 0 30px;}
.showcase-part {width: calc(50% - 15px);}
}
@media screen and (max-width : 425px){
.fbreak3 {flex-flow: column!important;}
.fbreak3 > * {width: 100%!important;}
:is(h1, .entry-content > h2:first-child):not(.head1, .head2) {font-size: 30px;}
.subhead {font-size: 20px;}
.head1 {font-size: 36px;}
.site-logo img {width: 220px;}
a.b-mod {font-size: 16px;}
.bm-icos {height: 38px;}
.certs > div {padding: 0 15px;}
.hov-btns {padding: 0;}
#why-choose {padding-bottom: 90vw;}
#why-choose #map {height: 100vw; bottom: 0;}
.ab-imgs {flex-flow: column;}
#banner-inner {height: 290px;}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}