Advertisement
lucas_hnf

1

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