jquery.mmenu.all.css 37 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276
  1. /*
  2. jQuery.mmenu CSS
  3. */
  4. .mm-page,
  5. .mm-fixed-top,
  6. .mm-fixed-bottom,
  7. .mm-menu.mm-horizontal > .mm-panel {
  8. -webkit-transition: none 0.4s ease;
  9. -moz-transition: none 0.4s ease;
  10. -ms-transition: none 0.4s ease;
  11. -o-transition: none 0.4s ease;
  12. transition: none 0.4s ease;
  13. -webkit-transition-property: top, right, bottom, left, border;
  14. -moz-transition-property: top, right, bottom, left, border;
  15. -ms-transition-property: top, right, bottom, left, border;
  16. -o-transition-property: top, right, bottom, left, border;
  17. transition-property: top, right, bottom, left, border; }
  18. html.mm-opened .mm-page,
  19. html.mm-opened #mm-blocker {
  20. left: 0;
  21. top: 0;
  22. margin: 0;
  23. border: 0px solid rgba(0, 0, 0, 0); }
  24. html.mm-opening .mm-page,
  25. html.mm-opening #mm-blocker {
  26. border: 0px solid rgba(100, 100, 100, 0); }
  27. .mm-menu .mm-hidden {
  28. display: none; }
  29. .mm-fixed-top,
  30. .mm-fixed-bottom {
  31. position: fixed;
  32. left: 0; }
  33. .mm-fixed-top {
  34. top: 0; }
  35. .mm-fixed-bottom {
  36. bottom: 0; }
  37. html.mm-opened .mm-page,
  38. .mm-menu > .mm-panel {
  39. -webkit-box-sizing: border-box;
  40. -moz-box-sizing: border-box;
  41. -ms-box-sizing: border-box;
  42. -o-box-sizing: border-box;
  43. box-sizing: border-box; }
  44. html.mm-opened {
  45. overflow-x: hidden;
  46. position: relative; }
  47. html.mm-opened .mm-page {
  48. position: relative; }
  49. html.mm-background .mm-page {
  50. background: inherit; }
  51. #mm-blocker {
  52. background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;
  53. display: none;
  54. width: 100%;
  55. height: 100%;
  56. position: fixed;
  57. z-index: 999999; }
  58. html.mm-opened #mm-blocker,
  59. html.mm-blocking #mm-blocker {
  60. display: block; }
  61. .mm-menu.mm-current {
  62. display: block; }
  63. .mm-menu {
  64. background: inherit;
  65. display: none;
  66. overflow: hidden;
  67. height: 100%;
  68. padding: 0;
  69. position: fixed;
  70. left: 0;
  71. top: 0;
  72. z-index: 0; }
  73. .mm-menu > .mm-panel {
  74. background: inherit;
  75. -webkit-overflow-scrolling: touch;
  76. overflow: scroll;
  77. overflow-x: hidden;
  78. overflow-y: auto;
  79. width: 100%;
  80. height: 100%;
  81. padding: 20px;
  82. position: absolute;
  83. top: 0;
  84. left: 100%;
  85. z-index: 0; }
  86. .mm-menu > .mm-panel.mm-opened {
  87. left: 0%; }
  88. .mm-menu > .mm-panel.mm-subopened {
  89. left: -40%; }
  90. .mm-menu > .mm-panel.mm-highest {
  91. z-index: 1; }
  92. .mm-menu > .mm-panel.mm-hidden {
  93. display: block;
  94. visibility: hidden; }
  95. .mm-menu .mm-list {
  96. padding: 20px 0; }
  97. .mm-menu > .mm-list {
  98. padding: 20px 0 40px 0; }
  99. .mm-panel > .mm-list {
  100. margin-left: -20px;
  101. margin-right: -20px; }
  102. .mm-panel > .mm-list:first-child {
  103. padding-top: 0; }
  104. .mm-list,
  105. .mm-list > li {
  106. list-style: none;
  107. display: block;
  108. padding: 0;
  109. margin: 0; }
  110. .mm-list {
  111. font: inherit;
  112. font-size: 14px; }
  113. .mm-list a,
  114. .mm-list a:hover {
  115. text-decoration: none; }
  116. .mm-list > li {
  117. position: relative; }
  118. .mm-list > li > a,
  119. .mm-list > li > span {
  120. text-overflow: ellipsis;
  121. white-space: nowrap;
  122. overflow: hidden;
  123. color: inherit;
  124. line-height: 20px;
  125. display: block;
  126. padding: 10px 10px 10px 20px;
  127. margin: 0; }
  128. .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
  129. content: '';
  130. border-bottom-width: 1px;
  131. border-bottom-style: solid;
  132. display: block;
  133. width: 100%;
  134. position: absolute;
  135. bottom: 0;
  136. left: 0; }
  137. .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
  138. width: auto;
  139. margin-left: 20px;
  140. position: relative;
  141. left: auto; }
  142. .mm-list a.mm-subopen {
  143. width: 40px;
  144. height: 100%;
  145. padding: 0;
  146. position: absolute;
  147. right: 0;
  148. top: 0;
  149. z-index: 2; }
  150. .mm-list a.mm-subopen:before {
  151. content: '';
  152. border-left-width: 1px;
  153. border-left-style: solid;
  154. display: block;
  155. height: 100%;
  156. position: absolute;
  157. left: 0;
  158. top: 0; }
  159. .mm-list a.mm-subopen.mm-fullsubopen {
  160. width: 100%; }
  161. .mm-list a.mm-subopen.mm-fullsubopen:before {
  162. border-left: none; }
  163. .mm-list a.mm-subopen + a,
  164. .mm-list a.mm-subopen + span {
  165. padding-right: 5px;
  166. margin-right: 40px; }
  167. .mm-list > li.mm-selected > a.mm-subopen {
  168. background: transparent; }
  169. .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  170. .mm-list > li.mm-selected > a.mm-fullsubopen + span {
  171. padding-right: 45px;
  172. margin-right: 0; }
  173. .mm-list a.mm-subclose {
  174. text-indent: 20px;
  175. padding-top: 30px;
  176. margin-top: -20px; }
  177. .mm-list > li.mm-label {
  178. text-overflow: ellipsis;
  179. white-space: nowrap;
  180. overflow: hidden;
  181. font-size: 10px;
  182. text-transform: uppercase;
  183. text-indent: 20px;
  184. line-height: 25px;
  185. padding-right: 5px; }
  186. .mm-list > li.mm-spacer {
  187. padding-top: 40px; }
  188. .mm-list > li.mm-spacer.mm-label {
  189. padding-top: 25px; }
  190. .mm-list a.mm-subopen:after,
  191. .mm-list a.mm-subclose:before {
  192. content: '';
  193. border: 2px solid transparent;
  194. display: block;
  195. width: 7px;
  196. height: 7px;
  197. margin-bottom: -5px;
  198. position: absolute;
  199. bottom: 50%;
  200. -webkit-transform: rotate(-45deg);
  201. -moz-transform: rotate(-45deg);
  202. -ms-transform: rotate(-45deg);
  203. -o-transform: rotate(-45deg);
  204. transform: rotate(-45deg); }
  205. .mm-list a.mm-subopen:after {
  206. border-top: none;
  207. border-left: none;
  208. right: 18px; }
  209. .mm-list a.mm-subclose:before {
  210. border-right: none;
  211. border-bottom: none;
  212. margin-bottom: -15px;
  213. left: 22px; }
  214. .mm-menu.mm-vertical .mm-list .mm-panel {
  215. display: none;
  216. padding: 10px 0 10px 10px; }
  217. .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
  218. border-color: transparent; }
  219. .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  220. display: block; }
  221. .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
  222. height: 40px; }
  223. .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
  224. -webkit-transform: rotate(45deg);
  225. -moz-transform: rotate(45deg);
  226. -ms-transform: rotate(45deg);
  227. -o-transform: rotate(45deg);
  228. transform: rotate(45deg);
  229. top: 16px;
  230. right: 16px; }
  231. html.mm-opened .mm-page {
  232. box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
  233. .mm-ismenu {
  234. background: #333333;
  235. color: rgba(255, 255, 255, 0.6); }
  236. .mm-menu .mm-list > li:after {
  237. border-color: rgba(0, 0, 0, 0.15); }
  238. .mm-menu .mm-list > li > a.mm-subclose {
  239. background: rgba(0, 0, 0, 0.1);
  240. color: rgba(255, 255, 255, 0.3); }
  241. .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
  242. border-color: rgba(255, 255, 255, 0.3); }
  243. .mm-menu .mm-list > li > a.mm-subopen:before {
  244. border-color: rgba(0, 0, 0, 0.15); }
  245. .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  246. .mm-menu .mm-list > li.mm-selected > span {
  247. background: rgba(0, 0, 0, 0.1); }
  248. .mm-menu .mm-list > li.mm-label {
  249. background: rgba(255, 255, 255, 0.05); }
  250. .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  251. .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
  252. background: rgba(255, 255, 255, 0.05); }
  253. html.mm-opening .mm-page,
  254. html.mm-opening #mm-blocker,
  255. html.mm-opening .mm-fixed-top,
  256. html.mm-opening .mm-fixed-bottom {
  257. left: 80%; }
  258. .mm-menu {
  259. width: 80%; }
  260. @media all and (max-width: 175px) {
  261. .mm-menu {
  262. width: 140px; }
  263. html.mm-opening .mm-page,
  264. html.mm-opening #mm-blocker,
  265. html.mm-opening .mm-fixed-top,
  266. html.mm-opening .mm-fixed-bottom {
  267. left: 140px; } }
  268. @media all and (min-width: 550px) {
  269. .mm-menu {
  270. width: 440px; }
  271. html.mm-opening .mm-page,
  272. html.mm-opening #mm-blocker,
  273. html.mm-opening .mm-fixed-top,
  274. html.mm-opening .mm-fixed-bottom {
  275. left: 440px; } }
  276. /*
  277. jQuery.mmenu counters addon CSS
  278. */
  279. em.mm-counter {
  280. font: inherit;
  281. font-size: 14px;
  282. font-style: normal;
  283. text-indent: 0;
  284. line-height: 20px;
  285. display: block;
  286. margin-top: -10px;
  287. position: absolute;
  288. right: 40px;
  289. top: 50%; }
  290. em.mm-counter + a.mm-subopen {
  291. padding-left: 40px; }
  292. em.mm-counter + a.mm-subopen + a,
  293. em.mm-counter + a.mm-subopen + span {
  294. margin-right: 80px; }
  295. em.mm-counter + a.mm-fullsubopen {
  296. padding-left: 0; }
  297. .mm-vertical em.mm-counter {
  298. top: 12px;
  299. margin-top: 0; }
  300. .mm-nosubresults > em.mm-counter {
  301. display: none; }
  302. .mm-menu em.mm-counter {
  303. color: rgba(255, 255, 255, 0.3); }
  304. /*
  305. jQuery.mmenu dragOpen addon CSS
  306. */
  307. html.mm-opened.mm-dragging .mm-menu,
  308. html.mm-opened.mm-dragging .mm-page,
  309. html.mm-opened.mm-dragging .mm-fixed-top,
  310. html.mm-opened.mm-dragging .mm-fixed-bottom,
  311. html.mm-opened.mm-dragging #mm-blocker {
  312. -webkit-transition-duration: 0s;
  313. -moz-transition-duration: 0s;
  314. -ms-transition-duration: 0s;
  315. -o-transition-duration: 0s;
  316. transition-duration: 0s; }
  317. /*
  318. jQuery.mmenu header addon CSS
  319. */
  320. .mm-header {
  321. -webkit-box-sizing: border-box;
  322. -moz-box-sizing: border-box;
  323. -ms-box-sizing: border-box;
  324. -o-box-sizing: border-box;
  325. box-sizing: border-box;
  326. background: inherit;
  327. border-bottom: 1px solid transparent;
  328. text-align: center;
  329. line-height: 20px;
  330. width: 100%;
  331. height: 60px;
  332. padding: 30px 40px 0 40px;
  333. position: absolute;
  334. z-index: 2;
  335. top: 0;
  336. left: 0; }
  337. .mm-header .mm-title {
  338. text-overflow: ellipsis;
  339. white-space: nowrap;
  340. overflow: hidden;
  341. display: inline-block;
  342. width: 100%;
  343. position: relative;
  344. z-index: 1; }
  345. .mm-header .mm-prev,
  346. .mm-header .mm-next {
  347. -webkit-box-sizing: border-box;
  348. -moz-box-sizing: border-box;
  349. -ms-box-sizing: border-box;
  350. -o-box-sizing: border-box;
  351. box-sizing: border-box;
  352. text-decoration: none;
  353. display: block;
  354. width: 40px;
  355. height: 100%;
  356. position: absolute;
  357. bottom: 0; }
  358. .mm-header .mm-prev:before,
  359. .mm-header .mm-next:before {
  360. content: '';
  361. border: 2px solid transparent;
  362. display: block;
  363. width: 7px;
  364. height: 7px;
  365. margin-bottom: -5px;
  366. position: absolute;
  367. bottom: 50%;
  368. -webkit-transform: rotate(-45deg);
  369. -moz-transform: rotate(-45deg);
  370. -ms-transform: rotate(-45deg);
  371. -o-transform: rotate(-45deg);
  372. transform: rotate(-45deg);
  373. margin-bottom: -15px; }
  374. .mm-header .mm-prev {
  375. left: 0; }
  376. .mm-header .mm-prev:before {
  377. border-right: none;
  378. border-bottom: none;
  379. left: 22px; }
  380. .mm-header .mm-next {
  381. right: 0; }
  382. .mm-header .mm-next:before {
  383. border-top: none;
  384. border-left: none;
  385. right: 18px; }
  386. .mm-menu.mm-hassearch .mm-header {
  387. height: 50px;
  388. padding-top: 20px;
  389. top: 50px; }
  390. .mm-menu.mm-hassearch .mm-header .mm-prev:before,
  391. .mm-menu.mm-hassearch .mm-header .mm-mext:before {
  392. margin-bottom: -10px; }
  393. .mm-menu.mm-hasheader li.mm-subtitle {
  394. display: none; }
  395. .mm-menu.mm-hasheader .mm-panel {
  396. padding-top: 80px; }
  397. .mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  398. padding-top: 120px; }
  399. .mm-menu.mm-hasheader.mm-ismenu > .mm-panel {
  400. padding-top: 60px; }
  401. .mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel {
  402. padding-top: 100px; }
  403. .mm-menu .mm-header {
  404. border-color: rgba(0, 0, 0, 0.15);
  405. color: rgba(255, 255, 255, 0.3); }
  406. .mm-menu .mm-header a:before {
  407. border-color: rgba(255, 255, 255, 0.3); }
  408. /*
  409. jQuery.mmenu labels addon CSS
  410. */
  411. .mm-menu.mm-fixedlabels .mm-list {
  412. background: inherit; }
  413. .mm-menu.mm-fixedlabels .mm-list > li.mm-label {
  414. background: inherit !important;
  415. opacity: 0.97;
  416. height: 25px;
  417. overflow: visible;
  418. position: relative;
  419. z-index: 1; }
  420. .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div {
  421. background: inherit;
  422. width: 100%;
  423. position: absolute;
  424. left: 0; }
  425. .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div {
  426. text-overflow: ellipsis;
  427. white-space: nowrap;
  428. overflow: hidden; }
  429. .mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div {
  430. padding-top: 25px; }
  431. .mm-list > li.mm-label > span {
  432. text-overflow: ellipsis;
  433. white-space: nowrap;
  434. overflow: hidden;
  435. padding: 0; }
  436. .mm-list > li.mm-label.mm-opened a.mm-subopen:after {
  437. -webkit-transform: rotate(45deg);
  438. -moz-transform: rotate(45deg);
  439. -ms-transform: rotate(45deg);
  440. -o-transform: rotate(45deg);
  441. transform: rotate(45deg);
  442. right: 17px; }
  443. .mm-list > li.mm-collapsed {
  444. display: none; }
  445. .mm-menu .mm-list li.mm-label > div > div {
  446. background: rgba(255, 255, 255, 0.05); }
  447. /*
  448. jQuery.mmenu searchfield addon CSS
  449. */
  450. .mm-search,
  451. .mm-search input {
  452. -webkit-box-sizing: border-box;
  453. -moz-box-sizing: border-box;
  454. -ms-box-sizing: border-box;
  455. -o-box-sizing: border-box;
  456. box-sizing: border-box; }
  457. .mm-search {
  458. background: inherit;
  459. width: 100%;
  460. height: 50px;
  461. padding: 10px;
  462. position: relative;
  463. top: 0;
  464. z-index: 2; }
  465. .mm-search input {
  466. border: none;
  467. border-radius: 15px;
  468. font: inherit;
  469. font-size: 14px;
  470. line-height: 30px;
  471. outline: none;
  472. display: block;
  473. width: 100%;
  474. height: 30px;
  475. margin: 0;
  476. padding: 0 10px; }
  477. .mm-menu li.mm-nosubresults > a.mm-subopen {
  478. display: none; }
  479. .mm-menu li.mm-nosubresults > a.mm-subopen + a,
  480. .mm-menu li.mm-nosubresults > a.mm-subopen + span {
  481. padding-right: 10px; }
  482. .mm-menu li.mm-noresults {
  483. text-align: center;
  484. font-size: 21px;
  485. display: none;
  486. padding-top: 80px; }
  487. .mm-menu li.mm-noresults:after {
  488. border: none; }
  489. .mm-menu.mm-noresults li.mm-noresults {
  490. display: block; }
  491. .mm-menu.mm-hassearch > .mm-panel {
  492. padding-top: 60px; }
  493. .mm-menu .mm-search input {
  494. background: rgba(255, 255, 255, 0.3);
  495. color: rgba(255, 255, 255, 0.6); }
  496. .mm-menu li.mm-noresults {
  497. color: rgba(255, 255, 255, 0.3); }
  498. /*
  499. jQuery.mmenu effects extension CSS
  500. */
  501. html.mm-slide .mm-menu {
  502. -webkit-transition: -webkit-transform 0.4s ease;
  503. -moz-transition: -moz-transform 0.4s ease;
  504. -o-transition: -o-transform 0.4s ease;
  505. transition: transform 0.4s ease; }
  506. html.mm-slide.mm-opened .mm-menu {
  507. -webkit-transform: translateX(-40%);
  508. -moz-transform: translateX(-40%);
  509. -ms-transform: translateX(-40%);
  510. -o-transform: translateX(-40%);
  511. transform: translateX(-40%); }
  512. html.mm-slide.mm-opening .mm-menu {
  513. -webkit-transform: translateX(0%);
  514. -moz-transform: translateX(0%);
  515. -ms-transform: translateX(0%);
  516. -o-transform: translateX(0%);
  517. transform: translateX(0%); }
  518. html.mm-slide.mm-right.mm-opened .mm-menu {
  519. -webkit-transform: translateX(40%);
  520. -moz-transform: translateX(40%);
  521. -ms-transform: translateX(40%);
  522. -o-transform: translateX(40%);
  523. transform: translateX(40%); }
  524. html.mm-slide.mm-right.mm-opening .mm-menu {
  525. -webkit-transform: translateX(0%);
  526. -moz-transform: translateX(0%);
  527. -ms-transform: translateX(0%);
  528. -o-transform: translateX(0%);
  529. transform: translateX(0%); }
  530. html.mm-slide.mm-top.mm-opened .mm-menu {
  531. -webkit-transform: translateY(-40%);
  532. -moz-transform: translateY(-40%);
  533. -ms-transform: translateY(-40%);
  534. -o-transform: translateY(-40%);
  535. transform: translateY(-40%); }
  536. html.mm-slide.mm-top.mm-opening .mm-menu {
  537. -webkit-transform: translateY(0%);
  538. -moz-transform: translateY(0%);
  539. -ms-transform: translateY(0%);
  540. -o-transform: translateY(0%);
  541. transform: translateY(0%); }
  542. html.mm-slide.mm-bottom.mm-opened .mm-menu {
  543. -webkit-transform: translateY(40%);
  544. -moz-transform: translateY(40%);
  545. -ms-transform: translateY(40%);
  546. -o-transform: translateY(40%);
  547. transform: translateY(40%); }
  548. html.mm-slide.mm-bottom.mm-opening .mm-menu {
  549. -webkit-transform: translateY(0%);
  550. -moz-transform: translateY(0%);
  551. -ms-transform: translateY(0%);
  552. -o-transform: translateY(0%);
  553. transform: translateY(0%); }
  554. html.mm-zoom-menu .mm-menu {
  555. -webkit-transition: -webkit-transform 0.4s ease;
  556. -moz-transition: -moz-transform 0.4s ease;
  557. -o-transition: -o-transform 0.4s ease;
  558. transition: transform 0.4s ease; }
  559. html.mm-zoom-menu.mm-opened .mm-menu {
  560. -webkit-transform: scale(0.7, 0.7) translateX(-40%);
  561. -moz-transform: scale(0.7, 0.7) translateX(-40%);
  562. -ms-transform: scale(0.7, 0.7) translateX(-40%);
  563. -o-transform: scale(0.7, 0.7) translateX(-40%);
  564. transform: scale(0.7, 0.7) translateX(-40%);
  565. -webkit-transform-origin: left center;
  566. -moz-transform-origin: left center;
  567. -ms-transform-origin: left center;
  568. -o-transform-origin: left center;
  569. transform-origin: left center; }
  570. html.mm-zoom-menu.mm-opening .mm-menu {
  571. -webkit-transform: scale(1, 1) translateX(0%);
  572. -moz-transform: scale(1, 1) translateX(0%);
  573. -ms-transform: scale(1, 1) translateX(0%);
  574. -o-transform: scale(1, 1) translateX(0%);
  575. transform: scale(1, 1) translateX(0%); }
  576. html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  577. -webkit-transform: scale(0.7, 0.7) translateX(40%);
  578. -moz-transform: scale(0.7, 0.7) translateX(40%);
  579. -ms-transform: scale(0.7, 0.7) translateX(40%);
  580. -o-transform: scale(0.7, 0.7) translateX(40%);
  581. transform: scale(0.7, 0.7) translateX(40%);
  582. -webkit-transform-origin: right center;
  583. -moz-transform-origin: right center;
  584. -ms-transform-origin: right center;
  585. -o-transform-origin: right center;
  586. transform-origin: right center; }
  587. html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  588. -webkit-transform: scale(1, 1) translateX(0%);
  589. -moz-transform: scale(1, 1) translateX(0%);
  590. -ms-transform: scale(1, 1) translateX(0%);
  591. -o-transform: scale(1, 1) translateX(0%);
  592. transform: scale(1, 1) translateX(0%); }
  593. html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  594. -webkit-transform: scale(0.7, 0.7) translateY(-40%);
  595. -moz-transform: scale(0.7, 0.7) translateY(-40%);
  596. -ms-transform: scale(0.7, 0.7) translateY(-40%);
  597. -o-transform: scale(0.7, 0.7) translateY(-40%);
  598. transform: scale(0.7, 0.7) translateY(-40%);
  599. -webkit-transform-origin: center top;
  600. -moz-transform-origin: center top;
  601. -ms-transform-origin: center top;
  602. -o-transform-origin: center top;
  603. transform-origin: center top; }
  604. html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  605. -webkit-transform: scale(1, 1) translateY(0%);
  606. -moz-transform: scale(1, 1) translateY(0%);
  607. -ms-transform: scale(1, 1) translateY(0%);
  608. -o-transform: scale(1, 1) translateY(0%);
  609. transform: scale(1, 1) translateY(0%); }
  610. html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  611. -webkit-transform: scale(0.7, 0.7) translateY(40%);
  612. -moz-transform: scale(0.7, 0.7) translateY(40%);
  613. -ms-transform: scale(0.7, 0.7) translateY(40%);
  614. -o-transform: scale(0.7, 0.7) translateY(40%);
  615. transform: scale(0.7, 0.7) translateY(40%);
  616. -webkit-transform-origin: center bottom;
  617. -moz-transform-origin: center bottom;
  618. -ms-transform-origin: center bottom;
  619. -o-transform-origin: center bottom;
  620. transform-origin: center bottom; }
  621. html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  622. -webkit-transform: scale(1, 1) translateY(0%);
  623. -moz-transform: scale(1, 1) translateY(0%);
  624. -ms-transform: scale(1, 1) translateY(0%);
  625. -o-transform: scale(1, 1) translateY(0%);
  626. transform: scale(1, 1) translateY(0%); }
  627. html.mm-zoom-page.mm-opened .mm-page {
  628. -webkit-transform: scale(1, 1);
  629. -moz-transform: scale(1, 1);
  630. -ms-transform: scale(1, 1);
  631. -o-transform: scale(1, 1);
  632. transform: scale(1, 1);
  633. -webkit-transform-origin: left center;
  634. -moz-transform-origin: left center;
  635. -ms-transform-origin: left center;
  636. -o-transform-origin: left center;
  637. transform-origin: left center; }
  638. html.mm-zoom-page.mm-opening .mm-page {
  639. -webkit-transform: scale(1.5, 1.5);
  640. -moz-transform: scale(1.5, 1.5);
  641. -ms-transform: scale(1.5, 1.5);
  642. -o-transform: scale(1.5, 1.5);
  643. transform: scale(1.5, 1.5); }
  644. html.mm-zoom-page.mm-right.mm-opened .mm-page {
  645. -webkit-transform-origin: right center;
  646. -moz-transform-origin: right center;
  647. -ms-transform-origin: right center;
  648. -o-transform-origin: right center;
  649. transform-origin: right center; }
  650. html.mm-zoom-page.mm-top.mm-opened .mm-page {
  651. -webkit-transform-origin: center top;
  652. -moz-transform-origin: center top;
  653. -ms-transform-origin: center top;
  654. -o-transform-origin: center top;
  655. transform-origin: center top; }
  656. html.mm-zoom-page.mm-bottom.mm-opened .mm-page {
  657. -webkit-transform-origin: center bottom;
  658. -moz-transform-origin: center bottom;
  659. -ms-transform-origin: center bottom;
  660. -o-transform-origin: center bottom;
  661. transform-origin: center bottom; }
  662. html.mm-zoom-panels .mm-panel {
  663. -webkit-transform: scale(1.5, 1.5);
  664. -moz-transform: scale(1.5, 1.5);
  665. -ms-transform: scale(1.5, 1.5);
  666. -o-transform: scale(1.5, 1.5);
  667. transform: scale(1.5, 1.5);
  668. -webkit-transform-origin: left center;
  669. -moz-transform-origin: left center;
  670. -ms-transform-origin: left center;
  671. -o-transform-origin: left center;
  672. transform-origin: left center; }
  673. html.mm-zoom-panels .mm-panel.mm-opened {
  674. -webkit-transform: scale(1, 1);
  675. -moz-transform: scale(1, 1);
  676. -ms-transform: scale(1, 1);
  677. -o-transform: scale(1, 1);
  678. transform: scale(1, 1); }
  679. html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened {
  680. -webkit-transform: scale(0.7, 0.7);
  681. -moz-transform: scale(0.7, 0.7);
  682. -ms-transform: scale(0.7, 0.7);
  683. -o-transform: scale(0.7, 0.7);
  684. transform: scale(0.7, 0.7); }
  685. /*
  686. jQuery.mmenu fullscreen extension CSS
  687. */
  688. html.mm-opening.mm-fullscreen .mm-page,
  689. html.mm-opening.mm-fullscreen #mm-blocker,
  690. html.mm-opening.mm-fullscreen .mm-fixed-top,
  691. html.mm-opening.mm-fullscreen .mm-fixed-bottom {
  692. left: 100%; }
  693. .mm-menu.mm-fullscreen {
  694. width: 100%; }
  695. @media all and (max-width: 140px) {
  696. .mm-menu.mm-fullscreen {
  697. width: 140px; }
  698. html.mm-opening.mm-fullscreen .mm-page,
  699. html.mm-opening.mm-fullscreen #mm-blocker,
  700. html.mm-opening.mm-fullscreen .mm-fixed-top,
  701. html.mm-opening.mm-fullscreen .mm-fixed-bottom {
  702. left: 140px; } }
  703. @media all and (min-width: 10000px) {
  704. .mm-menu.mm-fullscreen {
  705. width: 10000px; }
  706. html.mm-opening.mm-fullscreen .mm-page,
  707. html.mm-opening.mm-fullscreen #mm-blocker,
  708. html.mm-opening.mm-fullscreen .mm-fixed-top,
  709. html.mm-opening.mm-fullscreen .mm-fixed-bottom {
  710. left: 10000px; } }
  711. .mm-menu.mm-top.mm-fullscreen {
  712. height: 100%; }
  713. html.mm-top.mm-opening.mm-fullscreen .mm-page,
  714. html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
  715. html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
  716. top: 100%; }
  717. html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
  718. bottom: -100%; }
  719. @media all and (max-height: 140px) {
  720. .mm-menu.mm-top.mm-fullscreen {
  721. height: 140px; }
  722. html.mm-top.mm-opening.mm-fullscreen .mm-page,
  723. html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
  724. html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
  725. top: 140px; }
  726. html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
  727. bottom: -140px; } }
  728. @media all and (min-height: 10000px) {
  729. .mm-menu.mm-top.mm-fullscreen {
  730. height: 10000px; }
  731. html.mm-top.mm-opening.mm-fullscreen .mm-page,
  732. html.mm-top.mm-opening.mm-fullscreen #mm-blocker,
  733. html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top {
  734. top: 10000px; }
  735. html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom {
  736. bottom: -10000px; } }
  737. .mm-menu.mm-right.mm-fullscreen {
  738. width: 100%; }
  739. html.mm-right.mm-opening.mm-fullscreen .mm-page,
  740. html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
  741. html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
  742. html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
  743. right: 100%; }
  744. @media all and (max-width: 140px) {
  745. .mm-menu.mm-right.mm-fullscreen {
  746. width: 140px; }
  747. html.mm-right.mm-opening.mm-fullscreen .mm-page,
  748. html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
  749. html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
  750. html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
  751. right: 140px; } }
  752. @media all and (min-width: 10000px) {
  753. .mm-menu.mm-right.mm-fullscreen {
  754. width: 10000px; }
  755. html.mm-right.mm-opening.mm-fullscreen .mm-page,
  756. html.mm-right.mm-opening.mm-fullscreen #mm-blocker,
  757. html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top,
  758. html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom {
  759. right: 10000px; } }
  760. .mm-menu.mm-bottom.mm-fullscreen {
  761. height: 100%; }
  762. html.mm-bottom.mm-opening.mm-fullscreen .mm-page,
  763. html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
  764. html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
  765. bottom: 100%; }
  766. html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
  767. top: -100%; }
  768. @media all and (max-height: 140px) {
  769. .mm-menu.mm-bottom.mm-fullscreen {
  770. height: 140px; }
  771. html.mm-bottom.mm-opening.mm-fullscreen .mm-page,
  772. html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
  773. html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
  774. bottom: 140px; }
  775. html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
  776. top: -140px; } }
  777. @media all and (min-height: 10000px) {
  778. .mm-menu.mm-bottom.mm-fullscreen {
  779. height: 10000px; }
  780. html.mm-bottom.mm-opening.mm-fullscreen .mm-page,
  781. html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker,
  782. html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom {
  783. bottom: 10000px; }
  784. html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top {
  785. top: -10000px; } }
  786. .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
  787. left: -100%; }
  788. @media all and (max-width: 140px) {
  789. .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
  790. left: -140px; } }
  791. @media all and (min-width: 10000px) {
  792. .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
  793. left: -10000px; } }
  794. .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
  795. top: -100%; }
  796. @media all and (max-height: 140px) {
  797. .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
  798. top: -140px; } }
  799. @media all and (min-height: 10000px) {
  800. .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
  801. top: -10000px; } }
  802. .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
  803. right: -100%; }
  804. @media all and (max-width: 140px) {
  805. .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
  806. right: -140px; } }
  807. @media all and (min-width: 10000px) {
  808. .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
  809. right: -10000px; } }
  810. .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
  811. bottom: -100%; }
  812. @media all and (max-height: 140px) {
  813. .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
  814. bottom: -140px; } }
  815. @media all and (min-height: 10000px) {
  816. .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
  817. bottom: -10000px; } }
  818. html.mm-front .mm-fixed-top,
  819. html.mm-front .mm-fixed-bottom,
  820. html.mm-opening.mm-front .mm-fixed-top,
  821. html.mm-opening.mm-front .mm-fixed-bottom {
  822. left: 0;
  823. right: auto; }
  824. html.mm-front .mm-fixed-top,
  825. html.mm-opening.mm-front .mm-fixed-top {
  826. top: 0; }
  827. html.mm-front .mm-fixed-bottom,
  828. html.mm-opening.mm-front .mm-fixed-bottom {
  829. bottom: 0; }
  830. html.mm-opened.mm-fullscreen .mm-page {
  831. box-shadow: none !important; }
  832. /*
  833. jQuery.mmenu position extension CSS
  834. */
  835. .mm-menu.mm-top {
  836. width: 100%; }
  837. html.mm-top.mm-opened .mm-page,
  838. html.mm-top.mm-opened #mm-blocker {
  839. top: 0%; }
  840. html.mm-top.mm-opened.mm-opening .mm-page,
  841. html.mm-top.mm-opened.mm-opening #mm-blocker,
  842. html.mm-top.mm-opened.mm-opening .mm-fixed-top,
  843. html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  844. left: 0; }
  845. .mm-menu.mm-right {
  846. left: auto;
  847. right: 0; }
  848. html.mm-right.mm-opened .mm-page,
  849. html.mm-right.mm-opened #mm-blocker,
  850. html.mm-right.mm-opened .mm-fixed-top,
  851. html.mm-right.mm-opened .mm-fixed-bottom {
  852. left: auto;
  853. right: 0%; }
  854. html.mm-right.mm-opened.mm-opening .mm-page,
  855. html.mm-right.mm-opened.mm-opening #mm-blocker,
  856. html.mm-right.mm-opened.mm-opening .mm-fixed-top,
  857. html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  858. left: auto; }
  859. .mm-menu.mm-bottom {
  860. width: 100%;
  861. top: auto;
  862. bottom: 0; }
  863. html.mm-bottom.mm-opened .mm-page,
  864. html.mm-bottom.mm-opened #mm-blocker {
  865. bottom: 0%;
  866. top: auto; }
  867. html.mm-bottom.mm-opened.mm-opening .mm-page,
  868. html.mm-bottom.mm-opened.mm-opening #mm-blocker,
  869. html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
  870. html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  871. top: auto;
  872. left: 0; }
  873. .mm-menu.mm-top {
  874. height: 80%; }
  875. html.mm-top.mm-opening .mm-page,
  876. html.mm-top.mm-opening #mm-blocker,
  877. html.mm-top.mm-opening .mm-fixed-top {
  878. top: 80%; }
  879. html.mm-top.mm-opening .mm-fixed-bottom {
  880. bottom: -80%; }
  881. @media all and (max-height: 175px) {
  882. .mm-menu.mm-top {
  883. height: 140px; }
  884. html.mm-top.mm-opening .mm-page,
  885. html.mm-top.mm-opening #mm-blocker,
  886. html.mm-top.mm-opening .mm-fixed-top {
  887. top: 140px; }
  888. html.mm-top.mm-opening .mm-fixed-bottom {
  889. bottom: -140px; } }
  890. @media all and (min-height: 1100px) {
  891. .mm-menu.mm-top {
  892. height: 880px; }
  893. html.mm-top.mm-opening .mm-page,
  894. html.mm-top.mm-opening #mm-blocker,
  895. html.mm-top.mm-opening .mm-fixed-top {
  896. top: 880px; }
  897. html.mm-top.mm-opening .mm-fixed-bottom {
  898. bottom: -880px; } }
  899. .mm-menu.mm-right {
  900. width: 80%; }
  901. html.mm-right.mm-opening .mm-page,
  902. html.mm-right.mm-opening #mm-blocker,
  903. html.mm-right.mm-opening .mm-fixed-top,
  904. html.mm-right.mm-opening .mm-fixed-bottom {
  905. right: 80%; }
  906. @media all and (max-width: 175px) {
  907. .mm-menu.mm-right {
  908. width: 140px; }
  909. html.mm-right.mm-opening .mm-page,
  910. html.mm-right.mm-opening #mm-blocker,
  911. html.mm-right.mm-opening .mm-fixed-top,
  912. html.mm-right.mm-opening .mm-fixed-bottom {
  913. right: 140px; } }
  914. @media all and (min-width: 550px) {
  915. .mm-menu.mm-right {
  916. width: 440px; }
  917. html.mm-right.mm-opening .mm-page,
  918. html.mm-right.mm-opening #mm-blocker,
  919. html.mm-right.mm-opening .mm-fixed-top,
  920. html.mm-right.mm-opening .mm-fixed-bottom {
  921. right: 440px; } }
  922. .mm-menu.mm-bottom {
  923. height: 80%; }
  924. html.mm-bottom.mm-opening .mm-page,
  925. html.mm-bottom.mm-opening #mm-blocker,
  926. html.mm-bottom.mm-opening .mm-fixed-bottom {
  927. bottom: 80%; }
  928. html.mm-bottom.mm-opening .mm-fixed-top {
  929. top: -80%; }
  930. @media all and (max-height: 175px) {
  931. .mm-menu.mm-bottom {
  932. height: 140px; }
  933. html.mm-bottom.mm-opening .mm-page,
  934. html.mm-bottom.mm-opening #mm-blocker,
  935. html.mm-bottom.mm-opening .mm-fixed-bottom {
  936. bottom: 140px; }
  937. html.mm-bottom.mm-opening .mm-fixed-top {
  938. top: -140px; } }
  939. @media all and (min-height: 1100px) {
  940. .mm-menu.mm-bottom {
  941. height: 880px; }
  942. html.mm-bottom.mm-opening .mm-page,
  943. html.mm-bottom.mm-opening #mm-blocker,
  944. html.mm-bottom.mm-opening .mm-fixed-bottom {
  945. bottom: 880px; }
  946. html.mm-bottom.mm-opening .mm-fixed-top {
  947. top: -880px; } }
  948. /*
  949. jQuery.mmenu z-position extension CSS
  950. */
  951. html.mm-front.mm-opened .mm-page {
  952. top: 0 !important;
  953. right: 0 !important;
  954. bottom: 0 !important;
  955. left: 0 !important; }
  956. .mm-menu.mm-front,
  957. .mm-menu.mm-next {
  958. -webkit-transition: none 0.4s ease;
  959. -moz-transition: none 0.4s ease;
  960. -ms-transition: none 0.4s ease;
  961. -o-transition: none 0.4s ease;
  962. transition: none 0.4s ease;
  963. -webkit-transition-property: top, right, bottom, left, -webkit-transform;
  964. -moz-transition-property: top, right, bottom, left, -moz-transform;
  965. -ms-transition-property: top, right, bottom, left, -o-transform;
  966. -o-transition-property: top, right, bottom, left, -o-transform;
  967. transition-property: top, right, bottom, left, transform; }
  968. html.mm-front .mm-page,
  969. html.mm-front #mm-blocker {
  970. z-index: 0; }
  971. .mm-menu.mm-front {
  972. z-index: 1;
  973. box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }
  974. html.mm-opened.mm-next .mm-page {
  975. box-shadow: none; }
  976. html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  977. left: 0%; }
  978. .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  979. left: 0; }
  980. html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next {
  981. left: 0;
  982. top: 0%; }
  983. .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  984. left: auto; }
  985. html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next {
  986. left: auto;
  987. right: 0%; }
  988. .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  989. top: auto;
  990. left: 0; }
  991. html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next {
  992. left: 0;
  993. bottom: 0%; }
  994. .mm-menu.mm-front, .mm-menu.mm-next {
  995. left: -80%; }
  996. @media all and (max-width: 175px) {
  997. .mm-menu.mm-front, .mm-menu.mm-next {
  998. left: -140px; } }
  999. @media all and (min-width: 550px) {
  1000. .mm-menu.mm-front, .mm-menu.mm-next {
  1001. left: -440px; } }
  1002. .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  1003. top: -80%; }
  1004. @media all and (max-height: 175px) {
  1005. .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  1006. top: -140px; } }
  1007. @media all and (min-height: 1100px) {
  1008. .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  1009. top: -880px; } }
  1010. .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  1011. right: -80%; }
  1012. @media all and (max-width: 175px) {
  1013. .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  1014. right: -140px; } }
  1015. @media all and (min-width: 550px) {
  1016. .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  1017. right: -440px; } }
  1018. .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  1019. bottom: -80%; }
  1020. @media all and (max-height: 175px) {
  1021. .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  1022. bottom: -140px; } }
  1023. @media all and (min-height: 1100px) {
  1024. .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  1025. bottom: -880px; } }
  1026. html.mm-front .mm-fixed-top,
  1027. html.mm-front .mm-fixed-bottom,
  1028. html.mm-opening.mm-front .mm-fixed-top,
  1029. html.mm-opening.mm-front .mm-fixed-bottom {
  1030. left: 0;
  1031. right: auto; }
  1032. html.mm-front .mm-fixed-top,
  1033. html.mm-opening.mm-front .mm-fixed-top {
  1034. top: 0; }
  1035. html.mm-front .mm-fixed-bottom,
  1036. html.mm-opening.mm-front .mm-fixed-bottom {
  1037. bottom: 0; }
  1038. /*
  1039. jQuery.mmenu themes extension CSS
  1040. */
  1041. html.mm-opened.mm-light .mm-page {
  1042. box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  1043. .mm-ismenu.mm-light {
  1044. background: #f3f3f3;
  1045. color: rgba(0, 0, 0, 0.6); }
  1046. .mm-menu.mm-light .mm-list > li:after {
  1047. border-color: rgba(0, 0, 0, 0.1); }
  1048. .mm-menu.mm-light .mm-list > li > a.mm-subclose {
  1049. background: rgba(255, 255, 255, 0.6);
  1050. color: rgba(0, 0, 0, 0.3); }
  1051. .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
  1052. border-color: rgba(0, 0, 0, 0.3); }
  1053. .mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
  1054. border-color: rgba(0, 0, 0, 0.1); }
  1055. .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
  1056. .mm-menu.mm-light .mm-list > li.mm-selected > span {
  1057. background: rgba(255, 255, 255, 0.6); }
  1058. .mm-menu.mm-light .mm-list > li.mm-label {
  1059. background: rgba(0, 0, 0, 0.03); }
  1060. .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  1061. .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
  1062. background: rgba(0, 0, 0, 0.03); }
  1063. .mm-menu.mm-light .mm-search input {
  1064. background: rgba(0, 0, 0, 0.1);
  1065. color: rgba(0, 0, 0, 0.6); }
  1066. .mm-menu.mm-light li.mm-noresults {
  1067. color: rgba(0, 0, 0, 0.3); }
  1068. .mm-menu.mm-light em.mm-counter {
  1069. color: rgba(0, 0, 0, 0.3); }
  1070. .mm-menu.mm-light .mm-list li.mm-label > div > div {
  1071. background: rgba(0, 0, 0, 0.03); }
  1072. .mm-menu.mm-light .mm-header {
  1073. border-color: rgba(0, 0, 0, 0.1);
  1074. color: rgba(0, 0, 0, 0.3); }
  1075. .mm-menu.mm-light .mm-header a:before {
  1076. border-color: rgba(0, 0, 0, 0.3); }
  1077. html.mm-opened.mm-white .mm-page {
  1078. box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  1079. .mm-ismenu.mm-white {
  1080. background: white;
  1081. color: rgba(0, 0, 0, 0.6); }
  1082. .mm-menu.mm-white .mm-list > li:after {
  1083. border-color: rgba(0, 0, 0, 0.1); }
  1084. .mm-menu.mm-white .mm-list > li > a.mm-subclose {
  1085. background: rgba(0, 0, 0, 0.08);
  1086. color: rgba(0, 0, 0, 0.3); }
  1087. .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
  1088. border-color: rgba(0, 0, 0, 0.3); }
  1089. .mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
  1090. border-color: rgba(0, 0, 0, 0.1); }
  1091. .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
  1092. .mm-menu.mm-white .mm-list > li.mm-selected > span {
  1093. background: rgba(0, 0, 0, 0.08); }
  1094. .mm-menu.mm-white .mm-list > li.mm-label {
  1095. background: rgba(0, 0, 0, 0.03); }
  1096. .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  1097. .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
  1098. background: rgba(0, 0, 0, 0.03); }
  1099. .mm-menu.mm-white .mm-search input {
  1100. background: rgba(0, 0, 0, 0.1);
  1101. color: rgba(0, 0, 0, 0.6); }
  1102. .mm-menu.mm-white li.mm-noresults {
  1103. color: rgba(0, 0, 0, 0.3); }
  1104. .mm-menu.mm-white em.mm-counter {
  1105. color: rgba(0, 0, 0, 0.3); }
  1106. .mm-menu.mm-white .mm-list li.mm-label > div > div {
  1107. background: rgba(0, 0, 0, 0.03); }
  1108. .mm-menu.mm-white .mm-header {
  1109. border-color: rgba(0, 0, 0, 0.1);
  1110. color: rgba(0, 0, 0, 0.3); }
  1111. .mm-menu.mm-white .mm-header a:before {
  1112. border-color: rgba(0, 0, 0, 0.3); }
  1113. html.mm-opened.mm-black .mm-page {
  1114. box-shadow: none; }
  1115. .mm-ismenu.mm-black {
  1116. background: black;
  1117. color: rgba(255, 255, 255, 0.6); }
  1118. .mm-menu.mm-black .mm-list > li:after {
  1119. border-color: rgba(255, 255, 255, 0.2); }
  1120. .mm-menu.mm-black .mm-list > li > a.mm-subclose {
  1121. background: rgba(255, 255, 255, 0.25);
  1122. color: rgba(255, 255, 255, 0.3); }
  1123. .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
  1124. border-color: rgba(255, 255, 255, 0.3); }
  1125. .mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
  1126. border-color: rgba(255, 255, 255, 0.2); }
  1127. .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
  1128. .mm-menu.mm-black .mm-list > li.mm-selected > span {
  1129. background: rgba(255, 255, 255, 0.25); }
  1130. .mm-menu.mm-black .mm-list > li.mm-label {
  1131. background: rgba(255, 255, 255, 0.15); }
  1132. .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  1133. .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
  1134. background: rgba(255, 255, 255, 0.15); }
  1135. .mm-menu.mm-black .mm-search input {
  1136. background: rgba(255, 255, 255, 0.3);
  1137. color: rgba(255, 255, 255, 0.6); }
  1138. .mm-menu.mm-black li.mm-noresults {
  1139. color: rgba(255, 255, 255, 0.3); }
  1140. .mm-menu.mm-black em.mm-counter {
  1141. color: rgba(255, 255, 255, 0.3); }
  1142. .mm-menu.mm-black .mm-list li.mm-label > div > div {
  1143. background: rgba(255, 255, 255, 0.15); }
  1144. .mm-menu.mm-black .mm-header {
  1145. border-color: rgba(255, 255, 255, 0.2);
  1146. color: rgba(255, 255, 255, 0.3); }
  1147. .mm-menu.mm-black .mm-header a:before {
  1148. border-color: rgba(255, 255, 255, 0.3); }