Subversion-Projekte lars-tiefland.webanos.marine-sales.de

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

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