v7beta/css/animate.css

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