API tools faq
paste
Advertisement
Guest User

Untitled

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