git.roojs.org Git - bootswatch/blob - MDB Free/sass/mdb/free/_animations.scss

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