PluginProbe
QuadMenu – Mega Menu / 3.3.8
QuadMenu – Mega Menu v3.3.8
3.3.8 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 All 88 releases
← All changes | assets/frontend/less/themes/grid.less +754 -754 2.0.4 → 3.3.8 View file →
@@ -1,755 +1,755 @@
1 -@screen-sm-min: (@screen_sm_width * 1px);
2 -@screen-sm-max: (@screen-sm-min - 1px);
3 -@screen-md-min: (@screen_md_width * 1px);
4 -@screen-sm-max: (@screen_md_width - 1px);
5 -@screen-lg-min: (@screen_lg_width * 1px);
6 -@screen-md-max: (@screen_lg_width - 1px);
7 -
8 -#quadmenu {
9 -
10 - &.quadmenu-is-horizontal {
11 -
12 - .quadmenu-navbar-nav {
13 -
14 - .quadmenu-row {
15 -
16 - .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
17 - padding-right: @horizontal-padding;
18 - padding-left: @horizontal-padding;
19 - }
20 -
21 - }
22 -
23 - }
24 -
25 - }
26 -
27 - .quadmenu-navbar-nav {
28 -
29 - .quadmenu-row {
30 - display: -webkit-box!important;
31 - display: -webkit-flex!important;
32 - display: -ms-flexbox!important;
33 - display: flex!important;
34 - -webkit-flex-wrap: wrap!important;
35 - -ms-flex-wrap: wrap!important;
36 - flex-wrap: wrap!important;
37 - }
38 -
39 - .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
40 - position: relative;
41 - width: 100%;
42 - min-height: 1px;
43 - }
44 -
45 - .col {
46 - -webkit-flex-basis: 0;
47 - -ms-flex-preferred-size: 0;
48 - flex-basis: 0;
49 - -webkit-box-flex: 1;
50 - -webkit-flex-grow: 1;
51 - -ms-flex-positive: 1;
52 - flex-grow: 1;
53 - max-width: 100%;
54 - }
55 -
56 - .col-auto {
57 - -webkit-box-flex: 0;
58 - -webkit-flex: 0 0 auto;
59 - -ms-flex: 0 0 auto;
60 - flex: 0 0 auto;
61 - width: auto;
62 - }
63 -
64 - .col-1 {
65 - -webkit-box-flex: 0;
66 - -webkit-flex: 0 0 8.333333%;
67 - -ms-flex: 0 0 8.333333%;
68 - flex: 0 0 8.333333%;
69 - max-width: 8.333333%;
70 - }
71 -
72 - .col-2 {
73 - -webkit-box-flex: 0;
74 - -webkit-flex: 0 0 16.666667%;
75 - -ms-flex: 0 0 16.666667%;
76 - flex: 0 0 16.666667%;
77 - max-width: 16.666667%;
78 - }
79 -
80 - .col-3 {
81 - -webkit-box-flex: 0;
82 - -webkit-flex: 0 0 25%;
83 - -ms-flex: 0 0 25%;
84 - flex: 0 0 25%;
85 - max-width: 25%;
86 - }
87 -
88 - .col-4 {
89 - -webkit-box-flex: 0;
90 - -webkit-flex: 0 0 33.333333%;
91 - -ms-flex: 0 0 33.333333%;
92 - flex: 0 0 33.333333%;
93 - max-width: 33.333333%;
94 - }
95 -
96 - .col-5 {
97 - -webkit-box-flex: 0;
98 - -webkit-flex: 0 0 41.666667%;
99 - -ms-flex: 0 0 41.666667%;
100 - flex: 0 0 41.666667%;
101 - max-width: 41.666667%;
102 - }
103 -
104 - .col-6 {
105 - -webkit-box-flex: 0;
106 - -webkit-flex: 0 0 50%;
107 - -ms-flex: 0 0 50%;
108 - flex: 0 0 50%;
109 - max-width: 50%;
110 - }
111 -
112 - .col-7 {
113 - -webkit-box-flex: 0;
114 - -webkit-flex: 0 0 58.333333%;
115 - -ms-flex: 0 0 58.333333%;
116 - flex: 0 0 58.333333%;
117 - max-width: 58.333333%;
118 - }
119 -
120 - .col-8 {
121 - -webkit-box-flex: 0;
122 - -webkit-flex: 0 0 66.666667%;
123 - -ms-flex: 0 0 66.666667%;
124 - flex: 0 0 66.666667%;
125 - max-width: 66.666667%;
126 - }
127 -
128 - .col-9 {
129 - -webkit-box-flex: 0;
130 - -webkit-flex: 0 0 75%;
131 - -ms-flex: 0 0 75%;
132 - flex: 0 0 75%;
133 - max-width: 75%;
134 - }
135 -
136 - .col-10 {
137 - -webkit-box-flex: 0;
138 - -webkit-flex: 0 0 83.333333%;
139 - -ms-flex: 0 0 83.333333%;
140 - flex: 0 0 83.333333%;
141 - max-width: 83.333333%;
142 - }
143 -
144 - .col-11 {
145 - -webkit-box-flex: 0;
146 - -webkit-flex: 0 0 91.666667%;
147 - -ms-flex: 0 0 91.666667%;
148 - flex: 0 0 91.666667%;
149 - max-width: 91.666667%;
150 - }
151 -
152 - .col-12 {
153 - -webkit-box-flex: 0;
154 - -webkit-flex: 0 0 100%;
155 - -ms-flex: 0 0 100%;
156 - flex: 0 0 100%;
157 - max-width: 100%;
158 - }
159 -
160 - .offset-1 {
161 - margin-left: 8.333333%;
162 - }
163 -
164 - .offset-2 {
165 - margin-left: 16.666667%;
166 - }
167 -
168 - .offset-3 {
169 - margin-left: 25%;
170 - }
171 -
172 - .offset-4 {
173 - margin-left: 33.333333%;
174 - }
175 -
176 - .offset-5 {
177 - margin-left: 41.666667%;
178 - }
179 -
180 - .offset-6 {
181 - margin-left: 50%;
182 - }
183 -
184 - .offset-7 {
185 - margin-left: 58.333333%;
186 - }
187 -
188 - .offset-8 {
189 - margin-left: 66.666667%;
190 - }
191 -
192 - .offset-9 {
193 - margin-left: 75%;
194 - }
195 -
196 - .offset-10 {
197 - margin-left: 83.333333%;
198 - }
199 -
200 - .offset-11 {
201 - margin-left: 91.666667%;
202 - }
203 -
204 - @media (min-width: 576px) {
205 - .col-sm {
206 - -webkit-flex-basis: 0;
207 - -ms-flex-preferred-size: 0;
208 - flex-basis: 0;
209 - -webkit-box-flex: 1;
210 - -webkit-flex-grow: 1;
211 - -ms-flex-positive: 1;
212 - flex-grow: 1;
213 - max-width: 100%;
214 - }
215 - .col-sm-auto {
216 - -webkit-box-flex: 0;
217 - -webkit-flex: 0 0 auto;
218 - -ms-flex: 0 0 auto;
219 - flex: 0 0 auto;
220 - width: auto;
221 - }
222 - .col-sm-1 {
223 - -webkit-box-flex: 0;
224 - -webkit-flex: 0 0 8.333333%;
225 - -ms-flex: 0 0 8.333333%;
226 - flex: 0 0 8.333333%;
227 - max-width: 8.333333%;
228 - }
229 - .col-sm-2 {
230 - -webkit-box-flex: 0;
231 - -webkit-flex: 0 0 16.666667%;
232 - -ms-flex: 0 0 16.666667%;
233 - flex: 0 0 16.666667%;
234 - max-width: 16.666667%;
235 - }
236 - .col-sm-3 {
237 - -webkit-box-flex: 0;
238 - -webkit-flex: 0 0 25%;
239 - -ms-flex: 0 0 25%;
240 - flex: 0 0 25%;
241 - max-width: 25%;
242 - }
243 - .col-sm-4 {
244 - -webkit-box-flex: 0;
245 - -webkit-flex: 0 0 33.333333%;
246 - -ms-flex: 0 0 33.333333%;
247 - flex: 0 0 33.333333%;
248 - max-width: 33.333333%;
249 - }
250 - .col-sm-5 {
251 - -webkit-box-flex: 0;
252 - -webkit-flex: 0 0 41.666667%;
253 - -ms-flex: 0 0 41.666667%;
254 - flex: 0 0 41.666667%;
255 - max-width: 41.666667%;
256 - }
257 - .col-sm-6 {
258 - -webkit-box-flex: 0;
259 - -webkit-flex: 0 0 50%;
260 - -ms-flex: 0 0 50%;
261 - flex: 0 0 50%;
262 - max-width: 50%;
263 - }
264 - .col-sm-7 {
265 - -webkit-box-flex: 0;
266 - -webkit-flex: 0 0 58.333333%;
267 - -ms-flex: 0 0 58.333333%;
268 - flex: 0 0 58.333333%;
269 - max-width: 58.333333%;
270 - }
271 - .col-sm-8 {
272 - -webkit-box-flex: 0;
273 - -webkit-flex: 0 0 66.666667%;
274 - -ms-flex: 0 0 66.666667%;
275 - flex: 0 0 66.666667%;
276 - max-width: 66.666667%;
277 - }
278 - .col-sm-9 {
279 - -webkit-box-flex: 0;
280 - -webkit-flex: 0 0 75%;
281 - -ms-flex: 0 0 75%;
282 - flex: 0 0 75%;
283 - max-width: 75%;
284 - }
285 - .col-sm-10 {
286 - -webkit-box-flex: 0;
287 - -webkit-flex: 0 0 83.333333%;
288 - -ms-flex: 0 0 83.333333%;
289 - flex: 0 0 83.333333%;
290 - max-width: 83.333333%;
291 - }
292 - .col-sm-11 {
293 - -webkit-box-flex: 0;
294 - -webkit-flex: 0 0 91.666667%;
295 - -ms-flex: 0 0 91.666667%;
296 - flex: 0 0 91.666667%;
297 - max-width: 91.666667%;
298 - }
299 - .col-sm-12 {
300 - -webkit-box-flex: 0;
301 - -webkit-flex: 0 0 100%;
302 - -ms-flex: 0 0 100%;
303 - flex: 0 0 100%;
304 - max-width: 100%;
305 - }
306 - }
307 -
308 - @media (min-width: @screen-sm-min) {
309 - .col-md {
310 - -webkit-flex-basis: 0;
311 - -ms-flex-preferred-size: 0;
312 - flex-basis: 0;
313 - -webkit-box-flex: 1;
314 - -webkit-flex-grow: 1;
315 - -ms-flex-positive: 1;
316 - flex-grow: 1;
317 - max-width: 100%;
318 - }
319 - .col-md-auto {
320 - -webkit-box-flex: 0;
321 - -webkit-flex: 0 0 auto;
322 - -ms-flex: 0 0 auto;
323 - flex: 0 0 auto;
324 - width: auto;
325 - }
326 - .col-md-1 {
327 - -webkit-box-flex: 0;
328 - -webkit-flex: 0 0 8.333333%;
329 - -ms-flex: 0 0 8.333333%;
330 - flex: 0 0 8.333333%;
331 - max-width: 8.333333%;
332 - }
333 - .col-md-2 {
334 - -webkit-box-flex: 0;
335 - -webkit-flex: 0 0 16.666667%;
336 - -ms-flex: 0 0 16.666667%;
337 - flex: 0 0 16.666667%;
338 - max-width: 16.666667%;
339 - }
340 - .col-md-3 {
341 - -webkit-box-flex: 0;
342 - -webkit-flex: 0 0 25%;
343 - -ms-flex: 0 0 25%;
344 - flex: 0 0 25%;
345 - max-width: 25%;
346 - }
347 - .col-md-4 {
348 - -webkit-box-flex: 0;
349 - -webkit-flex: 0 0 33.333333%;
350 - -ms-flex: 0 0 33.333333%;
351 - flex: 0 0 33.333333%;
352 - max-width: 33.333333%;
353 - }
354 - .col-md-5 {
355 - -webkit-box-flex: 0;
356 - -webkit-flex: 0 0 41.666667%;
357 - -ms-flex: 0 0 41.666667%;
358 - flex: 0 0 41.666667%;
359 - max-width: 41.666667%;
360 - }
361 - .col-md-6 {
362 - -webkit-box-flex: 0;
363 - -webkit-flex: 0 0 50%;
364 - -ms-flex: 0 0 50%;
365 - flex: 0 0 50%;
366 - max-width: 50%;
367 - }
368 - .col-md-7 {
369 - -webkit-box-flex: 0;
370 - -webkit-flex: 0 0 58.333333%;
371 - -ms-flex: 0 0 58.333333%;
372 - flex: 0 0 58.333333%;
373 - max-width: 58.333333%;
374 - }
375 - .col-md-8 {
376 - -webkit-box-flex: 0;
377 - -webkit-flex: 0 0 66.666667%;
378 - -ms-flex: 0 0 66.666667%;
379 - flex: 0 0 66.666667%;
380 - max-width: 66.666667%;
381 - }
382 - .col-md-9 {
383 - -webkit-box-flex: 0;
384 - -webkit-flex: 0 0 75%;
385 - -ms-flex: 0 0 75%;
386 - flex: 0 0 75%;
387 - max-width: 75%;
388 - }
389 - .col-md-10 {
390 - -webkit-box-flex: 0;
391 - -webkit-flex: 0 0 83.333333%;
392 - -ms-flex: 0 0 83.333333%;
393 - flex: 0 0 83.333333%;
394 - max-width: 83.333333%;
395 - }
396 - .col-md-11 {
397 - -webkit-box-flex: 0;
398 - -webkit-flex: 0 0 91.666667%;
399 - -ms-flex: 0 0 91.666667%;
400 - flex: 0 0 91.666667%;
401 - max-width: 91.666667%;
402 - }
403 - .col-md-12 {
404 - -webkit-box-flex: 0;
405 - -webkit-flex: 0 0 100%;
406 - -ms-flex: 0 0 100%;
407 - flex: 0 0 100%;
408 - max-width: 100%;
409 - }
410 - .offset-md-0 {
411 - margin-left: 0%;
412 - }
413 - .offset-md-1 {
414 - margin-left: 8.333333%;
415 - }
416 - .offset-md-2 {
417 - margin-left: 16.666667%;
418 - }
419 - .offset-md-3 {
420 - margin-left: 25%;
421 - }
422 - .offset-md-4 {
423 - margin-left: 33.333333%;
424 - }
425 - .offset-md-5 {
426 - margin-left: 41.666667%;
427 - }
428 - .offset-md-6 {
429 - margin-left: 50%;
430 - }
431 - .offset-md-7 {
432 - margin-left: 58.333333%;
433 - }
434 - .offset-md-8 {
435 - margin-left: 66.666667%;
436 - }
437 - .offset-md-9 {
438 - margin-left: 75%;
439 - }
440 - .offset-md-10 {
441 - margin-left: 83.333333%;
442 - }
443 - .offset-md-11 {
444 - margin-left: 91.666667%;
445 - }
446 - }
447 -
448 - @media (min-width: @screen-md-min) {
449 - .col-lg {
450 - -webkit-flex-basis: 0;
451 - -ms-flex-preferred-size: 0;
452 - flex-basis: 0;
453 - -webkit-box-flex: 1;
454 - -webkit-flex-grow: 1;
455 - -ms-flex-positive: 1;
456 - flex-grow: 1;
457 - max-width: 100%;
458 - }
459 - .col-lg-auto {
460 - -webkit-box-flex: 0;
461 - -webkit-flex: 0 0 auto;
462 - -ms-flex: 0 0 auto;
463 - flex: 0 0 auto;
464 - width: auto;
465 - }
466 - .col-lg-1 {
467 - -webkit-box-flex: 0;
468 - -webkit-flex: 0 0 8.333333%;
469 - -ms-flex: 0 0 8.333333%;
470 - flex: 0 0 8.333333%;
471 - max-width: 8.333333%;
472 - }
473 - .col-lg-2 {
474 - -webkit-box-flex: 0;
475 - -webkit-flex: 0 0 16.666667%;
476 - -ms-flex: 0 0 16.666667%;
477 - flex: 0 0 16.666667%;
478 - max-width: 16.666667%;
479 - }
480 - .col-lg-3 {
481 - -webkit-box-flex: 0;
482 - -webkit-flex: 0 0 25%;
483 - -ms-flex: 0 0 25%;
484 - flex: 0 0 25%;
485 - max-width: 25%;
486 - }
487 - .col-lg-4 {
488 - -webkit-box-flex: 0;
489 - -webkit-flex: 0 0 33.333333%;
490 - -ms-flex: 0 0 33.333333%;
491 - flex: 0 0 33.333333%;
492 - max-width: 33.333333%;
493 - }
494 - .col-lg-5 {
495 - -webkit-box-flex: 0;
496 - -webkit-flex: 0 0 41.666667%;
497 - -ms-flex: 0 0 41.666667%;
498 - flex: 0 0 41.666667%;
499 - max-width: 41.666667%;
500 - }
501 - .col-lg-6 {
502 - -webkit-box-flex: 0;
503 - -webkit-flex: 0 0 50%;
504 - -ms-flex: 0 0 50%;
505 - flex: 0 0 50%;
506 - max-width: 50%;
507 - }
508 - .col-lg-7 {
509 - -webkit-box-flex: 0;
510 - -webkit-flex: 0 0 58.333333%;
511 - -ms-flex: 0 0 58.333333%;
512 - flex: 0 0 58.333333%;
513 - max-width: 58.333333%;
514 - }
515 - .col-lg-8 {
516 - -webkit-box-flex: 0;
517 - -webkit-flex: 0 0 66.666667%;
518 - -ms-flex: 0 0 66.666667%;
519 - flex: 0 0 66.666667%;
520 - max-width: 66.666667%;
521 - }
522 - .col-lg-9 {
523 - -webkit-box-flex: 0;
524 - -webkit-flex: 0 0 75%;
525 - -ms-flex: 0 0 75%;
526 - flex: 0 0 75%;
527 - max-width: 75%;
528 - }
529 - .col-lg-10 {
530 - -webkit-box-flex: 0;
531 - -webkit-flex: 0 0 83.333333%;
532 - -ms-flex: 0 0 83.333333%;
533 - flex: 0 0 83.333333%;
534 - max-width: 83.333333%;
535 - }
536 - .col-lg-11 {
537 - -webkit-box-flex: 0;
538 - -webkit-flex: 0 0 91.666667%;
539 - -ms-flex: 0 0 91.666667%;
540 - flex: 0 0 91.666667%;
541 - max-width: 91.666667%;
542 - }
543 - .col-lg-12 {
544 - -webkit-box-flex: 0;
545 - -webkit-flex: 0 0 100%;
546 - -ms-flex: 0 0 100%;
547 - flex: 0 0 100%;
548 - max-width: 100%;
549 - }
550 - .offset-lg-0 {
551 - margin-left: 0%;
552 - }
553 - .offset-lg-1 {
554 - margin-left: 8.333333%;
555 - }
556 - .offset-lg-2 {
557 - margin-left: 16.666667%;
558 - }
559 - .offset-lg-3 {
560 - margin-left: 25%;
561 - }
562 - .offset-lg-4 {
563 - margin-left: 33.333333%;
564 - }
565 - .offset-lg-5 {
566 - margin-left: 41.666667%;
567 - }
568 - .offset-lg-6 {
569 - margin-left: 50%;
570 - }
571 - .offset-lg-7 {
572 - margin-left: 58.333333%;
573 - }
574 - .offset-lg-8 {
575 - margin-left: 66.666667%;
576 - }
577 - .offset-lg-9 {
578 - margin-left: 75%;
579 - }
580 - .offset-lg-10 {
581 - margin-left: 83.333333%;
582 - }
583 - .offset-lg-11 {
584 - margin-left: 91.666667%;
585 - }
586 - }
587 -
588 - @media (min-width: @screen-lg-min) {
589 - .col-xl {
590 - -webkit-flex-basis: 0;
591 - -ms-flex-preferred-size: 0;
592 - flex-basis: 0;
593 - -webkit-box-flex: 1;
594 - -webkit-flex-grow: 1;
595 - -ms-flex-positive: 1;
596 - flex-grow: 1;
597 - max-width: 100%;
598 - }
599 - .col-xl-auto {
600 - -webkit-box-flex: 0;
601 - -webkit-flex: 0 0 auto;
602 - -ms-flex: 0 0 auto;
603 - flex: 0 0 auto;
604 - width: auto;
605 - }
606 - .col-xl-1 {
607 - -webkit-box-flex: 0;
608 - -webkit-flex: 0 0 8.333333%;
609 - -ms-flex: 0 0 8.333333%;
610 - flex: 0 0 8.333333%;
611 - max-width: 8.333333%;
612 - }
613 - .col-xl-2 {
614 - -webkit-box-flex: 0;
615 - -webkit-flex: 0 0 16.666667%;
616 - -ms-flex: 0 0 16.666667%;
617 - flex: 0 0 16.666667%;
618 - max-width: 16.666667%;
619 - }
620 - .col-xl-3 {
621 - -webkit-box-flex: 0;
622 - -webkit-flex: 0 0 25%;
623 - -ms-flex: 0 0 25%;
624 - flex: 0 0 25%;
625 - max-width: 25%;
626 - }
627 - .col-xl-4 {
628 - -webkit-box-flex: 0;
629 - -webkit-flex: 0 0 33.333333%;
630 - -ms-flex: 0 0 33.333333%;
631 - flex: 0 0 33.333333%;
632 - max-width: 33.333333%;
633 - }
634 - .col-xl-5 {
635 - -webkit-box-flex: 0;
636 - -webkit-flex: 0 0 41.666667%;
637 - -ms-flex: 0 0 41.666667%;
638 - flex: 0 0 41.666667%;
639 - max-width: 41.666667%;
640 - }
641 - .col-xl-6 {
642 - -webkit-box-flex: 0;
643 - -webkit-flex: 0 0 50%;
644 - -ms-flex: 0 0 50%;
645 - flex: 0 0 50%;
646 - max-width: 50%;
647 - }
648 - .col-xl-7 {
649 - -webkit-box-flex: 0;
650 - -webkit-flex: 0 0 58.333333%;
651 - -ms-flex: 0 0 58.333333%;
652 - flex: 0 0 58.333333%;
653 - max-width: 58.333333%;
654 - }
655 - .col-xl-8 {
656 - -webkit-box-flex: 0;
657 - -webkit-flex: 0 0 66.666667%;
658 - -ms-flex: 0 0 66.666667%;
659 - flex: 0 0 66.666667%;
660 - max-width: 66.666667%;
661 - }
662 - .col-xl-9 {
663 - -webkit-box-flex: 0;
664 - -webkit-flex: 0 0 75%;
665 - -ms-flex: 0 0 75%;
666 - flex: 0 0 75%;
667 - max-width: 75%;
668 - }
669 - .col-xl-10 {
670 - -webkit-box-flex: 0;
671 - -webkit-flex: 0 0 83.333333%;
672 - -ms-flex: 0 0 83.333333%;
673 - flex: 0 0 83.333333%;
674 - max-width: 83.333333%;
675 - }
676 - .col-xl-11 {
677 - -webkit-box-flex: 0;
678 - -webkit-flex: 0 0 91.666667%;
679 - -ms-flex: 0 0 91.666667%;
680 - flex: 0 0 91.666667%;
681 - max-width: 91.666667%;
682 - }
683 - .col-xl-12 {
684 - -webkit-box-flex: 0;
685 - -webkit-flex: 0 0 100%;
686 - -ms-flex: 0 0 100%;
687 - flex: 0 0 100%;
688 - max-width: 100%;
689 - }
690 - .offset-xl-0 {
691 - margin-left: 0%;
692 - }
693 - .offset-xl-1 {
694 - margin-left: 8.333333%;
695 - }
696 - .offset-xl-2 {
697 - margin-left: 16.666667%;
698 - }
699 - .offset-xl-3 {
700 - margin-left: 25%;
701 - }
702 - .offset-xl-4 {
703 - margin-left: 33.333333%;
704 - }
705 - .offset-xl-5 {
706 - margin-left: 41.666667%;
707 - }
708 - .offset-xl-6 {
709 - margin-left: 50%;
710 - }
711 - .offset-xl-7 {
712 - margin-left: 58.333333%;
713 - }
714 - .offset-xl-8 {
715 - margin-left: 66.666667%;
716 - }
717 - .offset-xl-9 {
718 - margin-left: 75%;
719 - }
720 - .offset-xl-10 {
721 - margin-left: 83.333333%;
722 - }
723 - .offset-xl-11 {
724 - margin-left: 91.666667%;
725 - }
726 - }
727 -
728 - .hidden {
729 - display: none !important;
730 - }
731 -
732 - @media (max-width: @screen-sm-min) {
733 - .hidden-xs {
734 - display: none !important;
735 - }
736 - }
737 - @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
738 - .hidden-sm {
739 - display: none !important;
740 - }
741 - }
742 - @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
743 - .hidden-md {
744 - display: none !important;
745 - }
746 - }
747 - @media (min-width: @screen-lg-min) {
748 - .hidden-lg {
749 - display: none !important;
750 - }
751 - }
752 -
753 - }
754 -
1 +@screen-sm-min: (@screen_sm_width * 1px);
2 +@screen-sm-max: (@screen-sm-min - 1px);
3 +@screen-md-min: (@screen_md_width * 1px);
4 +@screen-sm-max: (@screen_md_width - 1px);
5 +@screen-lg-min: (@screen_lg_width * 1px);
6 +@screen-md-max: (@screen_lg_width - 1px);
7 +
8 +#quadmenu {
9 +
10 + &.quadmenu-is-horizontal {
11 +
12 + .quadmenu-navbar-nav {
13 +
14 + .quadmenu-row {
15 +
16 + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
17 + padding-right: @horizontal-padding;
18 + padding-left: @horizontal-padding;
19 + }
20 +
21 + }
22 +
23 + }
24 +
25 + }
26 +
27 + .quadmenu-navbar-nav {
28 +
29 + .quadmenu-row {
30 + display: -webkit-box!important;
31 + display: -webkit-flex!important;
32 + display: -ms-flexbox!important;
33 + display: flex!important;
34 + -webkit-flex-wrap: wrap!important;
35 + -ms-flex-wrap: wrap!important;
36 + flex-wrap: wrap!important;
37 + }
38 +
39 + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
40 + position: relative;
41 + width: 100%;
42 + min-height: 1px;
43 + }
44 +
45 + .col {
46 + -webkit-flex-basis: 0;
47 + -ms-flex-preferred-size: 0;
48 + flex-basis: 0;
49 + -webkit-box-flex: 1;
50 + -webkit-flex-grow: 1;
51 + -ms-flex-positive: 1;
52 + flex-grow: 1;
53 + max-width: 100%;
54 + }
55 +
56 + .col-auto {
57 + -webkit-box-flex: 0;
58 + -webkit-flex: 0 0 auto;
59 + -ms-flex: 0 0 auto;
60 + flex: 0 0 auto;
61 + width: auto;
62 + }
63 +
64 + .col-1 {
65 + -webkit-box-flex: 0;
66 + -webkit-flex: 0 0 8.333333%;
67 + -ms-flex: 0 0 8.333333%;
68 + flex: 0 0 8.333333%;
69 + max-width: 8.333333%;
70 + }
71 +
72 + .col-2 {
73 + -webkit-box-flex: 0;
74 + -webkit-flex: 0 0 16.666667%;
75 + -ms-flex: 0 0 16.666667%;
76 + flex: 0 0 16.666667%;
77 + max-width: 16.666667%;
78 + }
79 +
80 + .col-3 {
81 + -webkit-box-flex: 0;
82 + -webkit-flex: 0 0 25%;
83 + -ms-flex: 0 0 25%;
84 + flex: 0 0 25%;
85 + max-width: 25%;
86 + }
87 +
88 + .col-4 {
89 + -webkit-box-flex: 0;
90 + -webkit-flex: 0 0 33.333333%;
91 + -ms-flex: 0 0 33.333333%;
92 + flex: 0 0 33.333333%;
93 + max-width: 33.333333%;
94 + }
95 +
96 + .col-5 {
97 + -webkit-box-flex: 0;
98 + -webkit-flex: 0 0 41.666667%;
99 + -ms-flex: 0 0 41.666667%;
100 + flex: 0 0 41.666667%;
101 + max-width: 41.666667%;
102 + }
103 +
104 + .col-6 {
105 + -webkit-box-flex: 0;
106 + -webkit-flex: 0 0 50%;
107 + -ms-flex: 0 0 50%;
108 + flex: 0 0 50%;
109 + max-width: 50%;
110 + }
111 +
112 + .col-7 {
113 + -webkit-box-flex: 0;
114 + -webkit-flex: 0 0 58.333333%;
115 + -ms-flex: 0 0 58.333333%;
116 + flex: 0 0 58.333333%;
117 + max-width: 58.333333%;
118 + }
119 +
120 + .col-8 {
121 + -webkit-box-flex: 0;
122 + -webkit-flex: 0 0 66.666667%;
123 + -ms-flex: 0 0 66.666667%;
124 + flex: 0 0 66.666667%;
125 + max-width: 66.666667%;
126 + }
127 +
128 + .col-9 {
129 + -webkit-box-flex: 0;
130 + -webkit-flex: 0 0 75%;
131 + -ms-flex: 0 0 75%;
132 + flex: 0 0 75%;
133 + max-width: 75%;
134 + }
135 +
136 + .col-10 {
137 + -webkit-box-flex: 0;
138 + -webkit-flex: 0 0 83.333333%;
139 + -ms-flex: 0 0 83.333333%;
140 + flex: 0 0 83.333333%;
141 + max-width: 83.333333%;
142 + }
143 +
144 + .col-11 {
145 + -webkit-box-flex: 0;
146 + -webkit-flex: 0 0 91.666667%;
147 + -ms-flex: 0 0 91.666667%;
148 + flex: 0 0 91.666667%;
149 + max-width: 91.666667%;
150 + }
151 +
152 + .col-12 {
153 + -webkit-box-flex: 0;
154 + -webkit-flex: 0 0 100%;
155 + -ms-flex: 0 0 100%;
156 + flex: 0 0 100%;
157 + max-width: 100%;
158 + }
159 +
160 + .offset-1 {
161 + margin-left: 8.333333%;
162 + }
163 +
164 + .offset-2 {
165 + margin-left: 16.666667%;
166 + }
167 +
168 + .offset-3 {
169 + margin-left: 25%;
170 + }
171 +
172 + .offset-4 {
173 + margin-left: 33.333333%;
174 + }
175 +
176 + .offset-5 {
177 + margin-left: 41.666667%;
178 + }
179 +
180 + .offset-6 {
181 + margin-left: 50%;
182 + }
183 +
184 + .offset-7 {
185 + margin-left: 58.333333%;
186 + }
187 +
188 + .offset-8 {
189 + margin-left: 66.666667%;
190 + }
191 +
192 + .offset-9 {
193 + margin-left: 75%;
194 + }
195 +
196 + .offset-10 {
197 + margin-left: 83.333333%;
198 + }
199 +
200 + .offset-11 {
201 + margin-left: 91.666667%;
202 + }
203 +
204 + @media (min-width: 576px) {
205 + .col-sm {
206 + -webkit-flex-basis: 0;
207 + -ms-flex-preferred-size: 0;
208 + flex-basis: 0;
209 + -webkit-box-flex: 1;
210 + -webkit-flex-grow: 1;
211 + -ms-flex-positive: 1;
212 + flex-grow: 1;
213 + max-width: 100%;
214 + }
215 + .col-sm-auto {
216 + -webkit-box-flex: 0;
217 + -webkit-flex: 0 0 auto;
218 + -ms-flex: 0 0 auto;
219 + flex: 0 0 auto;
220 + width: auto;
221 + }
222 + .col-sm-1 {
223 + -webkit-box-flex: 0;
224 + -webkit-flex: 0 0 8.333333%;
225 + -ms-flex: 0 0 8.333333%;
226 + flex: 0 0 8.333333%;
227 + max-width: 8.333333%;
228 + }
229 + .col-sm-2 {
230 + -webkit-box-flex: 0;
231 + -webkit-flex: 0 0 16.666667%;
232 + -ms-flex: 0 0 16.666667%;
233 + flex: 0 0 16.666667%;
234 + max-width: 16.666667%;
235 + }
236 + .col-sm-3 {
237 + -webkit-box-flex: 0;
238 + -webkit-flex: 0 0 25%;
239 + -ms-flex: 0 0 25%;
240 + flex: 0 0 25%;
241 + max-width: 25%;
242 + }
243 + .col-sm-4 {
244 + -webkit-box-flex: 0;
245 + -webkit-flex: 0 0 33.333333%;
246 + -ms-flex: 0 0 33.333333%;
247 + flex: 0 0 33.333333%;
248 + max-width: 33.333333%;
249 + }
250 + .col-sm-5 {
251 + -webkit-box-flex: 0;
252 + -webkit-flex: 0 0 41.666667%;
253 + -ms-flex: 0 0 41.666667%;
254 + flex: 0 0 41.666667%;
255 + max-width: 41.666667%;
256 + }
257 + .col-sm-6 {
258 + -webkit-box-flex: 0;
259 + -webkit-flex: 0 0 50%;
260 + -ms-flex: 0 0 50%;
261 + flex: 0 0 50%;
262 + max-width: 50%;
263 + }
264 + .col-sm-7 {
265 + -webkit-box-flex: 0;
266 + -webkit-flex: 0 0 58.333333%;
267 + -ms-flex: 0 0 58.333333%;
268 + flex: 0 0 58.333333%;
269 + max-width: 58.333333%;
270 + }
271 + .col-sm-8 {
272 + -webkit-box-flex: 0;
273 + -webkit-flex: 0 0 66.666667%;
274 + -ms-flex: 0 0 66.666667%;
275 + flex: 0 0 66.666667%;
276 + max-width: 66.666667%;
277 + }
278 + .col-sm-9 {
279 + -webkit-box-flex: 0;
280 + -webkit-flex: 0 0 75%;
281 + -ms-flex: 0 0 75%;
282 + flex: 0 0 75%;
283 + max-width: 75%;
284 + }
285 + .col-sm-10 {
286 + -webkit-box-flex: 0;
287 + -webkit-flex: 0 0 83.333333%;
288 + -ms-flex: 0 0 83.333333%;
289 + flex: 0 0 83.333333%;
290 + max-width: 83.333333%;
291 + }
292 + .col-sm-11 {
293 + -webkit-box-flex: 0;
294 + -webkit-flex: 0 0 91.666667%;
295 + -ms-flex: 0 0 91.666667%;
296 + flex: 0 0 91.666667%;
297 + max-width: 91.666667%;
298 + }
299 + .col-sm-12 {
300 + -webkit-box-flex: 0;
301 + -webkit-flex: 0 0 100%;
302 + -ms-flex: 0 0 100%;
303 + flex: 0 0 100%;
304 + max-width: 100%;
305 + }
306 + }
307 +
308 + @media (min-width: @screen-sm-min) {
309 + .col-md {
310 + -webkit-flex-basis: 0;
311 + -ms-flex-preferred-size: 0;
312 + flex-basis: 0;
313 + -webkit-box-flex: 1;
314 + -webkit-flex-grow: 1;
315 + -ms-flex-positive: 1;
316 + flex-grow: 1;
317 + max-width: 100%;
318 + }
319 + .col-md-auto {
320 + -webkit-box-flex: 0;
321 + -webkit-flex: 0 0 auto;
322 + -ms-flex: 0 0 auto;
323 + flex: 0 0 auto;
324 + width: auto;
325 + }
326 + .col-md-1 {
327 + -webkit-box-flex: 0;
328 + -webkit-flex: 0 0 8.333333%;
329 + -ms-flex: 0 0 8.333333%;
330 + flex: 0 0 8.333333%;
331 + max-width: 8.333333%;
332 + }
333 + .col-md-2 {
334 + -webkit-box-flex: 0;
335 + -webkit-flex: 0 0 16.666667%;
336 + -ms-flex: 0 0 16.666667%;
337 + flex: 0 0 16.666667%;
338 + max-width: 16.666667%;
339 + }
340 + .col-md-3 {
341 + -webkit-box-flex: 0;
342 + -webkit-flex: 0 0 25%;
343 + -ms-flex: 0 0 25%;
344 + flex: 0 0 25%;
345 + max-width: 25%;
346 + }
347 + .col-md-4 {
348 + -webkit-box-flex: 0;
349 + -webkit-flex: 0 0 33.333333%;
350 + -ms-flex: 0 0 33.333333%;
351 + flex: 0 0 33.333333%;
352 + max-width: 33.333333%;
353 + }
354 + .col-md-5 {
355 + -webkit-box-flex: 0;
356 + -webkit-flex: 0 0 41.666667%;
357 + -ms-flex: 0 0 41.666667%;
358 + flex: 0 0 41.666667%;
359 + max-width: 41.666667%;
360 + }
361 + .col-md-6 {
362 + -webkit-box-flex: 0;
363 + -webkit-flex: 0 0 50%;
364 + -ms-flex: 0 0 50%;
365 + flex: 0 0 50%;
366 + max-width: 50%;
367 + }
368 + .col-md-7 {
369 + -webkit-box-flex: 0;
370 + -webkit-flex: 0 0 58.333333%;
371 + -ms-flex: 0 0 58.333333%;
372 + flex: 0 0 58.333333%;
373 + max-width: 58.333333%;
374 + }
375 + .col-md-8 {
376 + -webkit-box-flex: 0;
377 + -webkit-flex: 0 0 66.666667%;
378 + -ms-flex: 0 0 66.666667%;
379 + flex: 0 0 66.666667%;
380 + max-width: 66.666667%;
381 + }
382 + .col-md-9 {
383 + -webkit-box-flex: 0;
384 + -webkit-flex: 0 0 75%;
385 + -ms-flex: 0 0 75%;
386 + flex: 0 0 75%;
387 + max-width: 75%;
388 + }
389 + .col-md-10 {
390 + -webkit-box-flex: 0;
391 + -webkit-flex: 0 0 83.333333%;
392 + -ms-flex: 0 0 83.333333%;
393 + flex: 0 0 83.333333%;
394 + max-width: 83.333333%;
395 + }
396 + .col-md-11 {
397 + -webkit-box-flex: 0;
398 + -webkit-flex: 0 0 91.666667%;
399 + -ms-flex: 0 0 91.666667%;
400 + flex: 0 0 91.666667%;
401 + max-width: 91.666667%;
402 + }
403 + .col-md-12 {
404 + -webkit-box-flex: 0;
405 + -webkit-flex: 0 0 100%;
406 + -ms-flex: 0 0 100%;
407 + flex: 0 0 100%;
408 + max-width: 100%;
409 + }
410 + .offset-md-0 {
411 + margin-left: 0%;
412 + }
413 + .offset-md-1 {
414 + margin-left: 8.333333%;
415 + }
416 + .offset-md-2 {
417 + margin-left: 16.666667%;
418 + }
419 + .offset-md-3 {
420 + margin-left: 25%;
421 + }
422 + .offset-md-4 {
423 + margin-left: 33.333333%;
424 + }
425 + .offset-md-5 {
426 + margin-left: 41.666667%;
427 + }
428 + .offset-md-6 {
429 + margin-left: 50%;
430 + }
431 + .offset-md-7 {
432 + margin-left: 58.333333%;
433 + }
434 + .offset-md-8 {
435 + margin-left: 66.666667%;
436 + }
437 + .offset-md-9 {
438 + margin-left: 75%;
439 + }
440 + .offset-md-10 {
441 + margin-left: 83.333333%;
442 + }
443 + .offset-md-11 {
444 + margin-left: 91.666667%;
445 + }
446 + }
447 +
448 + @media (min-width: @screen-md-min) {
449 + .col-lg {
450 + -webkit-flex-basis: 0;
451 + -ms-flex-preferred-size: 0;
452 + flex-basis: 0;
453 + -webkit-box-flex: 1;
454 + -webkit-flex-grow: 1;
455 + -ms-flex-positive: 1;
456 + flex-grow: 1;
457 + max-width: 100%;
458 + }
459 + .col-lg-auto {
460 + -webkit-box-flex: 0;
461 + -webkit-flex: 0 0 auto;
462 + -ms-flex: 0 0 auto;
463 + flex: 0 0 auto;
464 + width: auto;
465 + }
466 + .col-lg-1 {
467 + -webkit-box-flex: 0;
468 + -webkit-flex: 0 0 8.333333%;
469 + -ms-flex: 0 0 8.333333%;
470 + flex: 0 0 8.333333%;
471 + max-width: 8.333333%;
472 + }
473 + .col-lg-2 {
474 + -webkit-box-flex: 0;
475 + -webkit-flex: 0 0 16.666667%;
476 + -ms-flex: 0 0 16.666667%;
477 + flex: 0 0 16.666667%;
478 + max-width: 16.666667%;
479 + }
480 + .col-lg-3 {
481 + -webkit-box-flex: 0;
482 + -webkit-flex: 0 0 25%;
483 + -ms-flex: 0 0 25%;
484 + flex: 0 0 25%;
485 + max-width: 25%;
486 + }
487 + .col-lg-4 {
488 + -webkit-box-flex: 0;
489 + -webkit-flex: 0 0 33.333333%;
490 + -ms-flex: 0 0 33.333333%;
491 + flex: 0 0 33.333333%;
492 + max-width: 33.333333%;
493 + }
494 + .col-lg-5 {
495 + -webkit-box-flex: 0;
496 + -webkit-flex: 0 0 41.666667%;
497 + -ms-flex: 0 0 41.666667%;
498 + flex: 0 0 41.666667%;
499 + max-width: 41.666667%;
500 + }
501 + .col-lg-6 {
502 + -webkit-box-flex: 0;
503 + -webkit-flex: 0 0 50%;
504 + -ms-flex: 0 0 50%;
505 + flex: 0 0 50%;
506 + max-width: 50%;
507 + }
508 + .col-lg-7 {
509 + -webkit-box-flex: 0;
510 + -webkit-flex: 0 0 58.333333%;
511 + -ms-flex: 0 0 58.333333%;
512 + flex: 0 0 58.333333%;
513 + max-width: 58.333333%;
514 + }
515 + .col-lg-8 {
516 + -webkit-box-flex: 0;
517 + -webkit-flex: 0 0 66.666667%;
518 + -ms-flex: 0 0 66.666667%;
519 + flex: 0 0 66.666667%;
520 + max-width: 66.666667%;
521 + }
522 + .col-lg-9 {
523 + -webkit-box-flex: 0;
524 + -webkit-flex: 0 0 75%;
525 + -ms-flex: 0 0 75%;
526 + flex: 0 0 75%;
527 + max-width: 75%;
528 + }
529 + .col-lg-10 {
530 + -webkit-box-flex: 0;
531 + -webkit-flex: 0 0 83.333333%;
532 + -ms-flex: 0 0 83.333333%;
533 + flex: 0 0 83.333333%;
534 + max-width: 83.333333%;
535 + }
536 + .col-lg-11 {
537 + -webkit-box-flex: 0;
538 + -webkit-flex: 0 0 91.666667%;
539 + -ms-flex: 0 0 91.666667%;
540 + flex: 0 0 91.666667%;
541 + max-width: 91.666667%;
542 + }
543 + .col-lg-12 {
544 + -webkit-box-flex: 0;
545 + -webkit-flex: 0 0 100%;
546 + -ms-flex: 0 0 100%;
547 + flex: 0 0 100%;
548 + max-width: 100%;
549 + }
550 + .offset-lg-0 {
551 + margin-left: 0%;
552 + }
553 + .offset-lg-1 {
554 + margin-left: 8.333333%;
555 + }
556 + .offset-lg-2 {
557 + margin-left: 16.666667%;
558 + }
559 + .offset-lg-3 {
560 + margin-left: 25%;
561 + }
562 + .offset-lg-4 {
563 + margin-left: 33.333333%;
564 + }
565 + .offset-lg-5 {
566 + margin-left: 41.666667%;
567 + }
568 + .offset-lg-6 {
569 + margin-left: 50%;
570 + }
571 + .offset-lg-7 {
572 + margin-left: 58.333333%;
573 + }
574 + .offset-lg-8 {
575 + margin-left: 66.666667%;
576 + }
577 + .offset-lg-9 {
578 + margin-left: 75%;
579 + }
580 + .offset-lg-10 {
581 + margin-left: 83.333333%;
582 + }
583 + .offset-lg-11 {
584 + margin-left: 91.666667%;
585 + }
586 + }
587 +
588 + @media (min-width: @screen-lg-min) {
589 + .col-xl {
590 + -webkit-flex-basis: 0;
591 + -ms-flex-preferred-size: 0;
592 + flex-basis: 0;
593 + -webkit-box-flex: 1;
594 + -webkit-flex-grow: 1;
595 + -ms-flex-positive: 1;
596 + flex-grow: 1;
597 + max-width: 100%;
598 + }
599 + .col-xl-auto {
600 + -webkit-box-flex: 0;
601 + -webkit-flex: 0 0 auto;
602 + -ms-flex: 0 0 auto;
603 + flex: 0 0 auto;
604 + width: auto;
605 + }
606 + .col-xl-1 {
607 + -webkit-box-flex: 0;
608 + -webkit-flex: 0 0 8.333333%;
609 + -ms-flex: 0 0 8.333333%;
610 + flex: 0 0 8.333333%;
611 + max-width: 8.333333%;
612 + }
613 + .col-xl-2 {
614 + -webkit-box-flex: 0;
615 + -webkit-flex: 0 0 16.666667%;
616 + -ms-flex: 0 0 16.666667%;
617 + flex: 0 0 16.666667%;
618 + max-width: 16.666667%;
619 + }
620 + .col-xl-3 {
621 + -webkit-box-flex: 0;
622 + -webkit-flex: 0 0 25%;
623 + -ms-flex: 0 0 25%;
624 + flex: 0 0 25%;
625 + max-width: 25%;
626 + }
627 + .col-xl-4 {
628 + -webkit-box-flex: 0;
629 + -webkit-flex: 0 0 33.333333%;
630 + -ms-flex: 0 0 33.333333%;
631 + flex: 0 0 33.333333%;
632 + max-width: 33.333333%;
633 + }
634 + .col-xl-5 {
635 + -webkit-box-flex: 0;
636 + -webkit-flex: 0 0 41.666667%;
637 + -ms-flex: 0 0 41.666667%;
638 + flex: 0 0 41.666667%;
639 + max-width: 41.666667%;
640 + }
641 + .col-xl-6 {
642 + -webkit-box-flex: 0;
643 + -webkit-flex: 0 0 50%;
644 + -ms-flex: 0 0 50%;
645 + flex: 0 0 50%;
646 + max-width: 50%;
647 + }
648 + .col-xl-7 {
649 + -webkit-box-flex: 0;
650 + -webkit-flex: 0 0 58.333333%;
651 + -ms-flex: 0 0 58.333333%;
652 + flex: 0 0 58.333333%;
653 + max-width: 58.333333%;
654 + }
655 + .col-xl-8 {
656 + -webkit-box-flex: 0;
657 + -webkit-flex: 0 0 66.666667%;
658 + -ms-flex: 0 0 66.666667%;
659 + flex: 0 0 66.666667%;
660 + max-width: 66.666667%;
661 + }
662 + .col-xl-9 {
663 + -webkit-box-flex: 0;
664 + -webkit-flex: 0 0 75%;
665 + -ms-flex: 0 0 75%;
666 + flex: 0 0 75%;
667 + max-width: 75%;
668 + }
669 + .col-xl-10 {
670 + -webkit-box-flex: 0;
671 + -webkit-flex: 0 0 83.333333%;
672 + -ms-flex: 0 0 83.333333%;
673 + flex: 0 0 83.333333%;
674 + max-width: 83.333333%;
675 + }
676 + .col-xl-11 {
677 + -webkit-box-flex: 0;
678 + -webkit-flex: 0 0 91.666667%;
679 + -ms-flex: 0 0 91.666667%;
680 + flex: 0 0 91.666667%;
681 + max-width: 91.666667%;
682 + }
683 + .col-xl-12 {
684 + -webkit-box-flex: 0;
685 + -webkit-flex: 0 0 100%;
686 + -ms-flex: 0 0 100%;
687 + flex: 0 0 100%;
688 + max-width: 100%;
689 + }
690 + .offset-xl-0 {
691 + margin-left: 0%;
692 + }
693 + .offset-xl-1 {
694 + margin-left: 8.333333%;
695 + }
696 + .offset-xl-2 {
697 + margin-left: 16.666667%;
698 + }
699 + .offset-xl-3 {
700 + margin-left: 25%;
701 + }
702 + .offset-xl-4 {
703 + margin-left: 33.333333%;
704 + }
705 + .offset-xl-5 {
706 + margin-left: 41.666667%;
707 + }
708 + .offset-xl-6 {
709 + margin-left: 50%;
710 + }
711 + .offset-xl-7 {
712 + margin-left: 58.333333%;
713 + }
714 + .offset-xl-8 {
715 + margin-left: 66.666667%;
716 + }
717 + .offset-xl-9 {
718 + margin-left: 75%;
719 + }
720 + .offset-xl-10 {
721 + margin-left: 83.333333%;
722 + }
723 + .offset-xl-11 {
724 + margin-left: 91.666667%;
725 + }
726 + }
727 +
728 + .hidden {
729 + display: none !important;
730 + }
731 +
732 + @media (max-width: @screen-sm-min) {
733 + .hidden-xs {
734 + display: none !important;
735 + }
736 + }
737 + @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
738 + .hidden-sm {
739 + display: none !important;
740 + }
741 + }
742 + @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
743 + .hidden-md {
744 + display: none !important;
745 + }
746 + }
747 + @media (min-width: @screen-lg-min) {
748 + .hidden-lg {
749 + display: none !important;
750 + }
751 + }
752 +
753 + }
754 +
755 755 }