animate-css-rails 3.2.1 → 3.2.2

Sign up to get free protection for your applications and to get access to all the features.
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
  }