API tools faq
paste
Advertisement
dragon55

Untitled

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