flashgrid-ext 1.0.9 → 1.0.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (13) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -0
  3. data/lib/flashgrid/ext/version.rb +1 -1
  4. data/vendor/assets/javascripts/carousel.js +1 -1
  5. data/vendor/assets/javascripts/chart.js +1751 -0
  6. data/vendor/assets/javascripts/hoverdown.js +20 -15
  7. data/vendor/assets/javascripts/scrollspy.js +3 -3
  8. data/vendor/assets/stylesheets/animate.css.scss +641 -641
  9. data/vendor/assets/stylesheets/calendar.css.scss +7 -6
  10. data/vendor/assets/stylesheets/carousel.css.scss +2 -2
  11. data/vendor/assets/stylesheets/editor.css.scss +8 -8
  12. data/vendor/assets/stylesheets/sort.css.scss +1 -1
  13. metadata +3 -2
data/vendor/assets/javascripts/hoverdown.js CHANGED
@@ -1,17 +1,14 @@
1
1
  ;(function ($, window, undefined) {
2
- "use strict";
3
-
4
- // don't do anything if touch is supported
5
- // (plugin causes some issues on mobile)
6
- if('ontouchstart' in document) return;
7
-
8
2
  // outside the scope of the jQuery plugin to
9
3
  // keep track of all dropdowns
10
4
  var $allDropdowns = $();
11
5
 
12
6
  // if instantlyCloseOthers is true, then it will instantly
13
7
  // shut other nav items when a new one is hovered over
14
- $.fn.hoverdown = function (options) {
8
+ $.fn.dropdownHover = function (options) {
9
+ // don't do anything if touch is supported
10
+ // (plugin causes some issues on mobile)
11
+ if('ontouchstart' in document) return this; // don't want to affect chaining
15
12
 
16
13
  // the element we really care about
17
14
  // is the dropdown-toggle's parent
@@ -24,29 +21,35 @@
24
21
  delay: 500,
25
22
  instantlyCloseOthers: true
26
23
  },
27
- showEvent = 'show.bs.dropdown',
28
- hideEvent = 'hide.bs.dropdown',
29
24
  data = {
30
25
  delay: $(this).data('delay'),
31
26
  instantlyCloseOthers: $(this).data('close-others')
32
27
  },
28
+ showEvent = 'show.bs.dropdown',
29
+ hideEvent = 'hide.bs.dropdown',
30
+ // shownEvent = 'shown.bs.dropdown',
31
+ // hiddenEvent = 'hidden.bs.dropdown',
33
32
  settings = $.extend(true, {}, defaults, options, data),
34
33
  timeout;
35
34
 
36
35
  $parent.hover(function (event) {
37
36
  // so a neighbor can't open the dropdown
38
37
  if(!$parent.hasClass('open') && !$this.is(event.target)) {
38
+ // stop this event, stop executing any code
39
+ // in this callback but continue to propagate
39
40
  return true;
40
41
  }
41
42
 
43
+ $allDropdowns.find(':focus').blur();
44
+
42
45
  if(settings.instantlyCloseOthers === true)
43
46
  $allDropdowns.removeClass('open');
44
47
 
45
48
  window.clearTimeout(timeout);
46
49
  $parent.addClass('open');
47
- $parent.trigger($.Event('show.bs.dropdown'));
50
+ $this.trigger(showEvent);
48
51
  }, function () {
49
- timeout = window.setTimeout(function() {
52
+ timeout = window.setTimeout(function () {
50
53
  $parent.removeClass('open');
51
54
  $this.trigger(hideEvent);
52
55
  }, settings.delay);
@@ -54,6 +57,8 @@
54
57
 
55
58
  // this helps with button groups!
56
59
  $this.hover(function () {
60
+ $allDropdowns.find(':focus').blur();
61
+
57
62
  if(settings.instantlyCloseOthers === true)
58
63
  $allDropdowns.removeClass('open');
59
64
 
@@ -63,10 +68,10 @@
63
68
  });
64
69
 
65
70
  // handle submenus
66
- $parent.find('.dropdown-submenu').each(function () {
71
+ $parent.find('.dropdown-submenu').each(function (){
67
72
  var $this = $(this);
68
73
  var subTimeout;
69
- $this.hover(function() {
74
+ $this.hover(function () {
70
75
  window.clearTimeout(subTimeout);
71
76
  $this.children('.dropdown-menu').show();
72
77
  // always close submenu siblings instantly
@@ -82,7 +87,7 @@
82
87
  };
83
88
 
84
89
  $(document).ready(function () {
85
- // apply hoverdown to all elements with the data-hover="dropdown" attribute
86
- $('[data-hover="dropdown"]').hoverdown();
90
+ // apply dropdownHover to all elements with the data-hover="dropdown" attribute
91
+ $('[data-hover="dropdown"]').dropdownHover();
87
92
  });
88
93
  })(jQuery, this);
data/vendor/assets/javascripts/scrollspy.js CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
  this.$element = $(element).is('body') ? $(window) : $(element)
12
12
  this.$body = $('body')
13
- this.$scrollElement = this.$element.on('scroll.bs.scroll-spy.data-api', process)
13
+ this.$scrollElement = this.$element.on('scroll.bs.scrollspy', process)
14
14
  this.options = $.extend({}, ScrollSpy.DEFAULTS, options)
15
15
  this.selector = (this.options.target
16
16
  || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
@@ -55,7 +55,7 @@
55
55
 
56
56
  ScrollSpy.prototype.process = function () {
57
57
  var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
58
- var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight
58
+ var scrollHeight = this.$scrollElement[0].scrollHeight || Math.max(this.$body[0].scrollHeight, document.documentElement.scrollHeight)
59
59
  var maxScroll = scrollHeight - this.$scrollElement.height()
60
60
  var offsets = this.offsets
61
61
  var targets = this.targets
@@ -134,7 +134,7 @@
134
134
  // SCROLLSPY DATA-API
135
135
  // ==================
136
136
 
137
- $(window).on('load', function () {
137
+ $(window).on('load.bs.scrollspy.data-api', function () {
138
138
  $('[data-spy="scroll"]').each(function () {
139
139
  var $spy = $(this)
140
140
  $spy.scrollspy($spy.data())
data/vendor/assets/stylesheets/animate.css.scss CHANGED
@@ -6,48 +6,48 @@
6
6
  ================================================== */
7
7
  .animated {
8
8
  -webkit-animation-duration: 1s;
9
- animation-duration: 1s;
9
+ animation-duration: 1s;
10
10
  -webkit-animation-fill-mode: both;
11
- animation-fill-mode: both;
11
+ animation-fill-mode: both;
12
12
  }
13
13
  .animated.hinge {
14
14
  -webkit-animation-duration: 2s;
15
- animation-duration: 2s;
15
+ animation-duration: 2s;
16
16
  }
17
17
  @-webkit-keyframes bounce {
18
18
  0%, 20%, 50%, 80%, 100% {
19
19
  -webkit-transform: translateY(0);
20
- transform: translateY(0);
20
+ transform: translateY(0);
21
21
  }
22
22
  40% {
23
23
  -webkit-transform: translateY(-30px);
24
- transform: translateY(-30px);
24
+ transform: translateY(-30px);
25
25
  }
26
26
  60% {
27
27
  -webkit-transform: translateY(-15px);
28
- transform: translateY(-15px);
28
+ transform: translateY(-15px);
29
29
  }
30
30
  }
31
31
  @keyframes bounce {
32
32
  0%, 20%, 50%, 80%, 100% {
33
33
  -webkit-transform: translateY(0);
34
- -ms-transform: translateY(0);
35
- transform: translateY(0);
34
+ -ms-transform: translateY(0);
35
+ transform: translateY(0);
36
36
  }
37
37
  40% {
38
38
  -webkit-transform: translateY(-30px);
39
- -ms-transform: translateY(-30px);
40
- transform: translateY(-30px);
39
+ -ms-transform: translateY(-30px);
40
+ transform: translateY(-30px);
41
41
  }
42
42
  60% {
43
43
  -webkit-transform: translateY(-15px);
44
- -ms-transform: translateY(-15px);
45
- transform: translateY(-15px);
44
+ -ms-transform: translateY(-15px);
45
+ transform: translateY(-15px);
46
46
  }
47
47
  }
48
48
  .bounce {
49
49
  -webkit-animation-name: bounce;
50
- animation-name: bounce;
50
+ animation-name: bounce;
51
51
  }
52
52
  @-webkit-keyframes flash {
53
53
  0%, 50%, 100% { opacity: 1; }
@@ -59,16 +59,16 @@
59
59
  }
60
60
  .flash {
61
61
  -webkit-animation-name: flash;
62
- animation-name: flash;
62
+ animation-name: flash;
63
63
  }
64
64
  @-webkit-keyframes pulse {
65
65
  0% {
66
66
  -webkit-transform: scale(1);
67
- transform: scale(1);
67
+ transform: scale(1);
68
68
  }
69
69
  50% {
70
70
  -webkit-transform: scale(1.1);
71
- transform: scale(1.1);
71
+ transform: scale(1.1);
72
72
  }
73
73
  100% {
74
74
  -webkit-transform: scale(1);
@@ -78,687 +78,687 @@
78
78
  @keyframes pulse {
79
79
  0% {
80
80
  -webkit-transform: scale(1);
81
- -ms-transform: scale(1);
82
- transform: scale(1);
81
+ -ms-transform: scale(1);
82
+ transform: scale(1);
83
83
  }
84
84
  50% {
85
85
  -webkit-transform: scale(1.1);
86
- -ms-transform: scale(1.1);
87
- transform: scale(1.1);
86
+ -ms-transform: scale(1.1);
87
+ transform: scale(1.1);
88
88
  }
89
89
  100% {
90
90
  -webkit-transform: scale(1);
91
- -ms-transform: scale(1);
92
- transform: scale(1);
91
+ -ms-transform: scale(1);
92
+ transform: scale(1);
93
93
  }
94
94
  }
95
95
  .pulse {
96
96
  -webkit-animation-name: pulse;
97
- animation-name: pulse;
97
+ animation-name: pulse;
98
98
  }
99
99
  @-webkit-keyframes shake {
100
100
  0%, 100% {
101
101
  -webkit-transform: translateX(0);
102
- transform: translateX(0);
102
+ transform: translateX(0);
103
103
  }
104
104
  10%, 30%, 50%, 70%, 90% {
105
105
  -webkit-transform: translateX(-10px);
106
- transform: translateX(-10px);
106
+ transform: translateX(-10px);
107
107
  }
108
108
  20%, 40%, 60%, 80% {
109
109
  -webkit-transform: translateX(10px);
110
- transform: translateX(10px);
110
+ transform: translateX(10px);
111
111
  }
112
112
  }
113
113
  @keyframes shake {
114
114
  0%, 100% {
115
115
  -webkit-transform: translateX(0);
116
- -ms-transform: translateX(0);
117
- transform: translateX(0);
116
+ -ms-transform: translateX(0);
117
+ transform: translateX(0);
118
118
  }
119
119
  10%, 30%, 50%, 70%, 90% {
120
120
  -webkit-transform: translateX(-10px);
121
- -ms-transform: translateX(-10px);
122
- transform: translateX(-10px);
121
+ -ms-transform: translateX(-10px);
122
+ transform: translateX(-10px);
123
123
  }
124
124
  20%, 40%, 60%, 80% {
125
125
  -webkit-transform: translateX(10px);
126
- -ms-transform: translateX(10px);
127
- transform: translateX(10px);
126
+ -ms-transform: translateX(10px);
127
+ transform: translateX(10px);
128
128
  }
129
129
  }
130
130
  .shake {
131
131
  -webkit-animation-name: shake;
132
- animation-name: shake;
132
+ animation-name: shake;
133
133
  }
134
134
  @-webkit-keyframes swing {
135
135
  20% {
136
136
  -webkit-transform: rotate(15deg);
137
- transform: rotate(15deg);
137
+ transform: rotate(15deg);
138
138
  }
139
139
  40% {
140
140
  -webkit-transform: rotate(-10deg);
141
- transform: rotate(-10deg);
141
+ transform: rotate(-10deg);
142
142
  }
143
143
  60% {
144
144
  -webkit-transform: rotate(5deg);
145
- transform: rotate(5deg);
145
+ transform: rotate(5deg);
146
146
  }
147
147
  80% {
148
148
  -webkit-transform: rotate(-5deg);
149
- transform: rotate(-5deg);
149
+ transform: rotate(-5deg);
150
150
  }
151
151
  100% {
152
152
  -webkit-transform: rotate(0deg);
153
- transform: rotate(0deg);
153
+ transform: rotate(0deg);
154
154
  }
155
155
  }
156
156
  @keyframes swing {
157
157
  20% {
158
158
  -webkit-transform: rotate(15deg);
159
- -ms-transform: rotate(15deg);
160
- transform: rotate(15deg);
159
+ -ms-transform: rotate(15deg);
160
+ transform: rotate(15deg);
161
161
  }
162
162
  40% {
163
163
  -webkit-transform: rotate(-10deg);
164
- -ms-transform: rotate(-10deg);
165
- transform: rotate(-10deg);
164
+ -ms-transform: rotate(-10deg);
165
+ transform: rotate(-10deg);
166
166
  }
167
167
  60% {
168
168
  -webkit-transform: rotate(5deg);
169
- -ms-transform: rotate(5deg);
170
- transform: rotate(5deg);
169
+ -ms-transform: rotate(5deg);
170
+ transform: rotate(5deg);
171
171
  }
172
172
  80% {
173
173
  -webkit-transform: rotate(-5deg);
174
- -ms-transform: rotate(-5deg);
175
- transform: rotate(-5deg);
174
+ -ms-transform: rotate(-5deg);
175
+ transform: rotate(-5deg);
176
176
  }
177
177
  100% {
178
178
  -webkit-transform: rotate(0deg);
179
- -ms-transform: rotate(0deg);
180
- transform: rotate(0deg);
179
+ -ms-transform: rotate(0deg);
180
+ transform: rotate(0deg);
181
181
  }
182
182
  }
183
183
  .swing {
184
184
  -webkit-transform-origin: top center;
185
- -ms-transform-origin: top center;
186
- transform-origin: top center;
185
+ -ms-transform-origin: top center;
186
+ transform-origin: top center;
187
187
  -webkit-animation-name: swing;
188
- animation-name: swing;
188
+ animation-name: swing;
189
189
  }
190
190
  @-webkit-keyframes tada {
191
191
  0% {
192
192
  -webkit-transform: scale(1);
193
- transform: scale(1);
193
+ transform: scale(1);
194
194
  }
195
195
  10%, 20% {
196
196
  -webkit-transform: scale(0.9) rotate(-3deg);
197
- transform: scale(0.9) rotate(-3deg);
197
+ transform: scale(0.9) rotate(-3deg);
198
198
  }
199
199
  30%, 50%, 70%, 90% {
200
200
  -webkit-transform: scale(1.1) rotate(3deg);
201
- transform: scale(1.1) rotate(3deg);
201
+ transform: scale(1.1) rotate(3deg);
202
202
  }
203
203
  40%, 60%, 80% {
204
204
  -webkit-transform: scale(1.1) rotate(-3deg);
205
- transform: scale(1.1) rotate(-3deg);
205
+ transform: scale(1.1) rotate(-3deg);
206
206
  }
207
207
  100% {
208
208
  -webkit-transform: scale(1) rotate(0);
209
- transform: scale(1) rotate(0);
209
+ transform: scale(1) rotate(0);
210
210
  }
211
211
  }
212
212
  @keyframes tada {
213
213
  0% {
214
214
  -webkit-transform: scale(1);
215
- -ms-transform: scale(1);
216
- transform: scale(1);
215
+ -ms-transform: scale(1);
216
+ transform: scale(1);
217
217
  }
218
218
  10%, 20% {
219
219
  -webkit-transform: scale(0.9) rotate(-3deg);
220
- -ms-transform: scale(0.9) rotate(-3deg);
221
- transform: scale(0.9) rotate(-3deg);
220
+ -ms-transform: scale(0.9) rotate(-3deg);
221
+ transform: scale(0.9) rotate(-3deg);
222
222
  }
223
223
  30%, 50%, 70%, 90% {
224
224
  -webkit-transform: scale(1.1) rotate(3deg);
225
- -ms-transform: scale(1.1) rotate(3deg);
226
- transform: scale(1.1) rotate(3deg);
225
+ -ms-transform: scale(1.1) rotate(3deg);
226
+ transform: scale(1.1) rotate(3deg);
227
227
  }
228
228
  40%, 60%, 80% {
229
229
  -webkit-transform: scale(1.1) rotate(-3deg);
230
- -ms-transform: scale(1.1) rotate(-3deg);
231
- transform: scale(1.1) rotate(-3deg);
230
+ -ms-transform: scale(1.1) rotate(-3deg);
231
+ transform: scale(1.1) rotate(-3deg);
232
232
  }
233
233
  100% {
234
234
  -webkit-transform: scale(1) rotate(0);
235
- -ms-transform: scale(1) rotate(0);
236
- transform: scale(1) rotate(0);
235
+ -ms-transform: scale(1) rotate(0);
236
+ transform: scale(1) rotate(0);
237
237
  }
238
238
  }
239
239
  .tada {
240
240
  -webkit-animation-name: tada;
241
- animation-name: tada;
241
+ animation-name: tada;
242
242
  }
243
243
  @-webkit-keyframes wobble {
244
244
  0% {
245
245
  -webkit-transform: translateX(0%);
246
- transform: translateX(0%);
246
+ transform: translateX(0%);
247
247
  }
248
248
  15% {
249
249
  -webkit-transform: translateX(-25%) rotate(-5deg);
250
- transform: translateX(-25%) rotate(-5deg);
250
+ transform: translateX(-25%) rotate(-5deg);
251
251
  }
252
252
  30% {
253
253
  -webkit-transform: translateX(20%) rotate(3deg);
254
- transform: translateX(20%) rotate(3deg);
254
+ transform: translateX(20%) rotate(3deg);
255
255
  }
256
256
  45% {
257
257
  -webkit-transform: translateX(-15%) rotate(-3deg);
258
- transform: translateX(-15%) rotate(-3deg);
258
+ transform: translateX(-15%) rotate(-3deg);
259
259
  }
260
260
  60% {
261
261
  -webkit-transform: translateX(10%) rotate(2deg);
262
- transform: translateX(10%) rotate(2deg);
262
+ transform: translateX(10%) rotate(2deg);
263
263
  }
264
264
  75% {
265
265
  -webkit-transform: translateX(-5%) rotate(-1deg);
266
- transform: translateX(-5%) rotate(-1deg);
266
+ transform: translateX(-5%) rotate(-1deg);
267
267
  }
268
268
  100% {
269
269
  -webkit-transform: translateX(0%);
270
- transform: translateX(0%);
270
+ transform: translateX(0%);
271
271
  }
272
272
  }
273
273
  @keyframes wobble {
274
274
  0% {
275
275
  -webkit-transform: translateX(0%);
276
- -ms-transform: translateX(0%);
277
- transform: translateX(0%);
276
+ -ms-transform: translateX(0%);
277
+ transform: translateX(0%);
278
278
  }
279
279
  15% {
280
280
  -webkit-transform: translateX(-25%) rotate(-5deg);
281
- -ms-transform: translateX(-25%) rotate(-5deg);
282
- transform: translateX(-25%) rotate(-5deg);
281
+ -ms-transform: translateX(-25%) rotate(-5deg);
282
+ transform: translateX(-25%) rotate(-5deg);
283
283
  }
284
284
 
285
285
  30% {
286
286
  -webkit-transform: translateX(20%) rotate(3deg);
287
- -ms-transform: translateX(20%) rotate(3deg);
288
- transform: translateX(20%) rotate(3deg);
287
+ -ms-transform: translateX(20%) rotate(3deg);
288
+ transform: translateX(20%) rotate(3deg);
289
289
  }
290
290
 
291
291
  45% {
292
292
  -webkit-transform: translateX(-15%) rotate(-3deg);
293
- -ms-transform: translateX(-15%) rotate(-3deg);
294
- transform: translateX(-15%) rotate(-3deg);
293
+ -ms-transform: translateX(-15%) rotate(-3deg);
294
+ transform: translateX(-15%) rotate(-3deg);
295
295
  }
296
296
 
297
297
  60% {
298
298
  -webkit-transform: translateX(10%) rotate(2deg);
299
- -ms-transform: translateX(10%) rotate(2deg);
300
- transform: translateX(10%) rotate(2deg);
299
+ -ms-transform: translateX(10%) rotate(2deg);
300
+ transform: translateX(10%) rotate(2deg);
301
301
  }
302
302
 
303
303
  75% {
304
304
  -webkit-transform: translateX(-5%) rotate(-1deg);
305
- -ms-transform: translateX(-5%) rotate(-1deg);
306
- transform: translateX(-5%) rotate(-1deg);
305
+ -ms-transform: translateX(-5%) rotate(-1deg);
306
+ transform: translateX(-5%) rotate(-1deg);
307
307
  }
308
308
 
309
309
  100% {
310
310
  -webkit-transform: translateX(0%);
311
- -ms-transform: translateX(0%);
312
- transform: translateX(0%);
311
+ -ms-transform: translateX(0%);
312
+ transform: translateX(0%);
313
313
  }
314
314
  }
315
315
  .wobble {
316
316
  -webkit-animation-name: wobble;
317
- animation-name: wobble;
317
+ animation-name: wobble;
318
318
  }
319
319
  @-webkit-keyframes bounceIn {
320
320
  0% {
321
321
  opacity: 0;
322
322
  -webkit-transform: scale(.3);
323
- transform: scale(.3);
323
+ transform: scale(.3);
324
324
  }
325
325
  50% {
326
326
  opacity: 1;
327
327
  -webkit-transform: scale(1.05);
328
- transform: scale(1.05);
328
+ transform: scale(1.05);
329
329
  }
330
330
  70% {
331
331
  -webkit-transform: scale(.9);
332
- transform: scale(.9);
332
+ transform: scale(.9);
333
333
  }
334
334
  100% {
335
335
  -webkit-transform: scale(1);
336
- transform: scale(1);
336
+ transform: scale(1);
337
337
  }
338
338
  }
339
339
  @keyframes bounceIn {
340
340
  0% {
341
341
  opacity: 0;
342
342
  -webkit-transform: scale(.3);
343
- -ms-transform: scale(.3);
344
- transform: scale(.3);
343
+ -ms-transform: scale(.3);
344
+ transform: scale(.3);
345
345
  }
346
346
  50% {
347
347
  opacity: 1;
348
348
  -webkit-transform: scale(1.05);
349
- -ms-transform: scale(1.05);
350
- transform: scale(1.05);
349
+ -ms-transform: scale(1.05);
350
+ transform: scale(1.05);
351
351
  }
352
352
  70% {
353
353
  -webkit-transform: scale(.9);
354
- -ms-transform: scale(.9);
355
- transform: scale(.9);
354
+ -ms-transform: scale(.9);
355
+ transform: scale(.9);
356
356
  }
357
357
  100% {
358
358
  -webkit-transform: scale(1);
359
- -ms-transform: scale(1);
360
- transform: scale(1);
359
+ -ms-transform: scale(1);
360
+ transform: scale(1);
361
361
  }
362
362
  }
363
363
  .bounceIn {
364
364
  -webkit-animation-name: bounceIn;
365
- animation-name: bounceIn;
365
+ animation-name: bounceIn;
366
366
  }
367
367
  @-webkit-keyframes bounceInDown {
368
368
  0% {
369
369
  opacity: 0;
370
370
  -webkit-transform: translateY(-2000px);
371
- transform: translateY(-2000px);
371
+ transform: translateY(-2000px);
372
372
  }
373
373
  60% {
374
374
  opacity: 1;
375
375
  -webkit-transform: translateY(30px);
376
- transform: translateY(30px);
376
+ transform: translateY(30px);
377
377
  }
378
378
  80% {
379
379
  -webkit-transform: translateY(-10px);
380
- transform: translateY(-10px);
380
+ transform: translateY(-10px);
381
381
  }
382
382
  100% {
383
383
  -webkit-transform: translateY(0);
384
- transform: translateY(0);
384
+ transform: translateY(0);
385
385
  }
386
386
  }
387
387
  @keyframes bounceInDown {
388
388
  0% {
389
389
  opacity: 0;
390
390
  -webkit-transform: translateY(-2000px);
391
- -ms-transform: translateY(-2000px);
392
- transform: translateY(-2000px);
391
+ -ms-transform: translateY(-2000px);
392
+ transform: translateY(-2000px);
393
393
  }
394
394
  60% {
395
395
  opacity: 1;
396
396
  -webkit-transform: translateY(30px);
397
- -ms-transform: translateY(30px);
398
- transform: translateY(30px);
397
+ -ms-transform: translateY(30px);
398
+ transform: translateY(30px);
399
399
  }
400
400
  80% {
401
401
  -webkit-transform: translateY(-10px);
402
- -ms-transform: translateY(-10px);
403
- transform: translateY(-10px);
402
+ -ms-transform: translateY(-10px);
403
+ transform: translateY(-10px);
404
404
  }
405
405
  100% {
406
406
  -webkit-transform: translateY(0);
407
- -ms-transform: translateY(0);
408
- transform: translateY(0);
407
+ -ms-transform: translateY(0);
408
+ transform: translateY(0);
409
409
  }
410
410
  }
411
411
  .bounceInDown {
412
412
  -webkit-animation-name: bounceInDown;
413
- animation-name: bounceInDown;
413
+ animation-name: bounceInDown;
414
414
  }
415
415
  @-webkit-keyframes bounceInLeft {
416
416
  0% {
417
417
  opacity: 0;
418
418
  -webkit-transform: translateX(-2000px);
419
- transform: translateX(-2000px);
419
+ transform: translateX(-2000px);
420
420
  }
421
421
  60% {
422
422
  opacity: 1;
423
423
  -webkit-transform: translateX(30px);
424
- transform: translateX(30px);
424
+ transform: translateX(30px);
425
425
  }
426
426
  80% {
427
427
  -webkit-transform: translateX(-10px);
428
- transform: translateX(-10px);
428
+ transform: translateX(-10px);
429
429
  }
430
430
  100% {
431
431
  -webkit-transform: translateX(0);
432
- transform: translateX(0);
432
+ transform: translateX(0);
433
433
  }
434
434
  }
435
435
  @keyframes bounceInLeft {
436
436
  0% {
437
437
  opacity: 0;
438
438
  -webkit-transform: translateX(-2000px);
439
- -ms-transform: translateX(-2000px);
440
- transform: translateX(-2000px);
439
+ -ms-transform: translateX(-2000px);
440
+ transform: translateX(-2000px);
441
441
  }
442
442
  60% {
443
443
  opacity: 1;
444
444
  -webkit-transform: translateX(30px);
445
- -ms-transform: translateX(30px);
446
- transform: translateX(30px);
445
+ -ms-transform: translateX(30px);
446
+ transform: translateX(30px);
447
447
  }
448
448
  80% {
449
449
  -webkit-transform: translateX(-10px);
450
- -ms-transform: translateX(-10px);
451
- transform: translateX(-10px);
450
+ -ms-transform: translateX(-10px);
451
+ transform: translateX(-10px);
452
452
  }
453
453
  100% {
454
454
  -webkit-transform: translateX(0);
455
- -ms-transform: translateX(0);
456
- transform: translateX(0);
455
+ -ms-transform: translateX(0);
456
+ transform: translateX(0);
457
457
  }
458
458
  }
459
459
  .bounceInLeft {
460
460
  -webkit-animation-name: bounceInLeft;
461
- animation-name: bounceInLeft;
461
+ animation-name: bounceInLeft;
462
462
  }
463
463
  @-webkit-keyframes bounceInRight {
464
464
  0% {
465
465
  opacity: 0;
466
466
  -webkit-transform: translateX(2000px);
467
- transform: translateX(2000px);
467
+ transform: translateX(2000px);
468
468
  }
469
469
  60% {
470
470
  opacity: 1;
471
471
  -webkit-transform: translateX(-30px);
472
- transform: translateX(-30px);
472
+ transform: translateX(-30px);
473
473
  }
474
474
  80% {
475
475
  -webkit-transform: translateX(10px);
476
- transform: translateX(10px);
476
+ transform: translateX(10px);
477
477
  }
478
478
  100% {
479
479
  -webkit-transform: translateX(0);
480
- transform: translateX(0);
480
+ transform: translateX(0);
481
481
  }
482
482
  }
483
483
  @keyframes bounceInRight {
484
484
  0% {
485
485
  opacity: 0;
486
486
  -webkit-transform: translateX(2000px);
487
- -ms-transform: translateX(2000px);
488
- transform: translateX(2000px);
487
+ -ms-transform: translateX(2000px);
488
+ transform: translateX(2000px);
489
489
  }
490
490
  60% {
491
491
  opacity: 1;
492
492
  -webkit-transform: translateX(-30px);
493
- -ms-transform: translateX(-30px);
494
- transform: translateX(-30px);
493
+ -ms-transform: translateX(-30px);
494
+ transform: translateX(-30px);
495
495
  }
496
496
  80% {
497
497
  -webkit-transform: translateX(10px);
498
- -ms-transform: translateX(10px);
499
- transform: translateX(10px);
498
+ -ms-transform: translateX(10px);
499
+ transform: translateX(10px);
500
500
  }
501
501
  100% {
502
502
  -webkit-transform: translateX(0);
503
- -ms-transform: translateX(0);
504
- transform: translateX(0);
503
+ -ms-transform: translateX(0);
504
+ transform: translateX(0);
505
505
  }
506
506
  }
507
507
  .bounceInRight {
508
508
  -webkit-animation-name: bounceInRight;
509
- animation-name: bounceInRight;
509
+ animation-name: bounceInRight;
510
510
  }
511
511
  @-webkit-keyframes bounceInUp {
512
512
  0% {
513
513
  opacity: 0;
514
514
  -webkit-transform: translateY(2000px);
515
- transform: translateY(2000px);
515
+ transform: translateY(2000px);
516
516
  }
517
517
  60% {
518
518
  opacity: 1;
519
519
  -webkit-transform: translateY(-30px);
520
- transform: translateY(-30px);
520
+ transform: translateY(-30px);
521
521
  }
522
522
  80% {
523
523
  -webkit-transform: translateY(10px);
524
- transform: translateY(10px);
524
+ transform: translateY(10px);
525
525
  }
526
526
  100% {
527
527
  -webkit-transform: translateY(0);
528
- transform: translateY(0);
528
+ transform: translateY(0);
529
529
  }
530
530
  }
531
531
  @keyframes bounceInUp {
532
532
  0% {
533
533
  opacity: 0;
534
534
  -webkit-transform: translateY(2000px);
535
- -ms-transform: translateY(2000px);
536
- transform: translateY(2000px);
535
+ -ms-transform: translateY(2000px);
536
+ transform: translateY(2000px);
537
537
  }
538
538
  60% {
539
539
  opacity: 1;
540
540
  -webkit-transform: translateY(-30px);
541
- -ms-transform: translateY(-30px);
542
- transform: translateY(-30px);
541
+ -ms-transform: translateY(-30px);
542
+ transform: translateY(-30px);
543
543
  }
544
544
  80% {
545
545
  -webkit-transform: translateY(10px);
546
- -ms-transform: translateY(10px);
547
- transform: translateY(10px);
546
+ -ms-transform: translateY(10px);
547
+ transform: translateY(10px);
548
548
  }
549
549
  100% {
550
550
  -webkit-transform: translateY(0);
551
- -ms-transform: translateY(0);
552
- transform: translateY(0);
551
+ -ms-transform: translateY(0);
552
+ transform: translateY(0);
553
553
  }
554
554
  }
555
555
  .bounceInUp {
556
556
  -webkit-animation-name: bounceInUp;
557
- animation-name: bounceInUp;
557
+ animation-name: bounceInUp;
558
558
  }
559
559
  @-webkit-keyframes bounceOut {
560
560
  0% {
561
561
  -webkit-transform: scale(1);
562
- transform: scale(1);
562
+ transform: scale(1);
563
563
  }
564
564
  25% {
565
565
  -webkit-transform: scale(.95);
566
- transform: scale(.95);
566
+ transform: scale(.95);
567
567
  }
568
568
  50% {
569
569
  opacity: 1;
570
570
  -webkit-transform: scale(1.1);
571
- transform: scale(1.1);
571
+ transform: scale(1.1);
572
572
  }
573
573
  100% {
574
574
  opacity: 0;
575
575
  -webkit-transform: scale(.3);
576
- transform: scale(.3);
576
+ transform: scale(.3);
577
577
  }
578
578
  }
579
579
  @keyframes bounceOut {
580
580
  0% {
581
581
  -webkit-transform: scale(1);
582
- -ms-transform: scale(1);
583
- transform: scale(1);
582
+ -ms-transform: scale(1);
583
+ transform: scale(1);
584
584
  }
585
585
  25% {
586
586
  -webkit-transform: scale(.95);
587
- -ms-transform: scale(.95);
588
- transform: scale(.95);
587
+ -ms-transform: scale(.95);
588
+ transform: scale(.95);
589
589
  }
590
590
  50% {
591
591
  opacity: 1;
592
592
  -webkit-transform: scale(1.1);
593
- -ms-transform: scale(1.1);
594
- transform: scale(1.1);
593
+ -ms-transform: scale(1.1);
594
+ transform: scale(1.1);
595
595
  }
596
596
  100% {
597
597
  opacity: 0;
598
598
  -webkit-transform: scale(.3);
599
- -ms-transform: scale(.3);
600
- transform: scale(.3);
599
+ -ms-transform: scale(.3);
600
+ transform: scale(.3);
601
601
  }
602
602
  }
603
603
  .bounceOut {
604
604
  -webkit-animation-name: bounceOut;
605
- animation-name: bounceOut;
605
+ animation-name: bounceOut;
606
606
  }
607
607
  @-webkit-keyframes bounceOutDown {
608
608
  0% {
609
609
  -webkit-transform: translateY(0);
610
- transform: translateY(0);
610
+ transform: translateY(0);
611
611
  }
612
612
  20% {
613
613
  opacity: 1;
614
614
  -webkit-transform: translateY(-20px);
615
- transform: translateY(-20px);
615
+ transform: translateY(-20px);
616
616
  }
617
617
  100% {
618
618
  opacity: 0;
619
619
  -webkit-transform: translateY(2000px);
620
- transform: translateY(2000px);
620
+ transform: translateY(2000px);
621
621
  }
622
622
  }
623
623
  @keyframes bounceOutDown {
624
624
  0% {
625
625
  -webkit-transform: translateY(0);
626
- -ms-transform: translateY(0);
627
- transform: translateY(0);
626
+ -ms-transform: translateY(0);
627
+ transform: translateY(0);
628
628
  }
629
629
  20% {
630
630
  opacity: 1;
631
631
  -webkit-transform: translateY(-20px);
632
- -ms-transform: translateY(-20px);
633
- transform: translateY(-20px);
632
+ -ms-transform: translateY(-20px);
633
+ transform: translateY(-20px);
634
634
  }
635
635
  100% {
636
636
  opacity: 0;
637
637
  -webkit-transform: translateY(2000px);
638
- -ms-transform: translateY(2000px);
639
- transform: translateY(2000px);
638
+ -ms-transform: translateY(2000px);
639
+ transform: translateY(2000px);
640
640
  }
641
641
  }
642
642
  .bounceOutDown {
643
643
  -webkit-animation-name: bounceOutDown;
644
- animation-name: bounceOutDown;
644
+ animation-name: bounceOutDown;
645
645
  }
646
646
  @-webkit-keyframes bounceOutLeft {
647
647
  0% {
648
648
  -webkit-transform: translateX(0);
649
- transform: translateX(0);
649
+ transform: translateX(0);
650
650
  }
651
651
  20% {
652
652
  opacity: 1;
653
653
  -webkit-transform: translateX(20px);
654
- transform: translateX(20px);
654
+ transform: translateX(20px);
655
655
  }
656
656
  100% {
657
657
  opacity: 0;
658
658
  -webkit-transform: translateX(-2000px);
659
- transform: translateX(-2000px);
659
+ transform: translateX(-2000px);
660
660
  }
661
661
  }
662
662
  @keyframes bounceOutLeft {
663
663
  0% {
664
664
  -webkit-transform: translateX(0);
665
- -ms-transform: translateX(0);
666
- transform: translateX(0);
665
+ -ms-transform: translateX(0);
666
+ transform: translateX(0);
667
667
  }
668
668
  20% {
669
669
  opacity: 1;
670
670
  -webkit-transform: translateX(20px);
671
- -ms-transform: translateX(20px);
672
- transform: translateX(20px);
671
+ -ms-transform: translateX(20px);
672
+ transform: translateX(20px);
673
673
  }
674
674
  100% {
675
675
  opacity: 0;
676
676
  -webkit-transform: translateX(-2000px);
677
- -ms-transform: translateX(-2000px);
678
- transform: translateX(-2000px);
677
+ -ms-transform: translateX(-2000px);
678
+ transform: translateX(-2000px);
679
679
  }
680
680
  }
681
681
  .bounceOutLeft {
682
682
  -webkit-animation-name: bounceOutLeft;
683
- animation-name: bounceOutLeft;
683
+ animation-name: bounceOutLeft;
684
684
  }
685
685
  @-webkit-keyframes bounceOutRight {
686
686
  0% {
687
687
  -webkit-transform: translateX(0);
688
- transform: translateX(0);
688
+ transform: translateX(0);
689
689
  }
690
690
  20% {
691
691
  opacity: 1;
692
692
  -webkit-transform: translateX(-20px);
693
- transform: translateX(-20px);
693
+ transform: translateX(-20px);
694
694
  }
695
695
  100% {
696
696
  opacity: 0;
697
697
  -webkit-transform: translateX(2000px);
698
- transform: translateX(2000px);
698
+ transform: translateX(2000px);
699
699
  }
700
700
  }
701
701
  @keyframes bounceOutRight {
702
702
  0% {
703
703
  -webkit-transform: translateX(0);
704
- -ms-transform: translateX(0);
705
- transform: translateX(0);
704
+ -ms-transform: translateX(0);
705
+ transform: translateX(0);
706
706
  }
707
707
  20% {
708
708
  opacity: 1;
709
709
  -webkit-transform: translateX(-20px);
710
- -ms-transform: translateX(-20px);
711
- transform: translateX(-20px);
710
+ -ms-transform: translateX(-20px);
711
+ transform: translateX(-20px);
712
712
  }
713
713
  100% {
714
714
  opacity: 0;
715
715
  -webkit-transform: translateX(2000px);
716
- -ms-transform: translateX(2000px);
717
- transform: translateX(2000px);
716
+ -ms-transform: translateX(2000px);
717
+ transform: translateX(2000px);
718
718
  }
719
719
  }
720
720
  .bounceOutRight {
721
721
  -webkit-animation-name: bounceOutRight;
722
- animation-name: bounceOutRight;
722
+ animation-name: bounceOutRight;
723
723
  }
724
724
  @-webkit-keyframes bounceOutUp {
725
725
  0% {
726
726
  -webkit-transform: translateY(0);
727
- transform: translateY(0);
727
+ transform: translateY(0);
728
728
  }
729
729
  20% {
730
730
  opacity: 1;
731
731
  -webkit-transform: translateY(20px);
732
- transform: translateY(20px);
732
+ transform: translateY(20px);
733
733
  }
734
734
  100% {
735
735
  opacity: 0;
736
736
  -webkit-transform: translateY(-2000px);
737
- transform: translateY(-2000px);
737
+ transform: translateY(-2000px);
738
738
  }
739
739
  }
740
740
  @keyframes bounceOutUp {
741
741
  0% {
742
742
  -webkit-transform: translateY(0);
743
- -ms-transform: translateY(0);
744
- transform: translateY(0);
743
+ -ms-transform: translateY(0);
744
+ transform: translateY(0);
745
745
  }
746
746
  20% {
747
747
  opacity: 1;
748
748
  -webkit-transform: translateY(20px);
749
- -ms-transform: translateY(20px);
750
- transform: translateY(20px);
749
+ -ms-transform: translateY(20px);
750
+ transform: translateY(20px);
751
751
  }
752
752
  100% {
753
753
  opacity: 0;
754
754
  -webkit-transform: translateY(-2000px);
755
- -ms-transform: translateY(-2000px);
756
- transform: translateY(-2000px);
755
+ -ms-transform: translateY(-2000px);
756
+ transform: translateY(-2000px);
757
757
  }
758
758
  }
759
759
  .bounceOutUp {
760
760
  -webkit-animation-name: bounceOutUp;
761
- animation-name: bounceOutUp;
761
+ animation-name: bounceOutUp;
762
762
  }
763
763
  @-webkit-keyframes fadeIn {
764
764
  0% { opacity: 0; }
@@ -770,247 +770,247 @@
770
770
  }
771
771
  .fadeIn {
772
772
  -webkit-animation-name: fadeIn;
773
- animation-name: fadeIn;
773
+ animation-name: fadeIn;
774
774
  }
775
775
  @-webkit-keyframes fadeInDown {
776
776
  0% {
777
777
  opacity: 0;
778
778
  -webkit-transform: translateY(-20px);
779
- transform: translateY(-20px);
779
+ transform: translateY(-20px);
780
780
  }
781
781
  100% {
782
782
  opacity: 1;
783
783
  -webkit-transform: translateY(0);
784
- transform: translateY(0);
784
+ transform: translateY(0);
785
785
  }
786
786
  }
787
787
  @keyframes fadeInDown {
788
788
  0% {
789
789
  opacity: 0;
790
790
  -webkit-transform: translateY(-20px);
791
- -ms-transform: translateY(-20px);
792
- transform: translateY(-20px);
791
+ -ms-transform: translateY(-20px);
792
+ transform: translateY(-20px);
793
793
  }
794
794
  100% {
795
795
  opacity: 1;
796
796
  -webkit-transform: translateY(0);
797
- -ms-transform: translateY(0);
798
- transform: translateY(0);
797
+ -ms-transform: translateY(0);
798
+ transform: translateY(0);
799
799
  }
800
800
  }
801
801
  .fadeInDown {
802
802
  -webkit-animation-name: fadeInDown;
803
- animation-name: fadeInDown;
803
+ animation-name: fadeInDown;
804
804
  }
805
805
  @-webkit-keyframes fadeInDownBig {
806
806
  0% {
807
807
  opacity: 0;
808
808
  -webkit-transform: translateY(-2000px);
809
- transform: translateY(-2000px);
809
+ transform: translateY(-2000px);
810
810
  }
811
811
  100% {
812
812
  opacity: 1;
813
813
  -webkit-transform: translateY(0);
814
- transform: translateY(0);
814
+ transform: translateY(0);
815
815
  }
816
816
  }
817
817
  @keyframes fadeInDownBig {
818
818
  0% {
819
819
  opacity: 0;
820
820
  -webkit-transform: translateY(-2000px);
821
- -ms-transform: translateY(-2000px);
822
- transform: translateY(-2000px);
821
+ -ms-transform: translateY(-2000px);
822
+ transform: translateY(-2000px);
823
823
  }
824
824
  100% {
825
825
  opacity: 1;
826
826
  -webkit-transform: translateY(0);
827
- -ms-transform: translateY(0);
828
- transform: translateY(0);
827
+ -ms-transform: translateY(0);
828
+ transform: translateY(0);
829
829
  }
830
830
  }
831
831
  .fadeInDownBig {
832
832
  -webkit-animation-name: fadeInDownBig;
833
- animation-name: fadeInDownBig;
833
+ animation-name: fadeInDownBig;
834
834
  }
835
835
  @-webkit-keyframes fadeInLeft {
836
836
  0% {
837
837
  opacity: 0;
838
838
  -webkit-transform: translateX(-20px);
839
- transform: translateX(-20px);
839
+ transform: translateX(-20px);
840
840
  }
841
841
  100% {
842
842
  opacity: 1;
843
843
  -webkit-transform: translateX(0);
844
- transform: translateX(0);
844
+ transform: translateX(0);
845
845
  }
846
846
  }
847
847
  @keyframes fadeInLeft {
848
848
  0% {
849
849
  opacity: 0;
850
850
  -webkit-transform: translateX(-20px);
851
- -ms-transform: translateX(-20px);
852
- transform: translateX(-20px);
851
+ -ms-transform: translateX(-20px);
852
+ transform: translateX(-20px);
853
853
  }
854
854
  100% {
855
855
  opacity: 1;
856
856
  -webkit-transform: translateX(0);
857
- -ms-transform: translateX(0);
858
- transform: translateX(0);
857
+ -ms-transform: translateX(0);
858
+ transform: translateX(0);
859
859
  }
860
860
  }
861
861
  .fadeInLeft {
862
862
  -webkit-animation-name: fadeInLeft;
863
- animation-name: fadeInLeft;
863
+ animation-name: fadeInLeft;
864
864
  }
865
865
  @-webkit-keyframes fadeInLeftBig {
866
866
  0% {
867
867
  opacity: 0;
868
868
  -webkit-transform: translateX(-2000px);
869
- transform: translateX(-2000px);
869
+ transform: translateX(-2000px);
870
870
  }
871
871
  100% {
872
872
  opacity: 1;
873
873
  -webkit-transform: translateX(0);
874
- transform: translateX(0);
874
+ transform: translateX(0);
875
875
  }
876
876
  }
877
877
  @keyframes fadeInLeftBig {
878
878
  0% {
879
879
  opacity: 0;
880
880
  -webkit-transform: translateX(-2000px);
881
- -ms-transform: translateX(-2000px);
882
- transform: translateX(-2000px);
881
+ -ms-transform: translateX(-2000px);
882
+ transform: translateX(-2000px);
883
883
  }
884
884
  100% {
885
885
  opacity: 1;
886
886
  -webkit-transform: translateX(0);
887
- -ms-transform: translateX(0);
888
- transform: translateX(0);
887
+ -ms-transform: translateX(0);
888
+ transform: translateX(0);
889
889
  }
890
890
  }
891
891
  .fadeInLeftBig {
892
892
  -webkit-animation-name: fadeInLeftBig;
893
- animation-name: fadeInLeftBig;
893
+ animation-name: fadeInLeftBig;
894
894
  }
895
895
  @-webkit-keyframes fadeInRight {
896
896
  0% {
897
897
  opacity: 0;
898
898
  -webkit-transform: translateX(20px);
899
- transform: translateX(20px);
899
+ transform: translateX(20px);
900
900
  }
901
901
  100% {
902
902
  opacity: 1;
903
903
  -webkit-transform: translateX(0);
904
- transform: translateX(0);
904
+ transform: translateX(0);
905
905
  }
906
906
  }
907
907
  @keyframes fadeInRight {
908
908
  0% {
909
909
  opacity: 0;
910
910
  -webkit-transform: translateX(20px);
911
- -ms-transform: translateX(20px);
912
- transform: translateX(20px);
911
+ -ms-transform: translateX(20px);
912
+ transform: translateX(20px);
913
913
  }
914
914
  100% {
915
915
  opacity: 1;
916
916
  -webkit-transform: translateX(0);
917
- -ms-transform: translateX(0);
918
- transform: translateX(0);
917
+ -ms-transform: translateX(0);
918
+ transform: translateX(0);
919
919
  }
920
920
  }
921
921
  .fadeInRight {
922
922
  -webkit-animation-name: fadeInRight;
923
- animation-name: fadeInRight;
923
+ animation-name: fadeInRight;
924
924
  }
925
925
  @-webkit-keyframes fadeInRightBig {
926
926
  0% {
927
927
  opacity: 0;
928
928
  -webkit-transform: translateX(2000px);
929
- transform: translateX(2000px);
929
+ transform: translateX(2000px);
930
930
  }
931
931
  100% {
932
932
  opacity: 1;
933
933
  -webkit-transform: translateX(0);
934
- transform: translateX(0);
934
+ transform: translateX(0);
935
935
  }
936
936
  }
937
937
  @keyframes fadeInRightBig {
938
938
  0% {
939
939
  opacity: 0;
940
940
  -webkit-transform: translateX(2000px);
941
- -ms-transform: translateX(2000px);
942
- transform: translateX(2000px);
941
+ -ms-transform: translateX(2000px);
942
+ transform: translateX(2000px);
943
943
  }
944
944
  100% {
945
945
  opacity: 1;
946
946
  -webkit-transform: translateX(0);
947
- -ms-transform: translateX(0);
948
- transform: translateX(0);
947
+ -ms-transform: translateX(0);
948
+ transform: translateX(0);
949
949
  }
950
950
  }
951
951
  .fadeInRightBig {
952
952
  -webkit-animation-name: fadeInRightBig;
953
- animation-name: fadeInRightBig;
953
+ animation-name: fadeInRightBig;
954
954
  }
955
955
  @-webkit-keyframes fadeInUp {
956
956
  0% {
957
957
  opacity: 0;
958
958
  -webkit-transform: translateY(20px);
959
- transform: translateY(20px);
959
+ transform: translateY(20px);
960
960
  }
961
961
  100% {
962
962
  opacity: 1;
963
963
  -webkit-transform: translateY(0);
964
- transform: translateY(0);
964
+ transform: translateY(0);
965
965
  }
966
966
  }
967
967
  @keyframes fadeInUp {
968
968
  0% {
969
969
  opacity: 0;
970
970
  -webkit-transform: translateY(20px);
971
- -ms-transform: translateY(20px);
972
- transform: translateY(20px);
971
+ -ms-transform: translateY(20px);
972
+ transform: translateY(20px);
973
973
  }
974
974
  100% {
975
975
  opacity: 1;
976
976
  -webkit-transform: translateY(0);
977
- -ms-transform: translateY(0);
978
- transform: translateY(0);
977
+ -ms-transform: translateY(0);
978
+ transform: translateY(0);
979
979
  }
980
980
  }
981
981
  .fadeInUp {
982
982
  -webkit-animation-name: fadeInUp;
983
- animation-name: fadeInUp;
983
+ animation-name: fadeInUp;
984
984
  }
985
985
  @-webkit-keyframes fadeInUpBig {
986
986
  0% {
987
987
  opacity: 0;
988
988
  -webkit-transform: translateY(2000px);
989
- transform: translateY(2000px);
989
+ transform: translateY(2000px);
990
990
  }
991
991
  100% {
992
992
  opacity: 1;
993
993
  -webkit-transform: translateY(0);
994
- transform: translateY(0);
994
+ transform: translateY(0);
995
995
  }
996
996
  }
997
997
  @keyframes fadeInUpBig {
998
998
  0% {
999
999
  opacity: 0;
1000
1000
  -webkit-transform: translateY(2000px);
1001
- -ms-transform: translateY(2000px);
1002
- transform: translateY(2000px);
1001
+ -ms-transform: translateY(2000px);
1002
+ transform: translateY(2000px);
1003
1003
  }
1004
1004
  100% {
1005
1005
  opacity: 1;
1006
1006
  -webkit-transform: translateY(0);
1007
- -ms-transform: translateY(0);
1008
- transform: translateY(0);
1007
+ -ms-transform: translateY(0);
1008
+ transform: translateY(0);
1009
1009
  }
1010
1010
  }
1011
1011
  .fadeInUpBig {
1012
1012
  -webkit-animation-name: fadeInUpBig;
1013
- animation-name: fadeInUpBig;
1013
+ animation-name: fadeInUpBig;
1014
1014
  }
1015
1015
  @-webkit-keyframes fadeOut {
1016
1016
  0% { opacity: 1; }
@@ -1022,1298 +1022,1298 @@
1022
1022
  }
1023
1023
  .fadeOut {
1024
1024
  -webkit-animation-name: fadeOut;
1025
- animation-name: fadeOut;
1025
+ animation-name: fadeOut;
1026
1026
  }
1027
1027
  @-webkit-keyframes fadeOutDown {
1028
1028
  0% {
1029
1029
  opacity: 1;
1030
1030
  -webkit-transform: translateY(0);
1031
- transform: translateY(0);
1031
+ transform: translateY(0);
1032
1032
  }
1033
1033
  100% {
1034
1034
  opacity: 0;
1035
1035
  -webkit-transform: translateY(20px);
1036
- transform: translateY(20px);
1036
+ transform: translateY(20px);
1037
1037
  }
1038
1038
  }
1039
1039
  @keyframes fadeOutDown {
1040
1040
  0% {
1041
1041
  opacity: 1;
1042
1042
  -webkit-transform: translateY(0);
1043
- -ms-transform: translateY(0);
1044
- transform: translateY(0);
1043
+ -ms-transform: translateY(0);
1044
+ transform: translateY(0);
1045
1045
  }
1046
1046
  100% {
1047
1047
  opacity: 0;
1048
1048
  -webkit-transform: translateY(20px);
1049
- -ms-transform: translateY(20px);
1050
- transform: translateY(20px);
1049
+ -ms-transform: translateY(20px);
1050
+ transform: translateY(20px);
1051
1051
  }
1052
1052
  }
1053
1053
  .fadeOutDown {
1054
1054
  -webkit-animation-name: fadeOutDown;
1055
- animation-name: fadeOutDown;
1055
+ animation-name: fadeOutDown;
1056
1056
  }
1057
1057
  @-webkit-keyframes fadeOutDownBig {
1058
1058
  0% {
1059
1059
  opacity: 1;
1060
1060
  -webkit-transform: translateY(0);
1061
- transform: translateY(0);
1061
+ transform: translateY(0);
1062
1062
  }
1063
1063
  100% {
1064
1064
  opacity: 0;
1065
1065
  -webkit-transform: translateY(2000px);
1066
- transform: translateY(2000px);
1066
+ transform: translateY(2000px);
1067
1067
  }
1068
1068
  }
1069
1069
  @keyframes fadeOutDownBig {
1070
1070
  0% {
1071
1071
  opacity: 1;
1072
1072
  -webkit-transform: translateY(0);
1073
- -ms-transform: translateY(0);
1074
- transform: translateY(0);
1073
+ -ms-transform: translateY(0);
1074
+ transform: translateY(0);
1075
1075
  }
1076
1076
  100% {
1077
1077
  opacity: 0;
1078
1078
  -webkit-transform: translateY(2000px);
1079
- -ms-transform: translateY(2000px);
1080
- transform: translateY(2000px);
1079
+ -ms-transform: translateY(2000px);
1080
+ transform: translateY(2000px);
1081
1081
  }
1082
1082
  }
1083
1083
  .fadeOutDownBig {
1084
1084
  -webkit-animation-name: fadeOutDownBig;
1085
- animation-name: fadeOutDownBig;
1085
+ animation-name: fadeOutDownBig;
1086
1086
  }
1087
1087
  @-webkit-keyframes fadeOutLeft {
1088
1088
  0% {
1089
1089
  opacity: 1;
1090
1090
  -webkit-transform: translateX(0);
1091
- transform: translateX(0);
1091
+ transform: translateX(0);
1092
1092
  }
1093
1093
  100% {
1094
1094
  opacity: 0;
1095
1095
  -webkit-transform: translateX(-20px);
1096
- transform: translateX(-20px);
1096
+ transform: translateX(-20px);
1097
1097
  }
1098
1098
  }
1099
1099
  @keyframes fadeOutLeft {
1100
1100
  0% {
1101
1101
  opacity: 1;
1102
1102
  -webkit-transform: translateX(0);
1103
- -ms-transform: translateX(0);
1104
- transform: translateX(0);
1103
+ -ms-transform: translateX(0);
1104
+ transform: translateX(0);
1105
1105
  }
1106
1106
  100% {
1107
1107
  opacity: 0;
1108
1108
  -webkit-transform: translateX(-20px);
1109
- -ms-transform: translateX(-20px);
1110
- transform: translateX(-20px);
1109
+ -ms-transform: translateX(-20px);
1110
+ transform: translateX(-20px);
1111
1111
  }
1112
1112
  }
1113
1113
  .fadeOutLeft {
1114
1114
  -webkit-animation-name: fadeOutLeft;
1115
- animation-name: fadeOutLeft;
1115
+ animation-name: fadeOutLeft;
1116
1116
  }
1117
1117
  @-webkit-keyframes fadeOutLeftBig {
1118
1118
  0% {
1119
1119
  opacity: 1;
1120
1120
  -webkit-transform: translateX(0);
1121
- transform: translateX(0);
1121
+ transform: translateX(0);
1122
1122
  }
1123
1123
  100% {
1124
1124
  opacity: 0;
1125
1125
  -webkit-transform: translateX(-2000px);
1126
- transform: translateX(-2000px);
1126
+ transform: translateX(-2000px);
1127
1127
  }
1128
1128
  }
1129
1129
  @keyframes fadeOutLeftBig {
1130
1130
  0% {
1131
1131
  opacity: 1;
1132
1132
  -webkit-transform: translateX(0);
1133
- -ms-transform: translateX(0);
1134
- transform: translateX(0);
1133
+ -ms-transform: translateX(0);
1134
+ transform: translateX(0);
1135
1135
  }
1136
1136
  100% {
1137
1137
  opacity: 0;
1138
1138
  -webkit-transform: translateX(-2000px);
1139
- -ms-transform: translateX(-2000px);
1140
- transform: translateX(-2000px);
1139
+ -ms-transform: translateX(-2000px);
1140
+ transform: translateX(-2000px);
1141
1141
  }
1142
1142
  }
1143
1143
  .fadeOutLeftBig {
1144
1144
  -webkit-animation-name: fadeOutLeftBig;
1145
- animation-name: fadeOutLeftBig;
1145
+ animation-name: fadeOutLeftBig;
1146
1146
  }
1147
1147
  @-webkit-keyframes fadeOutRight {
1148
1148
  0% {
1149
1149
  opacity: 1;
1150
1150
  -webkit-transform: translateX(0);
1151
- transform: translateX(0);
1151
+ transform: translateX(0);
1152
1152
  }
1153
1153
  100% {
1154
1154
  opacity: 0;
1155
1155
  -webkit-transform: translateX(20px);
1156
- transform: translateX(20px);
1156
+ transform: translateX(20px);
1157
1157
  }
1158
1158
  }
1159
1159
  @keyframes fadeOutRight {
1160
1160
  0% {
1161
1161
  opacity: 1;
1162
1162
  -webkit-transform: translateX(0);
1163
- -ms-transform: translateX(0);
1164
- transform: translateX(0);
1163
+ -ms-transform: translateX(0);
1164
+ transform: translateX(0);
1165
1165
  }
1166
1166
  100% {
1167
1167
  opacity: 0;
1168
1168
  -webkit-transform: translateX(20px);
1169
- -ms-transform: translateX(20px);
1170
- transform: translateX(20px);
1169
+ -ms-transform: translateX(20px);
1170
+ transform: translateX(20px);
1171
1171
  }
1172
1172
  }
1173
1173
  .fadeOutRight {
1174
1174
  -webkit-animation-name: fadeOutRight;
1175
- animation-name: fadeOutRight;
1175
+ animation-name: fadeOutRight;
1176
1176
  }
1177
1177
  @-webkit-keyframes fadeOutRightBig {
1178
1178
  0% {
1179
1179
  opacity: 1;
1180
1180
  -webkit-transform: translateX(0);
1181
- transform: translateX(0);
1181
+ transform: translateX(0);
1182
1182
  }
1183
1183
  100% {
1184
1184
  opacity: 0;
1185
1185
  -webkit-transform: translateX(2000px);
1186
- transform: translateX(2000px);
1186
+ transform: translateX(2000px);
1187
1187
  }
1188
1188
  }
1189
1189
  @keyframes fadeOutRightBig {
1190
1190
  0% {
1191
1191
  opacity: 1;
1192
1192
  -webkit-transform: translateX(0);
1193
- -ms-transform: translateX(0);
1194
- transform: translateX(0);
1193
+ -ms-transform: translateX(0);
1194
+ transform: translateX(0);
1195
1195
  }
1196
1196
  100% {
1197
1197
  opacity: 0;
1198
1198
  -webkit-transform: translateX(2000px);
1199
- -ms-transform: translateX(2000px);
1200
- transform: translateX(2000px);
1199
+ -ms-transform: translateX(2000px);
1200
+ transform: translateX(2000px);
1201
1201
  }
1202
1202
  }
1203
1203
  .fadeOutRightBig {
1204
1204
  -webkit-animation-name: fadeOutRightBig;
1205
- animation-name: fadeOutRightBig;
1205
+ animation-name: fadeOutRightBig;
1206
1206
  }
1207
1207
  @-webkit-keyframes fadeOutUp {
1208
1208
  0% {
1209
1209
  opacity: 1;
1210
1210
  -webkit-transform: translateY(0);
1211
- transform: translateY(0);
1211
+ transform: translateY(0);
1212
1212
  }
1213
1213
  100% {
1214
1214
  opacity: 0;
1215
1215
  -webkit-transform: translateY(-20px);
1216
- transform: translateY(-20px);
1216
+ transform: translateY(-20px);
1217
1217
  }
1218
1218
  }
1219
1219
  @keyframes fadeOutUp {
1220
1220
  0% {
1221
1221
  opacity: 1;
1222
1222
  -webkit-transform: translateY(0);
1223
- -ms-transform: translateY(0);
1224
- transform: translateY(0);
1223
+ -ms-transform: translateY(0);
1224
+ transform: translateY(0);
1225
1225
  }
1226
1226
  100% {
1227
1227
  opacity: 0;
1228
1228
  -webkit-transform: translateY(-20px);
1229
- -ms-transform: translateY(-20px);
1230
- transform: translateY(-20px);
1229
+ -ms-transform: translateY(-20px);
1230
+ transform: translateY(-20px);
1231
1231
  }
1232
1232
  }
1233
1233
  .fadeOutUp {
1234
1234
  -webkit-animation-name: fadeOutUp;
1235
- animation-name: fadeOutUp;
1235
+ animation-name: fadeOutUp;
1236
1236
  }
1237
1237
  @-webkit-keyframes fadeOutUpBig {
1238
1238
  0% {
1239
1239
  opacity: 1;
1240
1240
  -webkit-transform: translateY(0);
1241
- transform: translateY(0);
1241
+ transform: translateY(0);
1242
1242
  }
1243
1243
  100% {
1244
1244
  opacity: 0;
1245
1245
  -webkit-transform: translateY(-2000px);
1246
- transform: translateY(-2000px);
1246
+ transform: translateY(-2000px);
1247
1247
  }
1248
1248
  }
1249
1249
  @keyframes fadeOutUpBig {
1250
1250
  0% {
1251
1251
  opacity: 1;
1252
1252
  -webkit-transform: translateY(0);
1253
- -ms-transform: translateY(0);
1254
- transform: translateY(0);
1253
+ -ms-transform: translateY(0);
1254
+ transform: translateY(0);
1255
1255
  }
1256
1256
  100% {
1257
1257
  opacity: 0;
1258
1258
  -webkit-transform: translateY(-2000px);
1259
- -ms-transform: translateY(-2000px);
1260
- transform: translateY(-2000px);
1259
+ -ms-transform: translateY(-2000px);
1260
+ transform: translateY(-2000px);
1261
1261
  }
1262
1262
  }
1263
1263
  .fadeOutUpBig {
1264
1264
  -webkit-animation-name: fadeOutUpBig;
1265
- animation-name: fadeOutUpBig;
1265
+ animation-name: fadeOutUpBig;
1266
1266
  }
1267
1267
  @-webkit-keyframes flip {
1268
1268
  0% {
1269
1269
  -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1270
- transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1270
+ transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1271
1271
  -webkit-animation-timing-function: ease-out;
1272
- animation-timing-function: ease-out;
1272
+ animation-timing-function: ease-out;
1273
1273
  }
1274
1274
  40% {
1275
1275
  -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1276
- transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1276
+ transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1277
1277
  -webkit-animation-timing-function: ease-out;
1278
- animation-timing-function: ease-out;
1278
+ animation-timing-function: ease-out;
1279
1279
  }
1280
1280
  50% {
1281
1281
  -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1282
- transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1282
+ transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1283
1283
  -webkit-animation-timing-function: ease-in;
1284
- animation-timing-function: ease-in;
1284
+ animation-timing-function: ease-in;
1285
1285
  }
1286
1286
  80% {
1287
1287
  -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1288
- transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1288
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1289
1289
  -webkit-animation-timing-function: ease-in;
1290
- animation-timing-function: ease-in;
1290
+ animation-timing-function: ease-in;
1291
1291
  }
1292
1292
  100% {
1293
1293
  -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1294
- transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1294
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1295
1295
  -webkit-animation-timing-function: ease-in;
1296
- animation-timing-function: ease-in;
1296
+ animation-timing-function: ease-in;
1297
1297
  }
1298
1298
  }
1299
1299
  @keyframes flip {
1300
1300
  0% {
1301
1301
  -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1302
- -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1303
- transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1302
+ -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1303
+ transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
1304
1304
  -webkit-animation-timing-function: ease-out;
1305
- animation-timing-function: ease-out;
1305
+ animation-timing-function: ease-out;
1306
1306
  }
1307
1307
  40% {
1308
1308
  -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1309
- -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1310
- transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1309
+ -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1310
+ transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
1311
1311
  -webkit-animation-timing-function: ease-out;
1312
- animation-timing-function: ease-out;
1312
+ animation-timing-function: ease-out;
1313
1313
  }
1314
1314
  50% {
1315
1315
  -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1316
- -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1317
- transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1316
+ -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1317
+ transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
1318
1318
  -webkit-animation-timing-function: ease-in;
1319
- animation-timing-function: ease-in;
1319
+ animation-timing-function: ease-in;
1320
1320
  }
1321
1321
  80% {
1322
1322
  -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1323
- -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1324
- transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1323
+ -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1324
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
1325
1325
  -webkit-animation-timing-function: ease-in;
1326
- animation-timing-function: ease-in;
1326
+ animation-timing-function: ease-in;
1327
1327
  }
1328
1328
  100% {
1329
1329
  -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1330
- -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1331
- transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1330
+ -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1331
+ transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
1332
1332
  -webkit-animation-timing-function: ease-in;
1333
- animation-timing-function: ease-in;
1333
+ animation-timing-function: ease-in;
1334
1334
  }
1335
1335
  }
1336
1336
  .animated.flip {
1337
1337
  -webkit-backface-visibility: visible;
1338
- -ms-backface-visibility: visible;
1339
- backface-visibility: visible;
1338
+ -ms-backface-visibility: visible;
1339
+ backface-visibility: visible;
1340
1340
  -webkit-animation-name: flip;
1341
- animation-name: flip;
1341
+ animation-name: flip;
1342
1342
  }
1343
1343
  @-webkit-keyframes flipInX {
1344
1344
  0% {
1345
1345
  -webkit-transform: perspective(400px) rotateX(90deg);
1346
- transform: perspective(400px) rotateX(90deg);
1346
+ transform: perspective(400px) rotateX(90deg);
1347
1347
  opacity: 0;
1348
1348
  }
1349
1349
  40% {
1350
1350
  -webkit-transform: perspective(400px) rotateX(-10deg);
1351
- transform: perspective(400px) rotateX(-10deg);
1351
+ transform: perspective(400px) rotateX(-10deg);
1352
1352
  }
1353
1353
  70% {
1354
1354
  -webkit-transform: perspective(400px) rotateX(10deg);
1355
- transform: perspective(400px) rotateX(10deg);
1355
+ transform: perspective(400px) rotateX(10deg);
1356
1356
  }
1357
1357
  100% {
1358
1358
  -webkit-transform: perspective(400px) rotateX(0deg);
1359
- transform: perspective(400px) rotateX(0deg);
1359
+ transform: perspective(400px) rotateX(0deg);
1360
1360
  opacity: 1;
1361
1361
  }
1362
1362
  }
1363
1363
  @keyframes flipInX {
1364
1364
  0% {
1365
1365
  -webkit-transform: perspective(400px) rotateX(90deg);
1366
- -ms-transform: perspective(400px) rotateX(90deg);
1367
- transform: perspective(400px) rotateX(90deg);
1366
+ -ms-transform: perspective(400px) rotateX(90deg);
1367
+ transform: perspective(400px) rotateX(90deg);
1368
1368
  opacity: 0;
1369
1369
  }
1370
1370
  40% {
1371
1371
  -webkit-transform: perspective(400px) rotateX(-10deg);
1372
- -ms-transform: perspective(400px) rotateX(-10deg);
1373
- transform: perspective(400px) rotateX(-10deg);
1372
+ -ms-transform: perspective(400px) rotateX(-10deg);
1373
+ transform: perspective(400px) rotateX(-10deg);
1374
1374
  }
1375
1375
  70% {
1376
1376
  -webkit-transform: perspective(400px) rotateX(10deg);
1377
- -ms-transform: perspective(400px) rotateX(10deg);
1378
- transform: perspective(400px) rotateX(10deg);
1377
+ -ms-transform: perspective(400px) rotateX(10deg);
1378
+ transform: perspective(400px) rotateX(10deg);
1379
1379
  }
1380
1380
  100% {
1381
1381
  -webkit-transform: perspective(400px) rotateX(0deg);
1382
- -ms-transform: perspective(400px) rotateX(0deg);
1383
- transform: perspective(400px) rotateX(0deg);
1382
+ -ms-transform: perspective(400px) rotateX(0deg);
1383
+ transform: perspective(400px) rotateX(0deg);
1384
1384
  opacity: 1;
1385
1385
  }
1386
1386
  }
1387
1387
  .flipInX {
1388
1388
  -webkit-backface-visibility: visible !important;
1389
- -ms-backface-visibility: visible !important;
1390
- backface-visibility: visible !important;
1389
+ -ms-backface-visibility: visible !important;
1390
+ backface-visibility: visible !important;
1391
1391
  -webkit-animation-name: flipInX;
1392
- animation-name: flipInX;
1392
+ animation-name: flipInX;
1393
1393
  }
1394
1394
  @-webkit-keyframes flipInY {
1395
1395
  0% {
1396
1396
  -webkit-transform: perspective(400px) rotateY(90deg);
1397
- transform: perspective(400px) rotateY(90deg);
1397
+ transform: perspective(400px) rotateY(90deg);
1398
1398
  opacity: 0;
1399
1399
  }
1400
1400
  40% {
1401
1401
  -webkit-transform: perspective(400px) rotateY(-10deg);
1402
- transform: perspective(400px) rotateY(-10deg);
1402
+ transform: perspective(400px) rotateY(-10deg);
1403
1403
  }
1404
1404
  70% {
1405
1405
  -webkit-transform: perspective(400px) rotateY(10deg);
1406
- transform: perspective(400px) rotateY(10deg);
1406
+ transform: perspective(400px) rotateY(10deg);
1407
1407
  }
1408
1408
  100% {
1409
1409
  -webkit-transform: perspective(400px) rotateY(0deg);
1410
- transform: perspective(400px) rotateY(0deg);
1410
+ transform: perspective(400px) rotateY(0deg);
1411
1411
  opacity: 1;
1412
1412
  }
1413
1413
  }
1414
1414
  @keyframes flipInY {
1415
1415
  0% {
1416
1416
  -webkit-transform: perspective(400px) rotateY(90deg);
1417
- -ms-transform: perspective(400px) rotateY(90deg);
1418
- transform: perspective(400px) rotateY(90deg);
1417
+ -ms-transform: perspective(400px) rotateY(90deg);
1418
+ transform: perspective(400px) rotateY(90deg);
1419
1419
  opacity: 0;
1420
1420
  }
1421
1421
  40% {
1422
1422
  -webkit-transform: perspective(400px) rotateY(-10deg);
1423
- -ms-transform: perspective(400px) rotateY(-10deg);
1424
- transform: perspective(400px) rotateY(-10deg);
1423
+ -ms-transform: perspective(400px) rotateY(-10deg);
1424
+ transform: perspective(400px) rotateY(-10deg);
1425
1425
  }
1426
1426
  70% {
1427
1427
  -webkit-transform: perspective(400px) rotateY(10deg);
1428
- -ms-transform: perspective(400px) rotateY(10deg);
1429
- transform: perspective(400px) rotateY(10deg);
1428
+ -ms-transform: perspective(400px) rotateY(10deg);
1429
+ transform: perspective(400px) rotateY(10deg);
1430
1430
  }
1431
1431
  100% {
1432
1432
  -webkit-transform: perspective(400px) rotateY(0deg);
1433
- -ms-transform: perspective(400px) rotateY(0deg);
1434
- transform: perspective(400px) rotateY(0deg);
1433
+ -ms-transform: perspective(400px) rotateY(0deg);
1434
+ transform: perspective(400px) rotateY(0deg);
1435
1435
  opacity: 1;
1436
1436
  }
1437
1437
  }
1438
1438
  .flipInY {
1439
1439
  -webkit-backface-visibility: visible !important;
1440
- -ms-backface-visibility: visible !important;
1441
- backface-visibility: visible !important;
1440
+ -ms-backface-visibility: visible !important;
1441
+ backface-visibility: visible !important;
1442
1442
  -webkit-animation-name: flipInY;
1443
- animation-name: flipInY;
1443
+ animation-name: flipInY;
1444
1444
  }
1445
1445
  @-webkit-keyframes flipOutX {
1446
1446
  0% {
1447
1447
  -webkit-transform: perspective(400px) rotateX(0deg);
1448
- transform: perspective(400px) rotateX(0deg);
1448
+ transform: perspective(400px) rotateX(0deg);
1449
1449
  opacity: 1;
1450
1450
  }
1451
1451
 
1452
1452
  100% {
1453
1453
  -webkit-transform: perspective(400px) rotateX(90deg);
1454
- transform: perspective(400px) rotateX(90deg);
1454
+ transform: perspective(400px) rotateX(90deg);
1455
1455
  opacity: 0;
1456
1456
  }
1457
1457
  }
1458
1458
  @keyframes flipOutX {
1459
1459
  0% {
1460
1460
  -webkit-transform: perspective(400px) rotateX(0deg);
1461
- -ms-transform: perspective(400px) rotateX(0deg);
1462
- transform: perspective(400px) rotateX(0deg);
1461
+ -ms-transform: perspective(400px) rotateX(0deg);
1462
+ transform: perspective(400px) rotateX(0deg);
1463
1463
  opacity: 1;
1464
1464
  }
1465
1465
  100% {
1466
1466
  -webkit-transform: perspective(400px) rotateX(90deg);
1467
- -ms-transform: perspective(400px) rotateX(90deg);
1468
- transform: perspective(400px) rotateX(90deg);
1467
+ -ms-transform: perspective(400px) rotateX(90deg);
1468
+ transform: perspective(400px) rotateX(90deg);
1469
1469
  opacity: 0;
1470
1470
  }
1471
1471
  }
1472
1472
  .flipOutX {
1473
1473
  -webkit-animation-name: flipOutX;
1474
- animation-name: flipOutX;
1474
+ animation-name: flipOutX;
1475
1475
  -webkit-backface-visibility: visible !important;
1476
- -ms-backface-visibility: visible !important;
1477
- backface-visibility: visible !important;
1476
+ -ms-backface-visibility: visible !important;
1477
+ backface-visibility: visible !important;
1478
1478
  }
1479
1479
  @-webkit-keyframes flipOutY {
1480
1480
  0% {
1481
1481
  -webkit-transform: perspective(400px) rotateY(0deg);
1482
- transform: perspective(400px) rotateY(0deg);
1482
+ transform: perspective(400px) rotateY(0deg);
1483
1483
  opacity: 1;
1484
1484
  }
1485
1485
  100% {
1486
1486
  -webkit-transform: perspective(400px) rotateY(90deg);
1487
- transform: perspective(400px) rotateY(90deg);
1487
+ transform: perspective(400px) rotateY(90deg);
1488
1488
  opacity: 0;
1489
1489
  }
1490
1490
  }
1491
1491
  @keyframes flipOutY {
1492
1492
  0% {
1493
1493
  -webkit-transform: perspective(400px) rotateY(0deg);
1494
- -ms-transform: perspective(400px) rotateY(0deg);
1495
- transform: perspective(400px) rotateY(0deg);
1494
+ -ms-transform: perspective(400px) rotateY(0deg);
1495
+ transform: perspective(400px) rotateY(0deg);
1496
1496
  opacity: 1;
1497
1497
  }
1498
1498
  100% {
1499
1499
  -webkit-transform: perspective(400px) rotateY(90deg);
1500
- -ms-transform: perspective(400px) rotateY(90deg);
1501
- transform: perspective(400px) rotateY(90deg);
1500
+ -ms-transform: perspective(400px) rotateY(90deg);
1501
+ transform: perspective(400px) rotateY(90deg);
1502
1502
  opacity: 0;
1503
1503
  }
1504
1504
  }
1505
1505
  .flipOutY {
1506
1506
  -webkit-backface-visibility: visible !important;
1507
- -ms-backface-visibility: visible !important;
1508
- backface-visibility: visible !important;
1507
+ -ms-backface-visibility: visible !important;
1508
+ backface-visibility: visible !important;
1509
1509
  -webkit-animation-name: flipOutY;
1510
- animation-name: flipOutY;
1510
+ animation-name: flipOutY;
1511
1511
  }
1512
1512
  @-webkit-keyframes lightSpeedIn {
1513
1513
  0% {
1514
1514
  -webkit-transform: translateX(100%) skewX(-30deg);
1515
- transform: translateX(100%) skewX(-30deg);
1515
+ transform: translateX(100%) skewX(-30deg);
1516
1516
  opacity: 0;
1517
1517
  }
1518
1518
  60% {
1519
1519
  -webkit-transform: translateX(-20%) skewX(30deg);
1520
- transform: translateX(-20%) skewX(30deg);
1520
+ transform: translateX(-20%) skewX(30deg);
1521
1521
  opacity: 1;
1522
1522
  }
1523
1523
  80% {
1524
1524
  -webkit-transform: translateX(0%) skewX(-15deg);
1525
- transform: translateX(0%) skewX(-15deg);
1525
+ transform: translateX(0%) skewX(-15deg);
1526
1526
  opacity: 1;
1527
1527
  }
1528
1528
  100% {
1529
1529
  -webkit-transform: translateX(0%) skewX(0deg);
1530
- transform: translateX(0%) skewX(0deg);
1530
+ transform: translateX(0%) skewX(0deg);
1531
1531
  opacity: 1;
1532
1532
  }
1533
1533
  }
1534
1534
  @keyframes lightSpeedIn {
1535
1535
  0% {
1536
1536
  -webkit-transform: translateX(100%) skewX(-30deg);
1537
- -ms-transform: translateX(100%) skewX(-30deg);
1538
- transform: translateX(100%) skewX(-30deg);
1537
+ -ms-transform: translateX(100%) skewX(-30deg);
1538
+ transform: translateX(100%) skewX(-30deg);
1539
1539
  opacity: 0;
1540
1540
  }
1541
1541
  60% {
1542
1542
  -webkit-transform: translateX(-20%) skewX(30deg);
1543
- -ms-transform: translateX(-20%) skewX(30deg);
1544
- transform: translateX(-20%) skewX(30deg);
1543
+ -ms-transform: translateX(-20%) skewX(30deg);
1544
+ transform: translateX(-20%) skewX(30deg);
1545
1545
  opacity: 1;
1546
1546
  }
1547
1547
  80% {
1548
1548
  -webkit-transform: translateX(0%) skewX(-15deg);
1549
- -ms-transform: translateX(0%) skewX(-15deg);
1550
- transform: translateX(0%) skewX(-15deg);
1549
+ -ms-transform: translateX(0%) skewX(-15deg);
1550
+ transform: translateX(0%) skewX(-15deg);
1551
1551
  opacity: 1;
1552
1552
  }
1553
1553
  100% {
1554
1554
  -webkit-transform: translateX(0%) skewX(0deg);
1555
- -ms-transform: translateX(0%) skewX(0deg);
1556
- transform: translateX(0%) skewX(0deg);
1555
+ -ms-transform: translateX(0%) skewX(0deg);
1556
+ transform: translateX(0%) skewX(0deg);
1557
1557
  opacity: 1;
1558
1558
  }
1559
1559
  }
1560
1560
  .lightSpeedIn {
1561
1561
  -webkit-animation-name: lightSpeedIn;
1562
- animation-name: lightSpeedIn;
1562
+ animation-name: lightSpeedIn;
1563
1563
  -webkit-animation-timing-function: ease-out;
1564
- animation-timing-function: ease-out;
1564
+ animation-timing-function: ease-out;
1565
1565
  }
1566
1566
  @-webkit-keyframes lightSpeedOut {
1567
1567
  0% {
1568
1568
  -webkit-transform: translateX(0%) skewX(0deg);
1569
- transform: translateX(0%) skewX(0deg);
1569
+ transform: translateX(0%) skewX(0deg);
1570
1570
  opacity: 1;
1571
1571
  }
1572
1572
 
1573
1573
  100% {
1574
1574
  -webkit-transform: translateX(100%) skewX(-30deg);
1575
- transform: translateX(100%) skewX(-30deg);
1575
+ transform: translateX(100%) skewX(-30deg);
1576
1576
  opacity: 0;
1577
1577
  }
1578
1578
  }
1579
1579
  @keyframes lightSpeedOut {
1580
1580
  0% {
1581
1581
  -webkit-transform: translateX(0%) skewX(0deg);
1582
- -ms-transform: translateX(0%) skewX(0deg);
1583
- transform: translateX(0%) skewX(0deg);
1582
+ -ms-transform: translateX(0%) skewX(0deg);
1583
+ transform: translateX(0%) skewX(0deg);
1584
1584
  opacity: 1;
1585
1585
  }
1586
1586
  100% {
1587
1587
  -webkit-transform: translateX(100%) skewX(-30deg);
1588
- -ms-transform: translateX(100%) skewX(-30deg);
1589
- transform: translateX(100%) skewX(-30deg);
1588
+ -ms-transform: translateX(100%) skewX(-30deg);
1589
+ transform: translateX(100%) skewX(-30deg);
1590
1590
  opacity: 0;
1591
1591
  }
1592
1592
  }
1593
1593
  .lightSpeedOut {
1594
1594
  -webkit-animation-name: lightSpeedOut;
1595
- animation-name: lightSpeedOut;
1595
+ animation-name: lightSpeedOut;
1596
1596
  -webkit-animation-timing-function: ease-in;
1597
- animation-timing-function: ease-in;
1597
+ animation-timing-function: ease-in;
1598
1598
  }
1599
1599
  @-webkit-keyframes rotateIn {
1600
1600
  0% {
1601
1601
  -webkit-transform-origin: center center;
1602
- transform-origin: center center;
1602
+ transform-origin: center center;
1603
1603
  -webkit-transform: rotate(-200deg);
1604
- transform: rotate(-200deg);
1604
+ transform: rotate(-200deg);
1605
1605
  opacity: 0;
1606
1606
  }
1607
1607
  100% {
1608
1608
  -webkit-transform-origin: center center;
1609
- transform-origin: center center;
1609
+ transform-origin: center center;
1610
1610
  -webkit-transform: rotate(0);
1611
- transform: rotate(0);
1611
+ transform: rotate(0);
1612
1612
  opacity: 1;
1613
1613
  }
1614
1614
  }
1615
1615
  @keyframes rotateIn {
1616
1616
  0% {
1617
1617
  -webkit-transform-origin: center center;
1618
- -ms-transform-origin: center center;
1619
- transform-origin: center center;
1618
+ -ms-transform-origin: center center;
1619
+ transform-origin: center center;
1620
1620
  -webkit-transform: rotate(-200deg);
1621
- -ms-transform: rotate(-200deg);
1622
- transform: rotate(-200deg);
1621
+ -ms-transform: rotate(-200deg);
1622
+ transform: rotate(-200deg);
1623
1623
  opacity: 0;
1624
1624
  }
1625
1625
  100% {
1626
1626
  -webkit-transform-origin: center center;
1627
- -ms-transform-origin: center center;
1628
- transform-origin: center center;
1627
+ -ms-transform-origin: center center;
1628
+ transform-origin: center center;
1629
1629
  -webkit-transform: rotate(0);
1630
- -ms-transform: rotate(0);
1631
- transform: rotate(0);
1630
+ -ms-transform: rotate(0);
1631
+ transform: rotate(0);
1632
1632
  opacity: 1;
1633
1633
  }
1634
1634
  }
1635
1635
  .rotateIn {
1636
1636
  -webkit-animation-name: rotateIn;
1637
- animation-name: rotateIn;
1637
+ animation-name: rotateIn;
1638
1638
  }
1639
1639
  @-webkit-keyframes rotateInDownLeft {
1640
1640
  0% {
1641
1641
  -webkit-transform-origin: left bottom;
1642
- transform-origin: left bottom;
1642
+ transform-origin: left bottom;
1643
1643
  -webkit-transform: rotate(-90deg);
1644
- transform: rotate(-90deg);
1644
+ transform: rotate(-90deg);
1645
1645
  opacity: 0;
1646
1646
  }
1647
1647
  100% {
1648
1648
  -webkit-transform-origin: left bottom;
1649
- transform-origin: left bottom;
1649
+ transform-origin: left bottom;
1650
1650
  -webkit-transform: rotate(0);
1651
- transform: rotate(0);
1651
+ transform: rotate(0);
1652
1652
  opacity: 1;
1653
1653
  }
1654
1654
  }
1655
1655
  @keyframes rotateInDownLeft {
1656
1656
  0% {
1657
1657
  -webkit-transform-origin: left bottom;
1658
- -ms-transform-origin: left bottom;
1659
- transform-origin: left bottom;
1658
+ -ms-transform-origin: left bottom;
1659
+ transform-origin: left bottom;
1660
1660
  -webkit-transform: rotate(-90deg);
1661
- -ms-transform: rotate(-90deg);
1662
- transform: rotate(-90deg);
1661
+ -ms-transform: rotate(-90deg);
1662
+ transform: rotate(-90deg);
1663
1663
  opacity: 0;
1664
1664
  }
1665
1665
  100% {
1666
1666
  -webkit-transform-origin: left bottom;
1667
- -ms-transform-origin: left bottom;
1668
- transform-origin: left bottom;
1667
+ -ms-transform-origin: left bottom;
1668
+ transform-origin: left bottom;
1669
1669
  -webkit-transform: rotate(0);
1670
- -ms-transform: rotate(0);
1671
- transform: rotate(0);
1670
+ -ms-transform: rotate(0);
1671
+ transform: rotate(0);
1672
1672
  opacity: 1;
1673
1673
  }
1674
1674
  }
1675
1675
  .rotateInDownLeft {
1676
1676
  -webkit-animation-name: rotateInDownLeft;
1677
- animation-name: rotateInDownLeft;
1677
+ animation-name: rotateInDownLeft;
1678
1678
  }
1679
1679
  @-webkit-keyframes rotateInDownRight {
1680
1680
  0% {
1681
1681
  -webkit-transform-origin: right bottom;
1682
- transform-origin: right bottom;
1682
+ transform-origin: right bottom;
1683
1683
  -webkit-transform: rotate(90deg);
1684
- transform: rotate(90deg);
1684
+ transform: rotate(90deg);
1685
1685
  opacity: 0;
1686
1686
  }
1687
1687
  100% {
1688
1688
  -webkit-transform-origin: right bottom;
1689
- transform-origin: right bottom;
1689
+ transform-origin: right bottom;
1690
1690
  -webkit-transform: rotate(0);
1691
- transform: rotate(0);
1691
+ transform: rotate(0);
1692
1692
  opacity: 1;
1693
1693
  }
1694
1694
  }
1695
1695
  @keyframes rotateInDownRight {
1696
1696
  0% {
1697
1697
  -webkit-transform-origin: right bottom;
1698
- -ms-transform-origin: right bottom;
1699
- transform-origin: right bottom;
1698
+ -ms-transform-origin: right bottom;
1699
+ transform-origin: right bottom;
1700
1700
  -webkit-transform: rotate(90deg);
1701
- -ms-transform: rotate(90deg);
1702
- transform: rotate(90deg);
1701
+ -ms-transform: rotate(90deg);
1702
+ transform: rotate(90deg);
1703
1703
  opacity: 0;
1704
1704
  }
1705
1705
  100% {
1706
1706
  -webkit-transform-origin: right bottom;
1707
- -ms-transform-origin: right bottom;
1708
- transform-origin: right bottom;
1707
+ -ms-transform-origin: right bottom;
1708
+ transform-origin: right bottom;
1709
1709
  -webkit-transform: rotate(0);
1710
- -ms-transform: rotate(0);
1711
- transform: rotate(0);
1710
+ -ms-transform: rotate(0);
1711
+ transform: rotate(0);
1712
1712
  opacity: 1;
1713
1713
  }
1714
1714
  }
1715
1715
  .rotateInDownRight {
1716
1716
  -webkit-animation-name: rotateInDownRight;
1717
- animation-name: rotateInDownRight;
1717
+ animation-name: rotateInDownRight;
1718
1718
  }
1719
1719
  @-webkit-keyframes rotateInUpLeft {
1720
1720
  0% {
1721
1721
  -webkit-transform-origin: left bottom;
1722
- transform-origin: left bottom;
1722
+ transform-origin: left bottom;
1723
1723
  -webkit-transform: rotate(90deg);
1724
- transform: rotate(90deg);
1724
+ transform: rotate(90deg);
1725
1725
  opacity: 0;
1726
1726
  }
1727
1727
  100% {
1728
1728
  -webkit-transform-origin: left bottom;
1729
- transform-origin: left bottom;
1729
+ transform-origin: left bottom;
1730
1730
  -webkit-transform: rotate(0);
1731
- transform: rotate(0);
1731
+ transform: rotate(0);
1732
1732
  opacity: 1;
1733
1733
  }
1734
1734
  }
1735
1735
  @keyframes rotateInUpLeft {
1736
1736
  0% {
1737
1737
  -webkit-transform-origin: left bottom;
1738
- -ms-transform-origin: left bottom;
1739
- transform-origin: left bottom;
1738
+ -ms-transform-origin: left bottom;
1739
+ transform-origin: left bottom;
1740
1740
  -webkit-transform: rotate(90deg);
1741
- -ms-transform: rotate(90deg);
1742
- transform: rotate(90deg);
1741
+ -ms-transform: rotate(90deg);
1742
+ transform: rotate(90deg);
1743
1743
  opacity: 0;
1744
1744
  }
1745
1745
  100% {
1746
1746
  -webkit-transform-origin: left bottom;
1747
- -ms-transform-origin: left bottom;
1748
- transform-origin: left bottom;
1747
+ -ms-transform-origin: left bottom;
1748
+ transform-origin: left bottom;
1749
1749
  -webkit-transform: rotate(0);
1750
- -ms-transform: rotate(0);
1751
- transform: rotate(0);
1750
+ -ms-transform: rotate(0);
1751
+ transform: rotate(0);
1752
1752
  opacity: 1;
1753
1753
  }
1754
1754
  }
1755
1755
  .rotateInUpLeft {
1756
1756
  -webkit-animation-name: rotateInUpLeft;
1757
- animation-name: rotateInUpLeft;
1757
+ animation-name: rotateInUpLeft;
1758
1758
  }
1759
1759
  @-webkit-keyframes rotateInUpRight {
1760
1760
  0% {
1761
1761
  -webkit-transform-origin: right bottom;
1762
- transform-origin: right bottom;
1762
+ transform-origin: right bottom;
1763
1763
  -webkit-transform: rotate(-90deg);
1764
- transform: rotate(-90deg);
1764
+ transform: rotate(-90deg);
1765
1765
  opacity: 0;
1766
1766
  }
1767
1767
  100% {
1768
1768
  -webkit-transform-origin: right bottom;
1769
- transform-origin: right bottom;
1769
+ transform-origin: right bottom;
1770
1770
  -webkit-transform: rotate(0);
1771
- transform: rotate(0);
1771
+ transform: rotate(0);
1772
1772
  opacity: 1;
1773
1773
  }
1774
1774
  }
1775
1775
  @keyframes rotateInUpRight {
1776
1776
  0% {
1777
1777
  -webkit-transform-origin: right bottom;
1778
- -ms-transform-origin: right bottom;
1779
- transform-origin: right bottom;
1778
+ -ms-transform-origin: right bottom;
1779
+ transform-origin: right bottom;
1780
1780
  -webkit-transform: rotate(-90deg);
1781
- -ms-transform: rotate(-90deg);
1782
- transform: rotate(-90deg);
1781
+ -ms-transform: rotate(-90deg);
1782
+ transform: rotate(-90deg);
1783
1783
  opacity: 0;
1784
1784
  }
1785
1785
  100% {
1786
1786
  -webkit-transform-origin: right bottom;
1787
- -ms-transform-origin: right bottom;
1788
- transform-origin: right bottom;
1787
+ -ms-transform-origin: right bottom;
1788
+ transform-origin: right bottom;
1789
1789
  -webkit-transform: rotate(0);
1790
- -ms-transform: rotate(0);
1791
- transform: rotate(0);
1790
+ -ms-transform: rotate(0);
1791
+ transform: rotate(0);
1792
1792
  opacity: 1;
1793
1793
  }
1794
1794
  }
1795
1795
  .rotateInUpRight {
1796
1796
  -webkit-animation-name: rotateInUpRight;
1797
- animation-name: rotateInUpRight;
1797
+ animation-name: rotateInUpRight;
1798
1798
  }
1799
1799
  @-webkit-keyframes rotateOut {
1800
1800
  0% {
1801
1801
  -webkit-transform-origin: center center;
1802
- transform-origin: center center;
1802
+ transform-origin: center center;
1803
1803
  -webkit-transform: rotate(0);
1804
- transform: rotate(0);
1804
+ transform: rotate(0);
1805
1805
  opacity: 1;
1806
1806
  }
1807
1807
  100% {
1808
1808
  -webkit-transform-origin: center center;
1809
- transform-origin: center center;
1809
+ transform-origin: center center;
1810
1810
  -webkit-transform: rotate(200deg);
1811
- transform: rotate(200deg);
1811
+ transform: rotate(200deg);
1812
1812
  opacity: 0;
1813
1813
  }
1814
1814
  }
1815
1815
  @keyframes rotateOut {
1816
1816
  0% {
1817
1817
  -webkit-transform-origin: center center;
1818
- -ms-transform-origin: center center;
1819
- transform-origin: center center;
1818
+ -ms-transform-origin: center center;
1819
+ transform-origin: center center;
1820
1820
  -webkit-transform: rotate(0);
1821
- -ms-transform: rotate(0);
1822
- transform: rotate(0);
1821
+ -ms-transform: rotate(0);
1822
+ transform: rotate(0);
1823
1823
  opacity: 1;
1824
1824
  }
1825
1825
  100% {
1826
1826
  -webkit-transform-origin: center center;
1827
- -ms-transform-origin: center center;
1828
- transform-origin: center center;
1827
+ -ms-transform-origin: center center;
1828
+ transform-origin: center center;
1829
1829
  -webkit-transform: rotate(200deg);
1830
- -ms-transform: rotate(200deg);
1831
- transform: rotate(200deg);
1830
+ -ms-transform: rotate(200deg);
1831
+ transform: rotate(200deg);
1832
1832
  opacity: 0;
1833
1833
  }
1834
1834
  }
1835
1835
  .rotateOut {
1836
1836
  -webkit-animation-name: rotateOut;
1837
- animation-name: rotateOut;
1837
+ animation-name: rotateOut;
1838
1838
  }
1839
1839
  @-webkit-keyframes rotateOutDownLeft {
1840
1840
  0% {
1841
1841
  -webkit-transform-origin: left bottom;
1842
- transform-origin: left bottom;
1842
+ transform-origin: left bottom;
1843
1843
  -webkit-transform: rotate(0);
1844
- transform: rotate(0);
1844
+ transform: rotate(0);
1845
1845
  opacity: 1;
1846
1846
  }
1847
1847
  100% {
1848
1848
  -webkit-transform-origin: left bottom;
1849
- transform-origin: left bottom;
1849
+ transform-origin: left bottom;
1850
1850
  -webkit-transform: rotate(90deg);
1851
- transform: rotate(90deg);
1851
+ transform: rotate(90deg);
1852
1852
  opacity: 0;
1853
1853
  }
1854
1854
  }
1855
1855
  @keyframes rotateOutDownLeft {
1856
1856
  0% {
1857
1857
  -webkit-transform-origin: left bottom;
1858
- -ms-transform-origin: left bottom;
1859
- transform-origin: left bottom;
1858
+ -ms-transform-origin: left bottom;
1859
+ transform-origin: left bottom;
1860
1860
  -webkit-transform: rotate(0);
1861
- -ms-transform: rotate(0);
1862
- transform: rotate(0);
1861
+ -ms-transform: rotate(0);
1862
+ transform: rotate(0);
1863
1863
  opacity: 1;
1864
1864
  }
1865
1865
  100% {
1866
1866
  -webkit-transform-origin: left bottom;
1867
- -ms-transform-origin: left bottom;
1868
- transform-origin: left bottom;
1867
+ -ms-transform-origin: left bottom;
1868
+ transform-origin: left bottom;
1869
1869
  -webkit-transform: rotate(90deg);
1870
- -ms-transform: rotate(90deg);
1871
- transform: rotate(90deg);
1870
+ -ms-transform: rotate(90deg);
1871
+ transform: rotate(90deg);
1872
1872
  opacity: 0;
1873
1873
  }
1874
1874
  }
1875
1875
  .rotateOutDownLeft {
1876
1876
  -webkit-animation-name: rotateOutDownLeft;
1877
- animation-name: rotateOutDownLeft;
1877
+ animation-name: rotateOutDownLeft;
1878
1878
  }
1879
1879
  @-webkit-keyframes rotateOutDownRight {
1880
1880
  0% {
1881
1881
  -webkit-transform-origin: right bottom;
1882
- transform-origin: right bottom;
1882
+ transform-origin: right bottom;
1883
1883
  -webkit-transform: rotate(0);
1884
- transform: rotate(0);
1884
+ transform: rotate(0);
1885
1885
  opacity: 1;
1886
1886
  }
1887
1887
  100% {
1888
1888
  -webkit-transform-origin: right bottom;
1889
- transform-origin: right bottom;
1889
+ transform-origin: right bottom;
1890
1890
  -webkit-transform: rotate(-90deg);
1891
- transform: rotate(-90deg);
1891
+ transform: rotate(-90deg);
1892
1892
  opacity: 0;
1893
1893
  }
1894
1894
  }
1895
1895
  @keyframes rotateOutDownRight {
1896
1896
  0% {
1897
1897
  -webkit-transform-origin: right bottom;
1898
- -ms-transform-origin: right bottom;
1899
- transform-origin: right bottom;
1898
+ -ms-transform-origin: right bottom;
1899
+ transform-origin: right bottom;
1900
1900
  -webkit-transform: rotate(0);
1901
- -ms-transform: rotate(0);
1902
- transform: rotate(0);
1901
+ -ms-transform: rotate(0);
1902
+ transform: rotate(0);
1903
1903
  opacity: 1;
1904
1904
  }
1905
1905
  100% {
1906
1906
  -webkit-transform-origin: right bottom;
1907
- -ms-transform-origin: right bottom;
1908
- transform-origin: right bottom;
1907
+ -ms-transform-origin: right bottom;
1908
+ transform-origin: right bottom;
1909
1909
  -webkit-transform: rotate(-90deg);
1910
- -ms-transform: rotate(-90deg);
1911
- transform: rotate(-90deg);
1910
+ -ms-transform: rotate(-90deg);
1911
+ transform: rotate(-90deg);
1912
1912
  opacity: 0;
1913
1913
  }
1914
1914
  }
1915
1915
  .rotateOutDownRight {
1916
1916
  -webkit-animation-name: rotateOutDownRight;
1917
- animation-name: rotateOutDownRight;
1917
+ animation-name: rotateOutDownRight;
1918
1918
  }
1919
1919
  @-webkit-keyframes rotateOutUpLeft {
1920
1920
  0% {
1921
1921
  -webkit-transform-origin: left bottom;
1922
- transform-origin: left bottom;
1922
+ transform-origin: left bottom;
1923
1923
  -webkit-transform: rotate(0);
1924
- transform: rotate(0);
1924
+ transform: rotate(0);
1925
1925
  opacity: 1;
1926
1926
  }
1927
1927
  100% {
1928
1928
  -webkit-transform-origin: left bottom;
1929
- transform-origin: left bottom;
1929
+ transform-origin: left bottom;
1930
1930
  -webkit-transform: rotate(-90deg);
1931
- transform: rotate(-90deg);
1931
+ transform: rotate(-90deg);
1932
1932
  opacity: 0;
1933
1933
  }
1934
1934
  }
1935
1935
  @keyframes rotateOutUpLeft {
1936
1936
  0% {
1937
1937
  -webkit-transform-origin: left bottom;
1938
- -ms-transform-origin: left bottom;
1939
- transform-origin: left bottom;
1938
+ -ms-transform-origin: left bottom;
1939
+ transform-origin: left bottom;
1940
1940
  -webkit-transform: rotate(0);
1941
- -ms-transform: rotate(0);
1942
- transform: rotate(0);
1941
+ -ms-transform: rotate(0);
1942
+ transform: rotate(0);
1943
1943
  opacity: 1;
1944
1944
  }
1945
1945
  100% {
1946
1946
  -webkit-transform-origin: left bottom;
1947
- -ms-transform-origin: left bottom;
1948
- transform-origin: left bottom;
1947
+ -ms-transform-origin: left bottom;
1948
+ transform-origin: left bottom;
1949
1949
  -webkit-transform: rotate(-90deg);
1950
- -ms-transform: rotate(-90deg);
1951
- transform: rotate(-90deg);
1950
+ -ms-transform: rotate(-90deg);
1951
+ transform: rotate(-90deg);
1952
1952
  opacity: 0;
1953
1953
  }
1954
1954
  }
1955
1955
  .rotateOutUpLeft {
1956
1956
  -webkit-animation-name: rotateOutUpLeft;
1957
- animation-name: rotateOutUpLeft;
1957
+ animation-name: rotateOutUpLeft;
1958
1958
  }
1959
1959
  @-webkit-keyframes rotateOutUpRight {
1960
1960
  0% {
1961
1961
  -webkit-transform-origin: right bottom;
1962
- transform-origin: right bottom;
1962
+ transform-origin: right bottom;
1963
1963
  -webkit-transform: rotate(0);
1964
- transform: rotate(0);
1964
+ transform: rotate(0);
1965
1965
  opacity: 1;
1966
1966
  }
1967
1967
  100% {
1968
1968
  -webkit-transform-origin: right bottom;
1969
- transform-origin: right bottom;
1969
+ transform-origin: right bottom;
1970
1970
  -webkit-transform: rotate(90deg);
1971
- transform: rotate(90deg);
1971
+ transform: rotate(90deg);
1972
1972
  opacity: 0;
1973
1973
  }
1974
1974
  }
1975
1975
  @keyframes rotateOutUpRight {
1976
1976
  0% {
1977
1977
  -webkit-transform-origin: right bottom;
1978
- -ms-transform-origin: right bottom;
1979
- transform-origin: right bottom;
1978
+ -ms-transform-origin: right bottom;
1979
+ transform-origin: right bottom;
1980
1980
  -webkit-transform: rotate(0);
1981
- -ms-transform: rotate(0);
1982
- transform: rotate(0);
1981
+ -ms-transform: rotate(0);
1982
+ transform: rotate(0);
1983
1983
  opacity: 1;
1984
1984
  }
1985
1985
  100% {
1986
1986
  -webkit-transform-origin: right bottom;
1987
- -ms-transform-origin: right bottom;
1988
- transform-origin: right bottom;
1987
+ -ms-transform-origin: right bottom;
1988
+ transform-origin: right bottom;
1989
1989
  -webkit-transform: rotate(90deg);
1990
- -ms-transform: rotate(90deg);
1991
- transform: rotate(90deg);
1990
+ -ms-transform: rotate(90deg);
1991
+ transform: rotate(90deg);
1992
1992
  opacity: 0;
1993
1993
  }
1994
1994
  }
1995
1995
  .rotateOutUpRight {
1996
1996
  -webkit-animation-name: rotateOutUpRight;
1997
- animation-name: rotateOutUpRight;
1997
+ animation-name: rotateOutUpRight;
1998
1998
  }
1999
1999
  @-webkit-keyframes slideInDown {
2000
2000
  0% {
2001
2001
  opacity: 0;
2002
2002
  -webkit-transform: translateY(-2000px);
2003
- transform: translateY(-2000px);
2003
+ transform: translateY(-2000px);
2004
2004
  }
2005
2005
  100% {
2006
2006
  -webkit-transform: translateY(0);
2007
- transform: translateY(0);
2007
+ transform: translateY(0);
2008
2008
  }
2009
2009
  }
2010
2010
  @keyframes slideInDown {
2011
2011
  0% {
2012
2012
  opacity: 0;
2013
2013
  -webkit-transform: translateY(-2000px);
2014
- -ms-transform: translateY(-2000px);
2015
- transform: translateY(-2000px);
2014
+ -ms-transform: translateY(-2000px);
2015
+ transform: translateY(-2000px);
2016
2016
  }
2017
2017
  100% {
2018
2018
  -webkit-transform: translateY(0);
2019
- -ms-transform: translateY(0);
2020
- transform: translateY(0);
2019
+ -ms-transform: translateY(0);
2020
+ transform: translateY(0);
2021
2021
  }
2022
2022
  }
2023
2023
  .slideInDown {
2024
2024
  -webkit-animation-name: slideInDown;
2025
- animation-name: slideInDown;
2025
+ animation-name: slideInDown;
2026
2026
  }
2027
2027
  @-webkit-keyframes slideInLeft {
2028
2028
  0% {
2029
2029
  opacity: 0;
2030
2030
  -webkit-transform: translateX(-2000px);
2031
- transform: translateX(-2000px);
2031
+ transform: translateX(-2000px);
2032
2032
  }
2033
2033
  100% {
2034
2034
  -webkit-transform: translateX(0);
2035
- transform: translateX(0);
2035
+ transform: translateX(0);
2036
2036
  }
2037
2037
  }
2038
2038
  @keyframes slideInLeft {
2039
2039
  0% {
2040
2040
  opacity: 0;
2041
2041
  -webkit-transform: translateX(-2000px);
2042
- -ms-transform: translateX(-2000px);
2043
- transform: translateX(-2000px);
2042
+ -ms-transform: translateX(-2000px);
2043
+ transform: translateX(-2000px);
2044
2044
  }
2045
2045
  100% {
2046
2046
  -webkit-transform: translateX(0);
2047
- -ms-transform: translateX(0);
2048
- transform: translateX(0);
2047
+ -ms-transform: translateX(0);
2048
+ transform: translateX(0);
2049
2049
  }
2050
2050
  }
2051
2051
  .slideInLeft {
2052
2052
  -webkit-animation-name: slideInLeft;
2053
- animation-name: slideInLeft;
2053
+ animation-name: slideInLeft;
2054
2054
  }
2055
2055
  @-webkit-keyframes slideInRight {
2056
2056
  0% {
2057
2057
  opacity: 0;
2058
2058
  -webkit-transform: translateX(2000px);
2059
- transform: translateX(2000px);
2059
+ transform: translateX(2000px);
2060
2060
  }
2061
2061
  100% {
2062
2062
  -webkit-transform: translateX(0);
2063
- transform: translateX(0);
2063
+ transform: translateX(0);
2064
2064
  }
2065
2065
  }
2066
2066
  @keyframes slideInRight {
2067
2067
  0% {
2068
2068
  opacity: 0;
2069
2069
  -webkit-transform: translateX(2000px);
2070
- -ms-transform: translateX(2000px);
2071
- transform: translateX(2000px);
2070
+ -ms-transform: translateX(2000px);
2071
+ transform: translateX(2000px);
2072
2072
  }
2073
2073
  100% {
2074
2074
  -webkit-transform: translateX(0);
2075
- -ms-transform: translateX(0);
2076
- transform: translateX(0);
2075
+ -ms-transform: translateX(0);
2076
+ transform: translateX(0);
2077
2077
  }
2078
2078
  }
2079
2079
  .slideInRight {
2080
2080
  -webkit-animation-name: slideInRight;
2081
- animation-name: slideInRight;
2081
+ animation-name: slideInRight;
2082
2082
  }
2083
2083
  @-webkit-keyframes slideOutLeft {
2084
2084
  0% {
2085
2085
  -webkit-transform: translateX(0);
2086
- transform: translateX(0);
2086
+ transform: translateX(0);
2087
2087
  }
2088
2088
  100% {
2089
2089
  opacity: 0;
2090
2090
  -webkit-transform: translateX(-2000px);
2091
- transform: translateX(-2000px);
2091
+ transform: translateX(-2000px);
2092
2092
  }
2093
2093
  }
2094
2094
  @keyframes slideOutLeft {
2095
2095
  0% {
2096
2096
  -webkit-transform: translateX(0);
2097
- -ms-transform: translateX(0);
2098
- transform: translateX(0);
2097
+ -ms-transform: translateX(0);
2098
+ transform: translateX(0);
2099
2099
  }
2100
2100
  100% {
2101
2101
  opacity: 0;
2102
2102
  -webkit-transform: translateX(-2000px);
2103
- -ms-transform: translateX(-2000px);
2104
- transform: translateX(-2000px);
2103
+ -ms-transform: translateX(-2000px);
2104
+ transform: translateX(-2000px);
2105
2105
  }
2106
2106
  }
2107
2107
  .slideOutLeft {
2108
2108
  -webkit-animation-name: slideOutLeft;
2109
- animation-name: slideOutLeft;
2109
+ animation-name: slideOutLeft;
2110
2110
  }
2111
2111
  @-webkit-keyframes slideOutRight {
2112
2112
  0% {
2113
2113
  -webkit-transform: translateX(0);
2114
- transform: translateX(0);
2114
+ transform: translateX(0);
2115
2115
  }
2116
2116
  100% {
2117
2117
  opacity: 0;
2118
2118
  -webkit-transform: translateX(2000px);
2119
- transform: translateX(2000px);
2119
+ transform: translateX(2000px);
2120
2120
  }
2121
2121
  }
2122
2122
  @keyframes slideOutRight {
2123
2123
  0% {
2124
2124
  -webkit-transform: translateX(0);
2125
- -ms-transform: translateX(0);
2126
- transform: translateX(0);
2125
+ -ms-transform: translateX(0);
2126
+ transform: translateX(0);
2127
2127
  }
2128
2128
  100% {
2129
2129
  opacity: 0;
2130
2130
  -webkit-transform: translateX(2000px);
2131
- -ms-transform: translateX(2000px);
2132
- transform: translateX(2000px);
2131
+ -ms-transform: translateX(2000px);
2132
+ transform: translateX(2000px);
2133
2133
  }
2134
2134
  }
2135
2135
  .slideOutRight {
2136
2136
  -webkit-animation-name: slideOutRight;
2137
- animation-name: slideOutRight;
2137
+ animation-name: slideOutRight;
2138
2138
  }
2139
2139
  @-webkit-keyframes slideOutUp {
2140
2140
  0% {
2141
2141
  -webkit-transform: translateY(0);
2142
- transform: translateY(0);
2142
+ transform: translateY(0);
2143
2143
  }
2144
2144
  100% {
2145
2145
  opacity: 0;
2146
2146
  -webkit-transform: translateY(-2000px);
2147
- transform: translateY(-2000px);
2147
+ transform: translateY(-2000px);
2148
2148
  }
2149
2149
  }
2150
2150
  @keyframes slideOutUp {
2151
2151
  0% {
2152
2152
  -webkit-transform: translateY(0);
2153
- -ms-transform: translateY(0);
2154
- transform: translateY(0);
2153
+ -ms-transform: translateY(0);
2154
+ transform: translateY(0);
2155
2155
  }
2156
2156
  100% {
2157
2157
  opacity: 0;
2158
2158
  -webkit-transform: translateY(-2000px);
2159
- -ms-transform: translateY(-2000px);
2160
- transform: translateY(-2000px);
2159
+ -ms-transform: translateY(-2000px);
2160
+ transform: translateY(-2000px);
2161
2161
  }
2162
2162
  }
2163
2163
  .slideOutUp {
2164
2164
  -webkit-animation-name: slideOutUp;
2165
- animation-name: slideOutUp;
2165
+ animation-name: slideOutUp;
2166
2166
  }
2167
2167
  @-webkit-keyframes hinge {
2168
2168
  0% {
2169
2169
  -webkit-transform: rotate(0);
2170
- transform: rotate(0);
2170
+ transform: rotate(0);
2171
2171
  -webkit-transform-origin: top left;
2172
- transform-origin: top left;
2172
+ transform-origin: top left;
2173
2173
  -webkit-animation-timing-function: ease-in-out;
2174
- animation-timing-function: ease-in-out;
2174
+ animation-timing-function: ease-in-out;
2175
2175
  }
2176
2176
  20%, 60% {
2177
2177
  -webkit-transform: rotate(80deg);
2178
- transform: rotate(80deg);
2178
+ transform: rotate(80deg);
2179
2179
  -webkit-transform-origin: top left;
2180
- transform-origin: top left;
2180
+ transform-origin: top left;
2181
2181
  -webkit-animation-timing-function: ease-in-out;
2182
- animation-timing-function: ease-in-out;
2182
+ animation-timing-function: ease-in-out;
2183
2183
  }
2184
2184
  40% {
2185
2185
  -webkit-transform: rotate(60deg);
2186
- transform: rotate(60deg);
2186
+ transform: rotate(60deg);
2187
2187
  -webkit-transform-origin: top left;
2188
- transform-origin: top left;
2188
+ transform-origin: top left;
2189
2189
  -webkit-animation-timing-function: ease-in-out;
2190
- animation-timing-function: ease-in-out;
2190
+ animation-timing-function: ease-in-out;
2191
2191
  }
2192
2192
  80% {
2193
2193
  -webkit-transform: rotate(60deg) translateY(0);
2194
- transform: rotate(60deg) translateY(0);
2194
+ transform: rotate(60deg) translateY(0);
2195
2195
  opacity: 1;
2196
2196
  -webkit-transform-origin: top left;
2197
- transform-origin: top left;
2197
+ transform-origin: top left;
2198
2198
  -webkit-animation-timing-function: ease-in-out;
2199
- animation-timing-function: ease-in-out;
2199
+ animation-timing-function: ease-in-out;
2200
2200
  }
2201
2201
  100% {
2202
2202
  -webkit-transform: translateY(700px);
2203
- transform: translateY(700px);
2203
+ transform: translateY(700px);
2204
2204
  opacity: 0;
2205
2205
  }
2206
2206
  }
2207
2207
  @keyframes hinge {
2208
2208
  0% {
2209
2209
  -webkit-transform: rotate(0);
2210
- -ms-transform: rotate(0);
2211
- transform: rotate(0);
2210
+ -ms-transform: rotate(0);
2211
+ transform: rotate(0);
2212
2212
  -webkit-transform-origin: top left;
2213
- -ms-transform-origin: top left;
2214
- transform-origin: top left;
2213
+ -ms-transform-origin: top left;
2214
+ transform-origin: top left;
2215
2215
  -webkit-animation-timing-function: ease-in-out;
2216
- animation-timing-function: ease-in-out;
2216
+ animation-timing-function: ease-in-out;
2217
2217
  }
2218
2218
  20%, 60% {
2219
2219
  -webkit-transform: rotate(80deg);
2220
- -ms-transform: rotate(80deg);
2221
- transform: rotate(80deg);
2220
+ -ms-transform: rotate(80deg);
2221
+ transform: rotate(80deg);
2222
2222
  -webkit-transform-origin: top left;
2223
- -ms-transform-origin: top left;
2224
- transform-origin: top left;
2223
+ -ms-transform-origin: top left;
2224
+ transform-origin: top left;
2225
2225
  -webkit-animation-timing-function: ease-in-out;
2226
- animation-timing-function: ease-in-out;
2226
+ animation-timing-function: ease-in-out;
2227
2227
  }
2228
2228
  40% {
2229
2229
  -webkit-transform: rotate(60deg);
2230
- -ms-transform: rotate(60deg);
2231
- transform: rotate(60deg);
2230
+ -ms-transform: rotate(60deg);
2231
+ transform: rotate(60deg);
2232
2232
  -webkit-transform-origin: top left;
2233
- -ms-transform-origin: top left;
2234
- transform-origin: top left;
2233
+ -ms-transform-origin: top left;
2234
+ transform-origin: top left;
2235
2235
  -webkit-animation-timing-function: ease-in-out;
2236
- animation-timing-function: ease-in-out;
2236
+ animation-timing-function: ease-in-out;
2237
2237
  }
2238
2238
  80% {
2239
2239
  -webkit-transform: rotate(60deg) translateY(0);
2240
- -ms-transform: rotate(60deg) translateY(0);
2241
- transform: rotate(60deg) translateY(0);
2240
+ -ms-transform: rotate(60deg) translateY(0);
2241
+ transform: rotate(60deg) translateY(0);
2242
2242
  opacity: 1;
2243
2243
  -webkit-transform-origin: top left;
2244
- -ms-transform-origin: top left;
2245
- transform-origin: top left;
2244
+ -ms-transform-origin: top left;
2245
+ transform-origin: top left;
2246
2246
  -webkit-animation-timing-function: ease-in-out;
2247
- animation-timing-function: ease-in-out;
2247
+ animation-timing-function: ease-in-out;
2248
2248
  }
2249
2249
  100% {
2250
2250
  -webkit-transform: translateY(700px);
2251
- -ms-transform: translateY(700px);
2252
- transform: translateY(700px);
2251
+ -ms-transform: translateY(700px);
2252
+ transform: translateY(700px);
2253
2253
  opacity: 0;
2254
2254
  }
2255
2255
  }
2256
2256
  .hinge {
2257
2257
  -webkit-animation-name: hinge;
2258
- animation-name: hinge;
2258
+ animation-name: hinge;
2259
2259
  }
2260
2260
  @-webkit-keyframes rollIn {
2261
2261
  0% {
2262
2262
  opacity: 0;
2263
2263
  -webkit-transform: translateX(-100%) rotate(-120deg);
2264
- transform: translateX(-100%) rotate(-120deg);
2264
+ transform: translateX(-100%) rotate(-120deg);
2265
2265
  }
2266
2266
  100% {
2267
2267
  opacity: 1;
2268
2268
  -webkit-transform: translateX(0px) rotate(0deg);
2269
- transform: translateX(0px) rotate(0deg);
2269
+ transform: translateX(0px) rotate(0deg);
2270
2270
  }
2271
2271
  }
2272
2272
  @keyframes rollIn {
2273
2273
  0% {
2274
2274
  opacity: 0;
2275
2275
  -webkit-transform: translateX(-100%) rotate(-120deg);
2276
- -ms-transform: translateX(-100%) rotate(-120deg);
2277
- transform: translateX(-100%) rotate(-120deg);
2276
+ -ms-transform: translateX(-100%) rotate(-120deg);
2277
+ transform: translateX(-100%) rotate(-120deg);
2278
2278
  }
2279
2279
  100% {
2280
2280
  opacity: 1;
2281
2281
  -webkit-transform: translateX(0px) rotate(0deg);
2282
- -ms-transform: translateX(0px) rotate(0deg);
2283
- transform: translateX(0px) rotate(0deg);
2282
+ -ms-transform: translateX(0px) rotate(0deg);
2283
+ transform: translateX(0px) rotate(0deg);
2284
2284
  }
2285
2285
  }
2286
2286
  .rollIn {
2287
2287
  -webkit-animation-name: rollIn;
2288
- animation-name: rollIn;
2288
+ animation-name: rollIn;
2289
2289
  }
2290
2290
  @-webkit-keyframes rollOut {
2291
2291
  0% {
2292
2292
  opacity: 1;
2293
2293
  -webkit-transform: translateX(0px) rotate(0deg);
2294
- transform: translateX(0px) rotate(0deg);
2294
+ transform: translateX(0px) rotate(0deg);
2295
2295
  }
2296
2296
  100% {
2297
2297
  opacity: 0;
2298
2298
  -webkit-transform: translateX(100%) rotate(120deg);
2299
- transform: translateX(100%) rotate(120deg);
2299
+ transform: translateX(100%) rotate(120deg);
2300
2300
  }
2301
2301
  }
2302
2302
  @keyframes rollOut {
2303
2303
  0% {
2304
2304
  opacity: 1;
2305
2305
  -webkit-transform: translateX(0px) rotate(0deg);
2306
- -ms-transform: translateX(0px) rotate(0deg);
2307
- transform: translateX(0px) rotate(0deg);
2306
+ -ms-transform: translateX(0px) rotate(0deg);
2307
+ transform: translateX(0px) rotate(0deg);
2308
2308
  }
2309
2309
  100% {
2310
2310
  opacity: 0;
2311
2311
  -webkit-transform: translateX(100%) rotate(120deg);
2312
- -ms-transform: translateX(100%) rotate(120deg);
2313
- transform: translateX(100%) rotate(120deg);
2312
+ -ms-transform: translateX(100%) rotate(120deg);
2313
+ transform: translateX(100%) rotate(120deg);
2314
2314
  }
2315
2315
  }
2316
2316
  .rollOut {
2317
2317
  -webkit-animation-name: rollOut;
2318
- animation-name: rollOut;
2318
+ animation-name: rollOut;
2319
2319
  }