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