PluginProbe
QuadMenu – Mega Menu / 1.9.2
QuadMenu – Mega Menu v1.9.2
3.3.7 3.3.6 trunk 1.8.4 1.8.5 1.8.7 1.8.8 1.8.9 1.9.0 1.9.2 1.9.3 1.9.4 1.9.5 1.9.6 1.9.7 1.9.8 1.9.9 2.0.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.0.7 All 87 releases
quadmenu / assets / frontend / css / quadmenu-locations.css

quadmenu-locations.css in QuadMenu – Mega Menu 1.9.2, at assets/frontend/css/quadmenu-locations.css

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