animate.css 51 KB

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