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