Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1
@charset "UTF-8";
2
 
3
/*!
4
 * animate.css -http://daneden.me/animate
5
 * Version - 3.5.1
6
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
7
 *
8
 * Copyright (c) 2016 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
.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
}