Blame view

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