softwear-lib 2.0.4 → 2.0.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/softwear.js +157 -0
  3. data/app/assets/stylesheets/animate/animate.css +2752 -0
  4. data/app/assets/stylesheets/application.css +4 -0
  5. data/app/assets/stylesheets/softwear.css +11 -0
  6. data/app/controllers/softwear/error_reports_controller.rb +7 -0
  7. data/app/mailers/error_report_mailer.rb +42 -16
  8. data/lib/softwear/auth/emails_helper.rb +1 -0
  9. data/lib/softwear/engine.rb +4 -0
  10. data/lib/softwear/library/version.rb +1 -1
  11. metadata +6 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: fc3fb9a32735ab94300da8b9383204ead9b50da8
4
- data.tar.gz: 3cfcb465924c9866f36d80a1eda0fd7dbf627a3f
3
+ metadata.gz: 78b1e3fc749691078c4555150a1a988dab0bb3d1
4
+ data.tar.gz: 0dc9657464f1e256901c1f7eaac3ae9f29da0a6f
5
5
  SHA512:
6
- metadata.gz: f8269719c5b571dc2ea70fba292fc3399967b5eab32651b1c6ffcc9840f7885998b0dc19ebde4f8f1b88ca205c2151bda237319eeb56edffacb4531f142b16c7
7
- data.tar.gz: 66135cc44f897fc8d7dab0a9ff2d1e3fb979cbd1a7627988003989aecdc9b0a7a4a46dd1605b4812fc894f5912a77a8d5edcddafb6a613d4e1feeae97da593e6
6
+ metadata.gz: ae0283949bf0d3fd974cbb7e3f38d45d7291eb79f888ffc80ecc059c8641fc37686400f3cde9703de2484ffe40b71a67542840e81d0f28e308936c44d7e817c9
7
+ data.tar.gz: fde44d41858edd1d8826ca2ed7686736ec0764db7c82495c9c2b42a78667b012043790ac599748f68b724b68a4bc4d39815a3616d76dae0f68f765bcc39b67ab
data/app/assets/javascripts/softwear.js ADDED
@@ -0,0 +1,157 @@
1
+ $(document).ready(function() {
2
+ var $contentModal, retrieveClassFor, storeClassFor;
3
+ $contentModal = $('#contentModal');
4
+ $contentModal.DEFAULTS;
5
+ storeClassFor = function($elem) {
6
+ return $elem.data('original-class', $elem.attr('class'));
7
+ };
8
+ retrieveClassFor = function($elem) {
9
+ if (typeof $elem.data('original-class') !== 'undefined') {
10
+ return $elem.attr('class', $elem.data('original-class'));
11
+ }
12
+ };
13
+ storeClassFor($contentModal);
14
+ $('#contentModal *').each(function(index) {
15
+ return storeClassFor($(this));
16
+ });
17
+ $contentModal.on('hidden.bs.modal', function() {
18
+ retrieveClassFor($contentModal);
19
+ $('#contentModal *').each(function() {
20
+ return retrieveClassFor($(this));
21
+ });
22
+ $contentModal.find('.modal-content-area').empty();
23
+ return $contentModal.data('open', false);
24
+ });
25
+ return $contentModal.on('show.bs.modal', function() {
26
+ return $contentModal.data('open', true);
27
+ });
28
+ });
29
+
30
+ this.setupContentModal = function(setupFunc) {
31
+ var $contentModal, doSetup, wasOpen;
32
+ $contentModal = $('#contentModal');
33
+ wasOpen = false;
34
+ doSetup = function() {
35
+ if (wasOpen) {
36
+ $contentModal.off('hidden.bs.modal', doSetup);
37
+ }
38
+ return setupFunc($contentModal);
39
+ };
40
+ if ($contentModal.data('open')) {
41
+ wasOpen = true;
42
+ return $contentModal.on('hidden.bs.modal', doSetup);
43
+ } else {
44
+ return doSetup();
45
+ }
46
+ };
47
+
48
+ this.showContentModal = function(options) {
49
+ var $contentModal, showIt, wasOpen;
50
+ if (options.force !== false) {
51
+ options.force = true;
52
+ }
53
+ $contentModal = $('#contentModal');
54
+ wasOpen = false;
55
+ showIt = function() {
56
+ var setSection;
57
+ if (wasOpen) {
58
+ $contentModal.off('hidden.bs.modal', showIt);
59
+ }
60
+ setSection = function($section, option) {
61
+ if (typeof option === 'string') {
62
+ return $section.text(option);
63
+ } else {
64
+ return $section.append(option);
65
+ }
66
+ };
67
+ setSection($('#contentTitle'), options.title);
68
+ setSection($('#contentBody'), options.body);
69
+ setSection($('#contentFooter'), options.footer);
70
+ options.title = null;
71
+ options.body = null;
72
+ options.footer = null;
73
+ $contentModal.modal(options);
74
+ if (options.then) {
75
+ return options.then($contentModal);
76
+ }
77
+ };
78
+ if ($contentModal.data('open')) {
79
+ if (options.force === true) {
80
+ wasOpen = true;
81
+ $contentModal.on('hidden.bs.modal', showIt);
82
+ return $contentModal.modal('hide');
83
+ }
84
+ } else {
85
+ return showIt();
86
+ }
87
+ };
88
+
89
+ this.hideContentModal = function() {
90
+ return $('#contentModal').modal('hide');
91
+ };
92
+
93
+ this.errorModal = function(body, options) {
94
+ if (typeof options !== 'object') {
95
+ options = {};
96
+ }
97
+ options.title || (options.title = 'Error');
98
+ options.body || (options.body = body);
99
+ options.footer || (options.footer = $('<button class="btn btn-danger" data-dismiss="modal">OK</button>'));
100
+ setupContentModal(function($contentModal) {
101
+ $contentModal.find('.modal-content').addClass('modal-content-error');
102
+ return $contentModal.find('.modal-body').addClass('centered');
103
+ });
104
+ return showContentModal(options);
105
+ };
106
+
107
+ this.successModal = function(titleOrBody, body, setup) {
108
+ var title;
109
+ title = body ? titleOrBody : (body = titleOrBody, "Success");
110
+ setupContentModal(function($contentModal) {
111
+ $contentModal.find('.modal-content').addClass('modal-content-success');
112
+ $contentModal.find('.modal-body').addClass('centered');
113
+ if (setup) {
114
+ return setup($contentModal);
115
+ }
116
+ });
117
+ return showContentModal({
118
+ title: title,
119
+ body: body,
120
+ footer: $("<button class='btn btn-default' data-dismiss='modal'>OK</button>")
121
+ });
122
+ };
123
+
124
+ this.confirmModal = function(question, callback) {
125
+ var $footer, $modal, $noBtn, $yesBtn;
126
+ $modal = $('#contentModal');
127
+ $yesBtn = $('<a class="btn btn-primary" id="modal-confirm-btn">Confirm</a>');
128
+ $noBtn = $('<a class="btn btn-default" id="modal-cancel-btn">Cancel</a>');
129
+ $footer = $('#contentFooter');
130
+ $footer.children().remove();
131
+ $footer.append($yesBtn);
132
+ $footer.append($noBtn);
133
+ $yesBtn.click(function() {
134
+ $modal.modal('hide');
135
+ if (callback.length === 0) {
136
+ return callback();
137
+ } else {
138
+ return callback(true);
139
+ }
140
+ });
141
+ $noBtn.click(function() {
142
+ $modal.modal('hide');
143
+ if (callback.length >= 1) {
144
+ return callback(false);
145
+ }
146
+ });
147
+ setupContentModal(function($contentModal) {
148
+ $contentModal.find('.modal-dialog').addClass('modal-sm');
149
+ return $contentModal.find('.modal-body').addClass('centered');
150
+ });
151
+ return showContentModal({
152
+ title: 'Confirm',
153
+ body: question,
154
+ footer: $footer
155
+ });
156
+ };
157
+
data/app/assets/stylesheets/animate/animate.css ADDED
@@ -0,0 +1,2752 @@
1
+ @charset "UTF-8";
2
+
3
+
4
+ /*!
5
+ Animate.css - http://daneden.me/animate
6
+ Licensed under the MIT license
7
+
8
+ Copyright (c) 2013 Daniel Eden
9
+
10
+ Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
13
+
14
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
15
+ */
16
+
17
+ .animated {
18
+ -webkit-animation-duration: 1s;
19
+ animation-duration: 1s;
20
+ -webkit-animation-fill-mode: both;
21
+ animation-fill-mode: both;
22
+ }
23
+
24
+ .animated.double {
25
+ -webkit-animation-duration: 2s;
26
+ animation-duration: 2s;
27
+ }
28
+ .animated.half {
29
+ -webkit-animation-duration: 0.5s;
30
+ animation-duration: 0.5s;
31
+ }
32
+ .animated.hinge {
33
+ -webkit-animation-duration: 2s;
34
+ animation-duration: 2s;
35
+ }
36
+
37
+ @-webkit-keyframes bounce {
38
+ 0%, 20%, 50%, 80%, 100% {
39
+ -webkit-transform: translateY(0);
40
+ transform: translateY(0);
41
+ }
42
+
43
+ 40% {
44
+ -webkit-transform: translateY(-30px);
45
+ transform: translateY(-30px);
46
+ }
47
+
48
+ 60% {
49
+ -webkit-transform: translateY(-15px);
50
+ transform: translateY(-15px);
51
+ }
52
+ }
53
+
54
+ @keyframes bounce {
55
+ 0%, 20%, 50%, 80%, 100% {
56
+ -webkit-transform: translateY(0);
57
+ -ms-transform: translateY(0);
58
+ transform: translateY(0);
59
+ }
60
+
61
+ 40% {
62
+ -webkit-transform: translateY(-30px);
63
+ -ms-transform: translateY(-30px);
64
+ transform: translateY(-30px);
65
+ }
66
+
67
+ 60% {
68
+ -webkit-transform: translateY(-15px);
69
+ -ms-transform: translateY(-15px);
70
+ transform: translateY(-15px);
71
+ }
72
+ }
73
+
74
+ .bounce {
75
+ -webkit-animation-name: bounce;
76
+ animation-name: bounce;
77
+ }
78
+
79
+ @-webkit-keyframes flash {
80
+ 0%, 50%, 100% {
81
+ opacity: 1;
82
+ }
83
+
84
+ 25%, 75% {
85
+ opacity: 0;
86
+ }
87
+ }
88
+
89
+ @keyframes flash {
90
+ 0%, 50%, 100% {
91
+ opacity: 1;
92
+ }
93
+
94
+ 25%, 75% {
95
+ opacity: 0;
96
+ }
97
+ }
98
+
99
+ .flash {
100
+ -webkit-animation-name: flash;
101
+ animation-name: flash;
102
+ }
103
+
104
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
105
+
106
+ @-webkit-keyframes pulse {
107
+ 0% {
108
+ -webkit-transform: scale(1);
109
+ transform: scale(1);
110
+ }
111
+
112
+ 50% {
113
+ -webkit-transform: scale(1.1);
114
+ transform: scale(1.1);
115
+ }
116
+
117
+ 100% {
118
+ -webkit-transform: scale(1);
119
+ transform: scale(1);
120
+ }
121
+ }
122
+
123
+ @keyframes pulse {
124
+ 0% {
125
+ -webkit-transform: scale(1);
126
+ -ms-transform: scale(1);
127
+ transform: scale(1);
128
+ }
129
+
130
+ 50% {
131
+ -webkit-transform: scale(1.1);
132
+ -ms-transform: scale(1.1);
133
+ transform: scale(1.1);
134
+ }
135
+
136
+ 100% {
137
+ -webkit-transform: scale(1);
138
+ -ms-transform: scale(1);
139
+ transform: scale(1);
140
+ }
141
+ }
142
+
143
+ .pulse {
144
+ -webkit-animation-name: pulse;
145
+ animation-name: pulse;
146
+ }
147
+
148
+ @-webkit-keyframes shake {
149
+ 0%, 100% {
150
+ -webkit-transform: translateX(0);
151
+ transform: translateX(0);
152
+ }
153
+
154
+ 10%, 30%, 50%, 70%, 90% {
155
+ -webkit-transform: translateX(-10px);
156
+ transform: translateX(-10px);
157
+ }
158
+
159
+ 20%, 40%, 60%, 80% {
160
+ -webkit-transform: translateX(10px);
161
+ transform: translateX(10px);
162
+ }
163
+ }
164
+
165
+ @keyframes shake {
166
+ 0%, 100% {
167
+ -webkit-transform: translateX(0);
168
+ -ms-transform: translateX(0);
169
+ transform: translateX(0);
170
+ }
171
+
172
+ 10%, 30%, 50%, 70%, 90% {
173
+ -webkit-transform: translateX(-10px);
174
+ -ms-transform: translateX(-10px);
175
+ transform: translateX(-10px);
176
+ }
177
+
178
+ 20%, 40%, 60%, 80% {
179
+ -webkit-transform: translateX(10px);
180
+ -ms-transform: translateX(10px);
181
+ transform: translateX(10px);
182
+ }
183
+ }
184
+
185
+ .shake {
186
+ -webkit-animation-name: shake;
187
+ animation-name: shake;
188
+ }
189
+
190
+ @-webkit-keyframes swing {
191
+ 20% {
192
+ -webkit-transform: rotate(15deg);
193
+ transform: rotate(15deg);
194
+ }
195
+
196
+ 40% {
197
+ -webkit-transform: rotate(-10deg);
198
+ transform: rotate(-10deg);
199
+ }
200
+
201
+ 60% {
202
+ -webkit-transform: rotate(5deg);
203
+ transform: rotate(5deg);
204
+ }
205
+
206
+ 80% {
207
+ -webkit-transform: rotate(-5deg);
208
+ transform: rotate(-5deg);
209
+ }
210
+
211
+ 100% {
212
+ -webkit-transform: rotate(0deg);
213
+ transform: rotate(0deg);
214
+ }
215
+ }
216
+
217
+ @keyframes swing {
218
+ 20% {
219
+ -webkit-transform: rotate(15deg);
220
+ -ms-transform: rotate(15deg);
221
+ transform: rotate(15deg);
222
+ }
223
+
224
+ 40% {
225
+ -webkit-transform: rotate(-10deg);
226
+ -ms-transform: rotate(-10deg);
227
+ transform: rotate(-10deg);
228
+ }
229
+
230
+ 60% {
231
+ -webkit-transform: rotate(5deg);
232
+ -ms-transform: rotate(5deg);
233
+ transform: rotate(5deg);
234
+ }
235
+
236
+ 80% {
237
+ -webkit-transform: rotate(-5deg);
238
+ -ms-transform: rotate(-5deg);
239
+ transform: rotate(-5deg);
240
+ }
241
+
242
+ 100% {
243
+ -webkit-transform: rotate(0deg);
244
+ -ms-transform: rotate(0deg);
245
+ transform: rotate(0deg);
246
+ }
247
+ }
248
+
249
+ .swing {
250
+ -webkit-transform-origin: top center;
251
+ -ms-transform-origin: top center;
252
+ transform-origin: top center;
253
+ -webkit-animation-name: swing;
254
+ animation-name: swing;
255
+ }
256
+
257
+ @-webkit-keyframes tada {
258
+ 0% {
259
+ -webkit-transform: scale(1);
260
+ transform: scale(1);
261
+ }
262
+
263
+ 10%, 20% {
264
+ -webkit-transform: scale(0.9) rotate(-3deg);
265
+ transform: scale(0.9) rotate(-3deg);
266
+ }
267
+
268
+ 30%, 50%, 70%, 90% {
269
+ -webkit-transform: scale(1.1) rotate(3deg);
270
+ transform: scale(1.1) rotate(3deg);
271
+ }
272
+
273
+ 40%, 60%, 80% {
274
+ -webkit-transform: scale(1.1) rotate(-3deg);
275
+ transform: scale(1.1) rotate(-3deg);
276
+ }
277
+
278
+ 100% {
279
+ -webkit-transform: scale(1) rotate(0);
280
+ transform: scale(1) rotate(0);
281
+ }
282
+ }
283
+
284
+ @keyframes tada {
285
+ 0% {
286
+ -webkit-transform: scale(1);
287
+ -ms-transform: scale(1);
288
+ transform: scale(1);
289
+ }
290
+
291
+ 10%, 20% {
292
+ -webkit-transform: scale(0.9) rotate(-3deg);
293
+ -ms-transform: scale(0.9) rotate(-3deg);
294
+ transform: scale(0.9) rotate(-3deg);
295
+ }
296
+
297
+ 30%, 50%, 70%, 90% {
298
+ -webkit-transform: scale(1.1) rotate(3deg);
299
+ -ms-transform: scale(1.1) rotate(3deg);
300
+ transform: scale(1.1) rotate(3deg);
301
+ }
302
+
303
+ 40%, 60%, 80% {
304
+ -webkit-transform: scale(1.1) rotate(-3deg);
305
+ -ms-transform: scale(1.1) rotate(-3deg);
306
+ transform: scale(1.1) rotate(-3deg);
307
+ }
308
+
309
+ 100% {
310
+ -webkit-transform: scale(1) rotate(0);
311
+ -ms-transform: scale(1) rotate(0);
312
+ transform: scale(1) rotate(0);
313
+ }
314
+ }
315
+
316
+ .tada {
317
+ -webkit-animation-name: tada;
318
+ animation-name: tada;
319
+ }
320
+
321
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
322
+
323
+ @-webkit-keyframes wobble {
324
+ 0% {
325
+ -webkit-transform: translateX(0%);
326
+ transform: translateX(0%);
327
+ }
328
+
329
+ 15% {
330
+ -webkit-transform: translateX(-25%) rotate(-5deg);
331
+ transform: translateX(-25%) rotate(-5deg);
332
+ }
333
+
334
+ 30% {
335
+ -webkit-transform: translateX(20%) rotate(3deg);
336
+ transform: translateX(20%) rotate(3deg);
337
+ }
338
+
339
+ 45% {
340
+ -webkit-transform: translateX(-15%) rotate(-3deg);
341
+ transform: translateX(-15%) rotate(-3deg);
342
+ }
343
+
344
+ 60% {
345
+ -webkit-transform: translateX(10%) rotate(2deg);
346
+ transform: translateX(10%) rotate(2deg);
347
+ }
348
+
349
+ 75% {
350
+ -webkit-transform: translateX(-5%) rotate(-1deg);
351
+ transform: translateX(-5%) rotate(-1deg);
352
+ }
353
+
354
+ 100% {
355
+ -webkit-transform: translateX(0%);
356
+ transform: translateX(0%);
357
+ }
358
+ }
359
+
360
+ @keyframes wobble {
361
+ 0% {
362
+ -webkit-transform: translateX(0%);
363
+ -ms-transform: translateX(0%);
364
+ transform: translateX(0%);
365
+ }
366
+
367
+ 15% {
368
+ -webkit-transform: translateX(-25%) rotate(-5deg);
369
+ -ms-transform: translateX(-25%) rotate(-5deg);
370
+ transform: translateX(-25%) rotate(-5deg);
371
+ }
372
+
373
+ 30% {
374
+ -webkit-transform: translateX(20%) rotate(3deg);
375
+ -ms-transform: translateX(20%) rotate(3deg);
376
+ transform: translateX(20%) rotate(3deg);
377
+ }
378
+
379
+ 45% {
380
+ -webkit-transform: translateX(-15%) rotate(-3deg);
381
+ -ms-transform: translateX(-15%) rotate(-3deg);
382
+ transform: translateX(-15%) rotate(-3deg);
383
+ }
384
+
385
+ 60% {
386
+ -webkit-transform: translateX(10%) rotate(2deg);
387
+ -ms-transform: translateX(10%) rotate(2deg);
388
+ transform: translateX(10%) rotate(2deg);
389
+ }
390
+
391
+ 75% {
392
+ -webkit-transform: translateX(-5%) rotate(-1deg);
393
+ -ms-transform: translateX(-5%) rotate(-1deg);
394
+ transform: translateX(-5%) rotate(-1deg);
395
+ }
396
+
397
+ 100% {
398
+ -webkit-transform: translateX(0%);
399
+ -ms-transform: translateX(0%);
400
+ transform: translateX(0%);
401
+ }
402
+ }
403
+
404
+ .wobble {
405
+ -webkit-animation-name: wobble;
406
+ animation-name: wobble;
407
+ }
408
+
409
+ @-webkit-keyframes bounceIn {
410
+ 0% {
411
+ opacity: 0;
412
+ -webkit-transform: scale(.3);
413
+ transform: scale(.3);
414
+ }
415
+
416
+ 50% {
417
+ opacity: 1;
418
+ -webkit-transform: scale(1.05);
419
+ transform: scale(1.05);
420
+ }
421
+
422
+ 70% {
423
+ -webkit-transform: scale(.9);
424
+ transform: scale(.9);
425
+ }
426
+
427
+ 100% {
428
+ -webkit-transform: scale(1);
429
+ transform: scale(1);
430
+ }
431
+ }
432
+
433
+ @keyframes bounceIn {
434
+ 0% {
435
+ opacity: 0;
436
+ -webkit-transform: scale(.3);
437
+ -ms-transform: scale(.3);
438
+ transform: scale(.3);
439
+ }
440
+
441
+ 50% {
442
+ opacity: 1;
443
+ -webkit-transform: scale(1.05);
444
+ -ms-transform: scale(1.05);
445
+ transform: scale(1.05);
446
+ }
447
+
448
+ 70% {
449
+ -webkit-transform: scale(.9);
450
+ -ms-transform: scale(.9);
451
+ transform: scale(.9);
452
+ }
453
+
454
+ 100% {
455
+ -webkit-transform: scale(1);
456
+ -ms-transform: scale(1);
457
+ transform: scale(1);
458
+ }
459
+ }
460
+
461
+ .bounceIn {
462
+ -webkit-animation-name: bounceIn;
463
+ animation-name: bounceIn;
464
+ }
465
+
466
+ @-webkit-keyframes bounceInDown {
467
+ 0% {
468
+ opacity: 0;
469
+ -webkit-transform: translateY(-2000px);
470
+ transform: translateY(-2000px);
471
+ }
472
+
473
+ 60% {
474
+ opacity: 1;
475
+ -webkit-transform: translateY(30px);
476
+ transform: translateY(30px);
477
+ }
478
+
479
+ 80% {
480
+ -webkit-transform: translateY(-10px);
481
+ transform: translateY(-10px);
482
+ }
483
+
484
+ 100% {
485
+ -webkit-transform: translateY(0);
486
+ transform: translateY(0);
487
+ }
488
+ }
489
+
490
+ @keyframes bounceInDown {
491
+ 0% {
492
+ opacity: 0;
493
+ -webkit-transform: translateY(-2000px);
494
+ -ms-transform: translateY(-2000px);
495
+ transform: translateY(-2000px);
496
+ }
497
+
498
+ 60% {
499
+ opacity: 1;
500
+ -webkit-transform: translateY(30px);
501
+ -ms-transform: translateY(30px);
502
+ transform: translateY(30px);
503
+ }
504
+
505
+ 80% {
506
+ -webkit-transform: translateY(-10px);
507
+ -ms-transform: translateY(-10px);
508
+ transform: translateY(-10px);
509
+ }
510
+
511
+ 100% {
512
+ -webkit-transform: translateY(0);
513
+ -ms-transform: translateY(0);
514
+ transform: translateY(0);
515
+ }
516
+ }
517
+
518
+ .bounceInDown {
519
+ -webkit-animation-name: bounceInDown;
520
+ animation-name: bounceInDown;
521
+ }
522
+
523
+ @-webkit-keyframes bounceInLeft {
524
+ 0% {
525
+ opacity: 0;
526
+ -webkit-transform: translateX(-2000px);
527
+ transform: translateX(-2000px);
528
+ }
529
+
530
+ 60% {
531
+ opacity: 1;
532
+ -webkit-transform: translateX(30px);
533
+ transform: translateX(30px);
534
+ }
535
+
536
+ 80% {
537
+ -webkit-transform: translateX(-10px);
538
+ transform: translateX(-10px);
539
+ }
540
+
541
+ 100% {
542
+ -webkit-transform: translateX(0);
543
+ transform: translateX(0);
544
+ }
545
+ }
546
+
547
+ @keyframes bounceInLeft {
548
+ 0% {
549
+ opacity: 0;
550
+ -webkit-transform: translateX(-2000px);
551
+ -ms-transform: translateX(-2000px);
552
+ transform: translateX(-2000px);
553
+ }
554
+
555
+ 60% {
556
+ opacity: 1;
557
+ -webkit-transform: translateX(30px);
558
+ -ms-transform: translateX(30px);
559
+ transform: translateX(30px);
560
+ }
561
+
562
+ 80% {
563
+ -webkit-transform: translateX(-10px);
564
+ -ms-transform: translateX(-10px);
565
+ transform: translateX(-10px);
566
+ }
567
+
568
+ 100% {
569
+ -webkit-transform: translateX(0);
570
+ -ms-transform: translateX(0);
571
+ transform: translateX(0);
572
+ }
573
+ }
574
+
575
+ .bounceInLeft {
576
+ -webkit-animation-name: bounceInLeft;
577
+ animation-name: bounceInLeft;
578
+ }
579
+
580
+ @-webkit-keyframes bounceInRight {
581
+ 0% {
582
+ opacity: 0;
583
+ -webkit-transform: translateX(2000px);
584
+ transform: translateX(2000px);
585
+ }
586
+
587
+ 60% {
588
+ opacity: 1;
589
+ -webkit-transform: translateX(-30px);
590
+ transform: translateX(-30px);
591
+ }
592
+
593
+ 80% {
594
+ -webkit-transform: translateX(10px);
595
+ transform: translateX(10px);
596
+ }
597
+
598
+ 100% {
599
+ -webkit-transform: translateX(0);
600
+ transform: translateX(0);
601
+ }
602
+ }
603
+
604
+ @keyframes bounceInRight {
605
+ 0% {
606
+ opacity: 0;
607
+ -webkit-transform: translateX(2000px);
608
+ -ms-transform: translateX(2000px);
609
+ transform: translateX(2000px);
610
+ }
611
+
612
+ 60% {
613
+ opacity: 1;
614
+ -webkit-transform: translateX(-30px);
615
+ -ms-transform: translateX(-30px);
616
+ transform: translateX(-30px);
617
+ }
618
+
619
+ 80% {
620
+ -webkit-transform: translateX(10px);
621
+ -ms-transform: translateX(10px);
622
+ transform: translateX(10px);
623
+ }
624
+
625
+ 100% {
626
+ -webkit-transform: translateX(0);
627
+ -ms-transform: translateX(0);
628
+ transform: translateX(0);
629
+ }
630
+ }
631
+
632
+ .bounceInRight {
633
+ -webkit-animation-name: bounceInRight;
634
+ animation-name: bounceInRight;
635
+ }
636
+
637
+ @-webkit-keyframes bounceInUp {
638
+ 0% {
639
+ opacity: 0;
640
+ -webkit-transform: translateY(2000px);
641
+ transform: translateY(2000px);
642
+ }
643
+
644
+ 60% {
645
+ opacity: 1;
646
+ -webkit-transform: translateY(-30px);
647
+ transform: translateY(-30px);
648
+ }
649
+
650
+ 80% {
651
+ -webkit-transform: translateY(10px);
652
+ transform: translateY(10px);
653
+ }
654
+
655
+ 100% {
656
+ -webkit-transform: translateY(0);
657
+ transform: translateY(0);
658
+ }
659
+ }
660
+
661
+ @keyframes bounceInUp {
662
+ 0% {
663
+ opacity: 0;
664
+ -webkit-transform: translateY(2000px);
665
+ -ms-transform: translateY(2000px);
666
+ transform: translateY(2000px);
667
+ }
668
+
669
+ 60% {
670
+ opacity: 1;
671
+ -webkit-transform: translateY(-30px);
672
+ -ms-transform: translateY(-30px);
673
+ transform: translateY(-30px);
674
+ }
675
+
676
+ 80% {
677
+ -webkit-transform: translateY(10px);
678
+ -ms-transform: translateY(10px);
679
+ transform: translateY(10px);
680
+ }
681
+
682
+ 100% {
683
+ -webkit-transform: translateY(0);
684
+ -ms-transform: translateY(0);
685
+ transform: translateY(0);
686
+ }
687
+ }
688
+
689
+ .bounceInUp {
690
+ -webkit-animation-name: bounceInUp;
691
+ animation-name: bounceInUp;
692
+ }
693
+
694
+ @-webkit-keyframes bounceOut {
695
+ 0% {
696
+ -webkit-transform: scale(1);
697
+ transform: scale(1);
698
+ }
699
+
700
+ 25% {
701
+ -webkit-transform: scale(.95);
702
+ transform: scale(.95);
703
+ }
704
+
705
+ 50% {
706
+ opacity: 1;
707
+ -webkit-transform: scale(1.1);
708
+ transform: scale(1.1);
709
+ }
710
+
711
+ 100% {
712
+ opacity: 0;
713
+ -webkit-transform: scale(.3);
714
+ transform: scale(.3);
715
+ }
716
+ }
717
+
718
+ @keyframes bounceOut {
719
+ 0% {
720
+ -webkit-transform: scale(1);
721
+ -ms-transform: scale(1);
722
+ transform: scale(1);
723
+ }
724
+
725
+ 25% {
726
+ -webkit-transform: scale(.95);
727
+ -ms-transform: scale(.95);
728
+ transform: scale(.95);
729
+ }
730
+
731
+ 50% {
732
+ opacity: 1;
733
+ -webkit-transform: scale(1.1);
734
+ -ms-transform: scale(1.1);
735
+ transform: scale(1.1);
736
+ }
737
+
738
+ 100% {
739
+ opacity: 0;
740
+ -webkit-transform: scale(.3);
741
+ -ms-transform: scale(.3);
742
+ transform: scale(.3);
743
+ }
744
+ }
745
+
746
+ .bounceOut {
747
+ -webkit-animation-name: bounceOut;
748
+ animation-name: bounceOut;
749
+ }
750
+
751
+ @-webkit-keyframes bounceOutDown {
752
+ 0% {
753
+ -webkit-transform: translateY(0);
754
+ transform: translateY(0);
755
+ }
756
+
757
+ 20% {
758
+ opacity: 1;
759
+ -webkit-transform: translateY(-20px);
760
+ transform: translateY(-20px);
761
+ }
762
+
763
+ 100% {
764
+ opacity: 0;
765
+ -webkit-transform: translateY(2000px);
766
+ transform: translateY(2000px);
767
+ }
768
+ }
769
+
770
+ @keyframes bounceOutDown {
771
+ 0% {
772
+ -webkit-transform: translateY(0);
773
+ -ms-transform: translateY(0);
774
+ transform: translateY(0);
775
+ }
776
+
777
+ 20% {
778
+ opacity: 1;
779
+ -webkit-transform: translateY(-20px);
780
+ -ms-transform: translateY(-20px);
781
+ transform: translateY(-20px);
782
+ }
783
+
784
+ 100% {
785
+ opacity: 0;
786
+ -webkit-transform: translateY(2000px);
787
+ -ms-transform: translateY(2000px);
788
+ transform: translateY(2000px);
789
+ }
790
+ }
791
+
792
+ .bounceOutDown {
793
+ -webkit-animation-name: bounceOutDown;
794
+ animation-name: bounceOutDown;
795
+ }
796
+
797
+ @-webkit-keyframes bounceOutLeft {
798
+ 0% {
799
+ -webkit-transform: translateX(0);
800
+ transform: translateX(0);
801
+ }
802
+
803
+ 20% {
804
+ opacity: 1;
805
+ -webkit-transform: translateX(20px);
806
+ transform: translateX(20px);
807
+ }
808
+
809
+ 100% {
810
+ opacity: 0;
811
+ -webkit-transform: translateX(-2000px);
812
+ transform: translateX(-2000px);
813
+ }
814
+ }
815
+
816
+ @keyframes bounceOutLeft {
817
+ 0% {
818
+ -webkit-transform: translateX(0);
819
+ -ms-transform: translateX(0);
820
+ transform: translateX(0);
821
+ }
822
+
823
+ 20% {
824
+ opacity: 1;
825
+ -webkit-transform: translateX(20px);
826
+ -ms-transform: translateX(20px);
827
+ transform: translateX(20px);
828
+ }
829
+
830
+ 100% {
831
+ opacity: 0;
832
+ -webkit-transform: translateX(-2000px);
833
+ -ms-transform: translateX(-2000px);
834
+ transform: translateX(-2000px);
835
+ }
836
+ }
837
+
838
+ .bounceOutLeft {
839
+ -webkit-animation-name: bounceOutLeft;
840
+ animation-name: bounceOutLeft;
841
+ }
842
+
843
+ @-webkit-keyframes bounceOutRight {
844
+ 0% {
845
+ -webkit-transform: translateX(0);
846
+ transform: translateX(0);
847
+ }
848
+
849
+ 20% {
850
+ opacity: 1;
851
+ -webkit-transform: translateX(-20px);
852
+ transform: translateX(-20px);
853
+ }
854
+
855
+ 100% {
856
+ opacity: 0;
857
+ -webkit-transform: translateX(2000px);
858
+ transform: translateX(2000px);
859
+ }
860
+ }
861
+
862
+ @keyframes bounceOutRight {
863
+ 0% {
864
+ -webkit-transform: translateX(0);
865
+ -ms-transform: translateX(0);
866
+ transform: translateX(0);
867
+ }
868
+
869
+ 20% {
870
+ opacity: 1;
871
+ -webkit-transform: translateX(-20px);
872
+ -ms-transform: translateX(-20px);
873
+ transform: translateX(-20px);
874
+ }
875
+
876
+ 100% {
877
+ opacity: 0;
878
+ -webkit-transform: translateX(2000px);
879
+ -ms-transform: translateX(2000px);
880
+ transform: translateX(2000px);
881
+ }
882
+ }
883
+
884
+ .bounceOutRight {
885
+ -webkit-animation-name: bounceOutRight;
886
+ animation-name: bounceOutRight;
887
+ }
888
+
889
+ @-webkit-keyframes bounceOutUp {
890
+ 0% {
891
+ -webkit-transform: translateY(0);
892
+ transform: translateY(0);
893
+ }
894
+
895
+ 20% {
896
+ opacity: 1;
897
+ -webkit-transform: translateY(20px);
898
+ transform: translateY(20px);
899
+ }
900
+
901
+ 100% {
902
+ opacity: 0;
903
+ -webkit-transform: translateY(-2000px);
904
+ transform: translateY(-2000px);
905
+ }
906
+ }
907
+
908
+ @keyframes bounceOutUp {
909
+ 0% {
910
+ -webkit-transform: translateY(0);
911
+ -ms-transform: translateY(0);
912
+ transform: translateY(0);
913
+ }
914
+
915
+ 20% {
916
+ opacity: 1;
917
+ -webkit-transform: translateY(20px);
918
+ -ms-transform: translateY(20px);
919
+ transform: translateY(20px);
920
+ }
921
+
922
+ 100% {
923
+ opacity: 0;
924
+ -webkit-transform: translateY(-2000px);
925
+ -ms-transform: translateY(-2000px);
926
+ transform: translateY(-2000px);
927
+ }
928
+ }
929
+
930
+ .bounceOutUp {
931
+ -webkit-animation-name: bounceOutUp;
932
+ animation-name: bounceOutUp;
933
+ }
934
+
935
+ @-webkit-keyframes fadeIn {
936
+ 0% {
937
+ opacity: 0;
938
+ }
939
+
940
+ 100% {
941
+ opacity: 1;
942
+ }
943
+ }
944
+
945
+ @keyframes fadeIn {
946
+ 0% {
947
+ opacity: 0;
948
+ }
949
+
950
+ 100% {
951
+ opacity: 1;
952
+ }
953
+ }
954
+
955
+ .fadeIn {
956
+ -webkit-animation-name: fadeIn;
957
+ animation-name: fadeIn;
958
+ }
959
+
960
+ @-webkit-keyframes fadeInDown {
961
+ 0% {
962
+ opacity: 0;
963
+ -webkit-transform: translateY(-20px);
964
+ transform: translateY(-20px);
965
+ }
966
+
967
+ 100% {
968
+ opacity: 1;
969
+ -webkit-transform: translateY(0);
970
+ transform: translateY(0);
971
+ }
972
+ }
973
+
974
+ @keyframes fadeInDown {
975
+ 0% {
976
+ opacity: 0;
977
+ -webkit-transform: translateY(-20px);
978
+ -ms-transform: translateY(-20px);
979
+ transform: translateY(-20px);
980
+ }
981
+
982
+ 100% {
983
+ opacity: 1;
984
+ -webkit-transform: translateY(0);
985
+ -ms-transform: translateY(0);
986
+ transform: translateY(0);
987
+ }
988
+ }
989
+
990
+ .fadeInDown {
991
+ -webkit-animation-name: fadeInDown;
992
+ animation-name: fadeInDown;
993
+ }
994
+
995
+ @-webkit-keyframes fadeInDownBig {
996
+ 0% {
997
+ opacity: 0;
998
+ -webkit-transform: translateY(-2000px);
999
+ transform: translateY(-2000px);
1000
+ }
1001
+
1002
+ 100% {
1003
+ opacity: 1;
1004
+ -webkit-transform: translateY(0);
1005
+ transform: translateY(0);
1006
+ }
1007
+ }
1008
+
1009
+ @keyframes fadeInDownBig {
1010
+ 0% {
1011
+ opacity: 0;
1012
+ -webkit-transform: translateY(-2000px);
1013
+ -ms-transform: translateY(-2000px);
1014
+ transform: translateY(-2000px);
1015
+ }
1016
+
1017
+ 100% {
1018
+ opacity: 1;
1019
+ -webkit-transform: translateY(0);
1020
+ -ms-transform: translateY(0);
1021
+ transform: translateY(0);
1022
+ }
1023
+ }
1024
+
1025
+ .fadeInDownBig {
1026
+ -webkit-animation-name: fadeInDownBig;
1027
+ animation-name: fadeInDownBig;
1028
+ }
1029
+
1030
+ @-webkit-keyframes fadeInLeft {
1031
+ 0% {
1032
+ opacity: 0;
1033
+ -webkit-transform: translateX(-20px);
1034
+ transform: translateX(-20px);
1035
+ }
1036
+
1037
+ 100% {
1038
+ opacity: 1;
1039
+ -webkit-transform: translateX(0);
1040
+ transform: translateX(0);
1041
+ }
1042
+ }
1043
+
1044
+ @keyframes fadeInLeft {
1045
+ 0% {
1046
+ opacity: 0;
1047
+ -webkit-transform: translateX(-20px);
1048
+ -ms-transform: translateX(-20px);
1049
+ transform: translateX(-20px);
1050
+ }
1051
+
1052
+ 100% {
1053
+ opacity: 1;
1054
+ -webkit-transform: translateX(0);
1055
+ -ms-transform: translateX(0);
1056
+ transform: translateX(0);
1057
+ }
1058
+ }
1059
+
1060
+ .fadeInLeft {
1061
+ -webkit-animation-name: fadeInLeft;
1062
+ animation-name: fadeInLeft;
1063
+ }
1064
+
1065
+ @-webkit-keyframes fadeInLeftBig {
1066
+ 0% {
1067
+ opacity: 0;
1068
+ -webkit-transform: translateX(-2000px);
1069
+ transform: translateX(-2000px);
1070
+ }
1071
+
1072
+ 100% {
1073
+ opacity: 1;
1074
+ -webkit-transform: translateX(0);
1075
+ transform: translateX(0);
1076
+ }
1077
+ }
1078
+
1079
+ @keyframes fadeInLeftBig {
1080
+ 0% {
1081
+ opacity: 0;
1082
+ -webkit-transform: translateX(-2000px);
1083
+ -ms-transform: translateX(-2000px);
1084
+ transform: translateX(-2000px);
1085
+ }
1086
+
1087
+ 100% {
1088
+ opacity: 1;
1089
+ -webkit-transform: translateX(0);
1090
+ -ms-transform: translateX(0);
1091
+ transform: translateX(0);
1092
+ }
1093
+ }
1094
+
1095
+ .fadeInLeftBig {
1096
+ -webkit-animation-name: fadeInLeftBig;
1097
+ animation-name: fadeInLeftBig;
1098
+ }
1099
+
1100
+ @-webkit-keyframes fadeInRight {
1101
+ 0% {
1102
+ opacity: 0;
1103
+ -webkit-transform: translateX(20px);
1104
+ transform: translateX(20px);
1105
+ }
1106
+
1107
+ 100% {
1108
+ opacity: 1;
1109
+ -webkit-transform: translateX(0);
1110
+ transform: translateX(0);
1111
+ }
1112
+ }
1113
+
1114
+ @keyframes fadeInRight {
1115
+ 0% {
1116
+ opacity: 0;
1117
+ -webkit-transform: translateX(20px);
1118
+ -ms-transform: translateX(20px);
1119
+ transform: translateX(20px);
1120
+ }
1121
+
1122
+ 100% {
1123
+ opacity: 1;
1124
+ -webkit-transform: translateX(0);
1125
+ -ms-transform: translateX(0);
1126
+ transform: translateX(0);
1127
+ }
1128
+ }
1129
+
1130
+ .fadeInRight {
1131
+ -webkit-animation-name: fadeInRight;
1132
+ animation-name: fadeInRight;
1133
+ }
1134
+
1135
+ @-webkit-keyframes fadeInRightBig {
1136
+ 0% {
1137
+ opacity: 0;
1138
+ -webkit-transform: translateX(2000px);
1139
+ transform: translateX(2000px);
1140
+ }
1141
+
1142
+ 100% {
1143
+ opacity: 1;
1144
+ -webkit-transform: translateX(0);
1145
+ transform: translateX(0);
1146
+ }
1147
+ }
1148
+
1149
+ @keyframes fadeInRightBig {
1150
+ 0% {
1151
+ opacity: 0;
1152
+ -webkit-transform: translateX(2000px);
1153
+ -ms-transform: translateX(2000px);
1154
+ transform: translateX(2000px);
1155
+ }
1156
+
1157
+ 100% {
1158
+ opacity: 1;
1159
+ -webkit-transform: translateX(0);
1160
+ -ms-transform: translateX(0);
1161
+ transform: translateX(0);
1162
+ }
1163
+ }
1164
+
1165
+ .fadeInRightBig {
1166
+ -webkit-animation-name: fadeInRightBig;
1167
+ animation-name: fadeInRightBig;
1168
+ }
1169
+
1170
+ @-webkit-keyframes fadeInUp {
1171
+ 0% {
1172
+ opacity: 0;
1173
+ -webkit-transform: translateY(20px);
1174
+ transform: translateY(20px);
1175
+ }
1176
+
1177
+ 100% {
1178
+ opacity: 1;
1179
+ -webkit-transform: translateY(0);
1180
+ transform: translateY(0);
1181
+ }
1182
+ }
1183
+
1184
+ @keyframes fadeInUp {
1185
+ 0% {
1186
+ opacity: 0;
1187
+ -webkit-transform: translateY(20px);
1188
+ -ms-transform: translateY(20px);
1189
+ transform: translateY(20px);
1190
+ }
1191
+
1192
+ 100% {
1193
+ opacity: 1;
1194
+ -webkit-transform: translateY(0);
1195
+ -ms-transform: translateY(0);
1196
+ transform: translateY(0);
1197
+ }
1198
+ }
1199
+
1200
+ .fadeInUp {
1201
+ -webkit-animation-name: fadeInUp;
1202
+ animation-name: fadeInUp;
1203
+ }
1204
+
1205
+ @-webkit-keyframes fadeInUpBig {
1206
+ 0% {
1207
+ opacity: 0;
1208
+ -webkit-transform: translateY(2000px);
1209
+ transform: translateY(2000px);
1210
+ }
1211
+
1212
+ 100% {
1213
+ opacity: 1;
1214
+ -webkit-transform: translateY(0);
1215
+ transform: translateY(0);
1216
+ }
1217
+ }
1218
+
1219
+ @keyframes fadeInUpBig {
1220
+ 0% {
1221
+ opacity: 0;
1222
+ -webkit-transform: translateY(2000px);
1223
+ -ms-transform: translateY(2000px);
1224
+ transform: translateY(2000px);
1225
+ }
1226
+
1227
+ 100% {
1228
+ opacity: 1;
1229
+ -webkit-transform: translateY(0);
1230
+ -ms-transform: translateY(0);
1231
+ transform: translateY(0);
1232
+ }
1233
+ }
1234
+
1235
+ .fadeInUpBig {
1236
+ -webkit-animation-name: fadeInUpBig;
1237
+ animation-name: fadeInUpBig;
1238
+ }
1239
+
1240
+ @-webkit-keyframes fadeOut {
1241
+ 0% {
1242
+ opacity: 1;
1243
+ }
1244
+
1245
+ 100% {
1246
+ opacity: 0;
1247
+ }
1248
+ }
1249
+
1250
+ @keyframes fadeOut {
1251
+ 0% {
1252
+ opacity: 1;
1253
+ }
1254
+
1255
+ 100% {
1256
+ opacity: 0;
1257
+ }
1258
+ }
1259
+
1260
+ .fadeOut {
1261
+ -webkit-animation-name: fadeOut;
1262
+ animation-name: fadeOut;
1263
+ }
1264
+
1265
+ @-webkit-keyframes fadeOutDown {
1266
+ 0% {
1267
+ opacity: 1;
1268
+ -webkit-transform: translateY(0);
1269
+ transform: translateY(0);
1270
+ }
1271
+
1272
+ 100% {
1273
+ opacity: 0;
1274
+ -webkit-transform: translateY(20px);
1275
+ transform: translateY(20px);
1276
+ }
1277
+ }
1278
+
1279
+ @keyframes fadeOutDown {
1280
+ 0% {
1281
+ opacity: 1;
1282
+ -webkit-transform: translateY(0);
1283
+ -ms-transform: translateY(0);
1284
+ transform: translateY(0);
1285
+ }
1286
+
1287
+ 100% {
1288
+ opacity: 0;
1289
+ -webkit-transform: translateY(20px);
1290
+ -ms-transform: translateY(20px);
1291
+ transform: translateY(20px);
1292
+ }
1293
+ }
1294
+
1295
+ .fadeOutDown {
1296
+ -webkit-animation-name: fadeOutDown;
1297
+ animation-name: fadeOutDown;
1298
+ }
1299
+
1300
+ @-webkit-keyframes fadeOutDownBig {
1301
+ 0% {
1302
+ opacity: 1;
1303
+ -webkit-transform: translateY(0);
1304
+ transform: translateY(0);
1305
+ }
1306
+
1307
+ 100% {
1308
+ opacity: 0;
1309
+ -webkit-transform: translateY(2000px);
1310
+ transform: translateY(2000px);
1311
+ }
1312
+ }
1313
+
1314
+ @keyframes fadeOutDownBig {
1315
+ 0% {
1316
+ opacity: 1;
1317
+ -webkit-transform: translateY(0);
1318
+ -ms-transform: translateY(0);
1319
+ transform: translateY(0);
1320
+ }
1321
+
1322
+ 100% {
1323
+ opacity: 0;
1324
+ -webkit-transform: translateY(2000px);
1325
+ -ms-transform: translateY(2000px);
1326
+ transform: translateY(2000px);
1327
+ }
1328
+ }
1329
+
1330
+ .fadeOutDownBig {
1331
+ -webkit-animation-name: fadeOutDownBig;
1332
+ animation-name: fadeOutDownBig;
1333
+ }
1334
+
1335
+ @-webkit-keyframes fadeOutLeft {
1336
+ 0% {
1337
+ opacity: 1;
1338
+ -webkit-transform: translateX(0);
1339
+ transform: translateX(0);
1340
+ }
1341
+
1342
+ 100% {
1343
+ opacity: 0;
1344
+ -webkit-transform: translateX(-20px);
1345
+ transform: translateX(-20px);
1346
+ }
1347
+ }
1348
+
1349
+ @keyframes fadeOutLeft {
1350
+ 0% {
1351
+ opacity: 1;
1352
+ -webkit-transform: translateX(0);
1353
+ -ms-transform: translateX(0);
1354
+ transform: translateX(0);
1355
+ }
1356
+
1357
+ 100% {
1358
+ opacity: 0;
1359
+ -webkit-transform: translateX(-20px);
1360
+ -ms-transform: translateX(-20px);
1361
+ transform: translateX(-20px);
1362
+ }
1363
+ }
1364
+
1365
+ .fadeOutLeft {
1366
+ -webkit-animation-name: fadeOutLeft;
1367
+ animation-name: fadeOutLeft;
1368
+ }
1369
+
1370
+ @-webkit-keyframes fadeOutLeftBig {
1371
+ 0% {
1372
+ opacity: 1;
1373
+ -webkit-transform: translateX(0);
1374
+ transform: translateX(0);
1375
+ }
1376
+
1377
+ 100% {
1378
+ opacity: 0;
1379
+ -webkit-transform: translateX(-2000px);
1380
+ transform: translateX(-2000px);
1381
+ }
1382
+ }
1383
+
1384
+ @keyframes fadeOutLeftBig {
1385
+ 0% {
1386
+ opacity: 1;
1387
+ -webkit-transform: translateX(0);
1388
+ -ms-transform: translateX(0);
1389
+ transform: translateX(0);
1390
+ }
1391
+
1392
+ 100% {
1393
+ opacity: 0;
1394
+ -webkit-transform: translateX(-2000px);
1395
+ -ms-transform: translateX(-2000px);
1396
+ transform: translateX(-2000px);
1397
+ }
1398
+ }
1399
+
1400
+ .fadeOutLeftBig {
1401
+ -webkit-animation-name: fadeOutLeftBig;
1402
+ animation-name: fadeOutLeftBig;
1403
+ }
1404
+
1405
+ @-webkit-keyframes fadeOutRight {
1406
+ 0% {
1407
+ opacity: 1;
1408
+ -webkit-transform: translateX(0);
1409
+ transform: translateX(0);
1410
+ }
1411
+
1412
+ 100% {
1413
+ opacity: 0;
1414
+ -webkit-transform: translateX(20px);
1415
+ transform: translateX(20px);
1416
+ }
1417
+ }
1418
+
1419
+ @keyframes fadeOutRight {
1420
+ 0% {
1421
+ opacity: 1;
1422
+ -webkit-transform: translateX(0);
1423
+ -ms-transform: translateX(0);
1424
+ transform: translateX(0);
1425
+ }
1426
+
1427
+ 100% {
1428
+ opacity: 0;
1429
+ -webkit-transform: translateX(20px);
1430
+ -ms-transform: translateX(20px);
1431
+ transform: translateX(20px);
1432
+ }
1433
+ }
1434
+
1435
+ .fadeOutRight {
1436
+ -webkit-animation-name: fadeOutRight;
1437
+ animation-name: fadeOutRight;
1438
+ }
1439
+
1440
+ @-webkit-keyframes fadeOutRightBig {
1441
+ 0% {
1442
+ opacity: 1;
1443
+ -webkit-transform: translateX(0);
1444
+ transform: translateX(0);
1445
+ }
1446
+
1447
+ 100% {
1448
+ opacity: 0;
1449
+ -webkit-transform: translateX(2000px);
1450
+ transform: translateX(2000px);
1451
+ }
1452
+ }
1453
+
1454
+ @keyframes fadeOutRightBig {
1455
+ 0% {
1456
+ opacity: 1;
1457
+ -webkit-transform: translateX(0);
1458
+ -ms-transform: translateX(0);
1459
+ transform: translateX(0);
1460
+ }
1461
+
1462
+ 100% {
1463
+ opacity: 0;
1464
+ -webkit-transform: translateX(2000px);
1465
+ -ms-transform: translateX(2000px);
1466
+ transform: translateX(2000px);
1467
+ }
1468
+ }
1469
+
1470
+ .fadeOutRightBig {
1471
+ -webkit-animation-name: fadeOutRightBig;
1472
+ animation-name: fadeOutRightBig;
1473
+ }
1474
+
1475
+ @-webkit-keyframes fadeOutUp {
1476
+ 0% {
1477
+ opacity: 1;
1478
+ -webkit-transform: translateY(0);
1479
+ transform: translateY(0);
1480
+ }
1481
+
1482
+ 100% {
1483
+ opacity: 0;
1484
+ -webkit-transform: translateY(-20px);
1485
+ transform: translateY(-20px);
1486
+ }
1487
+ }
1488
+
1489
+ @keyframes fadeOutUp {
1490
+ 0% {
1491
+ opacity: 1;
1492
+ -webkit-transform: translateY(0);
1493
+ -ms-transform: translateY(0);
1494
+ transform: translateY(0);
1495
+ }
1496
+
1497
+ 100% {
1498
+ opacity: 0;
1499
+ -webkit-transform: translateY(-20px);
1500
+ -ms-transform: translateY(-20px);
1501
+ transform: translateY(-20px);
1502
+ }
1503
+ }
1504
+
1505
+ .fadeOutUp {
1506
+ -webkit-animation-name: fadeOutUp;
1507
+ animation-name: fadeOutUp;
1508
+ }
1509
+
1510
+ @-webkit-keyframes fadeOutUpBig {
1511
+ 0% {
1512
+ opacity: 1;
1513
+ -webkit-transform: translateY(0);
1514
+ transform: translateY(0);
1515
+ }
1516
+
1517
+ 100% {
1518
+ opacity: 0;
1519
+ -webkit-transform: translateY(-2000px);
1520
+ transform: translateY(-2000px);
1521
+ }
1522
+ }
1523
+
1524
+ @keyframes fadeOutUpBig {
1525
+ 0% {
1526
+ opacity: 1;
1527
+ -webkit-transform: translateY(0);
1528
+ -ms-transform: translateY(0);
1529
+ transform: translateY(0);
1530
+ }
1531
+
1532
+ 100% {
1533
+ opacity: 0;
1534
+ -webkit-transform: translateY(-2000px);
1535
+ -ms-transform: translateY(-2000px);
1536
+ transform: translateY(-2000px);
1537
+ }
1538
+ }
1539
+
1540
+ .fadeOutUpBig {
1541
+ -webkit-animation-name: fadeOutUpBig;
1542
+ animation-name: fadeOutUpBig;
1543
+ }
1544
+
1545
+ @-webkit-keyframes flip {
1546
+ 0% {
1547
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1548
+ transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1549
+ -webkit-animation-timing-function: ease-out;
1550
+ animation-timing-function: ease-out;
1551
+ }
1552
+
1553
+ 40% {
1554
+ -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1555
+ transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1556
+ -webkit-animation-timing-function: ease-out;
1557
+ animation-timing-function: ease-out;
1558
+ }
1559
+
1560
+ 50% {
1561
+ -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1562
+ transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1563
+ -webkit-animation-timing-function: ease-in;
1564
+ animation-timing-function: ease-in;
1565
+ }
1566
+
1567
+ 80% {
1568
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1569
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1570
+ -webkit-animation-timing-function: ease-in;
1571
+ animation-timing-function: ease-in;
1572
+ }
1573
+
1574
+ 100% {
1575
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1576
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1577
+ -webkit-animation-timing-function: ease-in;
1578
+ animation-timing-function: ease-in;
1579
+ }
1580
+ }
1581
+
1582
+ @keyframes flip {
1583
+ 0% {
1584
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1585
+ -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1586
+ transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1587
+ -webkit-animation-timing-function: ease-out;
1588
+ animation-timing-function: ease-out;
1589
+ }
1590
+
1591
+ 40% {
1592
+ -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1593
+ -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1594
+ transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1595
+ -webkit-animation-timing-function: ease-out;
1596
+ animation-timing-function: ease-out;
1597
+ }
1598
+
1599
+ 50% {
1600
+ -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1601
+ -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1602
+ transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1603
+ -webkit-animation-timing-function: ease-in;
1604
+ animation-timing-function: ease-in;
1605
+ }
1606
+
1607
+ 80% {
1608
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1609
+ -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1610
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1611
+ -webkit-animation-timing-function: ease-in;
1612
+ animation-timing-function: ease-in;
1613
+ }
1614
+
1615
+ 100% {
1616
+ -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1617
+ -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1618
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1619
+ -webkit-animation-timing-function: ease-in;
1620
+ animation-timing-function: ease-in;
1621
+ }
1622
+ }
1623
+
1624
+ .animated.flip {
1625
+ -webkit-backface-visibility: visible;
1626
+ -ms-backface-visibility: visible;
1627
+ backface-visibility: visible;
1628
+ -webkit-animation-name: flip;
1629
+ animation-name: flip;
1630
+ }
1631
+
1632
+ @-webkit-keyframes flipInX {
1633
+ 0% {
1634
+ -webkit-transform: perspective(400px) rotateX(90deg);
1635
+ transform: perspective(400px) rotateX(90deg);
1636
+ opacity: 0;
1637
+ }
1638
+
1639
+ 40% {
1640
+ -webkit-transform: perspective(400px) rotateX(-10deg);
1641
+ transform: perspective(400px) rotateX(-10deg);
1642
+ }
1643
+
1644
+ 70% {
1645
+ -webkit-transform: perspective(400px) rotateX(10deg);
1646
+ transform: perspective(400px) rotateX(10deg);
1647
+ }
1648
+
1649
+ 100% {
1650
+ -webkit-transform: perspective(400px) rotateX(0deg);
1651
+ transform: perspective(400px) rotateX(0deg);
1652
+ opacity: 1;
1653
+ }
1654
+ }
1655
+
1656
+ @keyframes flipInX {
1657
+ 0% {
1658
+ -webkit-transform: perspective(400px) rotateX(90deg);
1659
+ -ms-transform: perspective(400px) rotateX(90deg);
1660
+ transform: perspective(400px) rotateX(90deg);
1661
+ opacity: 0;
1662
+ }
1663
+
1664
+ 40% {
1665
+ -webkit-transform: perspective(400px) rotateX(-10deg);
1666
+ -ms-transform: perspective(400px) rotateX(-10deg);
1667
+ transform: perspective(400px) rotateX(-10deg);
1668
+ }
1669
+
1670
+ 70% {
1671
+ -webkit-transform: perspective(400px) rotateX(10deg);
1672
+ -ms-transform: perspective(400px) rotateX(10deg);
1673
+ transform: perspective(400px) rotateX(10deg);
1674
+ }
1675
+
1676
+ 100% {
1677
+ -webkit-transform: perspective(400px) rotateX(0deg);
1678
+ -ms-transform: perspective(400px) rotateX(0deg);
1679
+ transform: perspective(400px) rotateX(0deg);
1680
+ opacity: 1;
1681
+ }
1682
+ }
1683
+
1684
+ .flipInX {
1685
+ -webkit-backface-visibility: visible !important;
1686
+ -ms-backface-visibility: visible !important;
1687
+ backface-visibility: visible !important;
1688
+ -webkit-animation-name: flipInX;
1689
+ animation-name: flipInX;
1690
+ }
1691
+
1692
+ @-webkit-keyframes flipInY {
1693
+ 0% {
1694
+ -webkit-transform: perspective(400px) rotateY(90deg);
1695
+ transform: perspective(400px) rotateY(90deg);
1696
+ opacity: 0;
1697
+ }
1698
+
1699
+ 40% {
1700
+ -webkit-transform: perspective(400px) rotateY(-10deg);
1701
+ transform: perspective(400px) rotateY(-10deg);
1702
+ }
1703
+
1704
+ 70% {
1705
+ -webkit-transform: perspective(400px) rotateY(10deg);
1706
+ transform: perspective(400px) rotateY(10deg);
1707
+ }
1708
+
1709
+ 100% {
1710
+ -webkit-transform: perspective(400px) rotateY(0deg);
1711
+ transform: perspective(400px) rotateY(0deg);
1712
+ opacity: 1;
1713
+ }
1714
+ }
1715
+
1716
+ @keyframes flipInY {
1717
+ 0% {
1718
+ -webkit-transform: perspective(400px) rotateY(90deg);
1719
+ -ms-transform: perspective(400px) rotateY(90deg);
1720
+ transform: perspective(400px) rotateY(90deg);
1721
+ opacity: 0;
1722
+ }
1723
+
1724
+ 40% {
1725
+ -webkit-transform: perspective(400px) rotateY(-10deg);
1726
+ -ms-transform: perspective(400px) rotateY(-10deg);
1727
+ transform: perspective(400px) rotateY(-10deg);
1728
+ }
1729
+
1730
+ 70% {
1731
+ -webkit-transform: perspective(400px) rotateY(10deg);
1732
+ -ms-transform: perspective(400px) rotateY(10deg);
1733
+ transform: perspective(400px) rotateY(10deg);
1734
+ }
1735
+
1736
+ 100% {
1737
+ -webkit-transform: perspective(400px) rotateY(0deg);
1738
+ -ms-transform: perspective(400px) rotateY(0deg);
1739
+ transform: perspective(400px) rotateY(0deg);
1740
+ opacity: 1;
1741
+ }
1742
+ }
1743
+
1744
+ .flipInY {
1745
+ -webkit-backface-visibility: visible !important;
1746
+ -ms-backface-visibility: visible !important;
1747
+ backface-visibility: visible !important;
1748
+ -webkit-animation-name: flipInY;
1749
+ animation-name: flipInY;
1750
+ }
1751
+
1752
+ @-webkit-keyframes flipOutX {
1753
+ 0% {
1754
+ -webkit-transform: perspective(400px) rotateX(0deg);
1755
+ transform: perspective(400px) rotateX(0deg);
1756
+ opacity: 1;
1757
+ }
1758
+
1759
+ 100% {
1760
+ -webkit-transform: perspective(400px) rotateX(90deg);
1761
+ transform: perspective(400px) rotateX(90deg);
1762
+ opacity: 0;
1763
+ }
1764
+ }
1765
+
1766
+ @keyframes flipOutX {
1767
+ 0% {
1768
+ -webkit-transform: perspective(400px) rotateX(0deg);
1769
+ -ms-transform: perspective(400px) rotateX(0deg);
1770
+ transform: perspective(400px) rotateX(0deg);
1771
+ opacity: 1;
1772
+ }
1773
+
1774
+ 100% {
1775
+ -webkit-transform: perspective(400px) rotateX(90deg);
1776
+ -ms-transform: perspective(400px) rotateX(90deg);
1777
+ transform: perspective(400px) rotateX(90deg);
1778
+ opacity: 0;
1779
+ }
1780
+ }
1781
+
1782
+ .flipOutX {
1783
+ -webkit-animation-name: flipOutX;
1784
+ animation-name: flipOutX;
1785
+ -webkit-backface-visibility: visible !important;
1786
+ -ms-backface-visibility: visible !important;
1787
+ backface-visibility: visible !important;
1788
+ }
1789
+
1790
+ @-webkit-keyframes flipOutY {
1791
+ 0% {
1792
+ -webkit-transform: perspective(400px) rotateY(0deg);
1793
+ transform: perspective(400px) rotateY(0deg);
1794
+ opacity: 1;
1795
+ }
1796
+
1797
+ 100% {
1798
+ -webkit-transform: perspective(400px) rotateY(90deg);
1799
+ transform: perspective(400px) rotateY(90deg);
1800
+ opacity: 0;
1801
+ }
1802
+ }
1803
+
1804
+ @keyframes flipOutY {
1805
+ 0% {
1806
+ -webkit-transform: perspective(400px) rotateY(0deg);
1807
+ -ms-transform: perspective(400px) rotateY(0deg);
1808
+ transform: perspective(400px) rotateY(0deg);
1809
+ opacity: 1;
1810
+ }
1811
+
1812
+ 100% {
1813
+ -webkit-transform: perspective(400px) rotateY(90deg);
1814
+ -ms-transform: perspective(400px) rotateY(90deg);
1815
+ transform: perspective(400px) rotateY(90deg);
1816
+ opacity: 0;
1817
+ }
1818
+ }
1819
+
1820
+ .flipOutY {
1821
+ -webkit-backface-visibility: visible !important;
1822
+ -ms-backface-visibility: visible !important;
1823
+ backface-visibility: visible !important;
1824
+ -webkit-animation-name: flipOutY;
1825
+ animation-name: flipOutY;
1826
+ }
1827
+
1828
+ @-webkit-keyframes lightSpeedIn {
1829
+ 0% {
1830
+ -webkit-transform: translateX(100%) skewX(-30deg);
1831
+ transform: translateX(100%) skewX(-30deg);
1832
+ opacity: 0;
1833
+ }
1834
+
1835
+ 60% {
1836
+ -webkit-transform: translateX(-20%) skewX(30deg);
1837
+ transform: translateX(-20%) skewX(30deg);
1838
+ opacity: 1;
1839
+ }
1840
+
1841
+ 80% {
1842
+ -webkit-transform: translateX(0%) skewX(-15deg);
1843
+ transform: translateX(0%) skewX(-15deg);
1844
+ opacity: 1;
1845
+ }
1846
+
1847
+ 100% {
1848
+ -webkit-transform: translateX(0%) skewX(0deg);
1849
+ transform: translateX(0%) skewX(0deg);
1850
+ opacity: 1;
1851
+ }
1852
+ }
1853
+
1854
+ @keyframes lightSpeedIn {
1855
+ 0% {
1856
+ -webkit-transform: translateX(100%) skewX(-30deg);
1857
+ -ms-transform: translateX(100%) skewX(-30deg);
1858
+ transform: translateX(100%) skewX(-30deg);
1859
+ opacity: 0;
1860
+ }
1861
+
1862
+ 60% {
1863
+ -webkit-transform: translateX(-20%) skewX(30deg);
1864
+ -ms-transform: translateX(-20%) skewX(30deg);
1865
+ transform: translateX(-20%) skewX(30deg);
1866
+ opacity: 1;
1867
+ }
1868
+
1869
+ 80% {
1870
+ -webkit-transform: translateX(0%) skewX(-15deg);
1871
+ -ms-transform: translateX(0%) skewX(-15deg);
1872
+ transform: translateX(0%) skewX(-15deg);
1873
+ opacity: 1;
1874
+ }
1875
+
1876
+ 100% {
1877
+ -webkit-transform: translateX(0%) skewX(0deg);
1878
+ -ms-transform: translateX(0%) skewX(0deg);
1879
+ transform: translateX(0%) skewX(0deg);
1880
+ opacity: 1;
1881
+ }
1882
+ }
1883
+
1884
+ .lightSpeedIn {
1885
+ -webkit-animation-name: lightSpeedIn;
1886
+ animation-name: lightSpeedIn;
1887
+ -webkit-animation-timing-function: ease-out;
1888
+ animation-timing-function: ease-out;
1889
+ }
1890
+
1891
+ @-webkit-keyframes lightSpeedOut {
1892
+ 0% {
1893
+ -webkit-transform: translateX(0%) skewX(0deg);
1894
+ transform: translateX(0%) skewX(0deg);
1895
+ opacity: 1;
1896
+ }
1897
+
1898
+ 100% {
1899
+ -webkit-transform: translateX(100%) skewX(-30deg);
1900
+ transform: translateX(100%) skewX(-30deg);
1901
+ opacity: 0;
1902
+ }
1903
+ }
1904
+
1905
+ @keyframes lightSpeedOut {
1906
+ 0% {
1907
+ -webkit-transform: translateX(0%) skewX(0deg);
1908
+ -ms-transform: translateX(0%) skewX(0deg);
1909
+ transform: translateX(0%) skewX(0deg);
1910
+ opacity: 1;
1911
+ }
1912
+
1913
+ 100% {
1914
+ -webkit-transform: translateX(100%) skewX(-30deg);
1915
+ -ms-transform: translateX(100%) skewX(-30deg);
1916
+ transform: translateX(100%) skewX(-30deg);
1917
+ opacity: 0;
1918
+ }
1919
+ }
1920
+
1921
+ .lightSpeedOut {
1922
+ -webkit-animation-name: lightSpeedOut;
1923
+ animation-name: lightSpeedOut;
1924
+ -webkit-animation-timing-function: ease-in;
1925
+ animation-timing-function: ease-in;
1926
+ }
1927
+
1928
+ @-webkit-keyframes rotateIn {
1929
+ 0% {
1930
+ -webkit-transform-origin: center center;
1931
+ transform-origin: center center;
1932
+ -webkit-transform: rotate(-200deg);
1933
+ transform: rotate(-200deg);
1934
+ opacity: 0;
1935
+ }
1936
+
1937
+ 100% {
1938
+ -webkit-transform-origin: center center;
1939
+ transform-origin: center center;
1940
+ -webkit-transform: rotate(0);
1941
+ transform: rotate(0);
1942
+ opacity: 1;
1943
+ }
1944
+ }
1945
+
1946
+ @keyframes rotateIn {
1947
+ 0% {
1948
+ -webkit-transform-origin: center center;
1949
+ -ms-transform-origin: center center;
1950
+ transform-origin: center center;
1951
+ -webkit-transform: rotate(-200deg);
1952
+ -ms-transform: rotate(-200deg);
1953
+ transform: rotate(-200deg);
1954
+ opacity: 0;
1955
+ }
1956
+
1957
+ 100% {
1958
+ -webkit-transform-origin: center center;
1959
+ -ms-transform-origin: center center;
1960
+ transform-origin: center center;
1961
+ -webkit-transform: rotate(0);
1962
+ -ms-transform: rotate(0);
1963
+ transform: rotate(0);
1964
+ opacity: 1;
1965
+ }
1966
+ }
1967
+
1968
+ .rotateIn {
1969
+ -webkit-animation-name: rotateIn;
1970
+ animation-name: rotateIn;
1971
+ }
1972
+
1973
+ @-webkit-keyframes rotateInDownLeft {
1974
+ 0% {
1975
+ -webkit-transform-origin: left bottom;
1976
+ transform-origin: left bottom;
1977
+ -webkit-transform: rotate(-90deg);
1978
+ transform: rotate(-90deg);
1979
+ opacity: 0;
1980
+ }
1981
+
1982
+ 100% {
1983
+ -webkit-transform-origin: left bottom;
1984
+ transform-origin: left bottom;
1985
+ -webkit-transform: rotate(0);
1986
+ transform: rotate(0);
1987
+ opacity: 1;
1988
+ }
1989
+ }
1990
+
1991
+ @keyframes rotateInDownLeft {
1992
+ 0% {
1993
+ -webkit-transform-origin: left bottom;
1994
+ -ms-transform-origin: left bottom;
1995
+ transform-origin: left bottom;
1996
+ -webkit-transform: rotate(-90deg);
1997
+ -ms-transform: rotate(-90deg);
1998
+ transform: rotate(-90deg);
1999
+ opacity: 0;
2000
+ }
2001
+
2002
+ 100% {
2003
+ -webkit-transform-origin: left bottom;
2004
+ -ms-transform-origin: left bottom;
2005
+ transform-origin: left bottom;
2006
+ -webkit-transform: rotate(0);
2007
+ -ms-transform: rotate(0);
2008
+ transform: rotate(0);
2009
+ opacity: 1;
2010
+ }
2011
+ }
2012
+
2013
+ .rotateInDownLeft {
2014
+ -webkit-animation-name: rotateInDownLeft;
2015
+ animation-name: rotateInDownLeft;
2016
+ }
2017
+
2018
+ @-webkit-keyframes rotateInDownRight {
2019
+ 0% {
2020
+ -webkit-transform-origin: right bottom;
2021
+ transform-origin: right bottom;
2022
+ -webkit-transform: rotate(90deg);
2023
+ transform: rotate(90deg);
2024
+ opacity: 0;
2025
+ }
2026
+
2027
+ 100% {
2028
+ -webkit-transform-origin: right bottom;
2029
+ transform-origin: right bottom;
2030
+ -webkit-transform: rotate(0);
2031
+ transform: rotate(0);
2032
+ opacity: 1;
2033
+ }
2034
+ }
2035
+
2036
+ @keyframes rotateInDownRight {
2037
+ 0% {
2038
+ -webkit-transform-origin: right bottom;
2039
+ -ms-transform-origin: right bottom;
2040
+ transform-origin: right bottom;
2041
+ -webkit-transform: rotate(90deg);
2042
+ -ms-transform: rotate(90deg);
2043
+ transform: rotate(90deg);
2044
+ opacity: 0;
2045
+ }
2046
+
2047
+ 100% {
2048
+ -webkit-transform-origin: right bottom;
2049
+ -ms-transform-origin: right bottom;
2050
+ transform-origin: right bottom;
2051
+ -webkit-transform: rotate(0);
2052
+ -ms-transform: rotate(0);
2053
+ transform: rotate(0);
2054
+ opacity: 1;
2055
+ }
2056
+ }
2057
+
2058
+ .rotateInDownRight {
2059
+ -webkit-animation-name: rotateInDownRight;
2060
+ animation-name: rotateInDownRight;
2061
+ }
2062
+
2063
+ @-webkit-keyframes rotateInUpLeft {
2064
+ 0% {
2065
+ -webkit-transform-origin: left bottom;
2066
+ transform-origin: left bottom;
2067
+ -webkit-transform: rotate(90deg);
2068
+ transform: rotate(90deg);
2069
+ opacity: 0;
2070
+ }
2071
+
2072
+ 100% {
2073
+ -webkit-transform-origin: left bottom;
2074
+ transform-origin: left bottom;
2075
+ -webkit-transform: rotate(0);
2076
+ transform: rotate(0);
2077
+ opacity: 1;
2078
+ }
2079
+ }
2080
+
2081
+ @keyframes rotateInUpLeft {
2082
+ 0% {
2083
+ -webkit-transform-origin: left bottom;
2084
+ -ms-transform-origin: left bottom;
2085
+ transform-origin: left bottom;
2086
+ -webkit-transform: rotate(90deg);
2087
+ -ms-transform: rotate(90deg);
2088
+ transform: rotate(90deg);
2089
+ opacity: 0;
2090
+ }
2091
+
2092
+ 100% {
2093
+ -webkit-transform-origin: left bottom;
2094
+ -ms-transform-origin: left bottom;
2095
+ transform-origin: left bottom;
2096
+ -webkit-transform: rotate(0);
2097
+ -ms-transform: rotate(0);
2098
+ transform: rotate(0);
2099
+ opacity: 1;
2100
+ }
2101
+ }
2102
+
2103
+ .rotateInUpLeft {
2104
+ -webkit-animation-name: rotateInUpLeft;
2105
+ animation-name: rotateInUpLeft;
2106
+ }
2107
+
2108
+ @-webkit-keyframes rotateInUpRight {
2109
+ 0% {
2110
+ -webkit-transform-origin: right bottom;
2111
+ transform-origin: right bottom;
2112
+ -webkit-transform: rotate(-90deg);
2113
+ transform: rotate(-90deg);
2114
+ opacity: 0;
2115
+ }
2116
+
2117
+ 100% {
2118
+ -webkit-transform-origin: right bottom;
2119
+ transform-origin: right bottom;
2120
+ -webkit-transform: rotate(0);
2121
+ transform: rotate(0);
2122
+ opacity: 1;
2123
+ }
2124
+ }
2125
+
2126
+ @keyframes rotateInUpRight {
2127
+ 0% {
2128
+ -webkit-transform-origin: right bottom;
2129
+ -ms-transform-origin: right bottom;
2130
+ transform-origin: right bottom;
2131
+ -webkit-transform: rotate(-90deg);
2132
+ -ms-transform: rotate(-90deg);
2133
+ transform: rotate(-90deg);
2134
+ opacity: 0;
2135
+ }
2136
+
2137
+ 100% {
2138
+ -webkit-transform-origin: right bottom;
2139
+ -ms-transform-origin: right bottom;
2140
+ transform-origin: right bottom;
2141
+ -webkit-transform: rotate(0);
2142
+ -ms-transform: rotate(0);
2143
+ transform: rotate(0);
2144
+ opacity: 1;
2145
+ }
2146
+ }
2147
+
2148
+ .rotateInUpRight {
2149
+ -webkit-animation-name: rotateInUpRight;
2150
+ animation-name: rotateInUpRight;
2151
+ }
2152
+
2153
+ @-webkit-keyframes rotateOut {
2154
+ 0% {
2155
+ -webkit-transform-origin: center center;
2156
+ transform-origin: center center;
2157
+ -webkit-transform: rotate(0);
2158
+ transform: rotate(0);
2159
+ opacity: 1;
2160
+ }
2161
+
2162
+ 100% {
2163
+ -webkit-transform-origin: center center;
2164
+ transform-origin: center center;
2165
+ -webkit-transform: rotate(200deg);
2166
+ transform: rotate(200deg);
2167
+ opacity: 0;
2168
+ }
2169
+ }
2170
+
2171
+ @keyframes rotateOut {
2172
+ 0% {
2173
+ -webkit-transform-origin: center center;
2174
+ -ms-transform-origin: center center;
2175
+ transform-origin: center center;
2176
+ -webkit-transform: rotate(0);
2177
+ -ms-transform: rotate(0);
2178
+ transform: rotate(0);
2179
+ opacity: 1;
2180
+ }
2181
+
2182
+ 100% {
2183
+ -webkit-transform-origin: center center;
2184
+ -ms-transform-origin: center center;
2185
+ transform-origin: center center;
2186
+ -webkit-transform: rotate(200deg);
2187
+ -ms-transform: rotate(200deg);
2188
+ transform: rotate(200deg);
2189
+ opacity: 0;
2190
+ }
2191
+ }
2192
+
2193
+ .rotateOut {
2194
+ -webkit-animation-name: rotateOut;
2195
+ animation-name: rotateOut;
2196
+ }
2197
+
2198
+ @-webkit-keyframes rotateOutDownLeft {
2199
+ 0% {
2200
+ -webkit-transform-origin: left bottom;
2201
+ transform-origin: left bottom;
2202
+ -webkit-transform: rotate(0);
2203
+ transform: rotate(0);
2204
+ opacity: 1;
2205
+ }
2206
+
2207
+ 100% {
2208
+ -webkit-transform-origin: left bottom;
2209
+ transform-origin: left bottom;
2210
+ -webkit-transform: rotate(90deg);
2211
+ transform: rotate(90deg);
2212
+ opacity: 0;
2213
+ }
2214
+ }
2215
+
2216
+ @keyframes rotateOutDownLeft {
2217
+ 0% {
2218
+ -webkit-transform-origin: left bottom;
2219
+ -ms-transform-origin: left bottom;
2220
+ transform-origin: left bottom;
2221
+ -webkit-transform: rotate(0);
2222
+ -ms-transform: rotate(0);
2223
+ transform: rotate(0);
2224
+ opacity: 1;
2225
+ }
2226
+
2227
+ 100% {
2228
+ -webkit-transform-origin: left bottom;
2229
+ -ms-transform-origin: left bottom;
2230
+ transform-origin: left bottom;
2231
+ -webkit-transform: rotate(90deg);
2232
+ -ms-transform: rotate(90deg);
2233
+ transform: rotate(90deg);
2234
+ opacity: 0;
2235
+ }
2236
+ }
2237
+
2238
+ .rotateOutDownLeft {
2239
+ -webkit-animation-name: rotateOutDownLeft;
2240
+ animation-name: rotateOutDownLeft;
2241
+ }
2242
+
2243
+ @-webkit-keyframes rotateOutDownRight {
2244
+ 0% {
2245
+ -webkit-transform-origin: right bottom;
2246
+ transform-origin: right bottom;
2247
+ -webkit-transform: rotate(0);
2248
+ transform: rotate(0);
2249
+ opacity: 1;
2250
+ }
2251
+
2252
+ 100% {
2253
+ -webkit-transform-origin: right bottom;
2254
+ transform-origin: right bottom;
2255
+ -webkit-transform: rotate(-90deg);
2256
+ transform: rotate(-90deg);
2257
+ opacity: 0;
2258
+ }
2259
+ }
2260
+
2261
+ @keyframes rotateOutDownRight {
2262
+ 0% {
2263
+ -webkit-transform-origin: right bottom;
2264
+ -ms-transform-origin: right bottom;
2265
+ transform-origin: right bottom;
2266
+ -webkit-transform: rotate(0);
2267
+ -ms-transform: rotate(0);
2268
+ transform: rotate(0);
2269
+ opacity: 1;
2270
+ }
2271
+
2272
+ 100% {
2273
+ -webkit-transform-origin: right bottom;
2274
+ -ms-transform-origin: right bottom;
2275
+ transform-origin: right bottom;
2276
+ -webkit-transform: rotate(-90deg);
2277
+ -ms-transform: rotate(-90deg);
2278
+ transform: rotate(-90deg);
2279
+ opacity: 0;
2280
+ }
2281
+ }
2282
+
2283
+ .rotateOutDownRight {
2284
+ -webkit-animation-name: rotateOutDownRight;
2285
+ animation-name: rotateOutDownRight;
2286
+ }
2287
+
2288
+ @-webkit-keyframes rotateOutUpLeft {
2289
+ 0% {
2290
+ -webkit-transform-origin: left bottom;
2291
+ transform-origin: left bottom;
2292
+ -webkit-transform: rotate(0);
2293
+ transform: rotate(0);
2294
+ opacity: 1;
2295
+ }
2296
+
2297
+ 100% {
2298
+ -webkit-transform-origin: left bottom;
2299
+ transform-origin: left bottom;
2300
+ -webkit-transform: rotate(-90deg);
2301
+ transform: rotate(-90deg);
2302
+ opacity: 0;
2303
+ }
2304
+ }
2305
+
2306
+ @keyframes rotateOutUpLeft {
2307
+ 0% {
2308
+ -webkit-transform-origin: left bottom;
2309
+ -ms-transform-origin: left bottom;
2310
+ transform-origin: left bottom;
2311
+ -webkit-transform: rotate(0);
2312
+ -ms-transform: rotate(0);
2313
+ transform: rotate(0);
2314
+ opacity: 1;
2315
+ }
2316
+
2317
+ 100% {
2318
+ -webkit-transform-origin: left bottom;
2319
+ -ms-transform-origin: left bottom;
2320
+ transform-origin: left bottom;
2321
+ -webkit-transform: rotate(-90deg);
2322
+ -ms-transform: rotate(-90deg);
2323
+ transform: rotate(-90deg);
2324
+ opacity: 0;
2325
+ }
2326
+ }
2327
+
2328
+ .rotateOutUpLeft {
2329
+ -webkit-animation-name: rotateOutUpLeft;
2330
+ animation-name: rotateOutUpLeft;
2331
+ }
2332
+
2333
+ @-webkit-keyframes rotateOutUpRight {
2334
+ 0% {
2335
+ -webkit-transform-origin: right bottom;
2336
+ transform-origin: right bottom;
2337
+ -webkit-transform: rotate(0);
2338
+ transform: rotate(0);
2339
+ opacity: 1;
2340
+ }
2341
+
2342
+ 100% {
2343
+ -webkit-transform-origin: right bottom;
2344
+ transform-origin: right bottom;
2345
+ -webkit-transform: rotate(90deg);
2346
+ transform: rotate(90deg);
2347
+ opacity: 0;
2348
+ }
2349
+ }
2350
+
2351
+ @keyframes rotateOutUpRight {
2352
+ 0% {
2353
+ -webkit-transform-origin: right bottom;
2354
+ -ms-transform-origin: right bottom;
2355
+ transform-origin: right bottom;
2356
+ -webkit-transform: rotate(0);
2357
+ -ms-transform: rotate(0);
2358
+ transform: rotate(0);
2359
+ opacity: 1;
2360
+ }
2361
+
2362
+ 100% {
2363
+ -webkit-transform-origin: right bottom;
2364
+ -ms-transform-origin: right bottom;
2365
+ transform-origin: right bottom;
2366
+ -webkit-transform: rotate(90deg);
2367
+ -ms-transform: rotate(90deg);
2368
+ transform: rotate(90deg);
2369
+ opacity: 0;
2370
+ }
2371
+ }
2372
+
2373
+ .rotateOutUpRight {
2374
+ -webkit-animation-name: rotateOutUpRight;
2375
+ animation-name: rotateOutUpRight;
2376
+ }
2377
+
2378
+ @-webkit-keyframes slideInDown {
2379
+ 0% {
2380
+ opacity: 0;
2381
+ -webkit-transform: translateY(-2000px);
2382
+ transform: translateY(-2000px);
2383
+ }
2384
+
2385
+ 100% {
2386
+ -webkit-transform: translateY(0);
2387
+ transform: translateY(0);
2388
+ }
2389
+ }
2390
+
2391
+ @keyframes slideInDown {
2392
+ 0% {
2393
+ opacity: 0;
2394
+ -webkit-transform: translateY(-2000px);
2395
+ -ms-transform: translateY(-2000px);
2396
+ transform: translateY(-2000px);
2397
+ }
2398
+
2399
+ 100% {
2400
+ -webkit-transform: translateY(0);
2401
+ -ms-transform: translateY(0);
2402
+ transform: translateY(0);
2403
+ }
2404
+ }
2405
+
2406
+ .slideInDown {
2407
+ -webkit-animation-name: slideInDown;
2408
+ animation-name: slideInDown;
2409
+ }
2410
+
2411
+ @-webkit-keyframes slideInLeft {
2412
+ 0% {
2413
+ opacity: 0;
2414
+ -webkit-transform: translateX(-2000px);
2415
+ transform: translateX(-2000px);
2416
+ }
2417
+
2418
+ 100% {
2419
+ -webkit-transform: translateX(0);
2420
+ transform: translateX(0);
2421
+ }
2422
+ }
2423
+
2424
+ @keyframes slideInLeft {
2425
+ 0% {
2426
+ opacity: 0;
2427
+ -webkit-transform: translateX(-2000px);
2428
+ -ms-transform: translateX(-2000px);
2429
+ transform: translateX(-2000px);
2430
+ }
2431
+
2432
+ 100% {
2433
+ -webkit-transform: translateX(0);
2434
+ -ms-transform: translateX(0);
2435
+ transform: translateX(0);
2436
+ }
2437
+ }
2438
+
2439
+ .slideInLeft {
2440
+ -webkit-animation-name: slideInLeft;
2441
+ animation-name: slideInLeft;
2442
+ }
2443
+
2444
+ @-webkit-keyframes slideInRight {
2445
+ 0% {
2446
+ opacity: 0;
2447
+ -webkit-transform: translateX(2000px);
2448
+ transform: translateX(2000px);
2449
+ }
2450
+
2451
+ 100% {
2452
+ -webkit-transform: translateX(0);
2453
+ transform: translateX(0);
2454
+ }
2455
+ }
2456
+
2457
+ @keyframes slideInRight {
2458
+ 0% {
2459
+ opacity: 0;
2460
+ -webkit-transform: translateX(2000px);
2461
+ -ms-transform: translateX(2000px);
2462
+ transform: translateX(2000px);
2463
+ }
2464
+
2465
+ 100% {
2466
+ -webkit-transform: translateX(0);
2467
+ -ms-transform: translateX(0);
2468
+ transform: translateX(0);
2469
+ }
2470
+ }
2471
+
2472
+ .slideInRight {
2473
+ -webkit-animation-name: slideInRight;
2474
+ animation-name: slideInRight;
2475
+ }
2476
+
2477
+ @-webkit-keyframes slideOutLeft {
2478
+ 0% {
2479
+ -webkit-transform: translateX(0);
2480
+ transform: translateX(0);
2481
+ }
2482
+
2483
+ 100% {
2484
+ opacity: 0;
2485
+ -webkit-transform: translateX(-2000px);
2486
+ transform: translateX(-2000px);
2487
+ }
2488
+ }
2489
+
2490
+ @keyframes slideOutLeft {
2491
+ 0% {
2492
+ -webkit-transform: translateX(0);
2493
+ -ms-transform: translateX(0);
2494
+ transform: translateX(0);
2495
+ }
2496
+
2497
+ 100% {
2498
+ opacity: 0;
2499
+ -webkit-transform: translateX(-2000px);
2500
+ -ms-transform: translateX(-2000px);
2501
+ transform: translateX(-2000px);
2502
+ }
2503
+ }
2504
+
2505
+ .slideOutLeft {
2506
+ -webkit-animation-name: slideOutLeft;
2507
+ animation-name: slideOutLeft;
2508
+ }
2509
+
2510
+ @-webkit-keyframes slideOutRight {
2511
+ 0% {
2512
+ -webkit-transform: translateX(0);
2513
+ transform: translateX(0);
2514
+ }
2515
+
2516
+ 100% {
2517
+ opacity: 0;
2518
+ -webkit-transform: translateX(2000px);
2519
+ transform: translateX(2000px);
2520
+ }
2521
+ }
2522
+
2523
+ @keyframes slideOutRight {
2524
+ 0% {
2525
+ -webkit-transform: translateX(0);
2526
+ -ms-transform: translateX(0);
2527
+ transform: translateX(0);
2528
+ }
2529
+
2530
+ 100% {
2531
+ opacity: 0;
2532
+ -webkit-transform: translateX(2000px);
2533
+ -ms-transform: translateX(2000px);
2534
+ transform: translateX(2000px);
2535
+ }
2536
+ }
2537
+
2538
+ .slideOutRight {
2539
+ -webkit-animation-name: slideOutRight;
2540
+ animation-name: slideOutRight;
2541
+ }
2542
+
2543
+ @-webkit-keyframes slideOutUp {
2544
+ 0% {
2545
+ -webkit-transform: translateY(0);
2546
+ transform: translateY(0);
2547
+ }
2548
+
2549
+ 100% {
2550
+ opacity: 0;
2551
+ -webkit-transform: translateY(-2000px);
2552
+ transform: translateY(-2000px);
2553
+ }
2554
+ }
2555
+
2556
+ @keyframes slideOutUp {
2557
+ 0% {
2558
+ -webkit-transform: translateY(0);
2559
+ -ms-transform: translateY(0);
2560
+ transform: translateY(0);
2561
+ }
2562
+
2563
+ 100% {
2564
+ opacity: 0;
2565
+ -webkit-transform: translateY(-2000px);
2566
+ -ms-transform: translateY(-2000px);
2567
+ transform: translateY(-2000px);
2568
+ }
2569
+ }
2570
+
2571
+ .slideOutUp {
2572
+ -webkit-animation-name: slideOutUp;
2573
+ animation-name: slideOutUp;
2574
+ }
2575
+
2576
+ @-webkit-keyframes hinge {
2577
+ 0% {
2578
+ -webkit-transform: rotate(0);
2579
+ transform: rotate(0);
2580
+ -webkit-transform-origin: top left;
2581
+ transform-origin: top left;
2582
+ -webkit-animation-timing-function: ease-in-out;
2583
+ animation-timing-function: ease-in-out;
2584
+ }
2585
+
2586
+ 20%, 60% {
2587
+ -webkit-transform: rotate(80deg);
2588
+ transform: rotate(80deg);
2589
+ -webkit-transform-origin: top left;
2590
+ transform-origin: top left;
2591
+ -webkit-animation-timing-function: ease-in-out;
2592
+ animation-timing-function: ease-in-out;
2593
+ }
2594
+
2595
+ 40% {
2596
+ -webkit-transform: rotate(60deg);
2597
+ transform: rotate(60deg);
2598
+ -webkit-transform-origin: top left;
2599
+ transform-origin: top left;
2600
+ -webkit-animation-timing-function: ease-in-out;
2601
+ animation-timing-function: ease-in-out;
2602
+ }
2603
+
2604
+ 80% {
2605
+ -webkit-transform: rotate(60deg) translateY(0);
2606
+ transform: rotate(60deg) translateY(0);
2607
+ opacity: 1;
2608
+ -webkit-transform-origin: top left;
2609
+ transform-origin: top left;
2610
+ -webkit-animation-timing-function: ease-in-out;
2611
+ animation-timing-function: ease-in-out;
2612
+ }
2613
+
2614
+ 100% {
2615
+ -webkit-transform: translateY(700px);
2616
+ transform: translateY(700px);
2617
+ opacity: 0;
2618
+ }
2619
+ }
2620
+
2621
+ @keyframes hinge {
2622
+ 0% {
2623
+ -webkit-transform: rotate(0);
2624
+ -ms-transform: rotate(0);
2625
+ transform: rotate(0);
2626
+ -webkit-transform-origin: top left;
2627
+ -ms-transform-origin: top left;
2628
+ transform-origin: top left;
2629
+ -webkit-animation-timing-function: ease-in-out;
2630
+ animation-timing-function: ease-in-out;
2631
+ }
2632
+
2633
+ 20%, 60% {
2634
+ -webkit-transform: rotate(80deg);
2635
+ -ms-transform: rotate(80deg);
2636
+ transform: rotate(80deg);
2637
+ -webkit-transform-origin: top left;
2638
+ -ms-transform-origin: top left;
2639
+ transform-origin: top left;
2640
+ -webkit-animation-timing-function: ease-in-out;
2641
+ animation-timing-function: ease-in-out;
2642
+ }
2643
+
2644
+ 40% {
2645
+ -webkit-transform: rotate(60deg);
2646
+ -ms-transform: rotate(60deg);
2647
+ transform: rotate(60deg);
2648
+ -webkit-transform-origin: top left;
2649
+ -ms-transform-origin: top left;
2650
+ transform-origin: top left;
2651
+ -webkit-animation-timing-function: ease-in-out;
2652
+ animation-timing-function: ease-in-out;
2653
+ }
2654
+
2655
+ 80% {
2656
+ -webkit-transform: rotate(60deg) translateY(0);
2657
+ -ms-transform: rotate(60deg) translateY(0);
2658
+ transform: rotate(60deg) translateY(0);
2659
+ opacity: 1;
2660
+ -webkit-transform-origin: top left;
2661
+ -ms-transform-origin: top left;
2662
+ transform-origin: top left;
2663
+ -webkit-animation-timing-function: ease-in-out;
2664
+ animation-timing-function: ease-in-out;
2665
+ }
2666
+
2667
+ 100% {
2668
+ -webkit-transform: translateY(700px);
2669
+ -ms-transform: translateY(700px);
2670
+ transform: translateY(700px);
2671
+ opacity: 0;
2672
+ }
2673
+ }
2674
+
2675
+ .hinge {
2676
+ -webkit-animation-name: hinge;
2677
+ animation-name: hinge;
2678
+ }
2679
+
2680
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2681
+
2682
+ @-webkit-keyframes rollIn {
2683
+ 0% {
2684
+ opacity: 0;
2685
+ -webkit-transform: translateX(-100%) rotate(-120deg);
2686
+ transform: translateX(-100%) rotate(-120deg);
2687
+ }
2688
+
2689
+ 100% {
2690
+ opacity: 1;
2691
+ -webkit-transform: translateX(0px) rotate(0deg);
2692
+ transform: translateX(0px) rotate(0deg);
2693
+ }
2694
+ }
2695
+
2696
+ @keyframes rollIn {
2697
+ 0% {
2698
+ opacity: 0;
2699
+ -webkit-transform: translateX(-100%) rotate(-120deg);
2700
+ -ms-transform: translateX(-100%) rotate(-120deg);
2701
+ transform: translateX(-100%) rotate(-120deg);
2702
+ }
2703
+
2704
+ 100% {
2705
+ opacity: 1;
2706
+ -webkit-transform: translateX(0px) rotate(0deg);
2707
+ -ms-transform: translateX(0px) rotate(0deg);
2708
+ transform: translateX(0px) rotate(0deg);
2709
+ }
2710
+ }
2711
+
2712
+ .rollIn {
2713
+ -webkit-animation-name: rollIn;
2714
+ animation-name: rollIn;
2715
+ }
2716
+
2717
+ /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2718
+
2719
+ @-webkit-keyframes rollOut {
2720
+ 0% {
2721
+ opacity: 1;
2722
+ -webkit-transform: translateX(0px) rotate(0deg);
2723
+ transform: translateX(0px) rotate(0deg);
2724
+ }
2725
+
2726
+ 100% {
2727
+ opacity: 0;
2728
+ -webkit-transform: translateX(100%) rotate(120deg);
2729
+ transform: translateX(100%) rotate(120deg);
2730
+ }
2731
+ }
2732
+
2733
+ @keyframes rollOut {
2734
+ 0% {
2735
+ opacity: 1;
2736
+ -webkit-transform: translateX(0px) rotate(0deg);
2737
+ -ms-transform: translateX(0px) rotate(0deg);
2738
+ transform: translateX(0px) rotate(0deg);
2739
+ }
2740
+
2741
+ 100% {
2742
+ opacity: 0;
2743
+ -webkit-transform: translateX(100%) rotate(120deg);
2744
+ -ms-transform: translateX(100%) rotate(120deg);
2745
+ transform: translateX(100%) rotate(120deg);
2746
+ }
2747
+ }
2748
+
2749
+ .rollOut {
2750
+ -webkit-animation-name: rollOut;
2751
+ animation-name: rollOut;
2752
+ }