stylus-source 0.21.2 → 0.22.0

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