animate.min.css 54 KB

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