@charset "UTF-8";



 @-webkit-keyframes bounce{ 
0%, 
20%, 
53%, 
80%, 
to{ 
-webkit-animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
40%, 
43%{ 
-webkit-animation-timing-function:cubic-bezier(.755, 
.05, 
.855, 
.06); 
 
animation-timing-function:cubic-bezier(.755, 
.05, 
.855, 
.06); 
 
-webkit-transform:translate3d(0, 
-30px, 
0); 
 
transform:translate3d(0, 
-30px, 
0)}
70%{ 
-webkit-animation-timing-function:cubic-bezier(.755, 
.05, 
.855, 
.06); 
 
animation-timing-function:cubic-bezier(.755, 
.05, 
.855, 
.06); 
 
-webkit-transform:translate3d(0, 
-15px, 
0); 
 
transform:translate3d(0, 
-15px, 
0)}
90%{ 
-webkit-transform:translate3d(0, 
-4px, 
0); 
 
transform:translate3d(0, 
-4px, 
0)}
}


 @keyframes bounce{ 
0%, 
20%, 
53%, 
80%, 
to{ 
-webkit-animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
40%, 
43%{ 
-webkit-animation-timing-function:cubic-bezier(.755, 
.05, 
.855, 
.06); 
 
animation-timing-function:cubic-bezier(.755, 
.05, 
.855, 
.06); 
 
-webkit-transform:translate3d(0, 
-30px, 
0); 
 
transform:translate3d(0, 
-30px, 
0)}
70%{ 
-webkit-animation-timing-function:cubic-bezier(.755, 
.05, 
.855, 
.06); 
 
animation-timing-function:cubic-bezier(.755, 
.05, 
.855, 
.06); 
 
-webkit-transform:translate3d(0, 
-15px, 
0); 
 
transform:translate3d(0, 
-15px, 
0)}
90%{ 
-webkit-transform:translate3d(0, 
-4px, 
0); 
 
transform:translate3d(0, 
-4px, 
0)}
}
.bounce{ 
-webkit-animation-name:bounce; 
 
animation-name:bounce; 
 
-webkit-transform-origin:center bottom; 
 
transform-origin:center bottom}


 @-webkit-keyframes flash{ 
0%, 
50%, 
to{ 
opacity:1}
25%, 
75%{ 
opacity:0}
}


 @keyframes flash{ 
0%, 
50%, 
to{ 
opacity:1}
25%, 
75%{ 
opacity:0}
}
.flash{ 
-webkit-animation-name:flash; 
 
animation-name:flash}


 @-webkit-keyframes pulse{ 
0%{ 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
50%{ 
-webkit-transform:scale3d(1.05, 
1.05, 
1.05); 
 
transform:scale3d(1.05, 
1.05, 
1.05)}
to{ 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
}


 @keyframes pulse{ 
0%{ 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
50%{ 
-webkit-transform:scale3d(1.05, 
1.05, 
1.05); 
 
transform:scale3d(1.05, 
1.05, 
1.05)}
to{ 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
}
.pulse{ 
-webkit-animation-name:pulse; 
 
animation-name:pulse}


 @-webkit-keyframes rubberBand{ 
0%{ 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
30%{ 
-webkit-transform:scale3d(1.25, 
.75, 
1); 
 
transform:scale3d(1.25, 
.75, 
1)}
40%{ 
-webkit-transform:scale3d(.75, 
1.25, 
1); 
 
transform:scale3d(.75, 
1.25, 
1)}
50%{ 
-webkit-transform:scale3d(1.15, 
.85, 
1); 
 
transform:scale3d(1.15, 
.85, 
1)}
65%{ 
-webkit-transform:scale3d(.95, 
1.05, 
1); 
 
transform:scale3d(.95, 
1.05, 
1)}
75%{ 
-webkit-transform:scale3d(1.05, 
.95, 
1); 
 
transform:scale3d(1.05, 
.95, 
1)}
to{ 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
}


 @keyframes rubberBand{ 
0%{ 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
30%{ 
-webkit-transform:scale3d(1.25, 
.75, 
1); 
 
transform:scale3d(1.25, 
.75, 
1)}
40%{ 
-webkit-transform:scale3d(.75, 
1.25, 
1); 
 
transform:scale3d(.75, 
1.25, 
1)}
50%{ 
-webkit-transform:scale3d(1.15, 
.85, 
1); 
 
transform:scale3d(1.15, 
.85, 
1)}
65%{ 
-webkit-transform:scale3d(.95, 
1.05, 
1); 
 
transform:scale3d(.95, 
1.05, 
1)}
75%{ 
-webkit-transform:scale3d(1.05, 
.95, 
1); 
 
transform:scale3d(1.05, 
.95, 
1)}
to{ 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
}
.rubberBand{ 
-webkit-animation-name:rubberBand; 
 
animation-name:rubberBand}


 @-webkit-keyframes shake{ 
0%, 
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
10%, 
30%, 
50%, 
70%, 
90%{ 
-webkit-transform:translate3d(-10px, 
0, 
0); 
 
transform:translate3d(-10px, 
0, 
0)}
20%, 
40%, 
60%, 
80%{ 
-webkit-transform:translate3d(10px, 
0, 
0); 
 
transform:translate3d(10px, 
0, 
0)}
}


 @keyframes shake{ 
0%, 
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
10%, 
30%, 
50%, 
70%, 
90%{ 
-webkit-transform:translate3d(-10px, 
0, 
0); 
 
transform:translate3d(-10px, 
0, 
0)}
20%, 
40%, 
60%, 
80%{ 
-webkit-transform:translate3d(10px, 
0, 
0); 
 
transform:translate3d(10px, 
0, 
0)}
}
.shake{ 
-webkit-animation-name:shake; 
 
animation-name:shake}


 @-webkit-keyframes headShake{ 
0%{ 
-webkit-transform:translateX(0); 
 
transform:translateX(0)}
6.5%{ 
-webkit-transform:translateX(-6px) rotateY(-9deg); 
 
transform:translateX(-6px) rotateY(-9deg)}
18.5%{ 
-webkit-transform:translateX(5px) rotateY(7deg); 
 
transform:translateX(5px) rotateY(7deg)}
31.5%{ 
-webkit-transform:translateX(-3px) rotateY(-5deg); 
 
transform:translateX(-3px) rotateY(-5deg)}
43.5%{ 
-webkit-transform:translateX(2px) rotateY(3deg); 
 
transform:translateX(2px) rotateY(3deg)}
50%{ 
-webkit-transform:translateX(0); 
 
transform:translateX(0)}
}


 @keyframes headShake{ 
0%{ 
-webkit-transform:translateX(0); 
 
transform:translateX(0)}
6.5%{ 
-webkit-transform:translateX(-6px) rotateY(-9deg); 
 
transform:translateX(-6px) rotateY(-9deg)}
18.5%{ 
-webkit-transform:translateX(5px) rotateY(7deg); 
 
transform:translateX(5px) rotateY(7deg)}
31.5%{ 
-webkit-transform:translateX(-3px) rotateY(-5deg); 
 
transform:translateX(-3px) rotateY(-5deg)}
43.5%{ 
-webkit-transform:translateX(2px) rotateY(3deg); 
 
transform:translateX(2px) rotateY(3deg)}
50%{ 
-webkit-transform:translateX(0); 
 
transform:translateX(0)}
}
.headShake{ 
-webkit-animation-timing-function:ease-in-out; 
 
animation-timing-function:ease-in-out; 
 
-webkit-animation-name:headShake; 
 
animation-name:headShake}


 @-webkit-keyframes swing{ 
20%{ 
-webkit-transform:rotate(15deg); 
 
transform:rotate(15deg)}
40%{ 
-webkit-transform:rotate(-10deg); 
 
transform:rotate(-10deg)}
60%{ 
-webkit-transform:rotate(5deg); 
 
transform:rotate(5deg)}
80%{ 
-webkit-transform:rotate(-5deg); 
 
transform:rotate(-5deg)}
to{ 
-webkit-transform:rotate(0deg); 
 
transform:rotate(0deg)}
}


 @keyframes swing{ 
20%{ 
-webkit-transform:rotate(15deg); 
 
transform:rotate(15deg)}
40%{ 
-webkit-transform:rotate(-10deg); 
 
transform:rotate(-10deg)}
60%{ 
-webkit-transform:rotate(5deg); 
 
transform:rotate(5deg)}
80%{ 
-webkit-transform:rotate(-5deg); 
 
transform:rotate(-5deg)}
to{ 
-webkit-transform:rotate(0deg); 
 
transform:rotate(0deg)}
}
.swing{ 
-webkit-transform-origin:top center; 
 
transform-origin:top center; 
 
-webkit-animation-name:swing; 
 
animation-name:swing}


 @-webkit-keyframes tada{ 
0%{ 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
10%, 
20%{ 
-webkit-transform:scale3d(.9, 
.9, 
.9) rotate(-3deg); 
 
transform:scale3d(.9, 
.9, 
.9) rotate(-3deg)}
30%, 
50%, 
70%, 
90%{ 
-webkit-transform:scale3d(1.1, 
1.1, 
1.1) rotate(3deg); 
 
transform:scale3d(1.1, 
1.1, 
1.1) rotate(3deg)}
40%, 
60%, 
80%{ 
-webkit-transform:scale3d(1.1, 
1.1, 
1.1) rotate(-3deg); 
 
transform:scale3d(1.1, 
1.1, 
1.1) rotate(-3deg)}
to{ 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
}


 @keyframes tada{ 
0%{ 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
10%, 
20%{ 
-webkit-transform:scale3d(.9, 
.9, 
.9) rotate(-3deg); 
 
transform:scale3d(.9, 
.9, 
.9) rotate(-3deg)}
30%, 
50%, 
70%, 
90%{ 
-webkit-transform:scale3d(1.1, 
1.1, 
1.1) rotate(3deg); 
 
transform:scale3d(1.1, 
1.1, 
1.1) rotate(3deg)}
40%, 
60%, 
80%{ 
-webkit-transform:scale3d(1.1, 
1.1, 
1.1) rotate(-3deg); 
 
transform:scale3d(1.1, 
1.1, 
1.1) rotate(-3deg)}
to{ 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
}
.tada{ 
-webkit-animation-name:tada; 
 
animation-name:tada}


 @-webkit-keyframes wobble{ 
0%{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
15%{ 
-webkit-transform:translate3d(-25%, 
0, 
0) rotate(-5deg); 
 
transform:translate3d(-25%, 
0, 
0) rotate(-5deg)}
30%{ 
-webkit-transform:translate3d(20%, 
0, 
0) rotate(3deg); 
 
transform:translate3d(20%, 
0, 
0) rotate(3deg)}
45%{ 
-webkit-transform:translate3d(-15%, 
0, 
0) rotate(-3deg); 
 
transform:translate3d(-15%, 
0, 
0) rotate(-3deg)}
60%{ 
-webkit-transform:translate3d(10%, 
0, 
0) rotate(2deg); 
 
transform:translate3d(10%, 
0, 
0) rotate(2deg)}
75%{ 
-webkit-transform:translate3d(-5%, 
0, 
0) rotate(-1deg); 
 
transform:translate3d(-5%, 
0, 
0) rotate(-1deg)}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes wobble{ 
0%{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
15%{ 
-webkit-transform:translate3d(-25%, 
0, 
0) rotate(-5deg); 
 
transform:translate3d(-25%, 
0, 
0) rotate(-5deg)}
30%{ 
-webkit-transform:translate3d(20%, 
0, 
0) rotate(3deg); 
 
transform:translate3d(20%, 
0, 
0) rotate(3deg)}
45%{ 
-webkit-transform:translate3d(-15%, 
0, 
0) rotate(-3deg); 
 
transform:translate3d(-15%, 
0, 
0) rotate(-3deg)}
60%{ 
-webkit-transform:translate3d(10%, 
0, 
0) rotate(2deg); 
 
transform:translate3d(10%, 
0, 
0) rotate(2deg)}
75%{ 
-webkit-transform:translate3d(-5%, 
0, 
0) rotate(-1deg); 
 
transform:translate3d(-5%, 
0, 
0) rotate(-1deg)}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.wobble{ 
-webkit-animation-name:wobble; 
 
animation-name:wobble}


 @-webkit-keyframes jello{ 
0%, 
11.1%, 
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
22.2%{ 
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg); 
 
transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{ 
-webkit-transform:skewX(6.25deg) skewY(6.25deg); 
 
transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{ 
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg); 
 
transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{ 
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg); 
 
transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{ 
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg); 
 
transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{ 
-webkit-transform:skewX(.390625deg) skewY(.390625deg); 
 
transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{ 
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); 
 
transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}


 @keyframes jello{ 
0%, 
11.1%, 
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
22.2%{ 
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg); 
 
transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{ 
-webkit-transform:skewX(6.25deg) skewY(6.25deg); 
 
transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{ 
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg); 
 
transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{ 
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg); 
 
transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{ 
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg); 
 
transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{ 
-webkit-transform:skewX(.390625deg) skewY(.390625deg); 
 
transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{ 
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg); 
 
transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello{ 
-webkit-animation-name:jello; 
 
animation-name:jello; 
 
-webkit-transform-origin:center; 
 
transform-origin:center}


 @-webkit-keyframes heartBeat{ 
0%{ 
-webkit-transform:scale(1); 
 
transform:scale(1)}
14%{ 
-webkit-transform:scale(1.3); 
 
transform:scale(1.3)}
28%{ 
-webkit-transform:scale(1); 
 
transform:scale(1)}
42%{ 
-webkit-transform:scale(1.3); 
 
transform:scale(1.3)}
70%{ 
-webkit-transform:scale(1); 
 
transform:scale(1)}
}


 @keyframes heartBeat{ 
0%{ 
-webkit-transform:scale(1); 
 
transform:scale(1)}
14%{ 
-webkit-transform:scale(1.3); 
 
transform:scale(1.3)}
28%{ 
-webkit-transform:scale(1); 
 
transform:scale(1)}
42%{ 
-webkit-transform:scale(1.3); 
 
transform:scale(1.3)}
70%{ 
-webkit-transform:scale(1); 
 
transform:scale(1)}
}
.heartBeat{ 
-webkit-animation-name:heartBeat; 
 
animation-name:heartBeat; 
 
-webkit-animation-duration:1.3s; 
 
animation-duration:1.3s; 
 
-webkit-animation-timing-function:ease-in-out; 
 
animation-timing-function:ease-in-out}


 @-webkit-keyframes bounceIn{ 
0%, 
20%, 
40%, 
60%, 
80%, 
to{ 
-webkit-animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1)}
0%{ 
opacity:0; 
 
-webkit-transform:scale3d(.3, 
.3, 
.3); 
 
transform:scale3d(.3, 
.3, 
.3)}
20%{ 
-webkit-transform:scale3d(1.1, 
1.1, 
1.1); 
 
transform:scale3d(1.1, 
1.1, 
1.1)}
40%{ 
-webkit-transform:scale3d(.9, 
.9, 
.9); 
 
transform:scale3d(.9, 
.9, 
.9)}
60%{ 
opacity:1; 
 
-webkit-transform:scale3d(1.03, 
1.03, 
1.03); 
 
transform:scale3d(1.03, 
1.03, 
1.03)}
80%{ 
-webkit-transform:scale3d(.97, 
.97, 
.97); 
 
transform:scale3d(.97, 
.97, 
.97)}
to{ 
opacity:1; 
 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
}


 @keyframes bounceIn{ 
0%, 
20%, 
40%, 
60%, 
80%, 
to{ 
-webkit-animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1)}
0%{ 
opacity:0; 
 
-webkit-transform:scale3d(.3, 
.3, 
.3); 
 
transform:scale3d(.3, 
.3, 
.3)}
20%{ 
-webkit-transform:scale3d(1.1, 
1.1, 
1.1); 
 
transform:scale3d(1.1, 
1.1, 
1.1)}
40%{ 
-webkit-transform:scale3d(.9, 
.9, 
.9); 
 
transform:scale3d(.9, 
.9, 
.9)}
60%{ 
opacity:1; 
 
-webkit-transform:scale3d(1.03, 
1.03, 
1.03); 
 
transform:scale3d(1.03, 
1.03, 
1.03)}
80%{ 
-webkit-transform:scale3d(.97, 
.97, 
.97); 
 
transform:scale3d(.97, 
.97, 
.97)}
to{ 
opacity:1; 
 
-webkit-transform:scaleX(1); 
 
transform:scaleX(1)}
}
.bounceIn{ 
-webkit-animation-duration:.75s; 
 
animation-duration:.75s; 
 
-webkit-animation-name:bounceIn; 
 
animation-name:bounceIn}


 @-webkit-keyframes bounceInDown{ 
0%, 
60%, 
75%, 
90%, 
to{ 
-webkit-animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1)}
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
-3000px, 
0); 
 
transform:translate3d(0, 
-3000px, 
0)}
60%{ 
opacity:1; 
 
-webkit-transform:translate3d(0, 
25px, 
0); 
 
transform:translate3d(0, 
25px, 
0)}
75%{ 
-webkit-transform:translate3d(0, 
-10px, 
0); 
 
transform:translate3d(0, 
-10px, 
0)}
90%{ 
-webkit-transform:translate3d(0, 
5px, 
0); 
 
transform:translate3d(0, 
5px, 
0)}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes bounceInDown{ 
0%, 
60%, 
75%, 
90%, 
to{ 
-webkit-animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1)}
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
-3000px, 
0); 
 
transform:translate3d(0, 
-3000px, 
0)}
60%{ 
opacity:1; 
 
-webkit-transform:translate3d(0, 
25px, 
0); 
 
transform:translate3d(0, 
25px, 
0)}
75%{ 
-webkit-transform:translate3d(0, 
-10px, 
0); 
 
transform:translate3d(0, 
-10px, 
0)}
90%{ 
-webkit-transform:translate3d(0, 
5px, 
0); 
 
transform:translate3d(0, 
5px, 
0)}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.bounceInDown{ 
-webkit-animation-name:bounceInDown; 
 
animation-name:bounceInDown}


 @-webkit-keyframes bounceInLeft{ 
0%, 
60%, 
75%, 
90%, 
to{ 
-webkit-animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1)}
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(-3000px, 
0, 
0); 
 
transform:translate3d(-3000px, 
0, 
0)}
60%{ 
opacity:1; 
 
-webkit-transform:translate3d(25px, 
0, 
0); 
 
transform:translate3d(25px, 
0, 
0)}
75%{ 
-webkit-transform:translate3d(-10px, 
0, 
0); 
 
transform:translate3d(-10px, 
0, 
0)}
90%{ 
-webkit-transform:translate3d(5px, 
0, 
0); 
 
transform:translate3d(5px, 
0, 
0)}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes bounceInLeft{ 
0%, 
60%, 
75%, 
90%, 
to{ 
-webkit-animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1)}
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(-3000px, 
0, 
0); 
 
transform:translate3d(-3000px, 
0, 
0)}
60%{ 
opacity:1; 
 
-webkit-transform:translate3d(25px, 
0, 
0); 
 
transform:translate3d(25px, 
0, 
0)}
75%{ 
-webkit-transform:translate3d(-10px, 
0, 
0); 
 
transform:translate3d(-10px, 
0, 
0)}
90%{ 
-webkit-transform:translate3d(5px, 
0, 
0); 
 
transform:translate3d(5px, 
0, 
0)}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.bounceInLeft{ 
-webkit-animation-name:bounceInLeft; 
 
animation-name:bounceInLeft}


 @-webkit-keyframes bounceInRight{ 
0%, 
60%, 
75%, 
90%, 
to{ 
-webkit-animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1)}
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(3000px, 
0, 
0); 
 
transform:translate3d(3000px, 
0, 
0)}
60%{ 
opacity:1; 
 
-webkit-transform:translate3d(-25px, 
0, 
0); 
 
transform:translate3d(-25px, 
0, 
0)}
75%{ 
-webkit-transform:translate3d(10px, 
0, 
0); 
 
transform:translate3d(10px, 
0, 
0)}
90%{ 
-webkit-transform:translate3d(-5px, 
0, 
0); 
 
transform:translate3d(-5px, 
0, 
0)}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes bounceInRight{ 
0%, 
60%, 
75%, 
90%, 
to{ 
-webkit-animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1)}
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(3000px, 
0, 
0); 
 
transform:translate3d(3000px, 
0, 
0)}
60%{ 
opacity:1; 
 
-webkit-transform:translate3d(-25px, 
0, 
0); 
 
transform:translate3d(-25px, 
0, 
0)}
75%{ 
-webkit-transform:translate3d(10px, 
0, 
0); 
 
transform:translate3d(10px, 
0, 
0)}
90%{ 
-webkit-transform:translate3d(-5px, 
0, 
0); 
 
transform:translate3d(-5px, 
0, 
0)}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.bounceInRight{ 
-webkit-animation-name:bounceInRight; 
 
animation-name:bounceInRight}


 @-webkit-keyframes bounceInUp{ 
0%, 
60%, 
75%, 
90%, 
to{ 
-webkit-animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1)}
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
3000px, 
0); 
 
transform:translate3d(0, 
3000px, 
0)}
60%{ 
opacity:1; 
 
-webkit-transform:translate3d(0, 
-20px, 
0); 
 
transform:translate3d(0, 
-20px, 
0)}
75%{ 
-webkit-transform:translate3d(0, 
10px, 
0); 
 
transform:translate3d(0, 
10px, 
0)}
90%{ 
-webkit-transform:translate3d(0, 
-5px, 
0); 
 
transform:translate3d(0, 
-5px, 
0)}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes bounceInUp{ 
0%, 
60%, 
75%, 
90%, 
to{ 
-webkit-animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1); 
 
animation-timing-function:cubic-bezier(.215, 
.61, 
.355, 
1)}
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
3000px, 
0); 
 
transform:translate3d(0, 
3000px, 
0)}
60%{ 
opacity:1; 
 
-webkit-transform:translate3d(0, 
-20px, 
0); 
 
transform:translate3d(0, 
-20px, 
0)}
75%{ 
-webkit-transform:translate3d(0, 
10px, 
0); 
 
transform:translate3d(0, 
10px, 
0)}
90%{ 
-webkit-transform:translate3d(0, 
-5px, 
0); 
 
transform:translate3d(0, 
-5px, 
0)}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.bounceInUp{ 
-webkit-animation-name:bounceInUp; 
 
animation-name:bounceInUp}


 @-webkit-keyframes bounceOut{ 
20%{ 
-webkit-transform:scale3d(.9, 
.9, 
.9); 
 
transform:scale3d(.9, 
.9, 
.9)}
50%, 
55%{ 
opacity:1; 
 
-webkit-transform:scale3d(1.1, 
1.1, 
1.1); 
 
transform:scale3d(1.1, 
1.1, 
1.1)}
to{ 
opacity:0; 
 
-webkit-transform:scale3d(.3, 
.3, 
.3); 
 
transform:scale3d(.3, 
.3, 
.3)}
}


 @keyframes bounceOut{ 
20%{ 
-webkit-transform:scale3d(.9, 
.9, 
.9); 
 
transform:scale3d(.9, 
.9, 
.9)}
50%, 
55%{ 
opacity:1; 
 
-webkit-transform:scale3d(1.1, 
1.1, 
1.1); 
 
transform:scale3d(1.1, 
1.1, 
1.1)}
to{ 
opacity:0; 
 
-webkit-transform:scale3d(.3, 
.3, 
.3); 
 
transform:scale3d(.3, 
.3, 
.3)}
}
.bounceOut{ 
-webkit-animation-duration:.75s; 
 
animation-duration:.75s; 
 
-webkit-animation-name:bounceOut; 
 
animation-name:bounceOut}


 @-webkit-keyframes bounceOutDown{ 
20%{ 
-webkit-transform:translate3d(0, 
10px, 
0); 
 
transform:translate3d(0, 
10px, 
0)}
40%, 
45%{ 
opacity:1; 
 
-webkit-transform:translate3d(0, 
-20px, 
0); 
 
transform:translate3d(0, 
-20px, 
0)}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
2000px, 
0); 
 
transform:translate3d(0, 
2000px, 
0)}
}


 @keyframes bounceOutDown{ 
20%{ 
-webkit-transform:translate3d(0, 
10px, 
0); 
 
transform:translate3d(0, 
10px, 
0)}
40%, 
45%{ 
opacity:1; 
 
-webkit-transform:translate3d(0, 
-20px, 
0); 
 
transform:translate3d(0, 
-20px, 
0)}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
2000px, 
0); 
 
transform:translate3d(0, 
2000px, 
0)}
}
.bounceOutDown{ 
-webkit-animation-name:bounceOutDown; 
 
animation-name:bounceOutDown}


 @-webkit-keyframes bounceOutLeft{ 
20%{ 
opacity:1; 
 
-webkit-transform:translate3d(20px, 
0, 
0); 
 
transform:translate3d(20px, 
0, 
0)}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(-2000px, 
0, 
0); 
 
transform:translate3d(-2000px, 
0, 
0)}
}


 @keyframes bounceOutLeft{ 
20%{ 
opacity:1; 
 
-webkit-transform:translate3d(20px, 
0, 
0); 
 
transform:translate3d(20px, 
0, 
0)}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(-2000px, 
0, 
0); 
 
transform:translate3d(-2000px, 
0, 
0)}
}
.bounceOutLeft{ 
-webkit-animation-name:bounceOutLeft; 
 
animation-name:bounceOutLeft}


 @-webkit-keyframes bounceOutRight{ 
20%{ 
opacity:1; 
 
-webkit-transform:translate3d(-20px, 
0, 
0); 
 
transform:translate3d(-20px, 
0, 
0)}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(2000px, 
0, 
0); 
 
transform:translate3d(2000px, 
0, 
0)}
}


 @keyframes bounceOutRight{ 
20%{ 
opacity:1; 
 
-webkit-transform:translate3d(-20px, 
0, 
0); 
 
transform:translate3d(-20px, 
0, 
0)}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(2000px, 
0, 
0); 
 
transform:translate3d(2000px, 
0, 
0)}
}
.bounceOutRight{ 
-webkit-animation-name:bounceOutRight; 
 
animation-name:bounceOutRight}


 @-webkit-keyframes bounceOutUp{ 
20%{ 
-webkit-transform:translate3d(0, 
-10px, 
0); 
 
transform:translate3d(0, 
-10px, 
0)}
40%, 
45%{ 
opacity:1; 
 
-webkit-transform:translate3d(0, 
20px, 
0); 
 
transform:translate3d(0, 
20px, 
0)}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
-2000px, 
0); 
 
transform:translate3d(0, 
-2000px, 
0)}
}


 @keyframes bounceOutUp{ 
20%{ 
-webkit-transform:translate3d(0, 
-10px, 
0); 
 
transform:translate3d(0, 
-10px, 
0)}
40%, 
45%{ 
opacity:1; 
 
-webkit-transform:translate3d(0, 
20px, 
0); 
 
transform:translate3d(0, 
20px, 
0)}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
-2000px, 
0); 
 
transform:translate3d(0, 
-2000px, 
0)}
}
.bounceOutUp{ 
-webkit-animation-name:bounceOutUp; 
 
animation-name:bounceOutUp}


 @-webkit-keyframes fadeIn{ 
0%{ 
opacity:0}
to{ 
opacity:1}
}


 @keyframes fadeIn{ 
0%{ 
opacity:0}
to{ 
opacity:1}
}
.fadeIn{ 
-webkit-animation-name:fadeIn; 
 
animation-name:fadeIn}


 @-webkit-keyframes fadeInDown{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
-100%, 
0); 
 
transform:translate3d(0, 
-100%, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes fadeInDown{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
-100%, 
0); 
 
transform:translate3d(0, 
-100%, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.fadeInDown{ 
-webkit-animation-name:fadeInDown; 
 
animation-name:fadeInDown}


 @-webkit-keyframes fadeInDownBig{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
-2000px, 
0); 
 
transform:translate3d(0, 
-2000px, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes fadeInDownBig{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
-2000px, 
0); 
 
transform:translate3d(0, 
-2000px, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.fadeInDownBig{ 
-webkit-animation-name:fadeInDownBig; 
 
animation-name:fadeInDownBig}


 @-webkit-keyframes fadeInLeft{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(-100%, 
0, 
0); 
 
transform:translate3d(-100%, 
0, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes fadeInLeft{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(-100%, 
0, 
0); 
 
transform:translate3d(-100%, 
0, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.fadeInLeft{ 
-webkit-animation-name:fadeInLeft; 
 
animation-name:fadeInLeft}


 @-webkit-keyframes fadeInLeftBig{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(-2000px, 
0, 
0); 
 
transform:translate3d(-2000px, 
0, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes fadeInLeftBig{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(-2000px, 
0, 
0); 
 
transform:translate3d(-2000px, 
0, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.fadeInLeftBig{ 
-webkit-animation-name:fadeInLeftBig; 
 
animation-name:fadeInLeftBig}


 @-webkit-keyframes fadeInRight{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(100%, 
0, 
0); 
 
transform:translate3d(100%, 
0, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes fadeInRight{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(100%, 
0, 
0); 
 
transform:translate3d(100%, 
0, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.fadeInRight{ 
-webkit-animation-name:fadeInRight; 
 
animation-name:fadeInRight}


 @-webkit-keyframes fadeInRightBig{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(2000px, 
0, 
0); 
 
transform:translate3d(2000px, 
0, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes fadeInRightBig{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(2000px, 
0, 
0); 
 
transform:translate3d(2000px, 
0, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.fadeInRightBig{ 
-webkit-animation-name:fadeInRightBig; 
 
animation-name:fadeInRightBig}


 @-webkit-keyframes fadeInUp{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
100%, 
0); 
 
transform:translate3d(0, 
100%, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes fadeInUp{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
100%, 
0); 
 
transform:translate3d(0, 
100%, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.fadeInUp{ 
-webkit-animation-name:fadeInUp; 
 
animation-name:fadeInUp}


 @-webkit-keyframes fadeInUpBig{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
2000px, 
0); 
 
transform:translate3d(0, 
2000px, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes fadeInUpBig{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
2000px, 
0); 
 
transform:translate3d(0, 
2000px, 
0)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.fadeInUpBig{ 
-webkit-animation-name:fadeInUpBig; 
 
animation-name:fadeInUpBig}


 @-webkit-keyframes fadeOut{ 
0%{ 
opacity:1}
to{ 
opacity:0}
}


 @keyframes fadeOut{ 
0%{ 
opacity:1}
to{ 
opacity:0}
}
.fadeOut{ 
-webkit-animation-name:fadeOut; 
 
animation-name:fadeOut}


 @-webkit-keyframes fadeOutDown{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
100%, 
0); 
 
transform:translate3d(0, 
100%, 
0)}
}


 @keyframes fadeOutDown{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
100%, 
0); 
 
transform:translate3d(0, 
100%, 
0)}
}
.fadeOutDown{ 
-webkit-animation-name:fadeOutDown; 
 
animation-name:fadeOutDown}


 @-webkit-keyframes fadeOutDownBig{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
2000px, 
0); 
 
transform:translate3d(0, 
2000px, 
0)}
}


 @keyframes fadeOutDownBig{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
2000px, 
0); 
 
transform:translate3d(0, 
2000px, 
0)}
}
.fadeOutDownBig{ 
-webkit-animation-name:fadeOutDownBig; 
 
animation-name:fadeOutDownBig}


 @-webkit-keyframes fadeOutLeft{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(-100%, 
0, 
0); 
 
transform:translate3d(-100%, 
0, 
0)}
}


 @keyframes fadeOutLeft{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(-100%, 
0, 
0); 
 
transform:translate3d(-100%, 
0, 
0)}
}
.fadeOutLeft{ 
-webkit-animation-name:fadeOutLeft; 
 
animation-name:fadeOutLeft}


 @-webkit-keyframes fadeOutLeftBig{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(-2000px, 
0, 
0); 
 
transform:translate3d(-2000px, 
0, 
0)}
}


 @keyframes fadeOutLeftBig{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(-2000px, 
0, 
0); 
 
transform:translate3d(-2000px, 
0, 
0)}
}
.fadeOutLeftBig{ 
-webkit-animation-name:fadeOutLeftBig; 
 
animation-name:fadeOutLeftBig}


 @-webkit-keyframes fadeOutRight{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(100%, 
0, 
0); 
 
transform:translate3d(100%, 
0, 
0)}
}


 @keyframes fadeOutRight{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(100%, 
0, 
0); 
 
transform:translate3d(100%, 
0, 
0)}
}
.fadeOutRight{ 
-webkit-animation-name:fadeOutRight; 
 
animation-name:fadeOutRight}


 @-webkit-keyframes fadeOutRightBig{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(2000px, 
0, 
0); 
 
transform:translate3d(2000px, 
0, 
0)}
}


 @keyframes fadeOutRightBig{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(2000px, 
0, 
0); 
 
transform:translate3d(2000px, 
0, 
0)}
}
.fadeOutRightBig{ 
-webkit-animation-name:fadeOutRightBig; 
 
animation-name:fadeOutRightBig}


 @-webkit-keyframes fadeOutUp{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
-100%, 
0); 
 
transform:translate3d(0, 
-100%, 
0)}
}


 @keyframes fadeOutUp{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
-100%, 
0); 
 
transform:translate3d(0, 
-100%, 
0)}
}
.fadeOutUp{ 
-webkit-animation-name:fadeOutUp; 
 
animation-name:fadeOutUp}


 @-webkit-keyframes fadeOutUpBig{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
-2000px, 
0); 
 
transform:translate3d(0, 
-2000px, 
0)}
}


 @keyframes fadeOutUpBig{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(0, 
-2000px, 
0); 
 
transform:translate3d(0, 
-2000px, 
0)}
}
.fadeOutUpBig{ 
-webkit-animation-name:fadeOutUpBig; 
 
animation-name:fadeOutUpBig}


 @-webkit-keyframes flip{ 
0%{ 
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); 
 
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); 
 
-webkit-animation-timing-function:ease-out; 
 
animation-timing-function:ease-out}
40%{ 
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); 
 
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); 
 
-webkit-animation-timing-function:ease-out; 
 
animation-timing-function:ease-out}
50%{ 
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); 
 
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in}
80%{ 
-webkit-transform:perspective(400px) scale3d(.95, 
.95, 
.95) translateZ(0) rotateY(0deg); 
 
transform:perspective(400px) scale3d(.95, 
.95, 
.95) translateZ(0) rotateY(0deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in}
to{ 
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); 
 
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in}
}


 @keyframes flip{ 
0%{ 
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); 
 
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); 
 
-webkit-animation-timing-function:ease-out; 
 
animation-timing-function:ease-out}
40%{ 
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); 
 
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); 
 
-webkit-animation-timing-function:ease-out; 
 
animation-timing-function:ease-out}
50%{ 
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); 
 
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in}
80%{ 
-webkit-transform:perspective(400px) scale3d(.95, 
.95, 
.95) translateZ(0) rotateY(0deg); 
 
transform:perspective(400px) scale3d(.95, 
.95, 
.95) translateZ(0) rotateY(0deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in}
to{ 
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); 
 
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in}
}
.animated.flip{ 
-webkit-backface-visibility:visible; 
 
backface-visibility:visible; 
 
-webkit-animation-name:flip; 
 
animation-name:flip}


 @-webkit-keyframes flipInX{ 
0%{ 
-webkit-transform:perspective(400px) rotateX(90deg); 
 
transform:perspective(400px) rotateX(90deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in; 
 
opacity:0}
40%{ 
-webkit-transform:perspective(400px) rotateX(-20deg); 
 
transform:perspective(400px) rotateX(-20deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in}
60%{ 
-webkit-transform:perspective(400px) rotateX(10deg); 
 
transform:perspective(400px) rotateX(10deg); 
 
opacity:1}
80%{ 
-webkit-transform:perspective(400px) rotateX(-5deg); 
 
transform:perspective(400px) rotateX(-5deg)}
to{ 
-webkit-transform:perspective(400px); 
 
transform:perspective(400px)}
}


 @keyframes flipInX{ 
0%{ 
-webkit-transform:perspective(400px) rotateX(90deg); 
 
transform:perspective(400px) rotateX(90deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in; 
 
opacity:0}
40%{ 
-webkit-transform:perspective(400px) rotateX(-20deg); 
 
transform:perspective(400px) rotateX(-20deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in}
60%{ 
-webkit-transform:perspective(400px) rotateX(10deg); 
 
transform:perspective(400px) rotateX(10deg); 
 
opacity:1}
80%{ 
-webkit-transform:perspective(400px) rotateX(-5deg); 
 
transform:perspective(400px) rotateX(-5deg)}
to{ 
-webkit-transform:perspective(400px); 
 
transform:perspective(400px)}
}
.flipInX{ 
-webkit-backface-visibility:visible!important; 
 
backface-visibility:visible!important; 
 
-webkit-animation-name:flipInX; 
 
animation-name:flipInX}


 @-webkit-keyframes flipInY{ 
0%{ 
-webkit-transform:perspective(400px) rotateY(90deg); 
 
transform:perspective(400px) rotateY(90deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in; 
 
opacity:0}
40%{ 
-webkit-transform:perspective(400px) rotateY(-20deg); 
 
transform:perspective(400px) rotateY(-20deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in}
60%{ 
-webkit-transform:perspective(400px) rotateY(10deg); 
 
transform:perspective(400px) rotateY(10deg); 
 
opacity:1}
80%{ 
-webkit-transform:perspective(400px) rotateY(-5deg); 
 
transform:perspective(400px) rotateY(-5deg)}
to{ 
-webkit-transform:perspective(400px); 
 
transform:perspective(400px)}
}


 @keyframes flipInY{ 
0%{ 
-webkit-transform:perspective(400px) rotateY(90deg); 
 
transform:perspective(400px) rotateY(90deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in; 
 
opacity:0}
40%{ 
-webkit-transform:perspective(400px) rotateY(-20deg); 
 
transform:perspective(400px) rotateY(-20deg); 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in}
60%{ 
-webkit-transform:perspective(400px) rotateY(10deg); 
 
transform:perspective(400px) rotateY(10deg); 
 
opacity:1}
80%{ 
-webkit-transform:perspective(400px) rotateY(-5deg); 
 
transform:perspective(400px) rotateY(-5deg)}
to{ 
-webkit-transform:perspective(400px); 
 
transform:perspective(400px)}
}
.flipInY{ 
-webkit-backface-visibility:visible!important; 
 
backface-visibility:visible!important; 
 
-webkit-animation-name:flipInY; 
 
animation-name:flipInY}


 @-webkit-keyframes flipOutX{ 
0%{ 
-webkit-transform:perspective(400px); 
 
transform:perspective(400px)}
30%{ 
-webkit-transform:perspective(400px) rotateX(-20deg); 
 
transform:perspective(400px) rotateX(-20deg); 
 
opacity:1}
to{ 
-webkit-transform:perspective(400px) rotateX(90deg); 
 
transform:perspective(400px) rotateX(90deg); 
 
opacity:0}
}


 @keyframes flipOutX{ 
0%{ 
-webkit-transform:perspective(400px); 
 
transform:perspective(400px)}
30%{ 
-webkit-transform:perspective(400px) rotateX(-20deg); 
 
transform:perspective(400px) rotateX(-20deg); 
 
opacity:1}
to{ 
-webkit-transform:perspective(400px) rotateX(90deg); 
 
transform:perspective(400px) rotateX(90deg); 
 
opacity:0}
}
.flipOutX{ 
-webkit-animation-duration:.75s; 
 
animation-duration:.75s; 
 
-webkit-animation-name:flipOutX; 
 
animation-name:flipOutX; 
 
-webkit-backface-visibility:visible!important; 
 
backface-visibility:visible!important}


 @-webkit-keyframes flipOutY{ 
0%{ 
-webkit-transform:perspective(400px); 
 
transform:perspective(400px)}
30%{ 
-webkit-transform:perspective(400px) rotateY(-15deg); 
 
transform:perspective(400px) rotateY(-15deg); 
 
opacity:1}
to{ 
-webkit-transform:perspective(400px) rotateY(90deg); 
 
transform:perspective(400px) rotateY(90deg); 
 
opacity:0}
}


 @keyframes flipOutY{ 
0%{ 
-webkit-transform:perspective(400px); 
 
transform:perspective(400px)}
30%{ 
-webkit-transform:perspective(400px) rotateY(-15deg); 
 
transform:perspective(400px) rotateY(-15deg); 
 
opacity:1}
to{ 
-webkit-transform:perspective(400px) rotateY(90deg); 
 
transform:perspective(400px) rotateY(90deg); 
 
opacity:0}
}
.flipOutY{ 
-webkit-animation-duration:.75s; 
 
animation-duration:.75s; 
 
-webkit-backface-visibility:visible!important; 
 
backface-visibility:visible!important; 
 
-webkit-animation-name:flipOutY; 
 
animation-name:flipOutY}


 @-webkit-keyframes lightSpeedIn{ 
0%{ 
-webkit-transform:translate3d(100%, 
0, 
0) skewX(-30deg); 
 
transform:translate3d(100%, 
0, 
0) skewX(-30deg); 
 
opacity:0}
60%{ 
-webkit-transform:skewX(20deg); 
 
transform:skewX(20deg); 
 
opacity:1}
80%{ 
-webkit-transform:skewX(-5deg); 
 
transform:skewX(-5deg)}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes lightSpeedIn{ 
0%{ 
-webkit-transform:translate3d(100%, 
0, 
0) skewX(-30deg); 
 
transform:translate3d(100%, 
0, 
0) skewX(-30deg); 
 
opacity:0}
60%{ 
-webkit-transform:skewX(20deg); 
 
transform:skewX(20deg); 
 
opacity:1}
80%{ 
-webkit-transform:skewX(-5deg); 
 
transform:skewX(-5deg)}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.lightSpeedIn{ 
-webkit-animation-name:lightSpeedIn; 
 
animation-name:lightSpeedIn; 
 
-webkit-animation-timing-function:ease-out; 
 
animation-timing-function:ease-out}


 @-webkit-keyframes lightSpeedOut{ 
0%{ 
opacity:1}
to{ 
-webkit-transform:translate3d(100%, 
0, 
0) skewX(30deg); 
 
transform:translate3d(100%, 
0, 
0) skewX(30deg); 
 
opacity:0}
}


 @keyframes lightSpeedOut{ 
0%{ 
opacity:1}
to{ 
-webkit-transform:translate3d(100%, 
0, 
0) skewX(30deg); 
 
transform:translate3d(100%, 
0, 
0) skewX(30deg); 
 
opacity:0}
}
.lightSpeedOut{ 
-webkit-animation-name:lightSpeedOut; 
 
animation-name:lightSpeedOut; 
 
-webkit-animation-timing-function:ease-in; 
 
animation-timing-function:ease-in}


 @-webkit-keyframes rotateIn{ 
0%{ 
-webkit-transform-origin:center; 
 
transform-origin:center; 
 
-webkit-transform:rotate(-200deg); 
 
transform:rotate(-200deg); 
 
opacity:0}
to{ 
-webkit-transform-origin:center; 
 
transform-origin:center; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0); 
 
opacity:1}
}


 @keyframes rotateIn{ 
0%{ 
-webkit-transform-origin:center; 
 
transform-origin:center; 
 
-webkit-transform:rotate(-200deg); 
 
transform:rotate(-200deg); 
 
opacity:0}
to{ 
-webkit-transform-origin:center; 
 
transform-origin:center; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0); 
 
opacity:1}
}
.rotateIn{ 
-webkit-animation-name:rotateIn; 
 
animation-name:rotateIn}


 @-webkit-keyframes rotateInDownLeft{ 
0%{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
-webkit-transform:rotate(-45deg); 
 
transform:rotate(-45deg); 
 
opacity:0}
to{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0); 
 
opacity:1}
}


 @keyframes rotateInDownLeft{ 
0%{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
-webkit-transform:rotate(-45deg); 
 
transform:rotate(-45deg); 
 
opacity:0}
to{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0); 
 
opacity:1}
}
.rotateInDownLeft{ 
-webkit-animation-name:rotateInDownLeft; 
 
animation-name:rotateInDownLeft}


 @-webkit-keyframes rotateInDownRight{ 
0%{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
-webkit-transform:rotate(45deg); 
 
transform:rotate(45deg); 
 
opacity:0}
to{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0); 
 
opacity:1}
}


 @keyframes rotateInDownRight{ 
0%{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
-webkit-transform:rotate(45deg); 
 
transform:rotate(45deg); 
 
opacity:0}
to{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0); 
 
opacity:1}
}
.rotateInDownRight{ 
-webkit-animation-name:rotateInDownRight; 
 
animation-name:rotateInDownRight}


 @-webkit-keyframes rotateInUpLeft{ 
0%{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
-webkit-transform:rotate(45deg); 
 
transform:rotate(45deg); 
 
opacity:0}
to{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0); 
 
opacity:1}
}


 @keyframes rotateInUpLeft{ 
0%{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
-webkit-transform:rotate(45deg); 
 
transform:rotate(45deg); 
 
opacity:0}
to{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0); 
 
opacity:1}
}
.rotateInUpLeft{ 
-webkit-animation-name:rotateInUpLeft; 
 
animation-name:rotateInUpLeft}


 @-webkit-keyframes rotateInUpRight{ 
0%{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
-webkit-transform:rotate(-90deg); 
 
transform:rotate(-90deg); 
 
opacity:0}
to{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0); 
 
opacity:1}
}


 @keyframes rotateInUpRight{ 
0%{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
-webkit-transform:rotate(-90deg); 
 
transform:rotate(-90deg); 
 
opacity:0}
to{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0); 
 
opacity:1}
}
.rotateInUpRight{ 
-webkit-animation-name:rotateInUpRight; 
 
animation-name:rotateInUpRight}


 @-webkit-keyframes rotateOut{ 
0%{ 
-webkit-transform-origin:center; 
 
transform-origin:center; 
 
opacity:1}
to{ 
-webkit-transform-origin:center; 
 
transform-origin:center; 
 
-webkit-transform:rotate(200deg); 
 
transform:rotate(200deg); 
 
opacity:0}
}


 @keyframes rotateOut{ 
0%{ 
-webkit-transform-origin:center; 
 
transform-origin:center; 
 
opacity:1}
to{ 
-webkit-transform-origin:center; 
 
transform-origin:center; 
 
-webkit-transform:rotate(200deg); 
 
transform:rotate(200deg); 
 
opacity:0}
}
.rotateOut{ 
-webkit-animation-name:rotateOut; 
 
animation-name:rotateOut}


 @-webkit-keyframes rotateOutDownLeft{ 
0%{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
opacity:1}
to{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
-webkit-transform:rotate(45deg); 
 
transform:rotate(45deg); 
 
opacity:0}
}


 @keyframes rotateOutDownLeft{ 
0%{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
opacity:1}
to{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
-webkit-transform:rotate(45deg); 
 
transform:rotate(45deg); 
 
opacity:0}
}
.rotateOutDownLeft{ 
-webkit-animation-name:rotateOutDownLeft; 
 
animation-name:rotateOutDownLeft}


 @-webkit-keyframes rotateOutDownRight{ 
0%{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
opacity:1}
to{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
-webkit-transform:rotate(-45deg); 
 
transform:rotate(-45deg); 
 
opacity:0}
}


 @keyframes rotateOutDownRight{ 
0%{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
opacity:1}
to{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
-webkit-transform:rotate(-45deg); 
 
transform:rotate(-45deg); 
 
opacity:0}
}
.rotateOutDownRight{ 
-webkit-animation-name:rotateOutDownRight; 
 
animation-name:rotateOutDownRight}


 @-webkit-keyframes rotateOutUpLeft{ 
0%{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
opacity:1}
to{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
-webkit-transform:rotate(-45deg); 
 
transform:rotate(-45deg); 
 
opacity:0}
}


 @keyframes rotateOutUpLeft{ 
0%{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
opacity:1}
to{ 
-webkit-transform-origin:left bottom; 
 
transform-origin:left bottom; 
 
-webkit-transform:rotate(-45deg); 
 
transform:rotate(-45deg); 
 
opacity:0}
}
.rotateOutUpLeft{ 
-webkit-animation-name:rotateOutUpLeft; 
 
animation-name:rotateOutUpLeft}


 @-webkit-keyframes rotateOutUpRight{ 
0%{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
opacity:1}
to{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
-webkit-transform:rotate(90deg); 
 
transform:rotate(90deg); 
 
opacity:0}
}


 @keyframes rotateOutUpRight{ 
0%{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
opacity:1}
to{ 
-webkit-transform-origin:right bottom; 
 
transform-origin:right bottom; 
 
-webkit-transform:rotate(90deg); 
 
transform:rotate(90deg); 
 
opacity:0}
}
.rotateOutUpRight{ 
-webkit-animation-name:rotateOutUpRight; 
 
animation-name:rotateOutUpRight}


 @-webkit-keyframes hinge{ 
0%{ 
-webkit-transform-origin:top left; 
 
transform-origin:top left; 
 
-webkit-animation-timing-function:ease-in-out; 
 
animation-timing-function:ease-in-out}
20%, 
60%{ 
-webkit-transform:rotate(80deg); 
 
transform:rotate(80deg); 
 
-webkit-transform-origin:top left; 
 
transform-origin:top left; 
 
-webkit-animation-timing-function:ease-in-out; 
 
animation-timing-function:ease-in-out}
40%, 
80%{ 
-webkit-transform:rotate(60deg); 
 
transform:rotate(60deg); 
 
-webkit-transform-origin:top left; 
 
transform-origin:top left; 
 
-webkit-animation-timing-function:ease-in-out; 
 
animation-timing-function:ease-in-out; 
 
opacity:1}
to{ 
-webkit-transform:translate3d(0, 
700px, 
0); 
 
transform:translate3d(0, 
700px, 
0); 
 
opacity:0}
}


 @keyframes hinge{ 
0%{ 
-webkit-transform-origin:top left; 
 
transform-origin:top left; 
 
-webkit-animation-timing-function:ease-in-out; 
 
animation-timing-function:ease-in-out}
20%, 
60%{ 
-webkit-transform:rotate(80deg); 
 
transform:rotate(80deg); 
 
-webkit-transform-origin:top left; 
 
transform-origin:top left; 
 
-webkit-animation-timing-function:ease-in-out; 
 
animation-timing-function:ease-in-out}
40%, 
80%{ 
-webkit-transform:rotate(60deg); 
 
transform:rotate(60deg); 
 
-webkit-transform-origin:top left; 
 
transform-origin:top left; 
 
-webkit-animation-timing-function:ease-in-out; 
 
animation-timing-function:ease-in-out; 
 
opacity:1}
to{ 
-webkit-transform:translate3d(0, 
700px, 
0); 
 
transform:translate3d(0, 
700px, 
0); 
 
opacity:0}
}
.hinge{ 
-webkit-animation-duration:2s; 
 
animation-duration:2s; 
 
-webkit-animation-name:hinge; 
 
animation-name:hinge}


 @-webkit-keyframes jackInTheBox{ 
0%{ 
opacity:0; 
 
-webkit-transform:scale(.1) rotate(30deg); 
 
transform:scale(.1) rotate(30deg); 
 
-webkit-transform-origin:center bottom; 
 
transform-origin:center bottom}
50%{ 
-webkit-transform:rotate(-10deg); 
 
transform:rotate(-10deg)}
70%{ 
-webkit-transform:rotate(3deg); 
 
transform:rotate(3deg)}
to{ 
opacity:1; 
 
-webkit-transform:scale(1); 
 
transform:scale(1)}
}


 @keyframes jackInTheBox{ 
0%{ 
opacity:0; 
 
-webkit-transform:scale(.1) rotate(30deg); 
 
transform:scale(.1) rotate(30deg); 
 
-webkit-transform-origin:center bottom; 
 
transform-origin:center bottom}
50%{ 
-webkit-transform:rotate(-10deg); 
 
transform:rotate(-10deg)}
70%{ 
-webkit-transform:rotate(3deg); 
 
transform:rotate(3deg)}
to{ 
opacity:1; 
 
-webkit-transform:scale(1); 
 
transform:scale(1)}
}
.jackInTheBox{ 
-webkit-animation-name:jackInTheBox; 
 
animation-name:jackInTheBox}


 @-webkit-keyframes rollIn{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(-100%, 
0, 
0) rotate(-120deg); 
 
transform:translate3d(-100%, 
0, 
0) rotate(-120deg)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes rollIn{ 
0%{ 
opacity:0; 
 
-webkit-transform:translate3d(-100%, 
0, 
0) rotate(-120deg); 
 
transform:translate3d(-100%, 
0, 
0) rotate(-120deg)}
to{ 
opacity:1; 
 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.rollIn{ 
-webkit-animation-name:rollIn; 
 
animation-name:rollIn}


 @-webkit-keyframes rollOut{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(100%, 
0, 
0) rotate(120deg); 
 
transform:translate3d(100%, 
0, 
0) rotate(120deg)}
}


 @keyframes rollOut{ 
0%{ 
opacity:1}
to{ 
opacity:0; 
 
-webkit-transform:translate3d(100%, 
0, 
0) rotate(120deg); 
 
transform:translate3d(100%, 
0, 
0) rotate(120deg)}
}
.rollOut{ 
-webkit-animation-name:rollOut; 
 
animation-name:rollOut}


 @-webkit-keyframes zoomIn{ 
0%{ 
opacity:0; 
 
-webkit-transform:scale3d(.3, 
.3, 
.3); 
 
transform:scale3d(.3, 
.3, 
.3)}
50%{ 
opacity:1}
}


 @keyframes zoomIn{ 
0%{ 
opacity:0; 
 
-webkit-transform:scale3d(.3, 
.3, 
.3); 
 
transform:scale3d(.3, 
.3, 
.3)}
50%{ 
opacity:1}
}
.zoomIn{ 
-webkit-animation-name:zoomIn; 
 
animation-name:zoomIn}


 @-webkit-keyframes zoomInDown{ 
0%{ 
opacity:0; 
 
-webkit-transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
-1000px, 
0); 
 
transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
-1000px, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19); 
 
animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19)}
60%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
60px, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
60px, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1); 
 
animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1)}
}


 @keyframes zoomInDown{ 
0%{ 
opacity:0; 
 
-webkit-transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
-1000px, 
0); 
 
transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
-1000px, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19); 
 
animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19)}
60%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
60px, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
60px, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1); 
 
animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1)}
}
.zoomInDown{ 
-webkit-animation-name:zoomInDown; 
 
animation-name:zoomInDown}


 @-webkit-keyframes zoomInLeft{ 
0%{ 
opacity:0; 
 
-webkit-transform:scale3d(.1, 
.1, 
.1) translate3d(-1000px, 
0, 
0); 
 
transform:scale3d(.1, 
.1, 
.1) translate3d(-1000px, 
0, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19); 
 
animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19)}
60%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(10px, 
0, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(10px, 
0, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1); 
 
animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1)}
}


 @keyframes zoomInLeft{ 
0%{ 
opacity:0; 
 
-webkit-transform:scale3d(.1, 
.1, 
.1) translate3d(-1000px, 
0, 
0); 
 
transform:scale3d(.1, 
.1, 
.1) translate3d(-1000px, 
0, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19); 
 
animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19)}
60%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(10px, 
0, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(10px, 
0, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1); 
 
animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1)}
}
.zoomInLeft{ 
-webkit-animation-name:zoomInLeft; 
 
animation-name:zoomInLeft}


 @-webkit-keyframes zoomInRight{ 
0%{ 
opacity:0; 
 
-webkit-transform:scale3d(.1, 
.1, 
.1) translate3d(1000px, 
0, 
0); 
 
transform:scale3d(.1, 
.1, 
.1) translate3d(1000px, 
0, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19); 
 
animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19)}
60%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(-10px, 
0, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(-10px, 
0, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1); 
 
animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1)}
}


 @keyframes zoomInRight{ 
0%{ 
opacity:0; 
 
-webkit-transform:scale3d(.1, 
.1, 
.1) translate3d(1000px, 
0, 
0); 
 
transform:scale3d(.1, 
.1, 
.1) translate3d(1000px, 
0, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19); 
 
animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19)}
60%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(-10px, 
0, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(-10px, 
0, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1); 
 
animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1)}
}
.zoomInRight{ 
-webkit-animation-name:zoomInRight; 
 
animation-name:zoomInRight}


 @-webkit-keyframes zoomInUp{ 
0%{ 
opacity:0; 
 
-webkit-transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
1000px, 
0); 
 
transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
1000px, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19); 
 
animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19)}
60%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
-60px, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
-60px, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1); 
 
animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1)}
}


 @keyframes zoomInUp{ 
0%{ 
opacity:0; 
 
-webkit-transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
1000px, 
0); 
 
transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
1000px, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19); 
 
animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19)}
60%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
-60px, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
-60px, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1); 
 
animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1)}
}
.zoomInUp{ 
-webkit-animation-name:zoomInUp; 
 
animation-name:zoomInUp}


 @-webkit-keyframes zoomOut{ 
0%{ 
opacity:1}
50%{ 
opacity:0; 
 
-webkit-transform:scale3d(.3, 
.3, 
.3); 
 
transform:scale3d(.3, 
.3, 
.3)}
to{ 
opacity:0}
}


 @keyframes zoomOut{ 
0%{ 
opacity:1}
50%{ 
opacity:0; 
 
-webkit-transform:scale3d(.3, 
.3, 
.3); 
 
transform:scale3d(.3, 
.3, 
.3)}
to{ 
opacity:0}
}
.zoomOut{ 
-webkit-animation-name:zoomOut; 
 
animation-name:zoomOut}


 @-webkit-keyframes zoomOutDown{ 
40%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
-60px, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
-60px, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19); 
 
animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19)}
to{ 
opacity:0; 
 
-webkit-transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
2000px, 
0); 
 
transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
2000px, 
0); 
 
-webkit-transform-origin:center bottom; 
 
transform-origin:center bottom; 
 
-webkit-animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1); 
 
animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1)}
}


 @keyframes zoomOutDown{ 
40%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
-60px, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
-60px, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19); 
 
animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19)}
to{ 
opacity:0; 
 
-webkit-transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
2000px, 
0); 
 
transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
2000px, 
0); 
 
-webkit-transform-origin:center bottom; 
 
transform-origin:center bottom; 
 
-webkit-animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1); 
 
animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1)}
}
.zoomOutDown{ 
-webkit-animation-name:zoomOutDown; 
 
animation-name:zoomOutDown}


 @-webkit-keyframes zoomOutLeft{ 
40%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(42px, 
0, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(42px, 
0, 
0)}
to{ 
opacity:0; 
 
-webkit-transform:scale(.1) translate3d(-2000px, 
0, 
0); 
 
transform:scale(.1) translate3d(-2000px, 
0, 
0); 
 
-webkit-transform-origin:left center; 
 
transform-origin:left center}
}


 @keyframes zoomOutLeft{ 
40%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(42px, 
0, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(42px, 
0, 
0)}
to{ 
opacity:0; 
 
-webkit-transform:scale(.1) translate3d(-2000px, 
0, 
0); 
 
transform:scale(.1) translate3d(-2000px, 
0, 
0); 
 
-webkit-transform-origin:left center; 
 
transform-origin:left center}
}
.zoomOutLeft{ 
-webkit-animation-name:zoomOutLeft; 
 
animation-name:zoomOutLeft}


 @-webkit-keyframes zoomOutRight{ 
40%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(-42px, 
0, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(-42px, 
0, 
0)}
to{ 
opacity:0; 
 
-webkit-transform:scale(.1) translate3d(2000px, 
0, 
0); 
 
transform:scale(.1) translate3d(2000px, 
0, 
0); 
 
-webkit-transform-origin:right center; 
 
transform-origin:right center}
}


 @keyframes zoomOutRight{ 
40%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(-42px, 
0, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(-42px, 
0, 
0)}
to{ 
opacity:0; 
 
-webkit-transform:scale(.1) translate3d(2000px, 
0, 
0); 
 
transform:scale(.1) translate3d(2000px, 
0, 
0); 
 
-webkit-transform-origin:right center; 
 
transform-origin:right center}
}
.zoomOutRight{ 
-webkit-animation-name:zoomOutRight; 
 
animation-name:zoomOutRight}


 @-webkit-keyframes zoomOutUp{ 
40%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
60px, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
60px, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19); 
 
animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19)}
to{ 
opacity:0; 
 
-webkit-transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
-2000px, 
0); 
 
transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
-2000px, 
0); 
 
-webkit-transform-origin:center bottom; 
 
transform-origin:center bottom; 
 
-webkit-animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1); 
 
animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1)}
}


 @keyframes zoomOutUp{ 
40%{ 
opacity:1; 
 
-webkit-transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
60px, 
0); 
 
transform:scale3d(.475, 
.475, 
.475) translate3d(0, 
60px, 
0); 
 
-webkit-animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19); 
 
animation-timing-function:cubic-bezier(.55, 
.055, 
.675, 
.19)}
to{ 
opacity:0; 
 
-webkit-transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
-2000px, 
0); 
 
transform:scale3d(.1, 
.1, 
.1) translate3d(0, 
-2000px, 
0); 
 
-webkit-transform-origin:center bottom; 
 
transform-origin:center bottom; 
 
-webkit-animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1); 
 
animation-timing-function:cubic-bezier(.175, 
.885, 
.32, 
1)}
}
.zoomOutUp{ 
-webkit-animation-name:zoomOutUp; 
 
animation-name:zoomOutUp}


 @-webkit-keyframes slideInDown{ 
0%{ 
-webkit-transform:translate3d(0, 
-100%, 
0); 
 
transform:translate3d(0, 
-100%, 
0); 
 
visibility:visible}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes slideInDown{ 
0%{ 
-webkit-transform:translate3d(0, 
-100%, 
0); 
 
transform:translate3d(0, 
-100%, 
0); 
 
visibility:visible}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.slideInDown{ 
-webkit-animation-name:slideInDown; 
 
animation-name:slideInDown}


 @-webkit-keyframes slideInLeft{ 
0%{ 
-webkit-transform:translate3d(-100%, 
0, 
0); 
 
transform:translate3d(-100%, 
0, 
0); 
 
visibility:visible}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes slideInLeft{ 
0%{ 
-webkit-transform:translate3d(-100%, 
0, 
0); 
 
transform:translate3d(-100%, 
0, 
0); 
 
visibility:visible}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.slideInLeft{ 
-webkit-animation-name:slideInLeft; 
 
animation-name:slideInLeft}


 @-webkit-keyframes slideInRight{ 
0%{ 
-webkit-transform:translate3d(100%, 
0, 
0); 
 
transform:translate3d(100%, 
0, 
0); 
 
visibility:visible}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes slideInRight{ 
0%{ 
-webkit-transform:translate3d(100%, 
0, 
0); 
 
transform:translate3d(100%, 
0, 
0); 
 
visibility:visible}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.slideInRight{ 
-webkit-animation-name:slideInRight; 
 
animation-name:slideInRight}


 @-webkit-keyframes slideInUp{ 
0%{ 
-webkit-transform:translate3d(0, 
100%, 
0); 
 
transform:translate3d(0, 
100%, 
0); 
 
visibility:visible}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}


 @keyframes slideInUp{ 
0%{ 
-webkit-transform:translate3d(0, 
100%, 
0); 
 
transform:translate3d(0, 
100%, 
0); 
 
visibility:visible}
to{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
}
.slideInUp{ 
-webkit-animation-name:slideInUp; 
 
animation-name:slideInUp}


 @-webkit-keyframes slideOutDown{ 
0%{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
to{ 
visibility:hidden; 
 
-webkit-transform:translate3d(0, 
100%, 
0); 
 
transform:translate3d(0, 
100%, 
0)}
}


 @keyframes slideOutDown{ 
0%{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
to{ 
visibility:hidden; 
 
-webkit-transform:translate3d(0, 
100%, 
0); 
 
transform:translate3d(0, 
100%, 
0)}
}
.slideOutDown{ 
-webkit-animation-name:slideOutDown; 
 
animation-name:slideOutDown}


 @-webkit-keyframes slideOutLeft{ 
0%{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
to{ 
visibility:hidden; 
 
-webkit-transform:translate3d(-100%, 
0, 
0); 
 
transform:translate3d(-100%, 
0, 
0)}
}


 @keyframes slideOutLeft{ 
0%{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
to{ 
visibility:hidden; 
 
-webkit-transform:translate3d(-100%, 
0, 
0); 
 
transform:translate3d(-100%, 
0, 
0)}
}
.slideOutLeft{ 
-webkit-animation-name:slideOutLeft; 
 
animation-name:slideOutLeft}


 @-webkit-keyframes slideOutRight{ 
0%{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
to{ 
visibility:hidden; 
 
-webkit-transform:translate3d(100%, 
0, 
0); 
 
transform:translate3d(100%, 
0, 
0)}
}


 @keyframes slideOutRight{ 
0%{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
to{ 
visibility:hidden; 
 
-webkit-transform:translate3d(100%, 
0, 
0); 
 
transform:translate3d(100%, 
0, 
0)}
}
.slideOutRight{ 
-webkit-animation-name:slideOutRight; 
 
animation-name:slideOutRight}


 @-webkit-keyframes slideOutUp{ 
0%{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
to{ 
visibility:hidden; 
 
-webkit-transform:translate3d(0, 
-100%, 
0); 
 
transform:translate3d(0, 
-100%, 
0)}
}


 @keyframes slideOutUp{ 
0%{ 
-webkit-transform:translateZ(0); 
 
transform:translateZ(0)}
to{ 
visibility:hidden; 
 
-webkit-transform:translate3d(0, 
-100%, 
0); 
 
transform:translate3d(0, 
-100%, 
0)}
}
.slideOutUp{ 
-webkit-animation-name:slideOutUp; 
 
animation-name:slideOutUp}
.animated{ 
-webkit-animation-duration:1s; 
 
animation-duration:1s; 
 
-webkit-animation-fill-mode:both; 
 
animation-fill-mode:both}
.animated.infinite{ 
-webkit-animation-iteration-count:infinite; 
 
animation-iteration-count:infinite}
.animated.delay-1s{ 
-webkit-animation-delay:1s; 
 
animation-delay:1s}
.animated.delay-2s{ 
-webkit-animation-delay:2s; 
 
animation-delay:2s}
.animated.delay-3s{ 
-webkit-animation-delay:3s; 
 
animation-delay:3s}
.animated.delay-4s{ 
-webkit-animation-delay:4s; 
 
animation-delay:4s}
.animated.delay-5s{ 
-webkit-animation-delay:5s; 
 
animation-delay:5s}
.animated.fast{ 
-webkit-animation-duration:.8s; 
 
animation-duration:.8s}
.animated.faster{ 
-webkit-animation-duration:.5s; 
 
animation-duration:.5s}
.animated.slow{ 
-webkit-animation-duration:2s; 
 
animation-duration:2s}
.animated.slower{ 
-webkit-animation-duration:3s; 
 
animation-duration:3s}


 @media (prefers-reduced-motion:reduce), 
(print){ 
.animated{ 
-webkit-animation-duration:1ms!important; 
 
animation-duration:1ms!important; 
 
-webkit-transition-duration:1ms!important; 
 
transition-duration:1ms!important; 
 
-webkit-animation-iteration-count:1!important; 
 
animation-iteration-count:1!important}
}