28. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2020-08-17 08:36:36 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

28.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Porto v3.2.4/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/cssanimate.css2015-12-10 19:11:38 +0000
2/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/cssanimate.css2015-12-10 19:11:38 +0000

28.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged16680
Changed00
Inserted00
Removed00

28.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

28.4 Active regular expressions

No regular expressions were active.

28.5 Comparison detail

1 @charset "UTF-8"; 1 @charset "UTF-8";
2  2 
3 /*! 3 /*!
4  * Animate.css -http://daneden.me/animate 4  * Animate.css -http://daneden.me/animate
5  * Version - 3.4.0 5  * Version - 3.4.0
6  * Licensed under the MIT license - http://opensource.org/licenses/MIT 6  * Licensed under the MIT license - http://opensource.org/licenses/MIT
7  * 7  *
8  * Copyright (c) 2015 Daniel Eden 8  * Copyright (c) 2015 Daniel Eden
9  */ 9  */
10  10 
11 .animated { 11 .animated {
12   -webkit-animation-duration: 1s; 12   -webkit-animation-duration: 1s;
13   animation-duration: 1s; 13   animation-duration: 1s;
14   -webkit-animation-fill-mode: both; 14   -webkit-animation-fill-mode: both;
15   animation-fill-mode: both; 15   animation-fill-mode: both;
16 } 16 }
17  17 
18 .animated.infinite { 18 .animated.infinite {
19   -webkit-animation-iteration-count: infinite; 19   -webkit-animation-iteration-count: infinite;
20   animation-iteration-count: infinite; 20   animation-iteration-count: infinite;
21 } 21 }
22  22 
23 .animated.hinge { 23 .animated.hinge {
24   -webkit-animation-duration: 2s; 24   -webkit-animation-duration: 2s;
25   animation-duration: 2s; 25   animation-duration: 2s;
26 } 26 }
27  27 
28 .animated.flipOutX, 28 .animated.flipOutX,
29 .animated.flipOutY, 29 .animated.flipOutY,
30 .animated.bounceIn, 30 .animated.bounceIn,
31 .animated.bounceOut { 31 .animated.bounceOut {
32   -webkit-animation-duration: .75s; 32   -webkit-animation-duration: .75s;
33   animation-duration: .75s; 33   animation-duration: .75s;
34 } 34 }
35  35 
36 @-webkit-keyframes bounce { 36 @-webkit-keyframes bounce {
37   from, 20%, 53%, 80%, to { 37   from, 20%, 53%, 80%, to {
38     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 38     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
39     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 39     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
40     -webkit-transform: translate3d(0,0,0); 40     -webkit-transform: translate3d(0,0,0);
41     transform: translate3d(0,0,0); 41     transform: translate3d(0,0,0);
42   } 42   }
43  43 
44   40%, 43% { 44   40%, 43% {
45     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 45     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
46     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 46     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
47     -webkit-transform: translate3d(0, -30px, 0); 47     -webkit-transform: translate3d(0, -30px, 0);
48     transform: translate3d(0, -30px, 0); 48     transform: translate3d(0, -30px, 0);
49   } 49   }
50  50 
51   70% { 51   70% {
52     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 52     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
53     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 53     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
54     -webkit-transform: translate3d(0, -15px, 0); 54     -webkit-transform: translate3d(0, -15px, 0);
55     transform: translate3d(0, -15px, 0); 55     transform: translate3d(0, -15px, 0);
56   } 56   }
57  57 
58   90% { 58   90% {
59     -webkit-transform: translate3d(0,-4px,0); 59     -webkit-transform: translate3d(0,-4px,0);
60     transform: translate3d(0,-4px,0); 60     transform: translate3d(0,-4px,0);
61   } 61   }
62 } 62 }
63  63 
64 @keyframes bounce { 64 @keyframes bounce {
65   from, 20%, 53%, 80%, to { 65   from, 20%, 53%, 80%, to {
66     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 66     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
67     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 67     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
68     -webkit-transform: translate3d(0,0,0); 68     -webkit-transform: translate3d(0,0,0);
69     transform: translate3d(0,0,0); 69     transform: translate3d(0,0,0);
70   } 70   }
71  71 
72   40%, 43% { 72   40%, 43% {
73     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 73     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
74     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 74     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
75     -webkit-transform: translate3d(0, -30px, 0); 75     -webkit-transform: translate3d(0, -30px, 0);
76     transform: translate3d(0, -30px, 0); 76     transform: translate3d(0, -30px, 0);
77   } 77   }
78  78 
79   70% { 79   70% {
80     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 80     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
81     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 81     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
82     -webkit-transform: translate3d(0, -15px, 0); 82     -webkit-transform: translate3d(0, -15px, 0);
83     transform: translate3d(0, -15px, 0); 83     transform: translate3d(0, -15px, 0);
84   } 84   }
85  85 
86   90% { 86   90% {
87     -webkit-transform: translate3d(0,-4px,0); 87     -webkit-transform: translate3d(0,-4px,0);
88     transform: translate3d(0,-4px,0); 88     transform: translate3d(0,-4px,0);
89   } 89   }
90 } 90 }
91  91 
92 .bounce { 92 .bounce {
93   -webkit-animation-name: bounce; 93   -webkit-animation-name: bounce;
94   animation-name: bounce; 94   animation-name: bounce;
95   -webkit-transform-origin: center bottom; 95   -webkit-transform-origin: center bottom;
96   transform-origin: center bottom; 96   transform-origin: center bottom;
97 } 97 }
98  98 
99 @-webkit-keyframes flash { 99 @-webkit-keyframes flash {
100   from, 50%, to { 100   from, 50%, to {
101     opacity: 1; 101     opacity: 1;
102   } 102   }
103  103 
104   25%, 75% { 104   25%, 75% {
105     opacity: 0; 105     opacity: 0;
106   } 106   }
107 } 107 }
108  108 
109 @keyframes flash { 109 @keyframes flash {
110   from, 50%, to { 110   from, 50%, to {
111     opacity: 1; 111     opacity: 1;
112   } 112   }
113  113 
114   25%, 75% { 114   25%, 75% {
115     opacity: 0; 115     opacity: 0;
116   } 116   }
117 } 117 }
118  118 
119 .flash { 119 .flash {
120   -webkit-animation-name: flash; 120   -webkit-animation-name: flash;
121   animation-name: flash; 121   animation-name: flash;
122 } 122 }
123  123 
124 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 124 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
125  125 
126 @-webkit-keyframes pulse { 126 @-webkit-keyframes pulse {
127   from { 127   from {
128     -webkit-transform: scale3d(1, 1, 1); 128     -webkit-transform: scale3d(1, 1, 1);
129     transform: scale3d(1, 1, 1); 129     transform: scale3d(1, 1, 1);
130   } 130   }
131  131 
132   50% { 132   50% {
133     -webkit-transform: scale3d(1.05, 1.05, 1.05); 133     -webkit-transform: scale3d(1.05, 1.05, 1.05);
134     transform: scale3d(1.05, 1.05, 1.05); 134     transform: scale3d(1.05, 1.05, 1.05);
135   } 135   }
136  136 
137   to { 137   to {
138     -webkit-transform: scale3d(1, 1, 1); 138     -webkit-transform: scale3d(1, 1, 1);
139     transform: scale3d(1, 1, 1); 139     transform: scale3d(1, 1, 1);
140   } 140   }
141 } 141 }
142  142 
143 @keyframes pulse { 143 @keyframes pulse {
144   from { 144   from {
145     -webkit-transform: scale3d(1, 1, 1); 145     -webkit-transform: scale3d(1, 1, 1);
146     transform: scale3d(1, 1, 1); 146     transform: scale3d(1, 1, 1);
147   } 147   }
148  148 
149   50% { 149   50% {
150     -webkit-transform: scale3d(1.05, 1.05, 1.05); 150     -webkit-transform: scale3d(1.05, 1.05, 1.05);
151     transform: scale3d(1.05, 1.05, 1.05); 151     transform: scale3d(1.05, 1.05, 1.05);
152   } 152   }
153  153 
154   to { 154   to {
155     -webkit-transform: scale3d(1, 1, 1); 155     -webkit-transform: scale3d(1, 1, 1);
156     transform: scale3d(1, 1, 1); 156     transform: scale3d(1, 1, 1);
157   } 157   }
158 } 158 }
159  159 
160 .pulse { 160 .pulse {
161   -webkit-animation-name: pulse; 161   -webkit-animation-name: pulse;
162   animation-name: pulse; 162   animation-name: pulse;
163 } 163 }
164  164 
165 @-webkit-keyframes rubberBand { 165 @-webkit-keyframes rubberBand {
166   from { 166   from {
167     -webkit-transform: scale3d(1, 1, 1); 167     -webkit-transform: scale3d(1, 1, 1);
168     transform: scale3d(1, 1, 1); 168     transform: scale3d(1, 1, 1);
169   } 169   }
170  170 
171   30% { 171   30% {
172     -webkit-transform: scale3d(1.25, 0.75, 1); 172     -webkit-transform: scale3d(1.25, 0.75, 1);
173     transform: scale3d(1.25, 0.75, 1); 173     transform: scale3d(1.25, 0.75, 1);
174   } 174   }
175  175 
176   40% { 176   40% {
177     -webkit-transform: scale3d(0.75, 1.25, 1); 177     -webkit-transform: scale3d(0.75, 1.25, 1);
178     transform: scale3d(0.75, 1.25, 1); 178     transform: scale3d(0.75, 1.25, 1);
179   } 179   }
180  180 
181   50% { 181   50% {
182     -webkit-transform: scale3d(1.15, 0.85, 1); 182     -webkit-transform: scale3d(1.15, 0.85, 1);
183     transform: scale3d(1.15, 0.85, 1); 183     transform: scale3d(1.15, 0.85, 1);
184   } 184   }
185  185 
186   65% { 186   65% {
187     -webkit-transform: scale3d(.95, 1.05, 1); 187     -webkit-transform: scale3d(.95, 1.05, 1);
188     transform: scale3d(.95, 1.05, 1); 188     transform: scale3d(.95, 1.05, 1);
189   } 189   }
190  190 
191   75% { 191   75% {
192     -webkit-transform: scale3d(1.05, .95, 1); 192     -webkit-transform: scale3d(1.05, .95, 1);
193     transform: scale3d(1.05, .95, 1); 193     transform: scale3d(1.05, .95, 1);
194   } 194   }
195  195 
196   to { 196   to {
197     -webkit-transform: scale3d(1, 1, 1); 197     -webkit-transform: scale3d(1, 1, 1);
198     transform: scale3d(1, 1, 1); 198     transform: scale3d(1, 1, 1);
199   } 199   }
200 } 200 }
201  201 
202 @keyframes rubberBand { 202 @keyframes rubberBand {
203   from { 203   from {
204     -webkit-transform: scale3d(1, 1, 1); 204     -webkit-transform: scale3d(1, 1, 1);
205     transform: scale3d(1, 1, 1); 205     transform: scale3d(1, 1, 1);
206   } 206   }
207  207 
208   30% { 208   30% {
209     -webkit-transform: scale3d(1.25, 0.75, 1); 209     -webkit-transform: scale3d(1.25, 0.75, 1);
210     transform: scale3d(1.25, 0.75, 1); 210     transform: scale3d(1.25, 0.75, 1);
211   } 211   }
212  212 
213   40% { 213   40% {
214     -webkit-transform: scale3d(0.75, 1.25, 1); 214     -webkit-transform: scale3d(0.75, 1.25, 1);
215     transform: scale3d(0.75, 1.25, 1); 215     transform: scale3d(0.75, 1.25, 1);
216   } 216   }
217  217 
218   50% { 218   50% {
219     -webkit-transform: scale3d(1.15, 0.85, 1); 219     -webkit-transform: scale3d(1.15, 0.85, 1);
220     transform: scale3d(1.15, 0.85, 1); 220     transform: scale3d(1.15, 0.85, 1);
221   } 221   }
222  222 
223   65% { 223   65% {
224     -webkit-transform: scale3d(.95, 1.05, 1); 224     -webkit-transform: scale3d(.95, 1.05, 1);
225     transform: scale3d(.95, 1.05, 1); 225     transform: scale3d(.95, 1.05, 1);
226   } 226   }
227  227 
228   75% { 228   75% {
229     -webkit-transform: scale3d(1.05, .95, 1); 229     -webkit-transform: scale3d(1.05, .95, 1);
230     transform: scale3d(1.05, .95, 1); 230     transform: scale3d(1.05, .95, 1);
231   } 231   }
232  232 
233   to { 233   to {
234     -webkit-transform: scale3d(1, 1, 1); 234     -webkit-transform: scale3d(1, 1, 1);
235     transform: scale3d(1, 1, 1); 235     transform: scale3d(1, 1, 1);
236   } 236   }
237 } 237 }
238  238 
239 .rubberBand { 239 .rubberBand {
240   -webkit-animation-name: rubberBand; 240   -webkit-animation-name: rubberBand;
241   animation-name: rubberBand; 241   animation-name: rubberBand;
242 } 242 }
243  243 
244 @-webkit-keyframes shake { 244 @-webkit-keyframes shake {
245   from, to { 245   from, to {
246     -webkit-transform: translate3d(0, 0, 0); 246     -webkit-transform: translate3d(0, 0, 0);
247     transform: translate3d(0, 0, 0); 247     transform: translate3d(0, 0, 0);
248   } 248   }
249  249 
250   10%, 30%, 50%, 70%, 90% { 250   10%, 30%, 50%, 70%, 90% {
251     -webkit-transform: translate3d(-10px, 0, 0); 251     -webkit-transform: translate3d(-10px, 0, 0);
252     transform: translate3d(-10px, 0, 0); 252     transform: translate3d(-10px, 0, 0);
253   } 253   }
254  254 
255   20%, 40%, 60%, 80% { 255   20%, 40%, 60%, 80% {
256     -webkit-transform: translate3d(10px, 0, 0); 256     -webkit-transform: translate3d(10px, 0, 0);
257     transform: translate3d(10px, 0, 0); 257     transform: translate3d(10px, 0, 0);
258   } 258   }
259 } 259 }
260  260 
261 @keyframes shake { 261 @keyframes shake {
262   from, to { 262   from, to {
263     -webkit-transform: translate3d(0, 0, 0); 263     -webkit-transform: translate3d(0, 0, 0);
264     transform: translate3d(0, 0, 0); 264     transform: translate3d(0, 0, 0);
265   } 265   }
266  266 
267   10%, 30%, 50%, 70%, 90% { 267   10%, 30%, 50%, 70%, 90% {
268     -webkit-transform: translate3d(-10px, 0, 0); 268     -webkit-transform: translate3d(-10px, 0, 0);
269     transform: translate3d(-10px, 0, 0); 269     transform: translate3d(-10px, 0, 0);
270   } 270   }
271  271 
272   20%, 40%, 60%, 80% { 272   20%, 40%, 60%, 80% {
273     -webkit-transform: translate3d(10px, 0, 0); 273     -webkit-transform: translate3d(10px, 0, 0);
274     transform: translate3d(10px, 0, 0); 274     transform: translate3d(10px, 0, 0);
275   } 275   }
276 } 276 }
277  277 
278 .shake { 278 .shake {
279   -webkit-animation-name: shake; 279   -webkit-animation-name: shake;
280   animation-name: shake; 280   animation-name: shake;
281 } 281 }
282  282 
283 @-webkit-keyframes headShake { 283 @-webkit-keyframes headShake {
284   0% { 284   0% {
285     -webkit-transform: translateX(0); 285     -webkit-transform: translateX(0);
286     transform: translateX(0); 286     transform: translateX(0);
287   } 287   }
288  288 
289   6.5% { 289   6.5% {
290     -webkit-transform: translateX(-6px) rotateY(-9deg); 290     -webkit-transform: translateX(-6px) rotateY(-9deg);
291     transform: translateX(-6px) rotateY(-9deg); 291     transform: translateX(-6px) rotateY(-9deg);
292   } 292   }
293  293 
294   18.5% { 294   18.5% {
295     -webkit-transform: translateX(5px) rotateY(7deg); 295     -webkit-transform: translateX(5px) rotateY(7deg);
296     transform: translateX(5px) rotateY(7deg); 296     transform: translateX(5px) rotateY(7deg);
297   } 297   }
298  298 
299   31.5% { 299   31.5% {
300     -webkit-transform: translateX(-3px) rotateY(-5deg); 300     -webkit-transform: translateX(-3px) rotateY(-5deg);
301     transform: translateX(-3px) rotateY(-5deg); 301     transform: translateX(-3px) rotateY(-5deg);
302   } 302   }
303  303 
304   43.5% { 304   43.5% {
305     -webkit-transform: translateX(2px) rotateY(3deg); 305     -webkit-transform: translateX(2px) rotateY(3deg);
306     transform: translateX(2px) rotateY(3deg); 306     transform: translateX(2px) rotateY(3deg);
307   } 307   }
308  308 
309   50% { 309   50% {
310     -webkit-transform: translateX(0); 310     -webkit-transform: translateX(0);
311     transform: translateX(0); 311     transform: translateX(0);
312   } 312   }
313 } 313 }
314  314 
315 @keyframes headShake { 315 @keyframes headShake {
316   0% { 316   0% {
317     -webkit-transform: translateX(0); 317     -webkit-transform: translateX(0);
318     transform: translateX(0); 318     transform: translateX(0);
319   } 319   }
320  320 
321   6.5% { 321   6.5% {
322     -webkit-transform: translateX(-6px) rotateY(-9deg); 322     -webkit-transform: translateX(-6px) rotateY(-9deg);
323     transform: translateX(-6px) rotateY(-9deg); 323     transform: translateX(-6px) rotateY(-9deg);
324   } 324   }
325  325 
326   18.5% { 326   18.5% {
327     -webkit-transform: translateX(5px) rotateY(7deg); 327     -webkit-transform: translateX(5px) rotateY(7deg);
328     transform: translateX(5px) rotateY(7deg); 328     transform: translateX(5px) rotateY(7deg);
329   } 329   }
330  330 
331   31.5% { 331   31.5% {
332     -webkit-transform: translateX(-3px) rotateY(-5deg); 332     -webkit-transform: translateX(-3px) rotateY(-5deg);
333     transform: translateX(-3px) rotateY(-5deg); 333     transform: translateX(-3px) rotateY(-5deg);
334   } 334   }
335  335 
336   43.5% { 336   43.5% {
337     -webkit-transform: translateX(2px) rotateY(3deg); 337     -webkit-transform: translateX(2px) rotateY(3deg);
338     transform: translateX(2px) rotateY(3deg); 338     transform: translateX(2px) rotateY(3deg);
339   } 339   }
340  340 
341   50% { 341   50% {
342     -webkit-transform: translateX(0); 342     -webkit-transform: translateX(0);
343     transform: translateX(0); 343     transform: translateX(0);
344   } 344   }
345 } 345 }
346  346 
347 .headShake { 347 .headShake {
348   -webkit-animation-timing-function: ease-in-out; 348   -webkit-animation-timing-function: ease-in-out;
349   animation-timing-function: ease-in-out; 349   animation-timing-function: ease-in-out;
350   -webkit-animation-name: headShake; 350   -webkit-animation-name: headShake;
351   animation-name: headShake; 351   animation-name: headShake;
352 } 352 }
353  353 
354 @-webkit-keyframes swing { 354 @-webkit-keyframes swing {
355   20% { 355   20% {
356     -webkit-transform: rotate3d(0, 0, 1, 15deg); 356     -webkit-transform: rotate3d(0, 0, 1, 15deg);
357     transform: rotate3d(0, 0, 1, 15deg); 357     transform: rotate3d(0, 0, 1, 15deg);
358   } 358   }
359  359 
360   40% { 360   40% {
361     -webkit-transform: rotate3d(0, 0, 1, -10deg); 361     -webkit-transform: rotate3d(0, 0, 1, -10deg);
362     transform: rotate3d(0, 0, 1, -10deg); 362     transform: rotate3d(0, 0, 1, -10deg);
363   } 363   }
364  364 
365   60% { 365   60% {
366     -webkit-transform: rotate3d(0, 0, 1, 5deg); 366     -webkit-transform: rotate3d(0, 0, 1, 5deg);
367     transform: rotate3d(0, 0, 1, 5deg); 367     transform: rotate3d(0, 0, 1, 5deg);
368   } 368   }
369  369 
370   80% { 370   80% {
371     -webkit-transform: rotate3d(0, 0, 1, -5deg); 371     -webkit-transform: rotate3d(0, 0, 1, -5deg);
372     transform: rotate3d(0, 0, 1, -5deg); 372     transform: rotate3d(0, 0, 1, -5deg);
373   } 373   }
374  374 
375   to { 375   to {
376     -webkit-transform: rotate3d(0, 0, 1, 0deg); 376     -webkit-transform: rotate3d(0, 0, 1, 0deg);
377     transform: rotate3d(0, 0, 1, 0deg); 377     transform: rotate3d(0, 0, 1, 0deg);
378   } 378   }
379 } 379 }
380  380 
381 @keyframes swing { 381 @keyframes swing {
382   20% { 382   20% {
383     -webkit-transform: rotate3d(0, 0, 1, 15deg); 383     -webkit-transform: rotate3d(0, 0, 1, 15deg);
384     transform: rotate3d(0, 0, 1, 15deg); 384     transform: rotate3d(0, 0, 1, 15deg);
385   } 385   }
386  386 
387   40% { 387   40% {
388     -webkit-transform: rotate3d(0, 0, 1, -10deg); 388     -webkit-transform: rotate3d(0, 0, 1, -10deg);
389     transform: rotate3d(0, 0, 1, -10deg); 389     transform: rotate3d(0, 0, 1, -10deg);
390   } 390   }
391  391 
392   60% { 392   60% {
393     -webkit-transform: rotate3d(0, 0, 1, 5deg); 393     -webkit-transform: rotate3d(0, 0, 1, 5deg);
394     transform: rotate3d(0, 0, 1, 5deg); 394     transform: rotate3d(0, 0, 1, 5deg);
395   } 395   }
396  396 
397   80% { 397   80% {
398     -webkit-transform: rotate3d(0, 0, 1, -5deg); 398     -webkit-transform: rotate3d(0, 0, 1, -5deg);
399     transform: rotate3d(0, 0, 1, -5deg); 399     transform: rotate3d(0, 0, 1, -5deg);
400   } 400   }
401  401 
402   to { 402   to {
403     -webkit-transform: rotate3d(0, 0, 1, 0deg); 403     -webkit-transform: rotate3d(0, 0, 1, 0deg);
404     transform: rotate3d(0, 0, 1, 0deg); 404     transform: rotate3d(0, 0, 1, 0deg);
405   } 405   }
406 } 406 }
407  407 
408 .swing { 408 .swing {
409   -webkit-transform-origin: top center; 409   -webkit-transform-origin: top center;
410   transform-origin: top center; 410   transform-origin: top center;
411   -webkit-animation-name: swing; 411   -webkit-animation-name: swing;
412   animation-name: swing; 412   animation-name: swing;
413 } 413 }
414  414 
415 @-webkit-keyframes tada { 415 @-webkit-keyframes tada {
416   from { 416   from {
417     -webkit-transform: scale3d(1, 1, 1); 417     -webkit-transform: scale3d(1, 1, 1);
418     transform: scale3d(1, 1, 1); 418     transform: scale3d(1, 1, 1);
419   } 419   }
420  420 
421   10%, 20% { 421   10%, 20% {
422     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); 422     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
423     transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); 423     transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
424   } 424   }
425  425 
426   30%, 50%, 70%, 90% { 426   30%, 50%, 70%, 90% {
427     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 427     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
428     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 428     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
429   } 429   }
430  430 
431   40%, 60%, 80% { 431   40%, 60%, 80% {
432     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 432     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
433     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 433     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
434   } 434   }
435  435 
436   to { 436   to {
437     -webkit-transform: scale3d(1, 1, 1); 437     -webkit-transform: scale3d(1, 1, 1);
438     transform: scale3d(1, 1, 1); 438     transform: scale3d(1, 1, 1);
439   } 439   }
440 } 440 }
441  441 
442 @keyframes tada { 442 @keyframes tada {
443   from { 443   from {
444     -webkit-transform: scale3d(1, 1, 1); 444     -webkit-transform: scale3d(1, 1, 1);
445     transform: scale3d(1, 1, 1); 445     transform: scale3d(1, 1, 1);
446   } 446   }
447  447 
448   10%, 20% { 448   10%, 20% {
449     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); 449     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
450     transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); 450     transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
451   } 451   }
452  452 
453   30%, 50%, 70%, 90% { 453   30%, 50%, 70%, 90% {
454     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 454     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
455     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 455     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
456   } 456   }
457  457 
458   40%, 60%, 80% { 458   40%, 60%, 80% {
459     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 459     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
460     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 460     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
461   } 461   }
462  462 
463   to { 463   to {
464     -webkit-transform: scale3d(1, 1, 1); 464     -webkit-transform: scale3d(1, 1, 1);
465     transform: scale3d(1, 1, 1); 465     transform: scale3d(1, 1, 1);
466   } 466   }
467 } 467 }
468  468 
469 .tada { 469 .tada {
470   -webkit-animation-name: tada; 470   -webkit-animation-name: tada;
471   animation-name: tada; 471   animation-name: tada;
472 } 472 }
473  473 
474 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 474 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
475  475 
476 @-webkit-keyframes wobble { 476 @-webkit-keyframes wobble {
477   from { 477   from {
478     -webkit-transform: none; 478     -webkit-transform: none;
479     transform: none; 479     transform: none;
480   } 480   }
481  481 
482   15% { 482   15% {
483     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 483     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
484     transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 484     transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
485   } 485   }
486  486 
487   30% { 487   30% {
488     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 488     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
489     transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 489     transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
490   } 490   }
491  491 
492   45% { 492   45% {
493     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 493     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
494     transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 494     transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
495   } 495   }
496  496 
497   60% { 497   60% {
498     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 498     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
499     transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 499     transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
500   } 500   }
501  501 
502   75% { 502   75% {
503     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 503     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
504     transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 504     transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
505   } 505   }
506  506 
507   to { 507   to {
508     -webkit-transform: none; 508     -webkit-transform: none;
509     transform: none; 509     transform: none;
510   } 510   }
511 } 511 }
512  512 
513 @keyframes wobble { 513 @keyframes wobble {
514   from { 514   from {
515     -webkit-transform: none; 515     -webkit-transform: none;
516     transform: none; 516     transform: none;
517   } 517   }
518  518 
519   15% { 519   15% {
520     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 520     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
521     transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 521     transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
522   } 522   }
523  523 
524   30% { 524   30% {
525     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 525     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
526     transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 526     transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
527   } 527   }
528  528 
529   45% { 529   45% {
530     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 530     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
531     transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 531     transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
532   } 532   }
533  533 
534   60% { 534   60% {
535     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 535     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
536     transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 536     transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
537   } 537   }
538  538 
539   75% { 539   75% {
540     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 540     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
541     transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 541     transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
542   } 542   }
543  543 
544   to { 544   to {
545     -webkit-transform: none; 545     -webkit-transform: none;
546     transform: none; 546     transform: none;
547   } 547   }
548 } 548 }
549  549 
550 .wobble { 550 .wobble {
551   -webkit-animation-name: wobble; 551   -webkit-animation-name: wobble;
552   animation-name: wobble; 552   animation-name: wobble;
553 } 553 }
554  554 
555 @-webkit-keyframes jello { 555 @-webkit-keyframes jello {
556   from, 11.1%, to { 556   from, 11.1%, to {
557     -webkit-transform: none; 557     -webkit-transform: none;
558     transform: none; 558     transform: none;
559   } 559   }
560  560 
561   22.2% { 561   22.2% {
562     -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); 562     -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
563     transform: skewX(-12.5deg) skewY(-12.5deg); 563     transform: skewX(-12.5deg) skewY(-12.5deg);
564   } 564   }
565  565 
566   33.3% { 566   33.3% {
567     -webkit-transform: skewX(6.25deg) skewY(6.25deg); 567     -webkit-transform: skewX(6.25deg) skewY(6.25deg);
568     transform: skewX(6.25deg) skewY(6.25deg); 568     transform: skewX(6.25deg) skewY(6.25deg);
569   } 569   }
570  570 
571   44.4% { 571   44.4% {
572     -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); 572     -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
573     transform: skewX(-3.125deg) skewY(-3.125deg); 573     transform: skewX(-3.125deg) skewY(-3.125deg);
574   } 574   }
575  575 
576   55.5% { 576   55.5% {
577     -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); 577     -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
578     transform: skewX(1.5625deg) skewY(1.5625deg); 578     transform: skewX(1.5625deg) skewY(1.5625deg);
579   } 579   }
580  580 
581   66.6% { 581   66.6% {
582     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); 582     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
583     transform: skewX(-0.78125deg) skewY(-0.78125deg); 583     transform: skewX(-0.78125deg) skewY(-0.78125deg);
584   } 584   }
585  585 
586   77.7% { 586   77.7% {
587     -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); 587     -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
588     transform: skewX(0.390625deg) skewY(0.390625deg); 588     transform: skewX(0.390625deg) skewY(0.390625deg);
589   } 589   }
590  590 
591   88.8% { 591   88.8% {
592     -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 592     -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
593     transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 593     transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
594   } 594   }
595 } 595 }
596  596 
597 @keyframes jello { 597 @keyframes jello {
598   from, 11.1%, to { 598   from, 11.1%, to {
599     -webkit-transform: none; 599     -webkit-transform: none;
600     transform: none; 600     transform: none;
601   } 601   }
602  602 
603   22.2% { 603   22.2% {
604     -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); 604     -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
605     transform: skewX(-12.5deg) skewY(-12.5deg); 605     transform: skewX(-12.5deg) skewY(-12.5deg);
606   } 606   }
607  607 
608   33.3% { 608   33.3% {
609     -webkit-transform: skewX(6.25deg) skewY(6.25deg); 609     -webkit-transform: skewX(6.25deg) skewY(6.25deg);
610     transform: skewX(6.25deg) skewY(6.25deg); 610     transform: skewX(6.25deg) skewY(6.25deg);
611   } 611   }
612  612 
613   44.4% { 613   44.4% {
614     -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); 614     -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
615     transform: skewX(-3.125deg) skewY(-3.125deg); 615     transform: skewX(-3.125deg) skewY(-3.125deg);
616   } 616   }
617  617 
618   55.5% { 618   55.5% {
619     -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); 619     -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
620     transform: skewX(1.5625deg) skewY(1.5625deg); 620     transform: skewX(1.5625deg) skewY(1.5625deg);
621   } 621   }
622  622 
623   66.6% { 623   66.6% {
624     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); 624     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
625     transform: skewX(-0.78125deg) skewY(-0.78125deg); 625     transform: skewX(-0.78125deg) skewY(-0.78125deg);
626   } 626   }
627  627 
628   77.7% { 628   77.7% {
629     -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); 629     -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
630     transform: skewX(0.390625deg) skewY(0.390625deg); 630     transform: skewX(0.390625deg) skewY(0.390625deg);
631   } 631   }
632  632 
633   88.8% { 633   88.8% {
634     -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 634     -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
635     transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 635     transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
636   } 636   }
637 } 637 }
638  638 
639 .jello { 639 .jello {
640   -webkit-animation-name: jello; 640   -webkit-animation-name: jello;
641   animation-name: jello; 641   animation-name: jello;
642   -webkit-transform-origin: center; 642   -webkit-transform-origin: center;
643   transform-origin: center; 643   transform-origin: center;
644 } 644 }
645  645 
646 @-webkit-keyframes bounceIn { 646 @-webkit-keyframes bounceIn {
647   from, 20%, 40%, 60%, 80%, to { 647   from, 20%, 40%, 60%, 80%, to {
648     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 648     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
649     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 649     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
650   } 650   }
651  651 
652   0% { 652   0% {
653     opacity: 0; 653     opacity: 0;
654     -webkit-transform: scale3d(.3, .3, .3); 654     -webkit-transform: scale3d(.3, .3, .3);
655     transform: scale3d(.3, .3, .3); 655     transform: scale3d(.3, .3, .3);
656   } 656   }
657  657 
658   20% { 658   20% {
659     -webkit-transform: scale3d(1.1, 1.1, 1.1); 659     -webkit-transform: scale3d(1.1, 1.1, 1.1);
660     transform: scale3d(1.1, 1.1, 1.1); 660     transform: scale3d(1.1, 1.1, 1.1);
661   } 661   }
662  662 
663   40% { 663   40% {
664     -webkit-transform: scale3d(.9, .9, .9); 664     -webkit-transform: scale3d(.9, .9, .9);
665     transform: scale3d(.9, .9, .9); 665     transform: scale3d(.9, .9, .9);
666   } 666   }
667  667 
668   60% { 668   60% {
669     opacity: 1; 669     opacity: 1;
670     -webkit-transform: scale3d(1.03, 1.03, 1.03); 670     -webkit-transform: scale3d(1.03, 1.03, 1.03);
671     transform: scale3d(1.03, 1.03, 1.03); 671     transform: scale3d(1.03, 1.03, 1.03);
672   } 672   }
673  673 
674   80% { 674   80% {
675     -webkit-transform: scale3d(.97, .97, .97); 675     -webkit-transform: scale3d(.97, .97, .97);
676     transform: scale3d(.97, .97, .97); 676     transform: scale3d(.97, .97, .97);
677   } 677   }
678  678 
679   to { 679   to {
680     opacity: 1; 680     opacity: 1;
681     -webkit-transform: scale3d(1, 1, 1); 681     -webkit-transform: scale3d(1, 1, 1);
682     transform: scale3d(1, 1, 1); 682     transform: scale3d(1, 1, 1);
683   } 683   }
684 } 684 }
685  685 
686 @keyframes bounceIn { 686 @keyframes bounceIn {
687   from, 20%, 40%, 60%, 80%, to { 687   from, 20%, 40%, 60%, 80%, to {
688     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 688     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
689     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 689     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
690   } 690   }
691  691 
692   0% { 692   0% {
693     opacity: 0; 693     opacity: 0;
694     -webkit-transform: scale3d(.3, .3, .3); 694     -webkit-transform: scale3d(.3, .3, .3);
695     transform: scale3d(.3, .3, .3); 695     transform: scale3d(.3, .3, .3);
696   } 696   }
697  697 
698   20% { 698   20% {
699     -webkit-transform: scale3d(1.1, 1.1, 1.1); 699     -webkit-transform: scale3d(1.1, 1.1, 1.1);
700     transform: scale3d(1.1, 1.1, 1.1); 700     transform: scale3d(1.1, 1.1, 1.1);
701   } 701   }
702  702 
703   40% { 703   40% {
704     -webkit-transform: scale3d(.9, .9, .9); 704     -webkit-transform: scale3d(.9, .9, .9);
705     transform: scale3d(.9, .9, .9); 705     transform: scale3d(.9, .9, .9);
706   } 706   }
707  707 
708   60% { 708   60% {
709     opacity: 1; 709     opacity: 1;
710     -webkit-transform: scale3d(1.03, 1.03, 1.03); 710     -webkit-transform: scale3d(1.03, 1.03, 1.03);
711     transform: scale3d(1.03, 1.03, 1.03); 711     transform: scale3d(1.03, 1.03, 1.03);
712   } 712   }
713  713 
714   80% { 714   80% {
715     -webkit-transform: scale3d(.97, .97, .97); 715     -webkit-transform: scale3d(.97, .97, .97);
716     transform: scale3d(.97, .97, .97); 716     transform: scale3d(.97, .97, .97);
717   } 717   }
718  718 
719   to { 719   to {
720     opacity: 1; 720     opacity: 1;
721     -webkit-transform: scale3d(1, 1, 1); 721     -webkit-transform: scale3d(1, 1, 1);
722     transform: scale3d(1, 1, 1); 722     transform: scale3d(1, 1, 1);
723   } 723   }
724 } 724 }
725  725 
726 .bounceIn { 726 .bounceIn {
727   -webkit-animation-name: bounceIn; 727   -webkit-animation-name: bounceIn;
728   animation-name: bounceIn; 728   animation-name: bounceIn;
729 } 729 }
730  730 
731 @-webkit-keyframes bounceInDown { 731 @-webkit-keyframes bounceInDown {
732   from, 60%, 75%, 90%, to { 732   from, 60%, 75%, 90%, to {
733     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 733     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
734     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 734     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
735   } 735   }
736  736 
737   0% { 737   0% {
738     opacity: 0; 738     opacity: 0;
739     -webkit-transform: translate3d(0, -3000px, 0); 739     -webkit-transform: translate3d(0, -3000px, 0);
740     transform: translate3d(0, -3000px, 0); 740     transform: translate3d(0, -3000px, 0);
741   } 741   }
742  742 
743   60% { 743   60% {
744     opacity: 1; 744     opacity: 1;
745     -webkit-transform: translate3d(0, 25px, 0); 745     -webkit-transform: translate3d(0, 25px, 0);
746     transform: translate3d(0, 25px, 0); 746     transform: translate3d(0, 25px, 0);
747   } 747   }
748  748 
749   75% { 749   75% {
750     -webkit-transform: translate3d(0, -10px, 0); 750     -webkit-transform: translate3d(0, -10px, 0);
751     transform: translate3d(0, -10px, 0); 751     transform: translate3d(0, -10px, 0);
752   } 752   }
753  753 
754   90% { 754   90% {
755     -webkit-transform: translate3d(0, 5px, 0); 755     -webkit-transform: translate3d(0, 5px, 0);
756     transform: translate3d(0, 5px, 0); 756     transform: translate3d(0, 5px, 0);
757   } 757   }
758  758 
759   to { 759   to {
760     -webkit-transform: none; 760     -webkit-transform: none;
761     transform: none; 761     transform: none;
762   } 762   }
763 } 763 }
764  764 
765 @keyframes bounceInDown { 765 @keyframes bounceInDown {
766   from, 60%, 75%, 90%, to { 766   from, 60%, 75%, 90%, to {
767     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 767     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
768     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 768     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
769   } 769   }
770  770 
771   0% { 771   0% {
772     opacity: 0; 772     opacity: 0;
773     -webkit-transform: translate3d(0, -3000px, 0); 773     -webkit-transform: translate3d(0, -3000px, 0);
774     transform: translate3d(0, -3000px, 0); 774     transform: translate3d(0, -3000px, 0);
775   } 775   }
776  776 
777   60% { 777   60% {
778     opacity: 1; 778     opacity: 1;
779     -webkit-transform: translate3d(0, 25px, 0); 779     -webkit-transform: translate3d(0, 25px, 0);
780     transform: translate3d(0, 25px, 0); 780     transform: translate3d(0, 25px, 0);
781   } 781   }
782  782 
783   75% { 783   75% {
784     -webkit-transform: translate3d(0, -10px, 0); 784     -webkit-transform: translate3d(0, -10px, 0);
785     transform: translate3d(0, -10px, 0); 785     transform: translate3d(0, -10px, 0);
786   } 786   }
787  787 
788   90% { 788   90% {
789     -webkit-transform: translate3d(0, 5px, 0); 789     -webkit-transform: translate3d(0, 5px, 0);
790     transform: translate3d(0, 5px, 0); 790     transform: translate3d(0, 5px, 0);
791   } 791   }
792  792 
793   to { 793   to {
794     -webkit-transform: none; 794     -webkit-transform: none;
795     transform: none; 795     transform: none;
796   } 796   }
797 } 797 }
798  798 
799 .bounceInDown { 799 .bounceInDown {
800   -webkit-animation-name: bounceInDown; 800   -webkit-animation-name: bounceInDown;
801   animation-name: bounceInDown; 801   animation-name: bounceInDown;
802 } 802 }
803  803 
804 @-webkit-keyframes bounceInLeft { 804 @-webkit-keyframes bounceInLeft {
805   from, 60%, 75%, 90%, to { 805   from, 60%, 75%, 90%, to {
806     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 806     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
807     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 807     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
808   } 808   }
809  809 
810   0% { 810   0% {
811     opacity: 0; 811     opacity: 0;
812     -webkit-transform: translate3d(-3000px, 0, 0); 812     -webkit-transform: translate3d(-3000px, 0, 0);
813     transform: translate3d(-3000px, 0, 0); 813     transform: translate3d(-3000px, 0, 0);
814   } 814   }
815  815 
816   60% { 816   60% {
817     opacity: 1; 817     opacity: 1;
818     -webkit-transform: translate3d(25px, 0, 0); 818     -webkit-transform: translate3d(25px, 0, 0);
819     transform: translate3d(25px, 0, 0); 819     transform: translate3d(25px, 0, 0);
820   } 820   }
821  821 
822   75% { 822   75% {
823     -webkit-transform: translate3d(-10px, 0, 0); 823     -webkit-transform: translate3d(-10px, 0, 0);
824     transform: translate3d(-10px, 0, 0); 824     transform: translate3d(-10px, 0, 0);
825   } 825   }
826  826 
827   90% { 827   90% {
828     -webkit-transform: translate3d(5px, 0, 0); 828     -webkit-transform: translate3d(5px, 0, 0);
829     transform: translate3d(5px, 0, 0); 829     transform: translate3d(5px, 0, 0);
830   } 830   }
831  831 
832   to { 832   to {
833     -webkit-transform: none; 833     -webkit-transform: none;
834     transform: none; 834     transform: none;
835   } 835   }
836 } 836 }
837  837 
838 @keyframes bounceInLeft { 838 @keyframes bounceInLeft {
839   from, 60%, 75%, 90%, to { 839   from, 60%, 75%, 90%, to {
840     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 840     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
841     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 841     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
842   } 842   }
843  843 
844   0% { 844   0% {
845     opacity: 0; 845     opacity: 0;
846     -webkit-transform: translate3d(-3000px, 0, 0); 846     -webkit-transform: translate3d(-3000px, 0, 0);
847     transform: translate3d(-3000px, 0, 0); 847     transform: translate3d(-3000px, 0, 0);
848   } 848   }
849  849 
850   60% { 850   60% {
851     opacity: 1; 851     opacity: 1;
852     -webkit-transform: translate3d(25px, 0, 0); 852     -webkit-transform: translate3d(25px, 0, 0);
853     transform: translate3d(25px, 0, 0); 853     transform: translate3d(25px, 0, 0);
854   } 854   }
855  855 
856   75% { 856   75% {
857     -webkit-transform: translate3d(-10px, 0, 0); 857     -webkit-transform: translate3d(-10px, 0, 0);
858     transform: translate3d(-10px, 0, 0); 858     transform: translate3d(-10px, 0, 0);
859   } 859   }
860  860 
861   90% { 861   90% {
862     -webkit-transform: translate3d(5px, 0, 0); 862     -webkit-transform: translate3d(5px, 0, 0);
863     transform: translate3d(5px, 0, 0); 863     transform: translate3d(5px, 0, 0);
864   } 864   }
865  865 
866   to { 866   to {
867     -webkit-transform: none; 867     -webkit-transform: none;
868     transform: none; 868     transform: none;
869   } 869   }
870 } 870 }
871  871 
872 .bounceInLeft { 872 .bounceInLeft {
873   -webkit-animation-name: bounceInLeft; 873   -webkit-animation-name: bounceInLeft;
874   animation-name: bounceInLeft; 874   animation-name: bounceInLeft;
875 } 875 }
876  876 
877 @-webkit-keyframes bounceInRight { 877 @-webkit-keyframes bounceInRight {
878   from, 60%, 75%, 90%, to { 878   from, 60%, 75%, 90%, to {
879     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 879     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
880     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 880     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
881   } 881   }
882  882 
883   from { 883   from {
884     opacity: 0; 884     opacity: 0;
885     -webkit-transform: translate3d(3000px, 0, 0); 885     -webkit-transform: translate3d(3000px, 0, 0);
886     transform: translate3d(3000px, 0, 0); 886     transform: translate3d(3000px, 0, 0);
887   } 887   }
888  888 
889   60% { 889   60% {
890     opacity: 1; 890     opacity: 1;
891     -webkit-transform: translate3d(-25px, 0, 0); 891     -webkit-transform: translate3d(-25px, 0, 0);
892     transform: translate3d(-25px, 0, 0); 892     transform: translate3d(-25px, 0, 0);
893   } 893   }
894  894 
895   75% { 895   75% {
896     -webkit-transform: translate3d(10px, 0, 0); 896     -webkit-transform: translate3d(10px, 0, 0);
897     transform: translate3d(10px, 0, 0); 897     transform: translate3d(10px, 0, 0);
898   } 898   }
899  899 
900   90% { 900   90% {
901     -webkit-transform: translate3d(-5px, 0, 0); 901     -webkit-transform: translate3d(-5px, 0, 0);
902     transform: translate3d(-5px, 0, 0); 902     transform: translate3d(-5px, 0, 0);
903   } 903   }
904  904 
905   to { 905   to {
906     -webkit-transform: none; 906     -webkit-transform: none;
907     transform: none; 907     transform: none;
908   } 908   }
909 } 909 }
910  910 
911 @keyframes bounceInRight { 911 @keyframes bounceInRight {
912   from, 60%, 75%, 90%, to { 912   from, 60%, 75%, 90%, to {
913     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 913     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
914     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 914     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
915   } 915   }
916  916 
917   from { 917   from {
918     opacity: 0; 918     opacity: 0;
919     -webkit-transform: translate3d(3000px, 0, 0); 919     -webkit-transform: translate3d(3000px, 0, 0);
920     transform: translate3d(3000px, 0, 0); 920     transform: translate3d(3000px, 0, 0);
921   } 921   }
922  922 
923   60% { 923   60% {
924     opacity: 1; 924     opacity: 1;
925     -webkit-transform: translate3d(-25px, 0, 0); 925     -webkit-transform: translate3d(-25px, 0, 0);
926     transform: translate3d(-25px, 0, 0); 926     transform: translate3d(-25px, 0, 0);
927   } 927   }
928  928 
929   75% { 929   75% {
930     -webkit-transform: translate3d(10px, 0, 0); 930     -webkit-transform: translate3d(10px, 0, 0);
931     transform: translate3d(10px, 0, 0); 931     transform: translate3d(10px, 0, 0);
932   } 932   }
933  933 
934   90% { 934   90% {
935     -webkit-transform: translate3d(-5px, 0, 0); 935     -webkit-transform: translate3d(-5px, 0, 0);
936     transform: translate3d(-5px, 0, 0); 936     transform: translate3d(-5px, 0, 0);
937   } 937   }
938  938 
939   to { 939   to {
940     -webkit-transform: none; 940     -webkit-transform: none;
941     transform: none; 941     transform: none;
942   } 942   }
943 } 943 }
944  944 
945 .bounceInRight { 945 .bounceInRight {
946   -webkit-animation-name: bounceInRight; 946   -webkit-animation-name: bounceInRight;
947   animation-name: bounceInRight; 947   animation-name: bounceInRight;
948 } 948 }
949  949 
950 @-webkit-keyframes bounceInUp { 950 @-webkit-keyframes bounceInUp {
951   from, 60%, 75%, 90%, to { 951   from, 60%, 75%, 90%, to {
952     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 952     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
953     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 953     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
954   } 954   }
955  955 
956   from { 956   from {
957     opacity: 0; 957     opacity: 0;
958     -webkit-transform: translate3d(0, 3000px, 0); 958     -webkit-transform: translate3d(0, 3000px, 0);
959     transform: translate3d(0, 3000px, 0); 959     transform: translate3d(0, 3000px, 0);
960   } 960   }
961  961 
962   60% { 962   60% {
963     opacity: 1; 963     opacity: 1;
964     -webkit-transform: translate3d(0, -20px, 0); 964     -webkit-transform: translate3d(0, -20px, 0);
965     transform: translate3d(0, -20px, 0); 965     transform: translate3d(0, -20px, 0);
966   } 966   }
967  967 
968   75% { 968   75% {
969     -webkit-transform: translate3d(0, 10px, 0); 969     -webkit-transform: translate3d(0, 10px, 0);
970     transform: translate3d(0, 10px, 0); 970     transform: translate3d(0, 10px, 0);
971   } 971   }
972  972 
973   90% { 973   90% {
974     -webkit-transform: translate3d(0, -5px, 0); 974     -webkit-transform: translate3d(0, -5px, 0);
975     transform: translate3d(0, -5px, 0); 975     transform: translate3d(0, -5px, 0);
976   } 976   }
977  977 
978   to { 978   to {
979     -webkit-transform: translate3d(0, 0, 0); 979     -webkit-transform: translate3d(0, 0, 0);
980     transform: translate3d(0, 0, 0); 980     transform: translate3d(0, 0, 0);
981   } 981   }
982 } 982 }
983  983 
984 @keyframes bounceInUp { 984 @keyframes bounceInUp {
985   from, 60%, 75%, 90%, to { 985   from, 60%, 75%, 90%, to {
986     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 986     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
987     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 987     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
988   } 988   }
989  989 
990   from { 990   from {
991     opacity: 0; 991     opacity: 0;
992     -webkit-transform: translate3d(0, 3000px, 0); 992     -webkit-transform: translate3d(0, 3000px, 0);
993     transform: translate3d(0, 3000px, 0); 993     transform: translate3d(0, 3000px, 0);
994   } 994   }
995  995 
996   60% { 996   60% {
997     opacity: 1; 997     opacity: 1;
998     -webkit-transform: translate3d(0, -20px, 0); 998     -webkit-transform: translate3d(0, -20px, 0);
999     transform: translate3d(0, -20px, 0); 999     transform: translate3d(0, -20px, 0);
1000   } 1000   }
1001  1001 
1002   75% { 1002   75% {
1003     -webkit-transform: translate3d(0, 10px, 0); 1003     -webkit-transform: translate3d(0, 10px, 0);
1004     transform: translate3d(0, 10px, 0); 1004     transform: translate3d(0, 10px, 0);
1005   } 1005   }
1006  1006 
1007   90% { 1007   90% {
1008     -webkit-transform: translate3d(0, -5px, 0); 1008     -webkit-transform: translate3d(0, -5px, 0);
1009     transform: translate3d(0, -5px, 0); 1009     transform: translate3d(0, -5px, 0);
1010   } 1010   }
1011  1011 
1012   to { 1012   to {
1013     -webkit-transform: translate3d(0, 0, 0); 1013     -webkit-transform: translate3d(0, 0, 0);
1014     transform: translate3d(0, 0, 0); 1014     transform: translate3d(0, 0, 0);
1015   } 1015   }
1016 } 1016 }
1017  1017 
1018 .bounceInUp { 1018 .bounceInUp {
1019   -webkit-animation-name: bounceInUp; 1019   -webkit-animation-name: bounceInUp;
1020   animation-name: bounceInUp; 1020   animation-name: bounceInUp;
1021 } 1021 }
1022  1022 
1023 @-webkit-keyframes bounceOut { 1023 @-webkit-keyframes bounceOut {
1024   20% { 1024   20% {
1025     -webkit-transform: scale3d(.9, .9, .9); 1025     -webkit-transform: scale3d(.9, .9, .9);
1026     transform: scale3d(.9, .9, .9); 1026     transform: scale3d(.9, .9, .9);
1027   } 1027   }
1028  1028 
1029   50%, 55% { 1029   50%, 55% {
1030     opacity: 1; 1030     opacity: 1;
1031     -webkit-transform: scale3d(1.1, 1.1, 1.1); 1031     -webkit-transform: scale3d(1.1, 1.1, 1.1);
1032     transform: scale3d(1.1, 1.1, 1.1); 1032     transform: scale3d(1.1, 1.1, 1.1);
1033   } 1033   }
1034  1034 
1035   to { 1035   to {
1036     opacity: 0; 1036     opacity: 0;
1037     -webkit-transform: scale3d(.3, .3, .3); 1037     -webkit-transform: scale3d(.3, .3, .3);
1038     transform: scale3d(.3, .3, .3); 1038     transform: scale3d(.3, .3, .3);
1039   } 1039   }
1040 } 1040 }
1041  1041 
1042 @keyframes bounceOut { 1042 @keyframes bounceOut {
1043   20% { 1043   20% {
1044     -webkit-transform: scale3d(.9, .9, .9); 1044     -webkit-transform: scale3d(.9, .9, .9);
1045     transform: scale3d(.9, .9, .9); 1045     transform: scale3d(.9, .9, .9);
1046   } 1046   }
1047  1047 
1048   50%, 55% { 1048   50%, 55% {
1049     opacity: 1; 1049     opacity: 1;
1050     -webkit-transform: scale3d(1.1, 1.1, 1.1); 1050     -webkit-transform: scale3d(1.1, 1.1, 1.1);
1051     transform: scale3d(1.1, 1.1, 1.1); 1051     transform: scale3d(1.1, 1.1, 1.1);
1052   } 1052   }
1053  1053 
1054   to { 1054   to {
1055     opacity: 0; 1055     opacity: 0;
1056     -webkit-transform: scale3d(.3, .3, .3); 1056     -webkit-transform: scale3d(.3, .3, .3);
1057     transform: scale3d(.3, .3, .3); 1057     transform: scale3d(.3, .3, .3);
1058   } 1058   }
1059 } 1059 }
1060  1060 
1061 .bounceOut { 1061 .bounceOut {
1062   -webkit-animation-name: bounceOut; 1062   -webkit-animation-name: bounceOut;
1063   animation-name: bounceOut; 1063   animation-name: bounceOut;
1064 } 1064 }
1065  1065 
1066 @-webkit-keyframes bounceOutDown { 1066 @-webkit-keyframes bounceOutDown {
1067   20% { 1067   20% {
1068     -webkit-transform: translate3d(0, 10px, 0); 1068     -webkit-transform: translate3d(0, 10px, 0);
1069     transform: translate3d(0, 10px, 0); 1069     transform: translate3d(0, 10px, 0);
1070   } 1070   }
1071  1071 
1072   40%, 45% { 1072   40%, 45% {
1073     opacity: 1; 1073     opacity: 1;
1074     -webkit-transform: translate3d(0, -20px, 0); 1074     -webkit-transform: translate3d(0, -20px, 0);
1075     transform: translate3d(0, -20px, 0); 1075     transform: translate3d(0, -20px, 0);
1076   } 1076   }
1077  1077 
1078   to { 1078   to {
1079     opacity: 0; 1079     opacity: 0;
1080     -webkit-transform: translate3d(0, 2000px, 0); 1080     -webkit-transform: translate3d(0, 2000px, 0);
1081     transform: translate3d(0, 2000px, 0); 1081     transform: translate3d(0, 2000px, 0);
1082   } 1082   }
1083 } 1083 }
1084  1084 
1085 @keyframes bounceOutDown { 1085 @keyframes bounceOutDown {
1086   20% { 1086   20% {
1087     -webkit-transform: translate3d(0, 10px, 0); 1087     -webkit-transform: translate3d(0, 10px, 0);
1088     transform: translate3d(0, 10px, 0); 1088     transform: translate3d(0, 10px, 0);
1089   } 1089   }
1090  1090 
1091   40%, 45% { 1091   40%, 45% {
1092     opacity: 1; 1092     opacity: 1;
1093     -webkit-transform: translate3d(0, -20px, 0); 1093     -webkit-transform: translate3d(0, -20px, 0);
1094     transform: translate3d(0, -20px, 0); 1094     transform: translate3d(0, -20px, 0);
1095   } 1095   }
1096  1096 
1097   to { 1097   to {
1098     opacity: 0; 1098     opacity: 0;
1099     -webkit-transform: translate3d(0, 2000px, 0); 1099     -webkit-transform: translate3d(0, 2000px, 0);
1100     transform: translate3d(0, 2000px, 0); 1100     transform: translate3d(0, 2000px, 0);
1101   } 1101   }
1102 } 1102 }
1103  1103 
1104 .bounceOutDown { 1104 .bounceOutDown {
1105   -webkit-animation-name: bounceOutDown; 1105   -webkit-animation-name: bounceOutDown;
1106   animation-name: bounceOutDown; 1106   animation-name: bounceOutDown;
1107 } 1107 }
1108  1108 
1109 @-webkit-keyframes bounceOutLeft { 1109 @-webkit-keyframes bounceOutLeft {
1110   20% { 1110   20% {
1111     opacity: 1; 1111     opacity: 1;
1112     -webkit-transform: translate3d(20px, 0, 0); 1112     -webkit-transform: translate3d(20px, 0, 0);
1113     transform: translate3d(20px, 0, 0); 1113     transform: translate3d(20px, 0, 0);
1114   } 1114   }
1115  1115 
1116   to { 1116   to {
1117     opacity: 0; 1117     opacity: 0;
1118     -webkit-transform: translate3d(-2000px, 0, 0); 1118     -webkit-transform: translate3d(-2000px, 0, 0);
1119     transform: translate3d(-2000px, 0, 0); 1119     transform: translate3d(-2000px, 0, 0);
1120   } 1120   }
1121 } 1121 }
1122  1122 
1123 @keyframes bounceOutLeft { 1123 @keyframes bounceOutLeft {
1124   20% { 1124   20% {
1125     opacity: 1; 1125     opacity: 1;
1126     -webkit-transform: translate3d(20px, 0, 0); 1126     -webkit-transform: translate3d(20px, 0, 0);
1127     transform: translate3d(20px, 0, 0); 1127     transform: translate3d(20px, 0, 0);
1128   } 1128   }
1129  1129 
1130   to { 1130   to {
1131     opacity: 0; 1131     opacity: 0;
1132     -webkit-transform: translate3d(-2000px, 0, 0); 1132     -webkit-transform: translate3d(-2000px, 0, 0);
1133     transform: translate3d(-2000px, 0, 0); 1133     transform: translate3d(-2000px, 0, 0);
1134   } 1134   }
1135 } 1135 }
1136  1136 
1137 .bounceOutLeft { 1137 .bounceOutLeft {
1138   -webkit-animation-name: bounceOutLeft; 1138   -webkit-animation-name: bounceOutLeft;
1139   animation-name: bounceOutLeft; 1139   animation-name: bounceOutLeft;
1140 } 1140 }
1141  1141 
1142 @-webkit-keyframes bounceOutRight { 1142 @-webkit-keyframes bounceOutRight {
1143   20% { 1143   20% {
1144     opacity: 1; 1144     opacity: 1;
1145     -webkit-transform: translate3d(-20px, 0, 0); 1145     -webkit-transform: translate3d(-20px, 0, 0);
1146     transform: translate3d(-20px, 0, 0); 1146     transform: translate3d(-20px, 0, 0);
1147   } 1147   }
1148  1148 
1149   to { 1149   to {
1150     opacity: 0; 1150     opacity: 0;
1151     -webkit-transform: translate3d(2000px, 0, 0); 1151     -webkit-transform: translate3d(2000px, 0, 0);
1152     transform: translate3d(2000px, 0, 0); 1152     transform: translate3d(2000px, 0, 0);
1153   } 1153   }
1154 } 1154 }
1155  1155 
1156 @keyframes bounceOutRight { 1156 @keyframes bounceOutRight {
1157   20% { 1157   20% {
1158     opacity: 1; 1158     opacity: 1;
1159     -webkit-transform: translate3d(-20px, 0, 0); 1159     -webkit-transform: translate3d(-20px, 0, 0);
1160     transform: translate3d(-20px, 0, 0); 1160     transform: translate3d(-20px, 0, 0);
1161   } 1161   }
1162  1162 
1163   to { 1163   to {
1164     opacity: 0; 1164     opacity: 0;
1165     -webkit-transform: translate3d(2000px, 0, 0); 1165     -webkit-transform: translate3d(2000px, 0, 0);
1166     transform: translate3d(2000px, 0, 0); 1166     transform: translate3d(2000px, 0, 0);
1167   } 1167   }
1168 } 1168 }
1169  1169 
1170 .bounceOutRight { 1170 .bounceOutRight {
1171   -webkit-animation-name: bounceOutRight; 1171   -webkit-animation-name: bounceOutRight;
1172   animation-name: bounceOutRight; 1172   animation-name: bounceOutRight;
1173 } 1173 }
1174  1174 
1175 @-webkit-keyframes bounceOutUp { 1175 @-webkit-keyframes bounceOutUp {
1176   20% { 1176   20% {
1177     -webkit-transform: translate3d(0, -10px, 0); 1177     -webkit-transform: translate3d(0, -10px, 0);
1178     transform: translate3d(0, -10px, 0); 1178     transform: translate3d(0, -10px, 0);
1179   } 1179   }
1180  1180 
1181   40%, 45% { 1181   40%, 45% {
1182     opacity: 1; 1182     opacity: 1;
1183     -webkit-transform: translate3d(0, 20px, 0); 1183     -webkit-transform: translate3d(0, 20px, 0);
1184     transform: translate3d(0, 20px, 0); 1184     transform: translate3d(0, 20px, 0);
1185   } 1185   }
1186  1186 
1187   to { 1187   to {
1188     opacity: 0; 1188     opacity: 0;
1189     -webkit-transform: translate3d(0, -2000px, 0); 1189     -webkit-transform: translate3d(0, -2000px, 0);
1190     transform: translate3d(0, -2000px, 0); 1190     transform: translate3d(0, -2000px, 0);
1191   } 1191   }
1192 } 1192 }
1193  1193 
1194 @keyframes bounceOutUp { 1194 @keyframes bounceOutUp {
1195   20% { 1195   20% {
1196     -webkit-transform: translate3d(0, -10px, 0); 1196     -webkit-transform: translate3d(0, -10px, 0);
1197     transform: translate3d(0, -10px, 0); 1197     transform: translate3d(0, -10px, 0);
1198   } 1198   }
1199  1199 
1200   40%, 45% { 1200   40%, 45% {
1201     opacity: 1; 1201     opacity: 1;
1202     -webkit-transform: translate3d(0, 20px, 0); 1202     -webkit-transform: translate3d(0, 20px, 0);
1203     transform: translate3d(0, 20px, 0); 1203     transform: translate3d(0, 20px, 0);
1204   } 1204   }
1205  1205 
1206   to { 1206   to {
1207     opacity: 0; 1207     opacity: 0;
1208     -webkit-transform: translate3d(0, -2000px, 0); 1208     -webkit-transform: translate3d(0, -2000px, 0);
1209     transform: translate3d(0, -2000px, 0); 1209     transform: translate3d(0, -2000px, 0);
1210   } 1210   }
1211 } 1211 }
1212  1212 
1213 .bounceOutUp { 1213 .bounceOutUp {
1214   -webkit-animation-name: bounceOutUp; 1214   -webkit-animation-name: bounceOutUp;
1215   animation-name: bounceOutUp; 1215   animation-name: bounceOutUp;
1216 } 1216 }
1217  1217 
1218 @-webkit-keyframes fadeIn { 1218 @-webkit-keyframes fadeIn {
1219   from { 1219   from {
1220     opacity: 0; 1220     opacity: 0;
1221   } 1221   }
1222  1222 
1223   to { 1223   to {
1224     opacity: 1; 1224     opacity: 1;
1225   } 1225   }
1226 } 1226 }
1227  1227 
1228 @keyframes fadeIn { 1228 @keyframes fadeIn {
1229   from { 1229   from {
1230     opacity: 0; 1230     opacity: 0;
1231   } 1231   }
1232  1232 
1233   to { 1233   to {
1234     opacity: 1; 1234     opacity: 1;
1235   } 1235   }
1236 } 1236 }
1237  1237 
1238 .fadeIn { 1238 .fadeIn {
1239   -webkit-animation-name: fadeIn; 1239   -webkit-animation-name: fadeIn;
1240   animation-name: fadeIn; 1240   animation-name: fadeIn;
1241 } 1241 }
1242  1242 
1243 @-webkit-keyframes fadeInDown { 1243 @-webkit-keyframes fadeInDown {
1244   from { 1244   from {
1245     opacity: 0; 1245     opacity: 0;
1246     -webkit-transform: translate3d(0, -100%, 0); 1246     -webkit-transform: translate3d(0, -100%, 0);
1247     transform: translate3d(0, -100%, 0); 1247     transform: translate3d(0, -100%, 0);
1248   } 1248   }
1249  1249 
1250   to { 1250   to {
1251     opacity: 1; 1251     opacity: 1;
1252     -webkit-transform: none; 1252     -webkit-transform: none;
1253     transform: none; 1253     transform: none;
1254   } 1254   }
1255 } 1255 }
1256  1256 
1257 @keyframes fadeInDown { 1257 @keyframes fadeInDown {
1258   from { 1258   from {
1259     opacity: 0; 1259     opacity: 0;
1260     -webkit-transform: translate3d(0, -100%, 0); 1260     -webkit-transform: translate3d(0, -100%, 0);
1261     transform: translate3d(0, -100%, 0); 1261     transform: translate3d(0, -100%, 0);
1262   } 1262   }
1263  1263 
1264   to { 1264   to {
1265     opacity: 1; 1265     opacity: 1;
1266     -webkit-transform: none; 1266     -webkit-transform: none;
1267     transform: none; 1267     transform: none;
1268   } 1268   }
1269 } 1269 }
1270  1270 
1271 .fadeInDown { 1271 .fadeInDown {
1272   -webkit-animation-name: fadeInDown; 1272   -webkit-animation-name: fadeInDown;
1273   animation-name: fadeInDown; 1273   animation-name: fadeInDown;
1274 } 1274 }
1275  1275 
1276 @-webkit-keyframes fadeInDownBig { 1276 @-webkit-keyframes fadeInDownBig {
1277   from { 1277   from {
1278     opacity: 0; 1278     opacity: 0;
1279     -webkit-transform: translate3d(0, -2000px, 0); 1279     -webkit-transform: translate3d(0, -2000px, 0);
1280     transform: translate3d(0, -2000px, 0); 1280     transform: translate3d(0, -2000px, 0);
1281   } 1281   }
1282  1282 
1283   to { 1283   to {
1284     opacity: 1; 1284     opacity: 1;
1285     -webkit-transform: none; 1285     -webkit-transform: none;
1286     transform: none; 1286     transform: none;
1287   } 1287   }
1288 } 1288 }
1289  1289 
1290 @keyframes fadeInDownBig { 1290 @keyframes fadeInDownBig {
1291   from { 1291   from {
1292     opacity: 0; 1292     opacity: 0;
1293     -webkit-transform: translate3d(0, -2000px, 0); 1293     -webkit-transform: translate3d(0, -2000px, 0);
1294     transform: translate3d(0, -2000px, 0); 1294     transform: translate3d(0, -2000px, 0);
1295   } 1295   }
1296  1296 
1297   to { 1297   to {
1298     opacity: 1; 1298     opacity: 1;
1299     -webkit-transform: none; 1299     -webkit-transform: none;
1300     transform: none; 1300     transform: none;
1301   } 1301   }
1302 } 1302 }
1303  1303 
1304 .fadeInDownBig { 1304 .fadeInDownBig {
1305   -webkit-animation-name: fadeInDownBig; 1305   -webkit-animation-name: fadeInDownBig;
1306   animation-name: fadeInDownBig; 1306   animation-name: fadeInDownBig;
1307 } 1307 }
1308  1308 
1309 @-webkit-keyframes fadeInLeft { 1309 @-webkit-keyframes fadeInLeft {
1310   from { 1310   from {
1311     opacity: 0; 1311     opacity: 0;
1312     -webkit-transform: translate3d(-100%, 0, 0); 1312     -webkit-transform: translate3d(-100%, 0, 0);
1313     transform: translate3d(-100%, 0, 0); 1313     transform: translate3d(-100%, 0, 0);
1314   } 1314   }
1315  1315 
1316   to { 1316   to {
1317     opacity: 1; 1317     opacity: 1;
1318     -webkit-transform: none; 1318     -webkit-transform: none;
1319     transform: none; 1319     transform: none;
1320   } 1320   }
1321 } 1321 }
1322  1322 
1323 @keyframes fadeInLeft { 1323 @keyframes fadeInLeft {
1324   from { 1324   from {
1325     opacity: 0; 1325     opacity: 0;
1326     -webkit-transform: translate3d(-100%, 0, 0); 1326     -webkit-transform: translate3d(-100%, 0, 0);
1327     transform: translate3d(-100%, 0, 0); 1327     transform: translate3d(-100%, 0, 0);
1328   } 1328   }
1329  1329 
1330   to { 1330   to {
1331     opacity: 1; 1331     opacity: 1;
1332     -webkit-transform: none; 1332     -webkit-transform: none;
1333     transform: none; 1333     transform: none;
1334   } 1334   }
1335 } 1335 }
1336  1336 
1337 .fadeInLeft { 1337 .fadeInLeft {
1338   -webkit-animation-name: fadeInLeft; 1338   -webkit-animation-name: fadeInLeft;
1339   animation-name: fadeInLeft; 1339   animation-name: fadeInLeft;
1340 } 1340 }
1341  1341 
1342 @-webkit-keyframes fadeInLeftBig { 1342 @-webkit-keyframes fadeInLeftBig {
1343   from { 1343   from {
1344     opacity: 0; 1344     opacity: 0;
1345     -webkit-transform: translate3d(-2000px, 0, 0); 1345     -webkit-transform: translate3d(-2000px, 0, 0);
1346     transform: translate3d(-2000px, 0, 0); 1346     transform: translate3d(-2000px, 0, 0);
1347   } 1347   }
1348  1348 
1349   to { 1349   to {
1350     opacity: 1; 1350     opacity: 1;
1351     -webkit-transform: none; 1351     -webkit-transform: none;
1352     transform: none; 1352     transform: none;
1353   } 1353   }
1354 } 1354 }
1355  1355 
1356 @keyframes fadeInLeftBig { 1356 @keyframes fadeInLeftBig {
1357   from { 1357   from {
1358     opacity: 0; 1358     opacity: 0;
1359     -webkit-transform: translate3d(-2000px, 0, 0); 1359     -webkit-transform: translate3d(-2000px, 0, 0);
1360     transform: translate3d(-2000px, 0, 0); 1360     transform: translate3d(-2000px, 0, 0);
1361   } 1361   }
1362  1362 
1363   to { 1363   to {
1364     opacity: 1; 1364     opacity: 1;
1365     -webkit-transform: none; 1365     -webkit-transform: none;
1366     transform: none; 1366     transform: none;
1367   } 1367   }
1368 } 1368 }
1369  1369 
1370 .fadeInLeftBig { 1370 .fadeInLeftBig {
1371   -webkit-animation-name: fadeInLeftBig; 1371   -webkit-animation-name: fadeInLeftBig;
1372   animation-name: fadeInLeftBig; 1372   animation-name: fadeInLeftBig;
1373 } 1373 }
1374  1374 
1375 @-webkit-keyframes fadeInRight { 1375 @-webkit-keyframes fadeInRight {
1376   from { 1376   from {
1377     opacity: 0; 1377     opacity: 0;
1378     -webkit-transform: translate3d(100%, 0, 0); 1378     -webkit-transform: translate3d(100%, 0, 0);
1379     transform: translate3d(100%, 0, 0); 1379     transform: translate3d(100%, 0, 0);
1380   } 1380   }
1381  1381 
1382   to { 1382   to {
1383     opacity: 1; 1383     opacity: 1;
1384     -webkit-transform: none; 1384     -webkit-transform: none;
1385     transform: none; 1385     transform: none;
1386   } 1386   }
1387 } 1387 }
1388  1388 
1389 @keyframes fadeInRight { 1389 @keyframes fadeInRight {
1390   from { 1390   from {
1391     opacity: 0; 1391     opacity: 0;
1392     -webkit-transform: translate3d(100%, 0, 0); 1392     -webkit-transform: translate3d(100%, 0, 0);
1393     transform: translate3d(100%, 0, 0); 1393     transform: translate3d(100%, 0, 0);
1394   } 1394   }
1395  1395 
1396   to { 1396   to {
1397     opacity: 1; 1397     opacity: 1;
1398     -webkit-transform: none; 1398     -webkit-transform: none;
1399     transform: none; 1399     transform: none;
1400   } 1400   }
1401 } 1401 }
1402  1402 
1403 .fadeInRight { 1403 .fadeInRight {
1404   -webkit-animation-name: fadeInRight; 1404   -webkit-animation-name: fadeInRight;
1405   animation-name: fadeInRight; 1405   animation-name: fadeInRight;
1406 } 1406 }
1407  1407 
1408 @-webkit-keyframes fadeInRightBig { 1408 @-webkit-keyframes fadeInRightBig {
1409   from { 1409   from {
1410     opacity: 0; 1410     opacity: 0;
1411     -webkit-transform: translate3d(2000px, 0, 0); 1411     -webkit-transform: translate3d(2000px, 0, 0);
1412     transform: translate3d(2000px, 0, 0); 1412     transform: translate3d(2000px, 0, 0);
1413   } 1413   }
1414  1414 
1415   to { 1415   to {
1416     opacity: 1; 1416     opacity: 1;
1417     -webkit-transform: none; 1417     -webkit-transform: none;
1418     transform: none; 1418     transform: none;
1419   } 1419   }
1420 } 1420 }
1421  1421 
1422 @keyframes fadeInRightBig { 1422 @keyframes fadeInRightBig {
1423   from { 1423   from {
1424     opacity: 0; 1424     opacity: 0;
1425     -webkit-transform: translate3d(2000px, 0, 0); 1425     -webkit-transform: translate3d(2000px, 0, 0);
1426     transform: translate3d(2000px, 0, 0); 1426     transform: translate3d(2000px, 0, 0);
1427   } 1427   }
1428  1428 
1429   to { 1429   to {
1430     opacity: 1; 1430     opacity: 1;
1431     -webkit-transform: none; 1431     -webkit-transform: none;
1432     transform: none; 1432     transform: none;
1433   } 1433   }
1434 } 1434 }
1435  1435 
1436 .fadeInRightBig { 1436 .fadeInRightBig {
1437   -webkit-animation-name: fadeInRightBig; 1437   -webkit-animation-name: fadeInRightBig;
1438   animation-name: fadeInRightBig; 1438   animation-name: fadeInRightBig;
1439 } 1439 }
1440  1440 
1441 @-webkit-keyframes fadeInUp { 1441 @-webkit-keyframes fadeInUp {
1442   from { 1442   from {
1443     opacity: 0; 1443     opacity: 0;
1444     -webkit-transform: translate3d(0, 100%, 0); 1444     -webkit-transform: translate3d(0, 100%, 0);
1445     transform: translate3d(0, 100%, 0); 1445     transform: translate3d(0, 100%, 0);
1446   } 1446   }
1447  1447 
1448   to { 1448   to {
1449     opacity: 1; 1449     opacity: 1;
1450     -webkit-transform: none; 1450     -webkit-transform: none;
1451     transform: none; 1451     transform: none;
1452   } 1452   }
1453 } 1453 }
1454  1454 
1455 @keyframes fadeInUp { 1455 @keyframes fadeInUp {
1456   from { 1456   from {
1457     opacity: 0; 1457     opacity: 0;
1458     -webkit-transform: translate3d(0, 100%, 0); 1458     -webkit-transform: translate3d(0, 100%, 0);
1459     transform: translate3d(0, 100%, 0); 1459     transform: translate3d(0, 100%, 0);
1460   } 1460   }
1461  1461 
1462   to { 1462   to {
1463     opacity: 1; 1463     opacity: 1;
1464     -webkit-transform: none; 1464     -webkit-transform: none;
1465     transform: none; 1465     transform: none;
1466   } 1466   }
1467 } 1467 }
1468  1468 
1469 .fadeInUp { 1469 .fadeInUp {
1470   -webkit-animation-name: fadeInUp; 1470   -webkit-animation-name: fadeInUp;
1471   animation-name: fadeInUp; 1471   animation-name: fadeInUp;
1472 } 1472 }
1473  1473 
1474 @-webkit-keyframes fadeInUpBig { 1474 @-webkit-keyframes fadeInUpBig {
1475   from { 1475   from {
1476     opacity: 0; 1476     opacity: 0;
1477     -webkit-transform: translate3d(0, 2000px, 0); 1477     -webkit-transform: translate3d(0, 2000px, 0);
1478     transform: translate3d(0, 2000px, 0); 1478     transform: translate3d(0, 2000px, 0);
1479   } 1479   }
1480  1480 
1481   to { 1481   to {
1482     opacity: 1; 1482     opacity: 1;
1483     -webkit-transform: none; 1483     -webkit-transform: none;
1484     transform: none; 1484     transform: none;
1485   } 1485   }
1486 } 1486 }
1487  1487 
1488 @keyframes fadeInUpBig { 1488 @keyframes fadeInUpBig {
1489   from { 1489   from {
1490     opacity: 0; 1490     opacity: 0;
1491     -webkit-transform: translate3d(0, 2000px, 0); 1491     -webkit-transform: translate3d(0, 2000px, 0);
1492     transform: translate3d(0, 2000px, 0); 1492     transform: translate3d(0, 2000px, 0);
1493   } 1493   }
1494  1494 
1495   to { 1495   to {
1496     opacity: 1; 1496     opacity: 1;
1497     -webkit-transform: none; 1497     -webkit-transform: none;
1498     transform: none; 1498     transform: none;
1499   } 1499   }
1500 } 1500 }
1501  1501 
1502 .fadeInUpBig { 1502 .fadeInUpBig {
1503   -webkit-animation-name: fadeInUpBig; 1503   -webkit-animation-name: fadeInUpBig;
1504   animation-name: fadeInUpBig; 1504   animation-name: fadeInUpBig;
1505 } 1505 }
1506  1506 
1507 @-webkit-keyframes fadeOut { 1507 @-webkit-keyframes fadeOut {
1508   from { 1508   from {
1509     opacity: 1; 1509     opacity: 1;
1510   } 1510   }
1511  1511 
1512   to { 1512   to {
1513     opacity: 0; 1513     opacity: 0;
1514   } 1514   }
1515 } 1515 }
1516  1516 
1517 @keyframes fadeOut { 1517 @keyframes fadeOut {
1518   from { 1518   from {
1519     opacity: 1; 1519     opacity: 1;
1520   } 1520   }
1521  1521 
1522   to { 1522   to {
1523     opacity: 0; 1523     opacity: 0;
1524   } 1524   }
1525 } 1525 }
1526  1526 
1527 .fadeOut { 1527 .fadeOut {
1528   -webkit-animation-name: fadeOut; 1528   -webkit-animation-name: fadeOut;
1529   animation-name: fadeOut; 1529   animation-name: fadeOut;
1530 } 1530 }
1531  1531 
1532 @-webkit-keyframes fadeOutDown { 1532 @-webkit-keyframes fadeOutDown {
1533   from { 1533   from {
1534     opacity: 1; 1534     opacity: 1;
1535   } 1535   }
1536  1536 
1537   to { 1537   to {
1538     opacity: 0; 1538     opacity: 0;
1539     -webkit-transform: translate3d(0, 100%, 0); 1539     -webkit-transform: translate3d(0, 100%, 0);
1540     transform: translate3d(0, 100%, 0); 1540     transform: translate3d(0, 100%, 0);
1541   } 1541   }
1542 } 1542 }
1543  1543 
1544 @keyframes fadeOutDown { 1544 @keyframes fadeOutDown {
1545   from { 1545   from {
1546     opacity: 1; 1546     opacity: 1;
1547   } 1547   }
1548  1548 
1549   to { 1549   to {
1550     opacity: 0; 1550     opacity: 0;
1551     -webkit-transform: translate3d(0, 100%, 0); 1551     -webkit-transform: translate3d(0, 100%, 0);
1552     transform: translate3d(0, 100%, 0); 1552     transform: translate3d(0, 100%, 0);
1553   } 1553   }
1554 } 1554 }
1555  1555 
1556 .fadeOutDown { 1556 .fadeOutDown {
1557   -webkit-animation-name: fadeOutDown; 1557   -webkit-animation-name: fadeOutDown;
1558   animation-name: fadeOutDown; 1558   animation-name: fadeOutDown;
1559 } 1559 }
1560  1560 
1561 @-webkit-keyframes fadeOutDownBig { 1561 @-webkit-keyframes fadeOutDownBig {
1562   from { 1562   from {
1563     opacity: 1; 1563     opacity: 1;
1564   } 1564   }
1565  1565 
1566   to { 1566   to {
1567     opacity: 0; 1567     opacity: 0;
1568     -webkit-transform: translate3d(0, 2000px, 0); 1568     -webkit-transform: translate3d(0, 2000px, 0);
1569     transform: translate3d(0, 2000px, 0); 1569     transform: translate3d(0, 2000px, 0);
1570   } 1570   }
1571 } 1571 }
1572  1572 
1573 @keyframes fadeOutDownBig { 1573 @keyframes fadeOutDownBig {
1574   from { 1574   from {
1575     opacity: 1; 1575     opacity: 1;
1576   } 1576   }
1577  1577 
1578   to { 1578   to {
1579     opacity: 0; 1579     opacity: 0;
1580     -webkit-transform: translate3d(0, 2000px, 0); 1580     -webkit-transform: translate3d(0, 2000px, 0);
1581     transform: translate3d(0, 2000px, 0); 1581     transform: translate3d(0, 2000px, 0);
1582   } 1582   }
1583 } 1583 }
1584  1584 
1585 .fadeOutDownBig { 1585 .fadeOutDownBig {
1586   -webkit-animation-name: fadeOutDownBig; 1586   -webkit-animation-name: fadeOutDownBig;
1587   animation-name: fadeOutDownBig; 1587   animation-name: fadeOutDownBig;
1588 } 1588 }
1589  1589 
1590 @-webkit-keyframes fadeOutLeft { 1590 @-webkit-keyframes fadeOutLeft {
1591   from { 1591   from {
1592     opacity: 1; 1592     opacity: 1;
1593   } 1593   }
1594  1594 
1595   to { 1595   to {
1596     opacity: 0; 1596     opacity: 0;
1597     -webkit-transform: translate3d(-100%, 0, 0); 1597     -webkit-transform: translate3d(-100%, 0, 0);
1598     transform: translate3d(-100%, 0, 0); 1598     transform: translate3d(-100%, 0, 0);
1599   } 1599   }
1600 } 1600 }
1601  1601 
1602 @keyframes fadeOutLeft { 1602 @keyframes fadeOutLeft {
1603   from { 1603   from {
1604     opacity: 1; 1604     opacity: 1;
1605   } 1605   }
1606  1606 
1607   to { 1607   to {
1608     opacity: 0; 1608     opacity: 0;
1609     -webkit-transform: translate3d(-100%, 0, 0); 1609     -webkit-transform: translate3d(-100%, 0, 0);
1610     transform: translate3d(-100%, 0, 0); 1610     transform: translate3d(-100%, 0, 0);
1611   } 1611   }
1612 } 1612 }
1613  1613 
1614 .fadeOutLeft { 1614 .fadeOutLeft {
1615   -webkit-animation-name: fadeOutLeft; 1615   -webkit-animation-name: fadeOutLeft;
1616   animation-name: fadeOutLeft; 1616   animation-name: fadeOutLeft;
1617 } 1617 }
1618  1618 
1619 @-webkit-keyframes fadeOutLeftBig { 1619 @-webkit-keyframes fadeOutLeftBig {
1620   from { 1620   from {
1621     opacity: 1; 1621     opacity: 1;
1622   } 1622   }
1623  1623 
1624   to { 1624   to {
1625     opacity: 0; 1625     opacity: 0;
1626     -webkit-transform: translate3d(-2000px, 0, 0); 1626     -webkit-transform: translate3d(-2000px, 0, 0);
1627     transform: translate3d(-2000px, 0, 0); 1627     transform: translate3d(-2000px, 0, 0);
1628   } 1628   }
1629 } 1629 }
1630  1630 
1631 @keyframes fadeOutLeftBig { 1631 @keyframes fadeOutLeftBig {
1632   from { 1632   from {
1633     opacity: 1; 1633     opacity: 1;
1634   } 1634   }
1635  1635 
1636   to { 1636   to {
1637     opacity: 0; 1637     opacity: 0;
1638     -webkit-transform: translate3d(-2000px, 0, 0); 1638     -webkit-transform: translate3d(-2000px, 0, 0);
1639     transform: translate3d(-2000px, 0, 0); 1639     transform: translate3d(-2000px, 0, 0);
1640   } 1640   }
1641 } 1641 }
1642  1642 
1643 .fadeOutLeftBig { 1643 .fadeOutLeftBig {
1644   -webkit-animation-name: fadeOutLeftBig; 1644   -webkit-animation-name: fadeOutLeftBig;
1645   animation-name: fadeOutLeftBig; 1645   animation-name: fadeOutLeftBig;
1646 } 1646 }
1647  1647 
1648 @-webkit-keyframes fadeOutRight { 1648 @-webkit-keyframes fadeOutRight {
1649   from { 1649   from {
1650     opacity: 1; 1650     opacity: 1;
1651   } 1651   }
1652  1652 
1653   to { 1653   to {
1654     opacity: 0; 1654     opacity: 0;
1655     -webkit-transform: translate3d(100%, 0, 0); 1655     -webkit-transform: translate3d(100%, 0, 0);
1656     transform: translate3d(100%, 0, 0); 1656     transform: translate3d(100%, 0, 0);
1657   } 1657   }
1658 } 1658 }
1659  1659 
1660 @keyframes fadeOutRight { 1660 @keyframes fadeOutRight {
1661   from { 1661   from {
1662     opacity: 1; 1662     opacity: 1;
1663   } 1663   }
1664  1664 
1665   to { 1665   to {
1666     opacity: 0; 1666     opacity: 0;
1667     -webkit-transform: translate3d(100%, 0, 0); 1667     -webkit-transform: translate3d(100%, 0, 0);
1668     transform: translate3d(100%, 0, 0); 1668     transform: translate3d(100%, 0, 0);
1669   } 1669   }
1670 } 1670 }
1671  1671 
1672 .fadeOutRight { 1672 .fadeOutRight {
1673   -webkit-animation-name: fadeOutRight; 1673   -webkit-animation-name: fadeOutRight;
1674   animation-name: fadeOutRight; 1674   animation-name: fadeOutRight;
1675 } 1675 }
1676  1676 
1677 @-webkit-keyframes fadeOutRightBig { 1677 @-webkit-keyframes fadeOutRightBig {
1678   from { 1678   from {
1679     opacity: 1; 1679     opacity: 1;
1680   } 1680   }
1681  1681 
1682   to { 1682   to {
1683     opacity: 0; 1683     opacity: 0;
1684     -webkit-transform: translate3d(2000px, 0, 0); 1684     -webkit-transform: translate3d(2000px, 0, 0);
1685     transform: translate3d(2000px, 0, 0); 1685     transform: translate3d(2000px, 0, 0);
1686   } 1686   }
1687 } 1687 }
1688  1688 
1689 @keyframes fadeOutRightBig { 1689 @keyframes fadeOutRightBig {
1690   from { 1690   from {
1691     opacity: 1; 1691     opacity: 1;
1692   } 1692   }
1693  1693 
1694   to { 1694   to {
1695     opacity: 0; 1695     opacity: 0;
1696     -webkit-transform: translate3d(2000px, 0, 0); 1696     -webkit-transform: translate3d(2000px, 0, 0);
1697     transform: translate3d(2000px, 0, 0); 1697     transform: translate3d(2000px, 0, 0);
1698   } 1698   }
1699 } 1699 }
1700  1700 
1701 .fadeOutRightBig { 1701 .fadeOutRightBig {
1702   -webkit-animation-name: fadeOutRightBig; 1702   -webkit-animation-name: fadeOutRightBig;
1703   animation-name: fadeOutRightBig; 1703   animation-name: fadeOutRightBig;
1704 } 1704 }
1705  1705 
1706 @-webkit-keyframes fadeOutUp { 1706 @-webkit-keyframes fadeOutUp {
1707   from { 1707   from {
1708     opacity: 1; 1708     opacity: 1;
1709   } 1709   }
1710  1710 
1711   to { 1711   to {
1712     opacity: 0; 1712     opacity: 0;
1713     -webkit-transform: translate3d(0, -100%, 0); 1713     -webkit-transform: translate3d(0, -100%, 0);
1714     transform: translate3d(0, -100%, 0); 1714     transform: translate3d(0, -100%, 0);
1715   } 1715   }
1716 } 1716 }
1717  1717 
1718 @keyframes fadeOutUp { 1718 @keyframes fadeOutUp {
1719   from { 1719   from {
1720     opacity: 1; 1720     opacity: 1;
1721   } 1721   }
1722  1722 
1723   to { 1723   to {
1724     opacity: 0; 1724     opacity: 0;
1725     -webkit-transform: translate3d(0, -100%, 0); 1725     -webkit-transform: translate3d(0, -100%, 0);
1726     transform: translate3d(0, -100%, 0); 1726     transform: translate3d(0, -100%, 0);
1727   } 1727   }
1728 } 1728 }
1729  1729 
1730 .fadeOutUp { 1730 .fadeOutUp {
1731   -webkit-animation-name: fadeOutUp; 1731   -webkit-animation-name: fadeOutUp;
1732   animation-name: fadeOutUp; 1732   animation-name: fadeOutUp;
1733 } 1733 }
1734  1734 
1735 @-webkit-keyframes fadeOutUpBig { 1735 @-webkit-keyframes fadeOutUpBig {
1736   from { 1736   from {
1737     opacity: 1; 1737     opacity: 1;
1738   } 1738   }
1739  1739 
1740   to { 1740   to {
1741     opacity: 0; 1741     opacity: 0;
1742     -webkit-transform: translate3d(0, -2000px, 0); 1742     -webkit-transform: translate3d(0, -2000px, 0);
1743     transform: translate3d(0, -2000px, 0); 1743     transform: translate3d(0, -2000px, 0);
1744   } 1744   }
1745 } 1745 }
1746  1746 
1747 @keyframes fadeOutUpBig { 1747 @keyframes fadeOutUpBig {
1748   from { 1748   from {
1749     opacity: 1; 1749     opacity: 1;
1750   } 1750   }
1751  1751 
1752   to { 1752   to {
1753     opacity: 0; 1753     opacity: 0;
1754     -webkit-transform: translate3d(0, -2000px, 0); 1754     -webkit-transform: translate3d(0, -2000px, 0);
1755     transform: translate3d(0, -2000px, 0); 1755     transform: translate3d(0, -2000px, 0);
1756   } 1756   }
1757 } 1757 }
1758  1758 
1759 .fadeOutUpBig { 1759 .fadeOutUpBig {
1760   -webkit-animation-name: fadeOutUpBig; 1760   -webkit-animation-name: fadeOutUpBig;
1761   animation-name: fadeOutUpBig; 1761   animation-name: fadeOutUpBig;
1762 } 1762 }
1763  1763 
1764 @-webkit-keyframes flip { 1764 @-webkit-keyframes flip {
1765   from { 1765   from {
1766     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); 1766     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1767     transform: perspective(400px) rotate3d(0, 1, 0, -360deg); 1767     transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1768     -webkit-animation-timing-function: ease-out; 1768     -webkit-animation-timing-function: ease-out;
1769     animation-timing-function: ease-out; 1769     animation-timing-function: ease-out;
1770   } 1770   }
1771  1771 
1772   40% { 1772   40% {
1773     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); 1773     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1774     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); 1774     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1775     -webkit-animation-timing-function: ease-out; 1775     -webkit-animation-timing-function: ease-out;
1776     animation-timing-function: ease-out; 1776     animation-timing-function: ease-out;
1777   } 1777   }
1778  1778 
1779   50% { 1779   50% {
1780     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); 1780     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1781     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); 1781     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1782     -webkit-animation-timing-function: ease-in; 1782     -webkit-animation-timing-function: ease-in;
1783     animation-timing-function: ease-in; 1783     animation-timing-function: ease-in;
1784   } 1784   }
1785  1785 
1786   80% { 1786   80% {
1787     -webkit-transform: perspective(400px) scale3d(.95, .95, .95); 1787     -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1788     transform: perspective(400px) scale3d(.95, .95, .95); 1788     transform: perspective(400px) scale3d(.95, .95, .95);
1789     -webkit-animation-timing-function: ease-in; 1789     -webkit-animation-timing-function: ease-in;
1790     animation-timing-function: ease-in; 1790     animation-timing-function: ease-in;
1791   } 1791   }
1792  1792 
1793   to { 1793   to {
1794     -webkit-transform: perspective(400px); 1794     -webkit-transform: perspective(400px);
1795     transform: perspective(400px); 1795     transform: perspective(400px);
1796     -webkit-animation-timing-function: ease-in; 1796     -webkit-animation-timing-function: ease-in;
1797     animation-timing-function: ease-in; 1797     animation-timing-function: ease-in;
1798   } 1798   }
1799 } 1799 }
1800  1800 
1801 @keyframes flip { 1801 @keyframes flip {
1802   from { 1802   from {
1803     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); 1803     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1804     transform: perspective(400px) rotate3d(0, 1, 0, -360deg); 1804     transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1805     -webkit-animation-timing-function: ease-out; 1805     -webkit-animation-timing-function: ease-out;
1806     animation-timing-function: ease-out; 1806     animation-timing-function: ease-out;
1807   } 1807   }
1808  1808 
1809   40% { 1809   40% {
1810     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); 1810     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1811     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); 1811     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1812     -webkit-animation-timing-function: ease-out; 1812     -webkit-animation-timing-function: ease-out;
1813     animation-timing-function: ease-out; 1813     animation-timing-function: ease-out;
1814   } 1814   }
1815  1815 
1816   50% { 1816   50% {
1817     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); 1817     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1818     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); 1818     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1819     -webkit-animation-timing-function: ease-in; 1819     -webkit-animation-timing-function: ease-in;
1820     animation-timing-function: ease-in; 1820     animation-timing-function: ease-in;
1821   } 1821   }
1822  1822 
1823   80% { 1823   80% {
1824     -webkit-transform: perspective(400px) scale3d(.95, .95, .95); 1824     -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1825     transform: perspective(400px) scale3d(.95, .95, .95); 1825     transform: perspective(400px) scale3d(.95, .95, .95);
1826     -webkit-animation-timing-function: ease-in; 1826     -webkit-animation-timing-function: ease-in;
1827     animation-timing-function: ease-in; 1827     animation-timing-function: ease-in;
1828   } 1828   }
1829  1829 
1830   to { 1830   to {
1831     -webkit-transform: perspective(400px); 1831     -webkit-transform: perspective(400px);
1832     transform: perspective(400px); 1832     transform: perspective(400px);
1833     -webkit-animation-timing-function: ease-in; 1833     -webkit-animation-timing-function: ease-in;
1834     animation-timing-function: ease-in; 1834     animation-timing-function: ease-in;
1835   } 1835   }
1836 } 1836 }
1837  1837 
1838 .animated.flip { 1838 .animated.flip {
1839   -webkit-backface-visibility: visible; 1839   -webkit-backface-visibility: visible;
1840   backface-visibility: visible; 1840   backface-visibility: visible;
1841   -webkit-animation-name: flip; 1841   -webkit-animation-name: flip;
1842   animation-name: flip; 1842   animation-name: flip;
1843 } 1843 }
1844  1844 
1845 @-webkit-keyframes flipInX { 1845 @-webkit-keyframes flipInX {
1846   from { 1846   from {
1847     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 1847     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1848     transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 1848     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1849     -webkit-animation-timing-function: ease-in; 1849     -webkit-animation-timing-function: ease-in;
1850     animation-timing-function: ease-in; 1850     animation-timing-function: ease-in;
1851     opacity: 0; 1851     opacity: 0;
1852   } 1852   }
1853  1853 
1854   40% { 1854   40% {
1855     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 1855     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1856     transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 1856     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1857     -webkit-animation-timing-function: ease-in; 1857     -webkit-animation-timing-function: ease-in;
1858     animation-timing-function: ease-in; 1858     animation-timing-function: ease-in;
1859   } 1859   }
1860  1860 
1861   60% { 1861   60% {
1862     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 1862     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1863     transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 1863     transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1864     opacity: 1; 1864     opacity: 1;
1865   } 1865   }
1866  1866 
1867   80% { 1867   80% {
1868     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 1868     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1869     transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 1869     transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1870   } 1870   }
1871  1871 
1872   to { 1872   to {
1873     -webkit-transform: perspective(400px); 1873     -webkit-transform: perspective(400px);
1874     transform: perspective(400px); 1874     transform: perspective(400px);
1875   } 1875   }
1876 } 1876 }
1877  1877 
1878 @keyframes flipInX { 1878 @keyframes flipInX {
1879   from { 1879   from {
1880     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 1880     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1881     transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 1881     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1882     -webkit-animation-timing-function: ease-in; 1882     -webkit-animation-timing-function: ease-in;
1883     animation-timing-function: ease-in; 1883     animation-timing-function: ease-in;
1884     opacity: 0; 1884     opacity: 0;
1885   } 1885   }
1886  1886 
1887   40% { 1887   40% {
1888     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 1888     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1889     transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 1889     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1890     -webkit-animation-timing-function: ease-in; 1890     -webkit-animation-timing-function: ease-in;
1891     animation-timing-function: ease-in; 1891     animation-timing-function: ease-in;
1892   } 1892   }
1893  1893 
1894   60% { 1894   60% {
1895     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 1895     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1896     transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 1896     transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1897     opacity: 1; 1897     opacity: 1;
1898   } 1898   }
1899  1899 
1900   80% { 1900   80% {
1901     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 1901     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1902     transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 1902     transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1903   } 1903   }
1904  1904 
1905   to { 1905   to {
1906     -webkit-transform: perspective(400px); 1906     -webkit-transform: perspective(400px);
1907     transform: perspective(400px); 1907     transform: perspective(400px);
1908   } 1908   }
1909 } 1909 }
1910  1910 
1911 .flipInX { 1911 .flipInX {
1912   -webkit-backface-visibility: visible !important; 1912   -webkit-backface-visibility: visible !important;
1913   backface-visibility: visible !important; 1913   backface-visibility: visible !important;
1914   -webkit-animation-name: flipInX; 1914   -webkit-animation-name: flipInX;
1915   animation-name: flipInX; 1915   animation-name: flipInX;
1916 } 1916 }
1917  1917 
1918 @-webkit-keyframes flipInY { 1918 @-webkit-keyframes flipInY {
1919   from { 1919   from {
1920     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 1920     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1921     transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 1921     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1922     -webkit-animation-timing-function: ease-in; 1922     -webkit-animation-timing-function: ease-in;
1923     animation-timing-function: ease-in; 1923     animation-timing-function: ease-in;
1924     opacity: 0; 1924     opacity: 0;
1925   } 1925   }
1926  1926 
1927   40% { 1927   40% {
1928     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 1928     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1929     transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 1929     transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1930     -webkit-animation-timing-function: ease-in; 1930     -webkit-animation-timing-function: ease-in;
1931     animation-timing-function: ease-in; 1931     animation-timing-function: ease-in;
1932   } 1932   }
1933  1933 
1934   60% { 1934   60% {
1935     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 1935     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1936     transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 1936     transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1937     opacity: 1; 1937     opacity: 1;
1938   } 1938   }
1939  1939 
1940   80% { 1940   80% {
1941     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 1941     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1942     transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 1942     transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1943   } 1943   }
1944  1944 
1945   to { 1945   to {
1946     -webkit-transform: perspective(400px); 1946     -webkit-transform: perspective(400px);
1947     transform: perspective(400px); 1947     transform: perspective(400px);
1948   } 1948   }
1949 } 1949 }
1950  1950 
1951 @keyframes flipInY { 1951 @keyframes flipInY {
1952   from { 1952   from {
1953     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 1953     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1954     transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 1954     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1955     -webkit-animation-timing-function: ease-in; 1955     -webkit-animation-timing-function: ease-in;
1956     animation-timing-function: ease-in; 1956     animation-timing-function: ease-in;
1957     opacity: 0; 1957     opacity: 0;
1958   } 1958   }
1959  1959 
1960   40% { 1960   40% {
1961     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 1961     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1962     transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 1962     transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1963     -webkit-animation-timing-function: ease-in; 1963     -webkit-animation-timing-function: ease-in;
1964     animation-timing-function: ease-in; 1964     animation-timing-function: ease-in;
1965   } 1965   }
1966  1966 
1967   60% { 1967   60% {
1968     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 1968     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1969     transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 1969     transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1970     opacity: 1; 1970     opacity: 1;
1971   } 1971   }
1972  1972 
1973   80% { 1973   80% {
1974     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 1974     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1975     transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 1975     transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1976   } 1976   }
1977  1977 
1978   to { 1978   to {
1979     -webkit-transform: perspective(400px); 1979     -webkit-transform: perspective(400px);
1980     transform: perspective(400px); 1980     transform: perspective(400px);
1981   } 1981   }
1982 } 1982 }
1983  1983 
1984 .flipInY { 1984 .flipInY {
1985   -webkit-backface-visibility: visible !important; 1985   -webkit-backface-visibility: visible !important;
1986   backface-visibility: visible !important; 1986   backface-visibility: visible !important;
1987   -webkit-animation-name: flipInY; 1987   -webkit-animation-name: flipInY;
1988   animation-name: flipInY; 1988   animation-name: flipInY;
1989 } 1989 }
1990  1990 
1991 @-webkit-keyframes flipOutX { 1991 @-webkit-keyframes flipOutX {
1992   from { 1992   from {
1993     -webkit-transform: perspective(400px); 1993     -webkit-transform: perspective(400px);
1994     transform: perspective(400px); 1994     transform: perspective(400px);
1995   } 1995   }
1996  1996 
1997   30% { 1997   30% {
1998     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 1998     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1999     transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 1999     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2000     opacity: 1; 2000     opacity: 1;
2001   } 2001   }
2002  2002 
2003   to { 2003   to {
2004     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 2004     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2005     transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 2005     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2006     opacity: 0; 2006     opacity: 0;
2007   } 2007   }
2008 } 2008 }
2009  2009 
2010 @keyframes flipOutX { 2010 @keyframes flipOutX {
2011   from { 2011   from {
2012     -webkit-transform: perspective(400px); 2012     -webkit-transform: perspective(400px);
2013     transform: perspective(400px); 2013     transform: perspective(400px);
2014   } 2014   }
2015  2015 
2016   30% { 2016   30% {
2017     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 2017     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2018     transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 2018     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2019     opacity: 1; 2019     opacity: 1;
2020   } 2020   }
2021  2021 
2022   to { 2022   to {
2023     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 2023     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2024     transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 2024     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2025     opacity: 0; 2025     opacity: 0;
2026   } 2026   }
2027 } 2027 }
2028  2028 
2029 .flipOutX { 2029 .flipOutX {
2030   -webkit-animation-name: flipOutX; 2030   -webkit-animation-name: flipOutX;
2031   animation-name: flipOutX; 2031   animation-name: flipOutX;
2032   -webkit-backface-visibility: visible !important; 2032   -webkit-backface-visibility: visible !important;
2033   backface-visibility: visible !important; 2033   backface-visibility: visible !important;
2034 } 2034 }
2035  2035 
2036 @-webkit-keyframes flipOutY { 2036 @-webkit-keyframes flipOutY {
2037   from { 2037   from {
2038     -webkit-transform: perspective(400px); 2038     -webkit-transform: perspective(400px);
2039     transform: perspective(400px); 2039     transform: perspective(400px);
2040   } 2040   }
2041  2041 
2042   30% { 2042   30% {
2043     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 2043     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2044     transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 2044     transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2045     opacity: 1; 2045     opacity: 1;
2046   } 2046   }
2047  2047 
2048   to { 2048   to {
2049     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 2049     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2050     transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 2050     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2051     opacity: 0; 2051     opacity: 0;
2052   } 2052   }
2053 } 2053 }
2054  2054 
2055 @keyframes flipOutY { 2055 @keyframes flipOutY {
2056   from { 2056   from {
2057     -webkit-transform: perspective(400px); 2057     -webkit-transform: perspective(400px);
2058     transform: perspective(400px); 2058     transform: perspective(400px);
2059   } 2059   }
2060  2060 
2061   30% { 2061   30% {
2062     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 2062     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2063     transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 2063     transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2064     opacity: 1; 2064     opacity: 1;
2065   } 2065   }
2066  2066 
2067   to { 2067   to {
2068     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 2068     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2069     transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 2069     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2070     opacity: 0; 2070     opacity: 0;
2071   } 2071   }
2072 } 2072 }
2073  2073 
2074 .flipOutY { 2074 .flipOutY {
2075   -webkit-backface-visibility: visible !important; 2075   -webkit-backface-visibility: visible !important;
2076   backface-visibility: visible !important; 2076   backface-visibility: visible !important;
2077   -webkit-animation-name: flipOutY; 2077   -webkit-animation-name: flipOutY;
2078   animation-name: flipOutY; 2078   animation-name: flipOutY;
2079 } 2079 }
2080  2080 
2081 @-webkit-keyframes lightSpeedIn { 2081 @-webkit-keyframes lightSpeedIn {
2082   from { 2082   from {
2083     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); 2083     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2084     transform: translate3d(100%, 0, 0) skewX(-30deg); 2084     transform: translate3d(100%, 0, 0) skewX(-30deg);
2085     opacity: 0; 2085     opacity: 0;
2086   } 2086   }
2087  2087 
2088   60% { 2088   60% {
2089     -webkit-transform: skewX(20deg); 2089     -webkit-transform: skewX(20deg);
2090     transform: skewX(20deg); 2090     transform: skewX(20deg);
2091     opacity: 1; 2091     opacity: 1;
2092   } 2092   }
2093  2093 
2094   80% { 2094   80% {
2095     -webkit-transform: skewX(-5deg); 2095     -webkit-transform: skewX(-5deg);
2096     transform: skewX(-5deg); 2096     transform: skewX(-5deg);
2097     opacity: 1; 2097     opacity: 1;
2098   } 2098   }
2099  2099 
2100   to { 2100   to {
2101     -webkit-transform: none; 2101     -webkit-transform: none;
2102     transform: none; 2102     transform: none;
2103     opacity: 1; 2103     opacity: 1;
2104   } 2104   }
2105 } 2105 }
2106  2106 
2107 @keyframes lightSpeedIn { 2107 @keyframes lightSpeedIn {
2108   from { 2108   from {
2109     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); 2109     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2110     transform: translate3d(100%, 0, 0) skewX(-30deg); 2110     transform: translate3d(100%, 0, 0) skewX(-30deg);
2111     opacity: 0; 2111     opacity: 0;
2112   } 2112   }
2113  2113 
2114   60% { 2114   60% {
2115     -webkit-transform: skewX(20deg); 2115     -webkit-transform: skewX(20deg);
2116     transform: skewX(20deg); 2116     transform: skewX(20deg);
2117     opacity: 1; 2117     opacity: 1;
2118   } 2118   }
2119  2119 
2120   80% { 2120   80% {
2121     -webkit-transform: skewX(-5deg); 2121     -webkit-transform: skewX(-5deg);
2122     transform: skewX(-5deg); 2122     transform: skewX(-5deg);
2123     opacity: 1; 2123     opacity: 1;
2124   } 2124   }
2125  2125 
2126   to { 2126   to {
2127     -webkit-transform: none; 2127     -webkit-transform: none;
2128     transform: none; 2128     transform: none;
2129     opacity: 1; 2129     opacity: 1;
2130   } 2130   }
2131 } 2131 }
2132  2132 
2133 .lightSpeedIn { 2133 .lightSpeedIn {
2134   -webkit-animation-name: lightSpeedIn; 2134   -webkit-animation-name: lightSpeedIn;
2135   animation-name: lightSpeedIn; 2135   animation-name: lightSpeedIn;
2136   -webkit-animation-timing-function: ease-out; 2136   -webkit-animation-timing-function: ease-out;
2137   animation-timing-function: ease-out; 2137   animation-timing-function: ease-out;
2138 } 2138 }
2139  2139 
2140 @-webkit-keyframes lightSpeedOut { 2140 @-webkit-keyframes lightSpeedOut {
2141   from { 2141   from {
2142     opacity: 1; 2142     opacity: 1;
2143   } 2143   }
2144  2144 
2145   to { 2145   to {
2146     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); 2146     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2147     transform: translate3d(100%, 0, 0) skewX(30deg); 2147     transform: translate3d(100%, 0, 0) skewX(30deg);
2148     opacity: 0; 2148     opacity: 0;
2149   } 2149   }
2150 } 2150 }
2151  2151 
2152 @keyframes lightSpeedOut { 2152 @keyframes lightSpeedOut {
2153   from { 2153   from {
2154     opacity: 1; 2154     opacity: 1;
2155   } 2155   }
2156  2156 
2157   to { 2157   to {
2158     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); 2158     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2159     transform: translate3d(100%, 0, 0) skewX(30deg); 2159     transform: translate3d(100%, 0, 0) skewX(30deg);
2160     opacity: 0; 2160     opacity: 0;
2161   } 2161   }
2162 } 2162 }
2163  2163 
2164 .lightSpeedOut { 2164 .lightSpeedOut {
2165   -webkit-animation-name: lightSpeedOut; 2165   -webkit-animation-name: lightSpeedOut;
2166   animation-name: lightSpeedOut; 2166   animation-name: lightSpeedOut;
2167   -webkit-animation-timing-function: ease-in; 2167   -webkit-animation-timing-function: ease-in;
2168   animation-timing-function: ease-in; 2168   animation-timing-function: ease-in;
2169 } 2169 }
2170  2170 
2171 @-webkit-keyframes rotateIn { 2171 @-webkit-keyframes rotateIn {
2172   from { 2172   from {
2173     -webkit-transform-origin: center; 2173     -webkit-transform-origin: center;
2174     transform-origin: center; 2174     transform-origin: center;
2175     -webkit-transform: rotate3d(0, 0, 1, -200deg); 2175     -webkit-transform: rotate3d(0, 0, 1, -200deg);
2176     transform: rotate3d(0, 0, 1, -200deg); 2176     transform: rotate3d(0, 0, 1, -200deg);
2177     opacity: 0; 2177     opacity: 0;
2178   } 2178   }
2179  2179 
2180   to { 2180   to {
2181     -webkit-transform-origin: center; 2181     -webkit-transform-origin: center;
2182     transform-origin: center; 2182     transform-origin: center;
2183     -webkit-transform: none; 2183     -webkit-transform: none;
2184     transform: none; 2184     transform: none;
2185     opacity: 1; 2185     opacity: 1;
2186   } 2186   }
2187 } 2187 }
2188  2188 
2189 @keyframes rotateIn { 2189 @keyframes rotateIn {
2190   from { 2190   from {
2191     -webkit-transform-origin: center; 2191     -webkit-transform-origin: center;
2192     transform-origin: center; 2192     transform-origin: center;
2193     -webkit-transform: rotate3d(0, 0, 1, -200deg); 2193     -webkit-transform: rotate3d(0, 0, 1, -200deg);
2194     transform: rotate3d(0, 0, 1, -200deg); 2194     transform: rotate3d(0, 0, 1, -200deg);
2195     opacity: 0; 2195     opacity: 0;
2196   } 2196   }
2197  2197 
2198   to { 2198   to {
2199     -webkit-transform-origin: center; 2199     -webkit-transform-origin: center;
2200     transform-origin: center; 2200     transform-origin: center;
2201     -webkit-transform: none; 2201     -webkit-transform: none;
2202     transform: none; 2202     transform: none;
2203     opacity: 1; 2203     opacity: 1;
2204   } 2204   }
2205 } 2205 }
2206  2206 
2207 .rotateIn { 2207 .rotateIn {
2208   -webkit-animation-name: rotateIn; 2208   -webkit-animation-name: rotateIn;
2209   animation-name: rotateIn; 2209   animation-name: rotateIn;
2210 } 2210 }
2211  2211 
2212 @-webkit-keyframes rotateInDownLeft { 2212 @-webkit-keyframes rotateInDownLeft {
2213   from { 2213   from {
2214     -webkit-transform-origin: left bottom; 2214     -webkit-transform-origin: left bottom;
2215     transform-origin: left bottom; 2215     transform-origin: left bottom;
2216     -webkit-transform: rotate3d(0, 0, 1, -45deg); 2216     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2217     transform: rotate3d(0, 0, 1, -45deg); 2217     transform: rotate3d(0, 0, 1, -45deg);
2218     opacity: 0; 2218     opacity: 0;
2219   } 2219   }
2220  2220 
2221   to { 2221   to {
2222     -webkit-transform-origin: left bottom; 2222     -webkit-transform-origin: left bottom;
2223     transform-origin: left bottom; 2223     transform-origin: left bottom;
2224     -webkit-transform: none; 2224     -webkit-transform: none;
2225     transform: none; 2225     transform: none;
2226     opacity: 1; 2226     opacity: 1;
2227   } 2227   }
2228 } 2228 }
2229  2229 
2230 @keyframes rotateInDownLeft { 2230 @keyframes rotateInDownLeft {
2231   from { 2231   from {
2232     -webkit-transform-origin: left bottom; 2232     -webkit-transform-origin: left bottom;
2233     transform-origin: left bottom; 2233     transform-origin: left bottom;
2234     -webkit-transform: rotate3d(0, 0, 1, -45deg); 2234     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2235     transform: rotate3d(0, 0, 1, -45deg); 2235     transform: rotate3d(0, 0, 1, -45deg);
2236     opacity: 0; 2236     opacity: 0;
2237   } 2237   }
2238  2238 
2239   to { 2239   to {
2240     -webkit-transform-origin: left bottom; 2240     -webkit-transform-origin: left bottom;
2241     transform-origin: left bottom; 2241     transform-origin: left bottom;
2242     -webkit-transform: none; 2242     -webkit-transform: none;
2243     transform: none; 2243     transform: none;
2244     opacity: 1; 2244     opacity: 1;
2245   } 2245   }
2246 } 2246 }
2247  2247 
2248 .rotateInDownLeft { 2248 .rotateInDownLeft {
2249   -webkit-animation-name: rotateInDownLeft; 2249   -webkit-animation-name: rotateInDownLeft;
2250   animation-name: rotateInDownLeft; 2250   animation-name: rotateInDownLeft;
2251 } 2251 }
2252  2252 
2253 @-webkit-keyframes rotateInDownRight { 2253 @-webkit-keyframes rotateInDownRight {
2254   from { 2254   from {
2255     -webkit-transform-origin: right bottom; 2255     -webkit-transform-origin: right bottom;
2256     transform-origin: right bottom; 2256     transform-origin: right bottom;
2257     -webkit-transform: rotate3d(0, 0, 1, 45deg); 2257     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2258     transform: rotate3d(0, 0, 1, 45deg); 2258     transform: rotate3d(0, 0, 1, 45deg);
2259     opacity: 0; 2259     opacity: 0;
2260   } 2260   }
2261  2261 
2262   to { 2262   to {
2263     -webkit-transform-origin: right bottom; 2263     -webkit-transform-origin: right bottom;
2264     transform-origin: right bottom; 2264     transform-origin: right bottom;
2265     -webkit-transform: none; 2265     -webkit-transform: none;
2266     transform: none; 2266     transform: none;
2267     opacity: 1; 2267     opacity: 1;
2268   } 2268   }
2269 } 2269 }
2270  2270 
2271 @keyframes rotateInDownRight { 2271 @keyframes rotateInDownRight {
2272   from { 2272   from {
2273     -webkit-transform-origin: right bottom; 2273     -webkit-transform-origin: right bottom;
2274     transform-origin: right bottom; 2274     transform-origin: right bottom;
2275     -webkit-transform: rotate3d(0, 0, 1, 45deg); 2275     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2276     transform: rotate3d(0, 0, 1, 45deg); 2276     transform: rotate3d(0, 0, 1, 45deg);
2277     opacity: 0; 2277     opacity: 0;
2278   } 2278   }
2279  2279 
2280   to { 2280   to {
2281     -webkit-transform-origin: right bottom; 2281     -webkit-transform-origin: right bottom;
2282     transform-origin: right bottom; 2282     transform-origin: right bottom;
2283     -webkit-transform: none; 2283     -webkit-transform: none;
2284     transform: none; 2284     transform: none;
2285     opacity: 1; 2285     opacity: 1;
2286   } 2286   }
2287 } 2287 }
2288  2288 
2289 .rotateInDownRight { 2289 .rotateInDownRight {
2290   -webkit-animation-name: rotateInDownRight; 2290   -webkit-animation-name: rotateInDownRight;
2291   animation-name: rotateInDownRight; 2291   animation-name: rotateInDownRight;
2292 } 2292 }
2293  2293 
2294 @-webkit-keyframes rotateInUpLeft { 2294 @-webkit-keyframes rotateInUpLeft {
2295   from { 2295   from {
2296     -webkit-transform-origin: left bottom; 2296     -webkit-transform-origin: left bottom;
2297     transform-origin: left bottom; 2297     transform-origin: left bottom;
2298     -webkit-transform: rotate3d(0, 0, 1, 45deg); 2298     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2299     transform: rotate3d(0, 0, 1, 45deg); 2299     transform: rotate3d(0, 0, 1, 45deg);
2300     opacity: 0; 2300     opacity: 0;
2301   } 2301   }
2302  2302 
2303   to { 2303   to {
2304     -webkit-transform-origin: left bottom; 2304     -webkit-transform-origin: left bottom;
2305     transform-origin: left bottom; 2305     transform-origin: left bottom;
2306     -webkit-transform: none; 2306     -webkit-transform: none;
2307     transform: none; 2307     transform: none;
2308     opacity: 1; 2308     opacity: 1;
2309   } 2309   }
2310 } 2310 }
2311  2311 
2312 @keyframes rotateInUpLeft { 2312 @keyframes rotateInUpLeft {
2313   from { 2313   from {
2314     -webkit-transform-origin: left bottom; 2314     -webkit-transform-origin: left bottom;
2315     transform-origin: left bottom; 2315     transform-origin: left bottom;
2316     -webkit-transform: rotate3d(0, 0, 1, 45deg); 2316     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2317     transform: rotate3d(0, 0, 1, 45deg); 2317     transform: rotate3d(0, 0, 1, 45deg);
2318     opacity: 0; 2318     opacity: 0;
2319   } 2319   }
2320  2320 
2321   to { 2321   to {
2322     -webkit-transform-origin: left bottom; 2322     -webkit-transform-origin: left bottom;
2323     transform-origin: left bottom; 2323     transform-origin: left bottom;
2324     -webkit-transform: none; 2324     -webkit-transform: none;
2325     transform: none; 2325     transform: none;
2326     opacity: 1; 2326     opacity: 1;
2327   } 2327   }
2328 } 2328 }
2329  2329 
2330 .rotateInUpLeft { 2330 .rotateInUpLeft {
2331   -webkit-animation-name: rotateInUpLeft; 2331   -webkit-animation-name: rotateInUpLeft;
2332   animation-name: rotateInUpLeft; 2332   animation-name: rotateInUpLeft;
2333 } 2333 }
2334  2334 
2335 @-webkit-keyframes rotateInUpRight { 2335 @-webkit-keyframes rotateInUpRight {
2336   from { 2336   from {
2337     -webkit-transform-origin: right bottom; 2337     -webkit-transform-origin: right bottom;
2338     transform-origin: right bottom; 2338     transform-origin: right bottom;
2339     -webkit-transform: rotate3d(0, 0, 1, -90deg); 2339     -webkit-transform: rotate3d(0, 0, 1, -90deg);
2340     transform: rotate3d(0, 0, 1, -90deg); 2340     transform: rotate3d(0, 0, 1, -90deg);
2341     opacity: 0; 2341     opacity: 0;
2342   } 2342   }
2343  2343 
2344   to { 2344   to {
2345     -webkit-transform-origin: right bottom; 2345     -webkit-transform-origin: right bottom;
2346     transform-origin: right bottom; 2346     transform-origin: right bottom;
2347     -webkit-transform: none; 2347     -webkit-transform: none;
2348     transform: none; 2348     transform: none;
2349     opacity: 1; 2349     opacity: 1;
2350   } 2350   }
2351 } 2351 }
2352  2352 
2353 @keyframes rotateInUpRight { 2353 @keyframes rotateInUpRight {
2354   from { 2354   from {
2355     -webkit-transform-origin: right bottom; 2355     -webkit-transform-origin: right bottom;
2356     transform-origin: right bottom; 2356     transform-origin: right bottom;
2357     -webkit-transform: rotate3d(0, 0, 1, -90deg); 2357     -webkit-transform: rotate3d(0, 0, 1, -90deg);
2358     transform: rotate3d(0, 0, 1, -90deg); 2358     transform: rotate3d(0, 0, 1, -90deg);
2359     opacity: 0; 2359     opacity: 0;
2360   } 2360   }
2361  2361 
2362   to { 2362   to {
2363     -webkit-transform-origin: right bottom; 2363     -webkit-transform-origin: right bottom;
2364     transform-origin: right bottom; 2364     transform-origin: right bottom;
2365     -webkit-transform: none; 2365     -webkit-transform: none;
2366     transform: none; 2366     transform: none;
2367     opacity: 1; 2367     opacity: 1;
2368   } 2368   }
2369 } 2369 }
2370  2370 
2371 .rotateInUpRight { 2371 .rotateInUpRight {
2372   -webkit-animation-name: rotateInUpRight; 2372   -webkit-animation-name: rotateInUpRight;
2373   animation-name: rotateInUpRight; 2373   animation-name: rotateInUpRight;
2374 } 2374 }
2375  2375 
2376 @-webkit-keyframes rotateOut { 2376 @-webkit-keyframes rotateOut {
2377   from { 2377   from {
2378     -webkit-transform-origin: center; 2378     -webkit-transform-origin: center;
2379     transform-origin: center; 2379     transform-origin: center;
2380     opacity: 1; 2380     opacity: 1;
2381   } 2381   }
2382  2382 
2383   to { 2383   to {
2384     -webkit-transform-origin: center; 2384     -webkit-transform-origin: center;
2385     transform-origin: center; 2385     transform-origin: center;
2386     -webkit-transform: rotate3d(0, 0, 1, 200deg); 2386     -webkit-transform: rotate3d(0, 0, 1, 200deg);
2387     transform: rotate3d(0, 0, 1, 200deg); 2387     transform: rotate3d(0, 0, 1, 200deg);
2388     opacity: 0; 2388     opacity: 0;
2389   } 2389   }
2390 } 2390 }
2391  2391 
2392 @keyframes rotateOut { 2392 @keyframes rotateOut {
2393   from { 2393   from {
2394     -webkit-transform-origin: center; 2394     -webkit-transform-origin: center;
2395     transform-origin: center; 2395     transform-origin: center;
2396     opacity: 1; 2396     opacity: 1;
2397   } 2397   }
2398  2398 
2399   to { 2399   to {
2400     -webkit-transform-origin: center; 2400     -webkit-transform-origin: center;
2401     transform-origin: center; 2401     transform-origin: center;
2402     -webkit-transform: rotate3d(0, 0, 1, 200deg); 2402     -webkit-transform: rotate3d(0, 0, 1, 200deg);
2403     transform: rotate3d(0, 0, 1, 200deg); 2403     transform: rotate3d(0, 0, 1, 200deg);
2404     opacity: 0; 2404     opacity: 0;
2405   } 2405   }
2406 } 2406 }
2407  2407 
2408 .rotateOut { 2408 .rotateOut {
2409   -webkit-animation-name: rotateOut; 2409   -webkit-animation-name: rotateOut;
2410   animation-name: rotateOut; 2410   animation-name: rotateOut;
2411 } 2411 }
2412  2412 
2413 @-webkit-keyframes rotateOutDownLeft { 2413 @-webkit-keyframes rotateOutDownLeft {
2414   from { 2414   from {
2415     -webkit-transform-origin: left bottom; 2415     -webkit-transform-origin: left bottom;
2416     transform-origin: left bottom; 2416     transform-origin: left bottom;
2417     opacity: 1; 2417     opacity: 1;
2418   } 2418   }
2419  2419 
2420   to { 2420   to {
2421     -webkit-transform-origin: left bottom; 2421     -webkit-transform-origin: left bottom;
2422     transform-origin: left bottom; 2422     transform-origin: left bottom;
2423     -webkit-transform: rotate3d(0, 0, 1, 45deg); 2423     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2424     transform: rotate3d(0, 0, 1, 45deg); 2424     transform: rotate3d(0, 0, 1, 45deg);
2425     opacity: 0; 2425     opacity: 0;
2426   } 2426   }
2427 } 2427 }
2428  2428 
2429 @keyframes rotateOutDownLeft { 2429 @keyframes rotateOutDownLeft {
2430   from { 2430   from {
2431     -webkit-transform-origin: left bottom; 2431     -webkit-transform-origin: left bottom;
2432     transform-origin: left bottom; 2432     transform-origin: left bottom;
2433     opacity: 1; 2433     opacity: 1;
2434   } 2434   }
2435  2435 
2436   to { 2436   to {
2437     -webkit-transform-origin: left bottom; 2437     -webkit-transform-origin: left bottom;
2438     transform-origin: left bottom; 2438     transform-origin: left bottom;
2439     -webkit-transform: rotate3d(0, 0, 1, 45deg); 2439     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2440     transform: rotate3d(0, 0, 1, 45deg); 2440     transform: rotate3d(0, 0, 1, 45deg);
2441     opacity: 0; 2441     opacity: 0;
2442   } 2442   }
2443 } 2443 }
2444  2444 
2445 .rotateOutDownLeft { 2445 .rotateOutDownLeft {
2446   -webkit-animation-name: rotateOutDownLeft; 2446   -webkit-animation-name: rotateOutDownLeft;
2447   animation-name: rotateOutDownLeft; 2447   animation-name: rotateOutDownLeft;
2448 } 2448 }
2449  2449 
2450 @-webkit-keyframes rotateOutDownRight { 2450 @-webkit-keyframes rotateOutDownRight {
2451   from { 2451   from {
2452     -webkit-transform-origin: right bottom; 2452     -webkit-transform-origin: right bottom;
2453     transform-origin: right bottom; 2453     transform-origin: right bottom;
2454     opacity: 1; 2454     opacity: 1;
2455   } 2455   }
2456  2456 
2457   to { 2457   to {
2458     -webkit-transform-origin: right bottom; 2458     -webkit-transform-origin: right bottom;
2459     transform-origin: right bottom; 2459     transform-origin: right bottom;
2460     -webkit-transform: rotate3d(0, 0, 1, -45deg); 2460     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2461     transform: rotate3d(0, 0, 1, -45deg); 2461     transform: rotate3d(0, 0, 1, -45deg);
2462     opacity: 0; 2462     opacity: 0;
2463   } 2463   }
2464 } 2464 }
2465  2465 
2466 @keyframes rotateOutDownRight { 2466 @keyframes rotateOutDownRight {
2467   from { 2467   from {
2468     -webkit-transform-origin: right bottom; 2468     -webkit-transform-origin: right bottom;
2469     transform-origin: right bottom; 2469     transform-origin: right bottom;
2470     opacity: 1; 2470     opacity: 1;
2471   } 2471   }
2472  2472 
2473   to { 2473   to {
2474     -webkit-transform-origin: right bottom; 2474     -webkit-transform-origin: right bottom;
2475     transform-origin: right bottom; 2475     transform-origin: right bottom;
2476     -webkit-transform: rotate3d(0, 0, 1, -45deg); 2476     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2477     transform: rotate3d(0, 0, 1, -45deg); 2477     transform: rotate3d(0, 0, 1, -45deg);
2478     opacity: 0; 2478     opacity: 0;
2479   } 2479   }
2480 } 2480 }
2481  2481 
2482 .rotateOutDownRight { 2482 .rotateOutDownRight {
2483   -webkit-animation-name: rotateOutDownRight; 2483   -webkit-animation-name: rotateOutDownRight;
2484   animation-name: rotateOutDownRight; 2484   animation-name: rotateOutDownRight;
2485 } 2485 }
2486  2486 
2487 @-webkit-keyframes rotateOutUpLeft { 2487 @-webkit-keyframes rotateOutUpLeft {
2488   from { 2488   from {
2489     -webkit-transform-origin: left bottom; 2489     -webkit-transform-origin: left bottom;
2490     transform-origin: left bottom; 2490     transform-origin: left bottom;
2491     opacity: 1; 2491     opacity: 1;
2492   } 2492   }
2493  2493 
2494   to { 2494   to {
2495     -webkit-transform-origin: left bottom; 2495     -webkit-transform-origin: left bottom;
2496     transform-origin: left bottom; 2496     transform-origin: left bottom;
2497     -webkit-transform: rotate3d(0, 0, 1, -45deg); 2497     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2498     transform: rotate3d(0, 0, 1, -45deg); 2498     transform: rotate3d(0, 0, 1, -45deg);
2499     opacity: 0; 2499     opacity: 0;
2500   } 2500   }
2501 } 2501 }
2502  2502 
2503 @keyframes rotateOutUpLeft { 2503 @keyframes rotateOutUpLeft {
2504   from { 2504   from {
2505     -webkit-transform-origin: left bottom; 2505     -webkit-transform-origin: left bottom;
2506     transform-origin: left bottom; 2506     transform-origin: left bottom;
2507     opacity: 1; 2507     opacity: 1;
2508   } 2508   }
2509  2509 
2510   to { 2510   to {
2511     -webkit-transform-origin: left bottom; 2511     -webkit-transform-origin: left bottom;
2512     transform-origin: left bottom; 2512     transform-origin: left bottom;
2513     -webkit-transform: rotate3d(0, 0, 1, -45deg); 2513     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2514     transform: rotate3d(0, 0, 1, -45deg); 2514     transform: rotate3d(0, 0, 1, -45deg);
2515     opacity: 0; 2515     opacity: 0;
2516   } 2516   }
2517 } 2517 }
2518  2518 
2519 .rotateOutUpLeft { 2519 .rotateOutUpLeft {
2520   -webkit-animation-name: rotateOutUpLeft; 2520   -webkit-animation-name: rotateOutUpLeft;
2521   animation-name: rotateOutUpLeft; 2521   animation-name: rotateOutUpLeft;
2522 } 2522 }
2523  2523 
2524 @-webkit-keyframes rotateOutUpRight { 2524 @-webkit-keyframes rotateOutUpRight {
2525   from { 2525   from {
2526     -webkit-transform-origin: right bottom; 2526     -webkit-transform-origin: right bottom;
2527     transform-origin: right bottom; 2527     transform-origin: right bottom;
2528     opacity: 1; 2528     opacity: 1;
2529   } 2529   }
2530  2530 
2531   to { 2531   to {
2532     -webkit-transform-origin: right bottom; 2532     -webkit-transform-origin: right bottom;
2533     transform-origin: right bottom; 2533     transform-origin: right bottom;
2534     -webkit-transform: rotate3d(0, 0, 1, 90deg); 2534     -webkit-transform: rotate3d(0, 0, 1, 90deg);
2535     transform: rotate3d(0, 0, 1, 90deg); 2535     transform: rotate3d(0, 0, 1, 90deg);
2536     opacity: 0; 2536     opacity: 0;
2537   } 2537   }
2538 } 2538 }
2539  2539 
2540 @keyframes rotateOutUpRight { 2540 @keyframes rotateOutUpRight {
2541   from { 2541   from {
2542     -webkit-transform-origin: right bottom; 2542     -webkit-transform-origin: right bottom;
2543     transform-origin: right bottom; 2543     transform-origin: right bottom;
2544     opacity: 1; 2544     opacity: 1;
2545   } 2545   }
2546  2546 
2547   to { 2547   to {
2548     -webkit-transform-origin: right bottom; 2548     -webkit-transform-origin: right bottom;
2549     transform-origin: right bottom; 2549     transform-origin: right bottom;
2550     -webkit-transform: rotate3d(0, 0, 1, 90deg); 2550     -webkit-transform: rotate3d(0, 0, 1, 90deg);
2551     transform: rotate3d(0, 0, 1, 90deg); 2551     transform: rotate3d(0, 0, 1, 90deg);
2552     opacity: 0; 2552     opacity: 0;
2553   } 2553   }
2554 } 2554 }
2555  2555 
2556 .rotateOutUpRight { 2556 .rotateOutUpRight {
2557   -webkit-animation-name: rotateOutUpRight; 2557   -webkit-animation-name: rotateOutUpRight;
2558   animation-name: rotateOutUpRight; 2558   animation-name: rotateOutUpRight;
2559 } 2559 }
2560  2560 
2561 @-webkit-keyframes hinge { 2561 @-webkit-keyframes hinge {
2562   0% { 2562   0% {
2563     -webkit-transform-origin: top left; 2563     -webkit-transform-origin: top left;
2564     transform-origin: top left; 2564     transform-origin: top left;
2565     -webkit-animation-timing-function: ease-in-out; 2565     -webkit-animation-timing-function: ease-in-out;
2566     animation-timing-function: ease-in-out; 2566     animation-timing-function: ease-in-out;
2567   } 2567   }
2568  2568 
2569   20%, 60% { 2569   20%, 60% {
2570     -webkit-transform: rotate3d(0, 0, 1, 80deg); 2570     -webkit-transform: rotate3d(0, 0, 1, 80deg);
2571     transform: rotate3d(0, 0, 1, 80deg); 2571     transform: rotate3d(0, 0, 1, 80deg);
2572     -webkit-transform-origin: top left; 2572     -webkit-transform-origin: top left;
2573     transform-origin: top left; 2573     transform-origin: top left;
2574     -webkit-animation-timing-function: ease-in-out; 2574     -webkit-animation-timing-function: ease-in-out;
2575     animation-timing-function: ease-in-out; 2575     animation-timing-function: ease-in-out;
2576   } 2576   }
2577  2577 
2578   40%, 80% { 2578   40%, 80% {
2579     -webkit-transform: rotate3d(0, 0, 1, 60deg); 2579     -webkit-transform: rotate3d(0, 0, 1, 60deg);
2580     transform: rotate3d(0, 0, 1, 60deg); 2580     transform: rotate3d(0, 0, 1, 60deg);
2581     -webkit-transform-origin: top left; 2581     -webkit-transform-origin: top left;
2582     transform-origin: top left; 2582     transform-origin: top left;
2583     -webkit-animation-timing-function: ease-in-out; 2583     -webkit-animation-timing-function: ease-in-out;
2584     animation-timing-function: ease-in-out; 2584     animation-timing-function: ease-in-out;
2585     opacity: 1; 2585     opacity: 1;
2586   } 2586   }
2587  2587 
2588   to { 2588   to {
2589     -webkit-transform: translate3d(0, 700px, 0); 2589     -webkit-transform: translate3d(0, 700px, 0);
2590     transform: translate3d(0, 700px, 0); 2590     transform: translate3d(0, 700px, 0);
2591     opacity: 0; 2591     opacity: 0;
2592   } 2592   }
2593 } 2593 }
2594  2594 
2595 @keyframes hinge { 2595 @keyframes hinge {
2596   0% { 2596   0% {
2597     -webkit-transform-origin: top left; 2597     -webkit-transform-origin: top left;
2598     transform-origin: top left; 2598     transform-origin: top left;
2599     -webkit-animation-timing-function: ease-in-out; 2599     -webkit-animation-timing-function: ease-in-out;
2600     animation-timing-function: ease-in-out; 2600     animation-timing-function: ease-in-out;
2601   } 2601   }
2602  2602 
2603   20%, 60% { 2603   20%, 60% {
2604     -webkit-transform: rotate3d(0, 0, 1, 80deg); 2604     -webkit-transform: rotate3d(0, 0, 1, 80deg);
2605     transform: rotate3d(0, 0, 1, 80deg); 2605     transform: rotate3d(0, 0, 1, 80deg);
2606     -webkit-transform-origin: top left; 2606     -webkit-transform-origin: top left;
2607     transform-origin: top left; 2607     transform-origin: top left;
2608     -webkit-animation-timing-function: ease-in-out; 2608     -webkit-animation-timing-function: ease-in-out;
2609     animation-timing-function: ease-in-out; 2609     animation-timing-function: ease-in-out;
2610   } 2610   }
2611  2611 
2612   40%, 80% { 2612   40%, 80% {
2613     -webkit-transform: rotate3d(0, 0, 1, 60deg); 2613     -webkit-transform: rotate3d(0, 0, 1, 60deg);
2614     transform: rotate3d(0, 0, 1, 60deg); 2614     transform: rotate3d(0, 0, 1, 60deg);
2615     -webkit-transform-origin: top left; 2615     -webkit-transform-origin: top left;
2616     transform-origin: top left; 2616     transform-origin: top left;
2617     -webkit-animation-timing-function: ease-in-out; 2617     -webkit-animation-timing-function: ease-in-out;
2618     animation-timing-function: ease-in-out; 2618     animation-timing-function: ease-in-out;
2619     opacity: 1; 2619     opacity: 1;
2620   } 2620   }
2621  2621 
2622   to { 2622   to {
2623     -webkit-transform: translate3d(0, 700px, 0); 2623     -webkit-transform: translate3d(0, 700px, 0);
2624     transform: translate3d(0, 700px, 0); 2624     transform: translate3d(0, 700px, 0);
2625     opacity: 0; 2625     opacity: 0;
2626   } 2626   }
2627 } 2627 }
2628  2628 
2629 .hinge { 2629 .hinge {
2630   -webkit-animation-name: hinge; 2630   -webkit-animation-name: hinge;
2631   animation-name: hinge; 2631   animation-name: hinge;
2632 } 2632 }
2633  2633 
2634 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 2634 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2635  2635 
2636 @-webkit-keyframes rollIn { 2636 @-webkit-keyframes rollIn {
2637   from { 2637   from {
2638     opacity: 0; 2638     opacity: 0;
2639     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 2639     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2640     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 2640     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2641   } 2641   }
2642  2642 
2643   to { 2643   to {
2644     opacity: 1; 2644     opacity: 1;
2645     -webkit-transform: none; 2645     -webkit-transform: none;
2646     transform: none; 2646     transform: none;
2647   } 2647   }
2648 } 2648 }
2649  2649 
2650 @keyframes rollIn { 2650 @keyframes rollIn {
2651   from { 2651   from {
2652     opacity: 0; 2652     opacity: 0;
2653     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 2653     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2654     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 2654     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2655   } 2655   }
2656  2656 
2657   to { 2657   to {
2658     opacity: 1; 2658     opacity: 1;
2659     -webkit-transform: none; 2659     -webkit-transform: none;
2660     transform: none; 2660     transform: none;
2661   } 2661   }
2662 } 2662 }
2663  2663 
2664 .rollIn { 2664 .rollIn {
2665   -webkit-animation-name: rollIn; 2665   -webkit-animation-name: rollIn;
2666   animation-name: rollIn; 2666   animation-name: rollIn;
2667 } 2667 }
2668  2668 
2669 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 2669 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2670  2670 
2671 @-webkit-keyframes rollOut { 2671 @-webkit-keyframes rollOut {
2672   from { 2672   from {
2673     opacity: 1; 2673     opacity: 1;
2674   } 2674   }
2675  2675 
2676   to { 2676   to {
2677     opacity: 0; 2677     opacity: 0;
2678     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 2678     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2679     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 2679     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2680   } 2680   }
2681 } 2681 }
2682  2682 
2683 @keyframes rollOut { 2683 @keyframes rollOut {
2684   from { 2684   from {
2685     opacity: 1; 2685     opacity: 1;
2686   } 2686   }
2687  2687 
2688   to { 2688   to {
2689     opacity: 0; 2689     opacity: 0;
2690     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 2690     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2691     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 2691     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2692   } 2692   }
2693 } 2693 }
2694  2694 
2695 .rollOut { 2695 .rollOut {
2696   -webkit-animation-name: rollOut; 2696   -webkit-animation-name: rollOut;
2697   animation-name: rollOut; 2697   animation-name: rollOut;
2698 } 2698 }
2699  2699 
2700 @-webkit-keyframes zoomIn { 2700 @-webkit-keyframes zoomIn {
2701   from { 2701   from {
2702     opacity: 0; 2702     opacity: 0;
2703     -webkit-transform: scale3d(.3, .3, .3); 2703     -webkit-transform: scale3d(.3, .3, .3);
2704     transform: scale3d(.3, .3, .3); 2704     transform: scale3d(.3, .3, .3);
2705   } 2705   }
2706  2706 
2707   50% { 2707   50% {
2708     opacity: 1; 2708     opacity: 1;
2709   } 2709   }
2710 } 2710 }
2711  2711 
2712 @keyframes zoomIn { 2712 @keyframes zoomIn {
2713   from { 2713   from {
2714     opacity: 0; 2714     opacity: 0;
2715     -webkit-transform: scale3d(.3, .3, .3); 2715     -webkit-transform: scale3d(.3, .3, .3);
2716     transform: scale3d(.3, .3, .3); 2716     transform: scale3d(.3, .3, .3);
2717   } 2717   }
2718  2718 
2719   50% { 2719   50% {
2720     opacity: 1; 2720     opacity: 1;
2721   } 2721   }
2722 } 2722 }
2723  2723 
2724 .zoomIn { 2724 .zoomIn {
2725   -webkit-animation-name: zoomIn; 2725   -webkit-animation-name: zoomIn;
2726   animation-name: zoomIn; 2726   animation-name: zoomIn;
2727 } 2727 }
2728  2728 
2729 @-webkit-keyframes zoomInDown { 2729 @-webkit-keyframes zoomInDown {
2730   from { 2730   from {
2731     opacity: 0; 2731     opacity: 0;
2732     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); 2732     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2733     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); 2733     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2734     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2734     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2735     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2735     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2736   } 2736   }
2737  2737 
2738   60% { 2738   60% {
2739     opacity: 1; 2739     opacity: 1;
2740     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 2740     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2741     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 2741     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2742     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2742     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2743     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2743     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2744   } 2744   }
2745 } 2745 }
2746  2746 
2747 @keyframes zoomInDown { 2747 @keyframes zoomInDown {
2748   from { 2748   from {
2749     opacity: 0; 2749     opacity: 0;
2750     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); 2750     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2751     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); 2751     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2752     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2752     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2753     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2753     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2754   } 2754   }
2755  2755 
2756   60% { 2756   60% {
2757     opacity: 1; 2757     opacity: 1;
2758     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 2758     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2759     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 2759     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2760     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2760     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2761     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2761     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2762   } 2762   }
2763 } 2763 }
2764  2764 
2765 .zoomInDown { 2765 .zoomInDown {
2766   -webkit-animation-name: zoomInDown; 2766   -webkit-animation-name: zoomInDown;
2767   animation-name: zoomInDown; 2767   animation-name: zoomInDown;
2768 } 2768 }
2769  2769 
2770 @-webkit-keyframes zoomInLeft { 2770 @-webkit-keyframes zoomInLeft {
2771   from { 2771   from {
2772     opacity: 0; 2772     opacity: 0;
2773     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); 2773     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2774     transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); 2774     transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2775     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2775     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2776     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2776     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2777   } 2777   }
2778  2778 
2779   60% { 2779   60% {
2780     opacity: 1; 2780     opacity: 1;
2781     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); 2781     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2782     transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); 2782     transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2783     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2783     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2784     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2784     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2785   } 2785   }
2786 } 2786 }
2787  2787 
2788 @keyframes zoomInLeft { 2788 @keyframes zoomInLeft {
2789   from { 2789   from {
2790     opacity: 0; 2790     opacity: 0;
2791     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); 2791     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2792     transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); 2792     transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2793     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2793     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2794     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2794     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2795   } 2795   }
2796  2796 
2797   60% { 2797   60% {
2798     opacity: 1; 2798     opacity: 1;
2799     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); 2799     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2800     transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); 2800     transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2801     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2801     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2802     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2802     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2803   } 2803   }
2804 } 2804 }
2805  2805 
2806 .zoomInLeft { 2806 .zoomInLeft {
2807   -webkit-animation-name: zoomInLeft; 2807   -webkit-animation-name: zoomInLeft;
2808   animation-name: zoomInLeft; 2808   animation-name: zoomInLeft;
2809 } 2809 }
2810  2810 
2811 @-webkit-keyframes zoomInRight { 2811 @-webkit-keyframes zoomInRight {
2812   from { 2812   from {
2813     opacity: 0; 2813     opacity: 0;
2814     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); 2814     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2815     transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); 2815     transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2816     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2816     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2817     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2817     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2818   } 2818   }
2819  2819 
2820   60% { 2820   60% {
2821     opacity: 1; 2821     opacity: 1;
2822     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); 2822     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2823     transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); 2823     transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2824     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2824     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2825     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2825     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2826   } 2826   }
2827 } 2827 }
2828  2828 
2829 @keyframes zoomInRight { 2829 @keyframes zoomInRight {
2830   from { 2830   from {
2831     opacity: 0; 2831     opacity: 0;
2832     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); 2832     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2833     transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); 2833     transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2834     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2834     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2835     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2835     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2836   } 2836   }
2837  2837 
2838   60% { 2838   60% {
2839     opacity: 1; 2839     opacity: 1;
2840     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); 2840     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2841     transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); 2841     transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2842     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2842     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2843     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2843     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2844   } 2844   }
2845 } 2845 }
2846  2846 
2847 .zoomInRight { 2847 .zoomInRight {
2848   -webkit-animation-name: zoomInRight; 2848   -webkit-animation-name: zoomInRight;
2849   animation-name: zoomInRight; 2849   animation-name: zoomInRight;
2850 } 2850 }
2851  2851 
2852 @-webkit-keyframes zoomInUp { 2852 @-webkit-keyframes zoomInUp {
2853   from { 2853   from {
2854     opacity: 0; 2854     opacity: 0;
2855     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); 2855     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2856     transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); 2856     transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2857     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2857     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2858     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2858     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2859   } 2859   }
2860  2860 
2861   60% { 2861   60% {
2862     opacity: 1; 2862     opacity: 1;
2863     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2863     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2864     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2864     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2865     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2865     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2866     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2866     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2867   } 2867   }
2868 } 2868 }
2869  2869 
2870 @keyframes zoomInUp { 2870 @keyframes zoomInUp {
2871   from { 2871   from {
2872     opacity: 0; 2872     opacity: 0;
2873     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); 2873     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2874     transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); 2874     transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2875     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2875     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2876     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2876     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2877   } 2877   }
2878  2878 
2879   60% { 2879   60% {
2880     opacity: 1; 2880     opacity: 1;
2881     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2881     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2882     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2882     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2883     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2883     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2884     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2884     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2885   } 2885   }
2886 } 2886 }
2887  2887 
2888 .zoomInUp { 2888 .zoomInUp {
2889   -webkit-animation-name: zoomInUp; 2889   -webkit-animation-name: zoomInUp;
2890   animation-name: zoomInUp; 2890   animation-name: zoomInUp;
2891 } 2891 }
2892  2892 
2893 @-webkit-keyframes zoomOut { 2893 @-webkit-keyframes zoomOut {
2894   from { 2894   from {
2895     opacity: 1; 2895     opacity: 1;
2896   } 2896   }
2897  2897 
2898   50% { 2898   50% {
2899     opacity: 0; 2899     opacity: 0;
2900     -webkit-transform: scale3d(.3, .3, .3); 2900     -webkit-transform: scale3d(.3, .3, .3);
2901     transform: scale3d(.3, .3, .3); 2901     transform: scale3d(.3, .3, .3);
2902   } 2902   }
2903  2903 
2904   to { 2904   to {
2905     opacity: 0; 2905     opacity: 0;
2906   } 2906   }
2907 } 2907 }
2908  2908 
2909 @keyframes zoomOut { 2909 @keyframes zoomOut {
2910   from { 2910   from {
2911     opacity: 1; 2911     opacity: 1;
2912   } 2912   }
2913  2913 
2914   50% { 2914   50% {
2915     opacity: 0; 2915     opacity: 0;
2916     -webkit-transform: scale3d(.3, .3, .3); 2916     -webkit-transform: scale3d(.3, .3, .3);
2917     transform: scale3d(.3, .3, .3); 2917     transform: scale3d(.3, .3, .3);
2918   } 2918   }
2919  2919 
2920   to { 2920   to {
2921     opacity: 0; 2921     opacity: 0;
2922   } 2922   }
2923 } 2923 }
2924  2924 
2925 .zoomOut { 2925 .zoomOut {
2926   -webkit-animation-name: zoomOut; 2926   -webkit-animation-name: zoomOut;
2927   animation-name: zoomOut; 2927   animation-name: zoomOut;
2928 } 2928 }
2929  2929 
2930 @-webkit-keyframes zoomOutDown { 2930 @-webkit-keyframes zoomOutDown {
2931   40% { 2931   40% {
2932     opacity: 1; 2932     opacity: 1;
2933     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2933     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2934     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2934     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2935     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2935     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2936     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2936     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2937   } 2937   }
2938  2938 
2939   to { 2939   to {
2940     opacity: 0; 2940     opacity: 0;
2941     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); 2941     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2942     transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); 2942     transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2943     -webkit-transform-origin: center bottom; 2943     -webkit-transform-origin: center bottom;
2944     transform-origin: center bottom; 2944     transform-origin: center bottom;
2945     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2945     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2946     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2946     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2947   } 2947   }
2948 } 2948 }
2949  2949 
2950 @keyframes zoomOutDown { 2950 @keyframes zoomOutDown {
2951   40% { 2951   40% {
2952     opacity: 1; 2952     opacity: 1;
2953     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2953     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2954     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2954     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2955     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2955     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2956     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2956     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2957   } 2957   }
2958  2958 
2959   to { 2959   to {
2960     opacity: 0; 2960     opacity: 0;
2961     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); 2961     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2962     transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); 2962     transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2963     -webkit-transform-origin: center bottom; 2963     -webkit-transform-origin: center bottom;
2964     transform-origin: center bottom; 2964     transform-origin: center bottom;
2965     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2965     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2966     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2966     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2967   } 2967   }
2968 } 2968 }
2969  2969 
2970 .zoomOutDown { 2970 .zoomOutDown {
2971   -webkit-animation-name: zoomOutDown; 2971   -webkit-animation-name: zoomOutDown;
2972   animation-name: zoomOutDown; 2972   animation-name: zoomOutDown;
2973 } 2973 }
2974  2974 
2975 @-webkit-keyframes zoomOutLeft { 2975 @-webkit-keyframes zoomOutLeft {
2976   40% { 2976   40% {
2977     opacity: 1; 2977     opacity: 1;
2978     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); 2978     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2979     transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); 2979     transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2980   } 2980   }
2981  2981 
2982   to { 2982   to {
2983     opacity: 0; 2983     opacity: 0;
2984     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); 2984     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2985     transform: scale(.1) translate3d(-2000px, 0, 0); 2985     transform: scale(.1) translate3d(-2000px, 0, 0);
2986     -webkit-transform-origin: left center; 2986     -webkit-transform-origin: left center;
2987     transform-origin: left center; 2987     transform-origin: left center;
2988   } 2988   }
2989 } 2989 }
2990  2990 
2991 @keyframes zoomOutLeft { 2991 @keyframes zoomOutLeft {
2992   40% { 2992   40% {
2993     opacity: 1; 2993     opacity: 1;
2994     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); 2994     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2995     transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); 2995     transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2996   } 2996   }
2997  2997 
2998   to { 2998   to {
2999     opacity: 0; 2999     opacity: 0;
3000     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); 3000     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
3001     transform: scale(.1) translate3d(-2000px, 0, 0); 3001     transform: scale(.1) translate3d(-2000px, 0, 0);
3002     -webkit-transform-origin: left center; 3002     -webkit-transform-origin: left center;
3003     transform-origin: left center; 3003     transform-origin: left center;
3004   } 3004   }
3005 } 3005 }
3006  3006 
3007 .zoomOutLeft { 3007 .zoomOutLeft {
3008   -webkit-animation-name: zoomOutLeft; 3008   -webkit-animation-name: zoomOutLeft;
3009   animation-name: zoomOutLeft; 3009   animation-name: zoomOutLeft;
3010 } 3010 }
3011  3011 
3012 @-webkit-keyframes zoomOutRight { 3012 @-webkit-keyframes zoomOutRight {
3013   40% { 3013   40% {
3014     opacity: 1; 3014     opacity: 1;
3015     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); 3015     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3016     transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); 3016     transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3017   } 3017   }
3018  3018 
3019   to { 3019   to {
3020     opacity: 0; 3020     opacity: 0;
3021     -webkit-transform: scale(.1) translate3d(2000px, 0, 0); 3021     -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
3022     transform: scale(.1) translate3d(2000px, 0, 0); 3022     transform: scale(.1) translate3d(2000px, 0, 0);
3023     -webkit-transform-origin: right center; 3023     -webkit-transform-origin: right center;
3024     transform-origin: right center; 3024     transform-origin: right center;
3025   } 3025   }
3026 } 3026 }
3027  3027 
3028 @keyframes zoomOutRight { 3028 @keyframes zoomOutRight {
3029   40% { 3029   40% {
3030     opacity: 1; 3030     opacity: 1;
3031     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); 3031     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3032     transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); 3032     transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3033   } 3033   }
3034  3034 
3035   to { 3035   to {
3036     opacity: 0; 3036     opacity: 0;
3037     -webkit-transform: scale(.1) translate3d(2000px, 0, 0); 3037     -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
3038     transform: scale(.1) translate3d(2000px, 0, 0); 3038     transform: scale(.1) translate3d(2000px, 0, 0);
3039     -webkit-transform-origin: right center; 3039     -webkit-transform-origin: right center;
3040     transform-origin: right center; 3040     transform-origin: right center;
3041   } 3041   }
3042 } 3042 }
3043  3043 
3044 .zoomOutRight { 3044 .zoomOutRight {
3045   -webkit-animation-name: zoomOutRight; 3045   -webkit-animation-name: zoomOutRight;
3046   animation-name: zoomOutRight; 3046   animation-name: zoomOutRight;
3047 } 3047 }
3048  3048 
3049 @-webkit-keyframes zoomOutUp { 3049 @-webkit-keyframes zoomOutUp {
3050   40% { 3050   40% {
3051     opacity: 1; 3051     opacity: 1;
3052     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 3052     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3053     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 3053     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3054     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 3054     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3055     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 3055     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3056   } 3056   }
3057  3057 
3058   to { 3058   to {
3059     opacity: 0; 3059     opacity: 0;
3060     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); 3060     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3061     transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); 3061     transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3062     -webkit-transform-origin: center bottom; 3062     -webkit-transform-origin: center bottom;
3063     transform-origin: center bottom; 3063     transform-origin: center bottom;
3064     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 3064     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3065     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 3065     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3066   } 3066   }
3067 } 3067 }
3068  3068 
3069 @keyframes zoomOutUp { 3069 @keyframes zoomOutUp {
3070   40% { 3070   40% {
3071     opacity: 1; 3071     opacity: 1;
3072     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 3072     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3073     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 3073     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3074     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 3074     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3075     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 3075     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3076   } 3076   }
3077  3077 
3078   to { 3078   to {
3079     opacity: 0; 3079     opacity: 0;
3080     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); 3080     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3081     transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); 3081     transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3082     -webkit-transform-origin: center bottom; 3082     -webkit-transform-origin: center bottom;
3083     transform-origin: center bottom; 3083     transform-origin: center bottom;
3084     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 3084     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3085     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 3085     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3086   } 3086   }
3087 } 3087 }
3088  3088 
3089 .zoomOutUp { 3089 .zoomOutUp {
3090   -webkit-animation-name: zoomOutUp; 3090   -webkit-animation-name: zoomOutUp;
3091   animation-name: zoomOutUp; 3091   animation-name: zoomOutUp;
3092 } 3092 }
3093  3093 
3094 @-webkit-keyframes slideInDown { 3094 @-webkit-keyframes slideInDown {
3095   from { 3095   from {
3096     -webkit-transform: translate3d(0, -100%, 0); 3096     -webkit-transform: translate3d(0, -100%, 0);
3097     transform: translate3d(0, -100%, 0); 3097     transform: translate3d(0, -100%, 0);
3098     visibility: visible; 3098     visibility: visible;
3099   } 3099   }
3100  3100 
3101   to { 3101   to {
3102     -webkit-transform: translate3d(0, 0, 0); 3102     -webkit-transform: translate3d(0, 0, 0);
3103     transform: translate3d(0, 0, 0); 3103     transform: translate3d(0, 0, 0);
3104   } 3104   }
3105 } 3105 }
3106  3106 
3107 @keyframes slideInDown { 3107 @keyframes slideInDown {
3108   from { 3108   from {
3109     -webkit-transform: translate3d(0, -100%, 0); 3109     -webkit-transform: translate3d(0, -100%, 0);
3110     transform: translate3d(0, -100%, 0); 3110     transform: translate3d(0, -100%, 0);
3111     visibility: visible; 3111     visibility: visible;
3112   } 3112   }
3113  3113 
3114   to { 3114   to {
3115     -webkit-transform: translate3d(0, 0, 0); 3115     -webkit-transform: translate3d(0, 0, 0);
3116     transform: translate3d(0, 0, 0); 3116     transform: translate3d(0, 0, 0);
3117   } 3117   }
3118 } 3118 }
3119  3119 
3120 .slideInDown { 3120 .slideInDown {
3121   -webkit-animation-name: slideInDown; 3121   -webkit-animation-name: slideInDown;
3122   animation-name: slideInDown; 3122   animation-name: slideInDown;
3123 } 3123 }
3124  3124 
3125 @-webkit-keyframes slideInLeft { 3125 @-webkit-keyframes slideInLeft {
3126   from { 3126   from {
3127     -webkit-transform: translate3d(-100%, 0, 0); 3127     -webkit-transform: translate3d(-100%, 0, 0);
3128     transform: translate3d(-100%, 0, 0); 3128     transform: translate3d(-100%, 0, 0);
3129     visibility: visible; 3129     visibility: visible;
3130   } 3130   }
3131  3131 
3132   to { 3132   to {
3133     -webkit-transform: translate3d(0, 0, 0); 3133     -webkit-transform: translate3d(0, 0, 0);
3134     transform: translate3d(0, 0, 0); 3134     transform: translate3d(0, 0, 0);
3135   } 3135   }
3136 } 3136 }
3137  3137 
3138 @keyframes slideInLeft { 3138 @keyframes slideInLeft {
3139   from { 3139   from {
3140     -webkit-transform: translate3d(-100%, 0, 0); 3140     -webkit-transform: translate3d(-100%, 0, 0);
3141     transform: translate3d(-100%, 0, 0); 3141     transform: translate3d(-100%, 0, 0);
3142     visibility: visible; 3142     visibility: visible;
3143   } 3143   }
3144  3144 
3145   to { 3145   to {
3146     -webkit-transform: translate3d(0, 0, 0); 3146     -webkit-transform: translate3d(0, 0, 0);
3147     transform: translate3d(0, 0, 0); 3147     transform: translate3d(0, 0, 0);
3148   } 3148   }
3149 } 3149 }
3150  3150 
3151 .slideInLeft { 3151 .slideInLeft {
3152   -webkit-animation-name: slideInLeft; 3152   -webkit-animation-name: slideInLeft;
3153   animation-name: slideInLeft; 3153   animation-name: slideInLeft;
3154 } 3154 }
3155  3155 
3156 @-webkit-keyframes slideInRight { 3156 @-webkit-keyframes slideInRight {
3157   from { 3157   from {
3158     -webkit-transform: translate3d(100%, 0, 0); 3158     -webkit-transform: translate3d(100%, 0, 0);
3159     transform: translate3d(100%, 0, 0); 3159     transform: translate3d(100%, 0, 0);
3160     visibility: visible; 3160     visibility: visible;
3161   } 3161   }
3162  3162 
3163   to { 3163   to {
3164     -webkit-transform: translate3d(0, 0, 0); 3164     -webkit-transform: translate3d(0, 0, 0);
3165     transform: translate3d(0, 0, 0); 3165     transform: translate3d(0, 0, 0);
3166   } 3166   }
3167 } 3167 }
3168  3168 
3169 @keyframes slideInRight { 3169 @keyframes slideInRight {
3170   from { 3170   from {
3171     -webkit-transform: translate3d(100%, 0, 0); 3171     -webkit-transform: translate3d(100%, 0, 0);
3172     transform: translate3d(100%, 0, 0); 3172     transform: translate3d(100%, 0, 0);
3173     visibility: visible; 3173     visibility: visible;
3174   } 3174   }
3175  3175 
3176   to { 3176   to {
3177     -webkit-transform: translate3d(0, 0, 0); 3177     -webkit-transform: translate3d(0, 0, 0);
3178     transform: translate3d(0, 0, 0); 3178     transform: translate3d(0, 0, 0);
3179   } 3179   }
3180 } 3180 }
3181  3181 
3182 .slideInRight { 3182 .slideInRight {
3183   -webkit-animation-name: slideInRight; 3183   -webkit-animation-name: slideInRight;
3184   animation-name: slideInRight; 3184   animation-name: slideInRight;
3185 } 3185 }
3186  3186 
3187 @-webkit-keyframes slideInUp { 3187 @-webkit-keyframes slideInUp {
3188   from { 3188   from {
3189     -webkit-transform: translate3d(0, 100%, 0); 3189     -webkit-transform: translate3d(0, 100%, 0);
3190     transform: translate3d(0, 100%, 0); 3190     transform: translate3d(0, 100%, 0);
3191     visibility: visible; 3191     visibility: visible;
3192   } 3192   }
3193  3193 
3194   to { 3194   to {
3195     -webkit-transform: translate3d(0, 0, 0); 3195     -webkit-transform: translate3d(0, 0, 0);
3196     transform: translate3d(0, 0, 0); 3196     transform: translate3d(0, 0, 0);
3197   } 3197   }
3198 } 3198 }
3199  3199 
3200 @keyframes slideInUp { 3200 @keyframes slideInUp {
3201   from { 3201   from {
3202     -webkit-transform: translate3d(0, 100%, 0); 3202     -webkit-transform: translate3d(0, 100%, 0);
3203     transform: translate3d(0, 100%, 0); 3203     transform: translate3d(0, 100%, 0);
3204     visibility: visible; 3204     visibility: visible;
3205   } 3205   }
3206  3206 
3207   to { 3207   to {
3208     -webkit-transform: translate3d(0, 0, 0); 3208     -webkit-transform: translate3d(0, 0, 0);
3209     transform: translate3d(0, 0, 0); 3209     transform: translate3d(0, 0, 0);
3210   } 3210   }
3211 } 3211 }
3212  3212 
3213 .slideInUp { 3213 .slideInUp {
3214   -webkit-animation-name: slideInUp; 3214   -webkit-animation-name: slideInUp;
3215   animation-name: slideInUp; 3215   animation-name: slideInUp;
3216 } 3216 }
3217  3217 
3218 @-webkit-keyframes slideOutDown { 3218 @-webkit-keyframes slideOutDown {
3219   from { 3219   from {
3220     -webkit-transform: translate3d(0, 0, 0); 3220     -webkit-transform: translate3d(0, 0, 0);
3221     transform: translate3d(0, 0, 0); 3221     transform: translate3d(0, 0, 0);
3222   } 3222   }
3223  3223 
3224   to { 3224   to {
3225     visibility: hidden; 3225     visibility: hidden;
3226     -webkit-transform: translate3d(0, 100%, 0); 3226     -webkit-transform: translate3d(0, 100%, 0);
3227     transform: translate3d(0, 100%, 0); 3227     transform: translate3d(0, 100%, 0);
3228   } 3228   }
3229 } 3229 }
3230  3230 
3231 @keyframes slideOutDown { 3231 @keyframes slideOutDown {
3232   from { 3232   from {
3233     -webkit-transform: translate3d(0, 0, 0); 3233     -webkit-transform: translate3d(0, 0, 0);
3234     transform: translate3d(0, 0, 0); 3234     transform: translate3d(0, 0, 0);
3235   } 3235   }
3236  3236 
3237   to { 3237   to {
3238     visibility: hidden; 3238     visibility: hidden;
3239     -webkit-transform: translate3d(0, 100%, 0); 3239     -webkit-transform: translate3d(0, 100%, 0);
3240     transform: translate3d(0, 100%, 0); 3240     transform: translate3d(0, 100%, 0);
3241   } 3241   }
3242 } 3242 }
3243  3243 
3244 .slideOutDown { 3244 .slideOutDown {
3245   -webkit-animation-name: slideOutDown; 3245   -webkit-animation-name: slideOutDown;
3246   animation-name: slideOutDown; 3246   animation-name: slideOutDown;
3247 } 3247 }
3248  3248 
3249 @-webkit-keyframes slideOutLeft { 3249 @-webkit-keyframes slideOutLeft {
3250   from { 3250   from {
3251     -webkit-transform: translate3d(0, 0, 0); 3251     -webkit-transform: translate3d(0, 0, 0);
3252     transform: translate3d(0, 0, 0); 3252     transform: translate3d(0, 0, 0);
3253   } 3253   }
3254  3254 
3255   to { 3255   to {
3256     visibility: hidden; 3256     visibility: hidden;
3257     -webkit-transform: translate3d(-100%, 0, 0); 3257     -webkit-transform: translate3d(-100%, 0, 0);
3258     transform: translate3d(-100%, 0, 0); 3258     transform: translate3d(-100%, 0, 0);
3259   } 3259   }
3260 } 3260 }
3261  3261 
3262 @keyframes slideOutLeft { 3262 @keyframes slideOutLeft {
3263   from { 3263   from {
3264     -webkit-transform: translate3d(0, 0, 0); 3264     -webkit-transform: translate3d(0, 0, 0);
3265     transform: translate3d(0, 0, 0); 3265     transform: translate3d(0, 0, 0);
3266   } 3266   }
3267  3267 
3268   to { 3268   to {
3269     visibility: hidden; 3269     visibility: hidden;
3270     -webkit-transform: translate3d(-100%, 0, 0); 3270     -webkit-transform: translate3d(-100%, 0, 0);
3271     transform: translate3d(-100%, 0, 0); 3271     transform: translate3d(-100%, 0, 0);
3272   } 3272   }
3273 } 3273 }
3274  3274 
3275 .slideOutLeft { 3275 .slideOutLeft {
3276   -webkit-animation-name: slideOutLeft; 3276   -webkit-animation-name: slideOutLeft;
3277   animation-name: slideOutLeft; 3277   animation-name: slideOutLeft;
3278 } 3278 }
3279  3279 
3280 @-webkit-keyframes slideOutRight { 3280 @-webkit-keyframes slideOutRight {
3281   from { 3281   from {
3282     -webkit-transform: translate3d(0, 0, 0); 3282     -webkit-transform: translate3d(0, 0, 0);
3283     transform: translate3d(0, 0, 0); 3283     transform: translate3d(0, 0, 0);
3284   } 3284   }
3285  3285 
3286   to { 3286   to {
3287     visibility: hidden; 3287     visibility: hidden;
3288     -webkit-transform: translate3d(100%, 0, 0); 3288     -webkit-transform: translate3d(100%, 0, 0);
3289     transform: translate3d(100%, 0, 0); 3289     transform: translate3d(100%, 0, 0);
3290   } 3290   }
3291 } 3291 }
3292  3292 
3293 @keyframes slideOutRight { 3293 @keyframes slideOutRight {
3294   from { 3294   from {
3295     -webkit-transform: translate3d(0, 0, 0); 3295     -webkit-transform: translate3d(0, 0, 0);
3296     transform: translate3d(0, 0, 0); 3296     transform: translate3d(0, 0, 0);
3297   } 3297   }
3298  3298 
3299   to { 3299   to {
3300     visibility: hidden; 3300     visibility: hidden;
3301     -webkit-transform: translate3d(100%, 0, 0); 3301     -webkit-transform: translate3d(100%, 0, 0);
3302     transform: translate3d(100%, 0, 0); 3302     transform: translate3d(100%, 0, 0);
3303   } 3303   }
3304 } 3304 }
3305  3305 
3306 .slideOutRight { 3306 .slideOutRight {
3307   -webkit-animation-name: slideOutRight; 3307   -webkit-animation-name: slideOutRight;
3308   animation-name: slideOutRight; 3308   animation-name: slideOutRight;
3309 } 3309 }
3310  3310 
3311 @-webkit-keyframes slideOutUp { 3311 @-webkit-keyframes slideOutUp {
3312   from { 3312   from {
3313     -webkit-transform: translate3d(0, 0, 0); 3313     -webkit-transform: translate3d(0, 0, 0);
3314     transform: translate3d(0, 0, 0); 3314     transform: translate3d(0, 0, 0);
3315   } 3315   }
3316  3316 
3317   to { 3317   to {
3318     visibility: hidden; 3318     visibility: hidden;
3319     -webkit-transform: translate3d(0, -100%, 0); 3319     -webkit-transform: translate3d(0, -100%, 0);
3320     transform: translate3d(0, -100%, 0); 3320     transform: translate3d(0, -100%, 0);
3321   } 3321   }
3322 } 3322 }
3323  3323 
3324 @keyframes slideOutUp { 3324 @keyframes slideOutUp {
3325   from { 3325   from {
3326     -webkit-transform: translate3d(0, 0, 0); 3326     -webkit-transform: translate3d(0, 0, 0);
3327     transform: translate3d(0, 0, 0); 3327     transform: translate3d(0, 0, 0);
3328   } 3328   }
3329  3329 
3330   to { 3330   to {
3331     visibility: hidden; 3331     visibility: hidden;
3332     -webkit-transform: translate3d(0, -100%, 0); 3332     -webkit-transform: translate3d(0, -100%, 0);
3333     transform: translate3d(0, -100%, 0); 3333     transform: translate3d(0, -100%, 0);
3334   } 3334   }
3335 } 3335 }
3336  3336 
3337 .slideOutUp { 3337 .slideOutUp {
3338   -webkit-animation-name: slideOutUp; 3338   -webkit-animation-name: slideOutUp;
3339   animation-name: slideOutUp; 3339   animation-name: slideOutUp;
3340 } 3340 }