API tools faq
paste
Advertisement
Zeporko

test css

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