animate-css-rails 3.5.1 → 3.5.2

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