144. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2023-11-23 04:31:28 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

144.1 Files compared

#LocationFileLast Modified
1/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme 4.0.6/pub/media/porto/web/cssanimate.css2023-02-02 08:37:41 +0000
2/Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme 4.0.7/pub/media/porto/web/cssanimate.css2023-02-02 08:37:41 +0000

144.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged16702
Changed00
Inserted00
Removed00

144.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

144.4 Active regular expressions

No regular expressions were active.

144.5 Comparison detail

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