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