flashgrid-ext 1.0.9 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
  }