API tools faq
paste
Advertisement
Guest User

Untitled

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