git.roojs.org Git - bootswatch/blob - Eshopper/css/animate.css

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