animate-css-rails 3.2.1 → 3.2.2

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