]> git.ipfire.org Git - people/shoehn/ipfire.org.git/blob - static/css/style.css
Bootstap 4 migration: imprint
[people/shoehn/ipfire.org.git] / static / css / style.css
1 /*!
2 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
3 * Copyright 2011-2017 The Bootstrap Authors
4 * Copyright 2011-2017 Twitter, Inc.
5 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6 */
7 @import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500");
8 /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
9 html {
10 font-family: sans-serif;
11 line-height: 1.15;
12 -ms-text-size-adjust: 100%;
13 -webkit-text-size-adjust: 100%; }
14
15 body {
16 margin: 0; }
17
18 article,
19 aside,
20 footer,
21 header,
22 nav,
23 section {
24 display: block; }
25
26 h1 {
27 font-size: 2em;
28 margin: 0.67em 0; }
29
30 figcaption,
31 figure,
32 main {
33 display: block; }
34
35 figure {
36 margin: 1em 40px; }
37
38 hr {
39 box-sizing: content-box;
40 height: 0;
41 overflow: visible; }
42
43 pre {
44 font-family: monospace, monospace;
45 font-size: 1em; }
46
47 a {
48 background-color: transparent;
49 -webkit-text-decoration-skip: objects; }
50
51 a:active,
52 a:hover {
53 outline-width: 0; }
54
55 abbr[title] {
56 border-bottom: none;
57 text-decoration: underline;
58 text-decoration: underline dotted; }
59
60 b,
61 strong {
62 font-weight: inherit; }
63
64 b,
65 strong {
66 font-weight: bolder; }
67
68 code,
69 kbd,
70 samp {
71 font-family: monospace, monospace;
72 font-size: 1em; }
73
74 dfn {
75 font-style: italic; }
76
77 mark {
78 background-color: #ff0;
79 color: #000; }
80
81 small {
82 font-size: 80%; }
83
84 sub,
85 sup {
86 font-size: 75%;
87 line-height: 0;
88 position: relative;
89 vertical-align: baseline; }
90
91 sub {
92 bottom: -0.25em; }
93
94 sup {
95 top: -0.5em; }
96
97 audio,
98 video {
99 display: inline-block; }
100
101 audio:not([controls]) {
102 display: none;
103 height: 0; }
104
105 img {
106 border-style: none; }
107
108 svg:not(:root) {
109 overflow: hidden; }
110
111 button,
112 input,
113 optgroup,
114 select,
115 textarea {
116 font-family: sans-serif;
117 font-size: 100%;
118 line-height: 1.15;
119 margin: 0; }
120
121 button,
122 input {
123 overflow: visible; }
124
125 button,
126 select {
127 text-transform: none; }
128
129 button,
130 html [type="button"],
131 [type="reset"],
132 [type="submit"] {
133 -webkit-appearance: button; }
134
135 button::-moz-focus-inner,
136 [type="button"]::-moz-focus-inner,
137 [type="reset"]::-moz-focus-inner,
138 [type="submit"]::-moz-focus-inner {
139 border-style: none;
140 padding: 0; }
141
142 button:-moz-focusring,
143 [type="button"]:-moz-focusring,
144 [type="reset"]:-moz-focusring,
145 [type="submit"]:-moz-focusring {
146 outline: 1px dotted ButtonText; }
147
148 fieldset {
149 border: 1px solid #c0c0c0;
150 margin: 0 2px;
151 padding: 0.35em 0.625em 0.75em; }
152
153 legend {
154 box-sizing: border-box;
155 color: inherit;
156 display: table;
157 max-width: 100%;
158 padding: 0;
159 white-space: normal; }
160
161 progress {
162 display: inline-block;
163 vertical-align: baseline; }
164
165 textarea {
166 overflow: auto; }
167
168 [type="checkbox"],
169 [type="radio"] {
170 box-sizing: border-box;
171 padding: 0; }
172
173 [type="number"]::-webkit-inner-spin-button,
174 [type="number"]::-webkit-outer-spin-button {
175 height: auto; }
176
177 [type="search"] {
178 -webkit-appearance: textfield;
179 outline-offset: -2px; }
180
181 [type="search"]::-webkit-search-cancel-button,
182 [type="search"]::-webkit-search-decoration {
183 -webkit-appearance: none; }
184
185 ::-webkit-file-upload-button {
186 -webkit-appearance: button;
187 font: inherit; }
188
189 details,
190 menu {
191 display: block; }
192
193 summary {
194 display: list-item; }
195
196 canvas {
197 display: inline-block; }
198
199 template {
200 display: none; }
201
202 [hidden] {
203 display: none; }
204
205 html {
206 box-sizing: border-box; }
207
208 *,
209 *::before,
210 *::after {
211 box-sizing: inherit; }
212
213 @-ms-viewport {
214 width: device-width; }
215
216 html {
217 -ms-overflow-style: scrollbar;
218 -webkit-tap-highlight-color: transparent; }
219
220 body {
221 font-family: "Ubuntu", sans-serif;
222 font-size: 1rem;
223 font-weight: 400;
224 line-height: 1.5;
225 color: #263238;
226 background-color: #eceff1; }
227
228 [tabindex="-1"]:focus {
229 outline: none !important; }
230
231 h1, h2, h3, h4, h5, h6 {
232 margin-top: 0;
233 margin-bottom: .5rem; }
234
235 p {
236 margin-top: 0;
237 margin-bottom: 1rem; }
238
239 abbr[title],
240 abbr[data-original-title] {
241 cursor: help; }
242
243 address {
244 margin-bottom: 1rem;
245 font-style: normal;
246 line-height: inherit; }
247
248 ol,
249 ul,
250 dl {
251 margin-top: 0;
252 margin-bottom: 1rem; }
253
254 ol ol,
255 ul ul,
256 ol ul,
257 ul ol {
258 margin-bottom: 0; }
259
260 dt {
261 font-weight: bold; }
262
263 dd {
264 margin-bottom: .5rem;
265 margin-left: 0; }
266
267 blockquote {
268 margin: 0 0 1rem; }
269
270 a {
271 color: #b71c1c;
272 text-decoration: none; }
273 a:focus, a:hover {
274 color: #751212;
275 text-decoration: none; }
276
277 a:not([href]):not([tabindex]) {
278 color: inherit;
279 text-decoration: none; }
280 a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
281 color: inherit;
282 text-decoration: none; }
283 a:not([href]):not([tabindex]):focus {
284 outline: 0; }
285
286 pre {
287 margin-top: 0;
288 margin-bottom: 1rem;
289 overflow: auto; }
290
291 figure {
292 margin: 0 0 1rem; }
293
294 img {
295 vertical-align: middle; }
296
297 [role="button"] {
298 cursor: pointer; }
299
300 a,
301 area,
302 button,
303 [role="button"],
304 input,
305 label,
306 select,
307 summary,
308 textarea {
309 touch-action: manipulation; }
310
311 table {
312 border-collapse: collapse;
313 background-color: transparent; }
314
315 caption {
316 padding-top: 0.75rem;
317 padding-bottom: 0.75rem;
318 color: #636c72;
319 text-align: left;
320 caption-side: bottom; }
321
322 th {
323 text-align: left; }
324
325 label {
326 display: inline-block;
327 margin-bottom: .5rem; }
328
329 button:focus {
330 outline: 1px dotted;
331 outline: 5px auto -webkit-focus-ring-color; }
332
333 input,
334 button,
335 select,
336 textarea {
337 line-height: inherit; }
338
339 input[type="radio"]:disabled,
340 input[type="checkbox"]:disabled {
341 cursor: not-allowed; }
342
343 input[type="date"],
344 input[type="time"],
345 input[type="datetime-local"],
346 input[type="month"] {
347 -webkit-appearance: listbox; }
348
349 textarea {
350 resize: vertical; }
351
352 fieldset {
353 min-width: 0;
354 padding: 0;
355 margin: 0;
356 border: 0; }
357
358 legend {
359 display: block;
360 width: 100%;
361 padding: 0;
362 margin-bottom: .5rem;
363 font-size: 1.5rem;
364 line-height: inherit; }
365
366 input[type="search"] {
367 -webkit-appearance: none; }
368
369 output {
370 display: inline-block; }
371
372 [hidden] {
373 display: none !important; }
374
375 h1, h2, h3, h4, h5, h6,
376 .h1, .h2, .h3, .h4, .h5, .h6 {
377 margin-bottom: 0.5rem;
378 font-family: inherit;
379 font-weight: 400;
380 line-height: 1.1;
381 color: inherit; }
382
383 h1, .h1 {
384 font-size: 36px; }
385
386 h2, .h2 {
387 font-size: 32px; }
388
389 h3, .h3 {
390 font-size: 24px; }
391
392 h4, .h4 {
393 font-size: 20px; }
394
395 h5, .h5 {
396 font-size: 16px; }
397
398 h6, .h6 {
399 font-size: 12px; }
400
401 .lead {
402 font-size: 24px;
403 font-weight: 300; }
404
405 .display-1 {
406 font-size: 120px;
407 font-weight: 300;
408 line-height: 1.1; }
409
410 .display-2 {
411 font-size: 48px;
412 font-weight: 300;
413 line-height: 1.1; }
414
415 .display-3 {
416 font-size: 32px;
417 font-weight: 300;
418 line-height: 1.1; }
419
420 .display-4 {
421 font-size: 24px;
422 font-weight: 300;
423 line-height: 1.1; }
424
425 hr {
426 margin-top: 8px;
427 margin-bottom: 8px;
428 border: 0;
429 border-top: 1px solid rgba(0, 0, 0, 0.1); }
430
431 small,
432 .small {
433 font-size: 14px;
434 font-weight: 400; }
435
436 mark,
437 .mark {
438 padding: 0.2em;
439 background-color: #fcf8e3; }
440
441 .list-unstyled {
442 padding-left: 0;
443 list-style: none; }
444
445 .list-inline {
446 padding-left: 0;
447 list-style: none; }
448
449 .list-inline-item {
450 display: inline-block; }
451 .list-inline-item:not(:last-child) {
452 margin-right: 5px; }
453
454 .initialism {
455 font-size: 90%;
456 text-transform: uppercase; }
457
458 .blockquote {
459 padding: 4px 8px;
460 margin-bottom: 8px;
461 font-size: 1.25rem;
462 border-left: 0.25rem solid #eceeef; }
463
464 .blockquote-footer {
465 display: block;
466 font-size: 80%;
467 color: #636c72; }
468 .blockquote-footer::before {
469 content: "\2014 \00A0"; }
470
471 .blockquote-reverse {
472 padding-right: 8px;
473 padding-left: 0;
474 text-align: right;
475 border-right: 0.25rem solid #eceeef;
476 border-left: 0; }
477
478 .blockquote-reverse .blockquote-footer::before {
479 content: ""; }
480
481 .blockquote-reverse .blockquote-footer::after {
482 content: "\00A0 \2014"; }
483
484 .container {
485 position: relative;
486 margin-left: auto;
487 margin-right: auto;
488 padding-right: 12px;
489 padding-left: 12px; }
490 @media (min-width: 576px) {
491 .container {
492 padding-right: 12px;
493 padding-left: 12px; } }
494 @media (min-width: 768px) {
495 .container {
496 padding-right: 12px;
497 padding-left: 12px; } }
498 @media (min-width: 992px) {
499 .container {
500 padding-right: 12px;
501 padding-left: 12px; } }
502 @media (min-width: 1200px) {
503 .container {
504 padding-right: 12px;
505 padding-left: 12px; } }
506 @media (min-width: 576px) {
507 .container {
508 width: 540px;
509 max-width: 100%; } }
510 @media (min-width: 768px) {
511 .container {
512 width: 720px;
513 max-width: 100%; } }
514 @media (min-width: 992px) {
515 .container {
516 width: 960px;
517 max-width: 100%; } }
518 @media (min-width: 1200px) {
519 .container {
520 width: 1140px;
521 max-width: 100%; } }
522
523 .container-fluid {
524 position: relative;
525 margin-left: auto;
526 margin-right: auto;
527 padding-right: 12px;
528 padding-left: 12px; }
529 @media (min-width: 576px) {
530 .container-fluid {
531 padding-right: 12px;
532 padding-left: 12px; } }
533 @media (min-width: 768px) {
534 .container-fluid {
535 padding-right: 12px;
536 padding-left: 12px; } }
537 @media (min-width: 992px) {
538 .container-fluid {
539 padding-right: 12px;
540 padding-left: 12px; } }
541 @media (min-width: 1200px) {
542 .container-fluid {
543 padding-right: 12px;
544 padding-left: 12px; } }
545
546 .row {
547 display: flex;
548 flex-wrap: wrap;
549 margin-right: -12px;
550 margin-left: -12px; }
551 @media (min-width: 576px) {
552 .row {
553 margin-right: -12px;
554 margin-left: -12px; } }
555 @media (min-width: 768px) {
556 .row {
557 margin-right: -12px;
558 margin-left: -12px; } }
559 @media (min-width: 992px) {
560 .row {
561 margin-right: -12px;
562 margin-left: -12px; } }
563 @media (min-width: 1200px) {
564 .row {
565 margin-right: -12px;
566 margin-left: -12px; } }
567
568 .no-gutters {
569 margin-right: 0;
570 margin-left: 0; }
571 .no-gutters > .col,
572 .no-gutters > [class*="col-"] {
573 padding-right: 0;
574 padding-left: 0; }
575
576 .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 {
577 position: relative;
578 width: 100%;
579 min-height: 1px;
580 padding-right: 12px;
581 padding-left: 12px; }
582 @media (min-width: 576px) {
583 .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 {
584 padding-right: 12px;
585 padding-left: 12px; } }
586 @media (min-width: 768px) {
587 .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 {
588 padding-right: 12px;
589 padding-left: 12px; } }
590 @media (min-width: 992px) {
591 .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 {
592 padding-right: 12px;
593 padding-left: 12px; } }
594 @media (min-width: 1200px) {
595 .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 {
596 padding-right: 12px;
597 padding-left: 12px; } }
598
599 .col {
600 flex-basis: 0;
601 flex-grow: 1;
602 max-width: 100%; }
603
604 .col-auto {
605 flex: 0 0 auto;
606 width: auto; }
607
608 .col-1 {
609 flex: 0 0 8.3333333333%;
610 max-width: 8.3333333333%; }
611
612 .col-2 {
613 flex: 0 0 16.6666666667%;
614 max-width: 16.6666666667%; }
615
616 .col-3 {
617 flex: 0 0 25%;
618 max-width: 25%; }
619
620 .col-4 {
621 flex: 0 0 33.3333333333%;
622 max-width: 33.3333333333%; }
623
624 .col-5 {
625 flex: 0 0 41.6666666667%;
626 max-width: 41.6666666667%; }
627
628 .col-6 {
629 flex: 0 0 50%;
630 max-width: 50%; }
631
632 .col-7 {
633 flex: 0 0 58.3333333333%;
634 max-width: 58.3333333333%; }
635
636 .col-8 {
637 flex: 0 0 66.6666666667%;
638 max-width: 66.6666666667%; }
639
640 .col-9 {
641 flex: 0 0 75%;
642 max-width: 75%; }
643
644 .col-10 {
645 flex: 0 0 83.3333333333%;
646 max-width: 83.3333333333%; }
647
648 .col-11 {
649 flex: 0 0 91.6666666667%;
650 max-width: 91.6666666667%; }
651
652 .col-12 {
653 flex: 0 0 100%;
654 max-width: 100%; }
655
656 .pull-0 {
657 right: auto; }
658
659 .pull-1 {
660 right: 8.3333333333%; }
661
662 .pull-2 {
663 right: 16.6666666667%; }
664
665 .pull-3 {
666 right: 25%; }
667
668 .pull-4 {
669 right: 33.3333333333%; }
670
671 .pull-5 {
672 right: 41.6666666667%; }
673
674 .pull-6 {
675 right: 50%; }
676
677 .pull-7 {
678 right: 58.3333333333%; }
679
680 .pull-8 {
681 right: 66.6666666667%; }
682
683 .pull-9 {
684 right: 75%; }
685
686 .pull-10 {
687 right: 83.3333333333%; }
688
689 .pull-11 {
690 right: 91.6666666667%; }
691
692 .pull-12 {
693 right: 100%; }
694
695 .push-0 {
696 left: auto; }
697
698 .push-1 {
699 left: 8.3333333333%; }
700
701 .push-2 {
702 left: 16.6666666667%; }
703
704 .push-3 {
705 left: 25%; }
706
707 .push-4 {
708 left: 33.3333333333%; }
709
710 .push-5 {
711 left: 41.6666666667%; }
712
713 .push-6 {
714 left: 50%; }
715
716 .push-7 {
717 left: 58.3333333333%; }
718
719 .push-8 {
720 left: 66.6666666667%; }
721
722 .push-9 {
723 left: 75%; }
724
725 .push-10 {
726 left: 83.3333333333%; }
727
728 .push-11 {
729 left: 91.6666666667%; }
730
731 .push-12 {
732 left: 100%; }
733
734 .offset-1 {
735 margin-left: 8.3333333333%; }
736
737 .offset-2 {
738 margin-left: 16.6666666667%; }
739
740 .offset-3 {
741 margin-left: 25%; }
742
743 .offset-4 {
744 margin-left: 33.3333333333%; }
745
746 .offset-5 {
747 margin-left: 41.6666666667%; }
748
749 .offset-6 {
750 margin-left: 50%; }
751
752 .offset-7 {
753 margin-left: 58.3333333333%; }
754
755 .offset-8 {
756 margin-left: 66.6666666667%; }
757
758 .offset-9 {
759 margin-left: 75%; }
760
761 .offset-10 {
762 margin-left: 83.3333333333%; }
763
764 .offset-11 {
765 margin-left: 91.6666666667%; }
766
767 @media (min-width: 576px) {
768 .col-sm {
769 flex-basis: 0;
770 flex-grow: 1;
771 max-width: 100%; }
772 .col-sm-auto {
773 flex: 0 0 auto;
774 width: auto; }
775 .col-sm-1 {
776 flex: 0 0 8.3333333333%;
777 max-width: 8.3333333333%; }
778 .col-sm-2 {
779 flex: 0 0 16.6666666667%;
780 max-width: 16.6666666667%; }
781 .col-sm-3 {
782 flex: 0 0 25%;
783 max-width: 25%; }
784 .col-sm-4 {
785 flex: 0 0 33.3333333333%;
786 max-width: 33.3333333333%; }
787 .col-sm-5 {
788 flex: 0 0 41.6666666667%;
789 max-width: 41.6666666667%; }
790 .col-sm-6 {
791 flex: 0 0 50%;
792 max-width: 50%; }
793 .col-sm-7 {
794 flex: 0 0 58.3333333333%;
795 max-width: 58.3333333333%; }
796 .col-sm-8 {
797 flex: 0 0 66.6666666667%;
798 max-width: 66.6666666667%; }
799 .col-sm-9 {
800 flex: 0 0 75%;
801 max-width: 75%; }
802 .col-sm-10 {
803 flex: 0 0 83.3333333333%;
804 max-width: 83.3333333333%; }
805 .col-sm-11 {
806 flex: 0 0 91.6666666667%;
807 max-width: 91.6666666667%; }
808 .col-sm-12 {
809 flex: 0 0 100%;
810 max-width: 100%; }
811 .pull-sm-0 {
812 right: auto; }
813 .pull-sm-1 {
814 right: 8.3333333333%; }
815 .pull-sm-2 {
816 right: 16.6666666667%; }
817 .pull-sm-3 {
818 right: 25%; }
819 .pull-sm-4 {
820 right: 33.3333333333%; }
821 .pull-sm-5 {
822 right: 41.6666666667%; }
823 .pull-sm-6 {
824 right: 50%; }
825 .pull-sm-7 {
826 right: 58.3333333333%; }
827 .pull-sm-8 {
828 right: 66.6666666667%; }
829 .pull-sm-9 {
830 right: 75%; }
831 .pull-sm-10 {
832 right: 83.3333333333%; }
833 .pull-sm-11 {
834 right: 91.6666666667%; }
835 .pull-sm-12 {
836 right: 100%; }
837 .push-sm-0 {
838 left: auto; }
839 .push-sm-1 {
840 left: 8.3333333333%; }
841 .push-sm-2 {
842 left: 16.6666666667%; }
843 .push-sm-3 {
844 left: 25%; }
845 .push-sm-4 {
846 left: 33.3333333333%; }
847 .push-sm-5 {
848 left: 41.6666666667%; }
849 .push-sm-6 {
850 left: 50%; }
851 .push-sm-7 {
852 left: 58.3333333333%; }
853 .push-sm-8 {
854 left: 66.6666666667%; }
855 .push-sm-9 {
856 left: 75%; }
857 .push-sm-10 {
858 left: 83.3333333333%; }
859 .push-sm-11 {
860 left: 91.6666666667%; }
861 .push-sm-12 {
862 left: 100%; }
863 .offset-sm-0 {
864 margin-left: 0%; }
865 .offset-sm-1 {
866 margin-left: 8.3333333333%; }
867 .offset-sm-2 {
868 margin-left: 16.6666666667%; }
869 .offset-sm-3 {
870 margin-left: 25%; }
871 .offset-sm-4 {
872 margin-left: 33.3333333333%; }
873 .offset-sm-5 {
874 margin-left: 41.6666666667%; }
875 .offset-sm-6 {
876 margin-left: 50%; }
877 .offset-sm-7 {
878 margin-left: 58.3333333333%; }
879 .offset-sm-8 {
880 margin-left: 66.6666666667%; }
881 .offset-sm-9 {
882 margin-left: 75%; }
883 .offset-sm-10 {
884 margin-left: 83.3333333333%; }
885 .offset-sm-11 {
886 margin-left: 91.6666666667%; } }
887
888 @media (min-width: 768px) {
889 .col-md {
890 flex-basis: 0;
891 flex-grow: 1;
892 max-width: 100%; }
893 .col-md-auto {
894 flex: 0 0 auto;
895 width: auto; }
896 .col-md-1 {
897 flex: 0 0 8.3333333333%;
898 max-width: 8.3333333333%; }
899 .col-md-2 {
900 flex: 0 0 16.6666666667%;
901 max-width: 16.6666666667%; }
902 .col-md-3 {
903 flex: 0 0 25%;
904 max-width: 25%; }
905 .col-md-4 {
906 flex: 0 0 33.3333333333%;
907 max-width: 33.3333333333%; }
908 .col-md-5 {
909 flex: 0 0 41.6666666667%;
910 max-width: 41.6666666667%; }
911 .col-md-6 {
912 flex: 0 0 50%;
913 max-width: 50%; }
914 .col-md-7 {
915 flex: 0 0 58.3333333333%;
916 max-width: 58.3333333333%; }
917 .col-md-8 {
918 flex: 0 0 66.6666666667%;
919 max-width: 66.6666666667%; }
920 .col-md-9 {
921 flex: 0 0 75%;
922 max-width: 75%; }
923 .col-md-10 {
924 flex: 0 0 83.3333333333%;
925 max-width: 83.3333333333%; }
926 .col-md-11 {
927 flex: 0 0 91.6666666667%;
928 max-width: 91.6666666667%; }
929 .col-md-12 {
930 flex: 0 0 100%;
931 max-width: 100%; }
932 .pull-md-0 {
933 right: auto; }
934 .pull-md-1 {
935 right: 8.3333333333%; }
936 .pull-md-2 {
937 right: 16.6666666667%; }
938 .pull-md-3 {
939 right: 25%; }
940 .pull-md-4 {
941 right: 33.3333333333%; }
942 .pull-md-5 {
943 right: 41.6666666667%; }
944 .pull-md-6 {
945 right: 50%; }
946 .pull-md-7 {
947 right: 58.3333333333%; }
948 .pull-md-8 {
949 right: 66.6666666667%; }
950 .pull-md-9 {
951 right: 75%; }
952 .pull-md-10 {
953 right: 83.3333333333%; }
954 .pull-md-11 {
955 right: 91.6666666667%; }
956 .pull-md-12 {
957 right: 100%; }
958 .push-md-0 {
959 left: auto; }
960 .push-md-1 {
961 left: 8.3333333333%; }
962 .push-md-2 {
963 left: 16.6666666667%; }
964 .push-md-3 {
965 left: 25%; }
966 .push-md-4 {
967 left: 33.3333333333%; }
968 .push-md-5 {
969 left: 41.6666666667%; }
970 .push-md-6 {
971 left: 50%; }
972 .push-md-7 {
973 left: 58.3333333333%; }
974 .push-md-8 {
975 left: 66.6666666667%; }
976 .push-md-9 {
977 left: 75%; }
978 .push-md-10 {
979 left: 83.3333333333%; }
980 .push-md-11 {
981 left: 91.6666666667%; }
982 .push-md-12 {
983 left: 100%; }
984 .offset-md-0 {
985 margin-left: 0%; }
986 .offset-md-1 {
987 margin-left: 8.3333333333%; }
988 .offset-md-2 {
989 margin-left: 16.6666666667%; }
990 .offset-md-3 {
991 margin-left: 25%; }
992 .offset-md-4 {
993 margin-left: 33.3333333333%; }
994 .offset-md-5 {
995 margin-left: 41.6666666667%; }
996 .offset-md-6 {
997 margin-left: 50%; }
998 .offset-md-7 {
999 margin-left: 58.3333333333%; }
1000 .offset-md-8 {
1001 margin-left: 66.6666666667%; }
1002 .offset-md-9 {
1003 margin-left: 75%; }
1004 .offset-md-10 {
1005 margin-left: 83.3333333333%; }
1006 .offset-md-11 {
1007 margin-left: 91.6666666667%; } }
1008
1009 @media (min-width: 992px) {
1010 .col-lg {
1011 flex-basis: 0;
1012 flex-grow: 1;
1013 max-width: 100%; }
1014 .col-lg-auto {
1015 flex: 0 0 auto;
1016 width: auto; }
1017 .col-lg-1 {
1018 flex: 0 0 8.3333333333%;
1019 max-width: 8.3333333333%; }
1020 .col-lg-2 {
1021 flex: 0 0 16.6666666667%;
1022 max-width: 16.6666666667%; }
1023 .col-lg-3 {
1024 flex: 0 0 25%;
1025 max-width: 25%; }
1026 .col-lg-4 {
1027 flex: 0 0 33.3333333333%;
1028 max-width: 33.3333333333%; }
1029 .col-lg-5 {
1030 flex: 0 0 41.6666666667%;
1031 max-width: 41.6666666667%; }
1032 .col-lg-6 {
1033 flex: 0 0 50%;
1034 max-width: 50%; }
1035 .col-lg-7 {
1036 flex: 0 0 58.3333333333%;
1037 max-width: 58.3333333333%; }
1038 .col-lg-8 {
1039 flex: 0 0 66.6666666667%;
1040 max-width: 66.6666666667%; }
1041 .col-lg-9 {
1042 flex: 0 0 75%;
1043 max-width: 75%; }
1044 .col-lg-10 {
1045 flex: 0 0 83.3333333333%;
1046 max-width: 83.3333333333%; }
1047 .col-lg-11 {
1048 flex: 0 0 91.6666666667%;
1049 max-width: 91.6666666667%; }
1050 .col-lg-12 {
1051 flex: 0 0 100%;
1052 max-width: 100%; }
1053 .pull-lg-0 {
1054 right: auto; }
1055 .pull-lg-1 {
1056 right: 8.3333333333%; }
1057 .pull-lg-2 {
1058 right: 16.6666666667%; }
1059 .pull-lg-3 {
1060 right: 25%; }
1061 .pull-lg-4 {
1062 right: 33.3333333333%; }
1063 .pull-lg-5 {
1064 right: 41.6666666667%; }
1065 .pull-lg-6 {
1066 right: 50%; }
1067 .pull-lg-7 {
1068 right: 58.3333333333%; }
1069 .pull-lg-8 {
1070 right: 66.6666666667%; }
1071 .pull-lg-9 {
1072 right: 75%; }
1073 .pull-lg-10 {
1074 right: 83.3333333333%; }
1075 .pull-lg-11 {
1076 right: 91.6666666667%; }
1077 .pull-lg-12 {
1078 right: 100%; }
1079 .push-lg-0 {
1080 left: auto; }
1081 .push-lg-1 {
1082 left: 8.3333333333%; }
1083 .push-lg-2 {
1084 left: 16.6666666667%; }
1085 .push-lg-3 {
1086 left: 25%; }
1087 .push-lg-4 {
1088 left: 33.3333333333%; }
1089 .push-lg-5 {
1090 left: 41.6666666667%; }
1091 .push-lg-6 {
1092 left: 50%; }
1093 .push-lg-7 {
1094 left: 58.3333333333%; }
1095 .push-lg-8 {
1096 left: 66.6666666667%; }
1097 .push-lg-9 {
1098 left: 75%; }
1099 .push-lg-10 {
1100 left: 83.3333333333%; }
1101 .push-lg-11 {
1102 left: 91.6666666667%; }
1103 .push-lg-12 {
1104 left: 100%; }
1105 .offset-lg-0 {
1106 margin-left: 0%; }
1107 .offset-lg-1 {
1108 margin-left: 8.3333333333%; }
1109 .offset-lg-2 {
1110 margin-left: 16.6666666667%; }
1111 .offset-lg-3 {
1112 margin-left: 25%; }
1113 .offset-lg-4 {
1114 margin-left: 33.3333333333%; }
1115 .offset-lg-5 {
1116 margin-left: 41.6666666667%; }
1117 .offset-lg-6 {
1118 margin-left: 50%; }
1119 .offset-lg-7 {
1120 margin-left: 58.3333333333%; }
1121 .offset-lg-8 {
1122 margin-left: 66.6666666667%; }
1123 .offset-lg-9 {
1124 margin-left: 75%; }
1125 .offset-lg-10 {
1126 margin-left: 83.3333333333%; }
1127 .offset-lg-11 {
1128 margin-left: 91.6666666667%; } }
1129
1130 @media (min-width: 1200px) {
1131 .col-xl {
1132 flex-basis: 0;
1133 flex-grow: 1;
1134 max-width: 100%; }
1135 .col-xl-auto {
1136 flex: 0 0 auto;
1137 width: auto; }
1138 .col-xl-1 {
1139 flex: 0 0 8.3333333333%;
1140 max-width: 8.3333333333%; }
1141 .col-xl-2 {
1142 flex: 0 0 16.6666666667%;
1143 max-width: 16.6666666667%; }
1144 .col-xl-3 {
1145 flex: 0 0 25%;
1146 max-width: 25%; }
1147 .col-xl-4 {
1148 flex: 0 0 33.3333333333%;
1149 max-width: 33.3333333333%; }
1150 .col-xl-5 {
1151 flex: 0 0 41.6666666667%;
1152 max-width: 41.6666666667%; }
1153 .col-xl-6 {
1154 flex: 0 0 50%;
1155 max-width: 50%; }
1156 .col-xl-7 {
1157 flex: 0 0 58.3333333333%;
1158 max-width: 58.3333333333%; }
1159 .col-xl-8 {
1160 flex: 0 0 66.6666666667%;
1161 max-width: 66.6666666667%; }
1162 .col-xl-9 {
1163 flex: 0 0 75%;
1164 max-width: 75%; }
1165 .col-xl-10 {
1166 flex: 0 0 83.3333333333%;
1167 max-width: 83.3333333333%; }
1168 .col-xl-11 {
1169 flex: 0 0 91.6666666667%;
1170 max-width: 91.6666666667%; }
1171 .col-xl-12 {
1172 flex: 0 0 100%;
1173 max-width: 100%; }
1174 .pull-xl-0 {
1175 right: auto; }
1176 .pull-xl-1 {
1177 right: 8.3333333333%; }
1178 .pull-xl-2 {
1179 right: 16.6666666667%; }
1180 .pull-xl-3 {
1181 right: 25%; }
1182 .pull-xl-4 {
1183 right: 33.3333333333%; }
1184 .pull-xl-5 {
1185 right: 41.6666666667%; }
1186 .pull-xl-6 {
1187 right: 50%; }
1188 .pull-xl-7 {
1189 right: 58.3333333333%; }
1190 .pull-xl-8 {
1191 right: 66.6666666667%; }
1192 .pull-xl-9 {
1193 right: 75%; }
1194 .pull-xl-10 {
1195 right: 83.3333333333%; }
1196 .pull-xl-11 {
1197 right: 91.6666666667%; }
1198 .pull-xl-12 {
1199 right: 100%; }
1200 .push-xl-0 {
1201 left: auto; }
1202 .push-xl-1 {
1203 left: 8.3333333333%; }
1204 .push-xl-2 {
1205 left: 16.6666666667%; }
1206 .push-xl-3 {
1207 left: 25%; }
1208 .push-xl-4 {
1209 left: 33.3333333333%; }
1210 .push-xl-5 {
1211 left: 41.6666666667%; }
1212 .push-xl-6 {
1213 left: 50%; }
1214 .push-xl-7 {
1215 left: 58.3333333333%; }
1216 .push-xl-8 {
1217 left: 66.6666666667%; }
1218 .push-xl-9 {
1219 left: 75%; }
1220 .push-xl-10 {
1221 left: 83.3333333333%; }
1222 .push-xl-11 {
1223 left: 91.6666666667%; }
1224 .push-xl-12 {
1225 left: 100%; }
1226 .offset-xl-0 {
1227 margin-left: 0%; }
1228 .offset-xl-1 {
1229 margin-left: 8.3333333333%; }
1230 .offset-xl-2 {
1231 margin-left: 16.6666666667%; }
1232 .offset-xl-3 {
1233 margin-left: 25%; }
1234 .offset-xl-4 {
1235 margin-left: 33.3333333333%; }
1236 .offset-xl-5 {
1237 margin-left: 41.6666666667%; }
1238 .offset-xl-6 {
1239 margin-left: 50%; }
1240 .offset-xl-7 {
1241 margin-left: 58.3333333333%; }
1242 .offset-xl-8 {
1243 margin-left: 66.6666666667%; }
1244 .offset-xl-9 {
1245 margin-left: 75%; }
1246 .offset-xl-10 {
1247 margin-left: 83.3333333333%; }
1248 .offset-xl-11 {
1249 margin-left: 91.6666666667%; } }
1250
1251 .form-control {
1252 display: block;
1253 width: 100%;
1254 padding: 0.5rem 0.75rem;
1255 font-size: 1rem;
1256 line-height: 1.25;
1257 color: #464a4c;
1258 background-color: #fff;
1259 background-image: none;
1260 background-clip: padding-box;
1261 border: 2px solid rgba(0, 0, 0, 0.15);
1262 border-radius: 0.25rem;
1263 transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
1264 .form-control::-ms-expand {
1265 background-color: transparent;
1266 border: 0; }
1267 .form-control:focus {
1268 color: #464a4c;
1269 background-color: #fff;
1270 border-color: #5cb3fd;
1271 outline: none; }
1272 .form-control::placeholder {
1273 color: #636c72;
1274 opacity: 1; }
1275 .form-control:disabled, .form-control[readonly] {
1276 background-color: #eceeef;
1277 opacity: 1; }
1278 .form-control:disabled {
1279 cursor: not-allowed; }
1280
1281 select.form-control:not([size]):not([multiple]) {
1282 height: calc(2.25rem + 4px); }
1283
1284 select.form-control:focus::-ms-value {
1285 color: #464a4c;
1286 background-color: #fff; }
1287
1288 .form-control-file,
1289 .form-control-range {
1290 display: block; }
1291
1292 .col-form-label {
1293 padding-top: calc(0.5rem - 2px * 2);
1294 padding-bottom: calc(0.5rem - 2px * 2);
1295 margin-bottom: 0; }
1296
1297 .col-form-label-lg {
1298 padding-top: calc(0.75rem - 2px * 2);
1299 padding-bottom: calc(0.75rem - 2px * 2);
1300 font-size: 20px; }
1301
1302 .col-form-label-sm {
1303 padding-top: calc(0.25rem - 2px * 2);
1304 padding-bottom: calc(0.25rem - 2px * 2);
1305 font-size: 0.875rem; }
1306
1307 .col-form-legend {
1308 padding-top: 0.5rem;
1309 padding-bottom: 0.5rem;
1310 margin-bottom: 0;
1311 font-size: 1rem; }
1312
1313 .form-control-static {
1314 padding-top: 0.5rem;
1315 padding-bottom: 0.5rem;
1316 margin-bottom: 0;
1317 line-height: 1.25;
1318 border: solid transparent;
1319 border-width: 2px 0; }
1320 .form-control-static.form-control-sm, .form-control-static.form-control-lg {
1321 padding-right: 0;
1322 padding-left: 0; }
1323
1324 .form-control-sm {
1325 padding: 0.25rem 0.5rem;
1326 font-size: 0.875rem;
1327 border-radius: 0.2rem; }
1328
1329 select.form-control-sm:not([size]):not([multiple]) {
1330 height: 1.8125rem; }
1331
1332 .form-control-lg {
1333 padding: 0.75rem 1.5rem;
1334 font-size: 20px;
1335 border-radius: 0.3rem; }
1336
1337 select.form-control-lg:not([size]):not([multiple]) {
1338 height: 3.1666666667rem; }
1339
1340 .form-group {
1341 margin-bottom: 1rem; }
1342
1343 .form-text {
1344 display: block;
1345 margin-top: 0.25rem; }
1346
1347 .form-check {
1348 position: relative;
1349 display: block;
1350 margin-bottom: 0.5rem; }
1351 .form-check.disabled .form-check-label {
1352 color: #636c72;
1353 cursor: not-allowed; }
1354
1355 .form-check-label {
1356 padding-left: 1.25rem;
1357 margin-bottom: 0;
1358 cursor: pointer; }
1359
1360 .form-check-input {
1361 position: absolute;
1362 margin-top: 0.25rem;
1363 margin-left: -1.25rem; }
1364 .form-check-input:only-child {
1365 position: static; }
1366
1367 .form-check-inline {
1368 display: inline-block; }
1369 .form-check-inline .form-check-label {
1370 vertical-align: middle; }
1371 .form-check-inline + .form-check-inline {
1372 margin-left: 0.75rem; }
1373
1374 .form-control-feedback {
1375 margin-top: 0.25rem; }
1376
1377 .form-control-success,
1378 .form-control-warning,
1379 .form-control-danger {
1380 padding-right: 2.25rem;
1381 background-repeat: no-repeat;
1382 background-position: center right 0.5625rem;
1383 background-size: 1.125rem 1.125rem; }
1384
1385 .has-success .form-control-feedback,
1386 .has-success .form-control-label,
1387 .has-success .col-form-label,
1388 .has-success .form-check-label,
1389 .has-success .custom-control {
1390 color: #5cb85c; }
1391
1392 .has-success .form-control {
1393 border-color: #5cb85c; }
1394
1395 .has-success .input-group-addon {
1396 color: #5cb85c;
1397 border-color: #5cb85c;
1398 background-color: #eaf6ea; }
1399
1400 .has-success .form-control-success {
1401 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); }
1402
1403 .has-warning .form-control-feedback,
1404 .has-warning .form-control-label,
1405 .has-warning .col-form-label,
1406 .has-warning .form-check-label,
1407 .has-warning .custom-control {
1408 color: #f0ad4e; }
1409
1410 .has-warning .form-control {
1411 border-color: #f0ad4e; }
1412
1413 .has-warning .input-group-addon {
1414 color: #f0ad4e;
1415 border-color: #f0ad4e;
1416 background-color: white; }
1417
1418 .has-warning .form-control-warning {
1419 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); }
1420
1421 .has-danger .form-control-feedback,
1422 .has-danger .form-control-label,
1423 .has-danger .col-form-label,
1424 .has-danger .form-check-label,
1425 .has-danger .custom-control {
1426 color: #d9534f; }
1427
1428 .has-danger .form-control {
1429 border-color: #d9534f; }
1430
1431 .has-danger .input-group-addon {
1432 color: #d9534f;
1433 border-color: #d9534f;
1434 background-color: #fdf7f7; }
1435
1436 .has-danger .form-control-danger {
1437 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); }
1438
1439 .form-inline {
1440 display: flex;
1441 flex-flow: row wrap;
1442 align-items: center; }
1443 .form-inline .form-check {
1444 width: 100%; }
1445 @media (min-width: 576px) {
1446 .form-inline label {
1447 display: flex;
1448 align-items: center;
1449 justify-content: center;
1450 margin-bottom: 0; }
1451 .form-inline .form-group {
1452 display: flex;
1453 flex: 0 0 auto;
1454 flex-flow: row wrap;
1455 align-items: center;
1456 margin-bottom: 0; }
1457 .form-inline .form-control {
1458 display: inline-block;
1459 width: auto;
1460 vertical-align: middle; }
1461 .form-inline .form-control-static {
1462 display: inline-block; }
1463 .form-inline .input-group {
1464 width: auto; }
1465 .form-inline .form-control-label {
1466 margin-bottom: 0;
1467 vertical-align: middle; }
1468 .form-inline .form-check {
1469 display: flex;
1470 align-items: center;
1471 justify-content: center;
1472 width: auto;
1473 margin-top: 0;
1474 margin-bottom: 0; }
1475 .form-inline .form-check-label {
1476 padding-left: 0; }
1477 .form-inline .form-check-input {
1478 position: relative;
1479 margin-top: 0;
1480 margin-right: 0.25rem;
1481 margin-left: 0; }
1482 .form-inline .custom-control {
1483 display: flex;
1484 align-items: center;
1485 justify-content: center;
1486 padding-left: 0; }
1487 .form-inline .custom-control-indicator {
1488 position: static;
1489 display: inline-block;
1490 margin-right: 0.25rem;
1491 vertical-align: text-bottom; }
1492 .form-inline .has-feedback .form-control-feedback {
1493 top: 0; } }
1494
1495 .btn {
1496 display: inline-block;
1497 font-weight: 600;
1498 line-height: 0.95;
1499 text-align: center;
1500 white-space: nowrap;
1501 vertical-align: middle;
1502 user-select: none;
1503 border: 2px solid transparent;
1504 padding: 8px 16px;
1505 font-size: 1rem;
1506 border-radius: 0.25rem;
1507 transition: all 0.2s ease-in-out; }
1508 .btn:focus, .btn:hover {
1509 text-decoration: none; }
1510 .btn:focus, .btn.focus {
1511 outline: 0;
1512 box-shadow: none; }
1513 .btn.disabled, .btn:disabled {
1514 cursor: not-allowed;
1515 opacity: .65; }
1516 .btn:active, .btn.active {
1517 background-image: none; }
1518
1519 a.btn.disabled,
1520 fieldset[disabled] a.btn {
1521 pointer-events: none; }
1522
1523 .btn-primary {
1524 color: #fff;
1525 background-color: #b71c1c;
1526 border-color: #b71c1c; }
1527 .btn-primary:hover {
1528 color: #fff;
1529 background-color: #8b1515;
1530 border-color: #821414; }
1531 .btn-primary:focus, .btn-primary.focus {
1532 box-shadow: 0 0 0 2px rgba(183, 28, 28, 0.5); }
1533 .btn-primary.disabled, .btn-primary:disabled {
1534 background-color: #b71c1c;
1535 border-color: #b71c1c; }
1536 .btn-primary:active, .btn-primary.active,
1537 .show > .btn-primary.dropdown-toggle {
1538 color: #fff;
1539 background-color: #8b1515;
1540 background-image: none;
1541 border-color: #821414; }
1542
1543 .btn-secondary {
1544 color: rgba(38, 50, 56, 0.6);
1545 background-color: #fff;
1546 border-color: rgba(38, 50, 56, 0.6); }
1547 .btn-secondary:hover {
1548 color: rgba(38, 50, 56, 0.6);
1549 background-color: #e6e5e5;
1550 border-color: rgba(13, 17, 20, 0.6); }
1551 .btn-secondary:focus, .btn-secondary.focus {
1552 box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
1553 .btn-secondary.disabled, .btn-secondary:disabled {
1554 background-color: #fff;
1555 border-color: rgba(38, 50, 56, 0.6); }
1556 .btn-secondary:active, .btn-secondary.active,
1557 .show > .btn-secondary.dropdown-toggle {
1558 color: rgba(38, 50, 56, 0.6);
1559 background-color: #e6e5e5;
1560 background-image: none;
1561 border-color: rgba(13, 17, 20, 0.6); }
1562
1563 .btn-info {
1564 color: #fff;
1565 background-color: #5bc0de;
1566 border-color: #5bc0de; }
1567 .btn-info:hover {
1568 color: #fff;
1569 background-color: #31b0d5;
1570 border-color: #2aabd2; }
1571 .btn-info:focus, .btn-info.focus {
1572 box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); }
1573 .btn-info.disabled, .btn-info:disabled {
1574 background-color: #5bc0de;
1575 border-color: #5bc0de; }
1576 .btn-info:active, .btn-info.active,
1577 .show > .btn-info.dropdown-toggle {
1578 color: #fff;
1579 background-color: #31b0d5;
1580 background-image: none;
1581 border-color: #2aabd2; }
1582
1583 .btn-success {
1584 color: #fff;
1585 background-color: #5cb85c;
1586 border-color: #5cb85c; }
1587 .btn-success:hover {
1588 color: #fff;
1589 background-color: #449d44;
1590 border-color: #419641; }
1591 .btn-success:focus, .btn-success.focus {
1592 box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); }
1593 .btn-success.disabled, .btn-success:disabled {
1594 background-color: #5cb85c;
1595 border-color: #5cb85c; }
1596 .btn-success:active, .btn-success.active,
1597 .show > .btn-success.dropdown-toggle {
1598 color: #fff;
1599 background-color: #449d44;
1600 background-image: none;
1601 border-color: #419641; }
1602
1603 .btn-warning {
1604 color: #fff;
1605 background-color: #f0ad4e;
1606 border-color: #f0ad4e; }
1607 .btn-warning:hover {
1608 color: #fff;
1609 background-color: #ec971f;
1610 border-color: #eb9316; }
1611 .btn-warning:focus, .btn-warning.focus {
1612 box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); }
1613 .btn-warning.disabled, .btn-warning:disabled {
1614 background-color: #f0ad4e;
1615 border-color: #f0ad4e; }
1616 .btn-warning:active, .btn-warning.active,
1617 .show > .btn-warning.dropdown-toggle {
1618 color: #fff;
1619 background-color: #ec971f;
1620 background-image: none;
1621 border-color: #eb9316; }
1622
1623 .btn-danger {
1624 color: #fff;
1625 background-color: #d9534f;
1626 border-color: #d9534f; }
1627 .btn-danger:hover {
1628 color: #fff;
1629 background-color: #c9302c;
1630 border-color: #c12e2a; }
1631 .btn-danger:focus, .btn-danger.focus {
1632 box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }
1633 .btn-danger.disabled, .btn-danger:disabled {
1634 background-color: #d9534f;
1635 border-color: #d9534f; }
1636 .btn-danger:active, .btn-danger.active,
1637 .show > .btn-danger.dropdown-toggle {
1638 color: #fff;
1639 background-color: #c9302c;
1640 background-image: none;
1641 border-color: #c12e2a; }
1642
1643 .btn-outline-primary {
1644 color: #b71c1c;
1645 background-image: none;
1646 background-color: transparent;
1647 border-color: #b71c1c; }
1648 .btn-outline-primary:hover {
1649 color: #fff;
1650 background-color: #b71c1c;
1651 border-color: #b71c1c; }
1652 .btn-outline-primary:focus, .btn-outline-primary.focus {
1653 box-shadow: 0 0 0 2px rgba(183, 28, 28, 0.5); }
1654 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
1655 color: #b71c1c;
1656 background-color: transparent; }
1657 .btn-outline-primary:active, .btn-outline-primary.active,
1658 .show > .btn-outline-primary.dropdown-toggle {
1659 color: #fff;
1660 background-color: #b71c1c;
1661 border-color: #b71c1c; }
1662
1663 .btn-outline-secondary {
1664 color: rgba(38, 50, 56, 0.6);
1665 background-image: none;
1666 background-color: transparent;
1667 border-color: rgba(38, 50, 56, 0.6); }
1668 .btn-outline-secondary:hover {
1669 color: #fff;
1670 background-color: rgba(38, 50, 56, 0.6);
1671 border-color: rgba(38, 50, 56, 0.6); }
1672 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
1673 box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
1674 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
1675 color: rgba(38, 50, 56, 0.6);
1676 background-color: transparent; }
1677 .btn-outline-secondary:active, .btn-outline-secondary.active,
1678 .show > .btn-outline-secondary.dropdown-toggle {
1679 color: #fff;
1680 background-color: rgba(38, 50, 56, 0.6);
1681 border-color: rgba(38, 50, 56, 0.6); }
1682
1683 .btn-outline-info {
1684 color: #5bc0de;
1685 background-image: none;
1686 background-color: transparent;
1687 border-color: #5bc0de; }
1688 .btn-outline-info:hover {
1689 color: #fff;
1690 background-color: #5bc0de;
1691 border-color: #5bc0de; }
1692 .btn-outline-info:focus, .btn-outline-info.focus {
1693 box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); }
1694 .btn-outline-info.disabled, .btn-outline-info:disabled {
1695 color: #5bc0de;
1696 background-color: transparent; }
1697 .btn-outline-info:active, .btn-outline-info.active,
1698 .show > .btn-outline-info.dropdown-toggle {
1699 color: #fff;
1700 background-color: #5bc0de;
1701 border-color: #5bc0de; }
1702
1703 .btn-outline-success {
1704 color: #5cb85c;
1705 background-image: none;
1706 background-color: transparent;
1707 border-color: #5cb85c; }
1708 .btn-outline-success:hover {
1709 color: #fff;
1710 background-color: #5cb85c;
1711 border-color: #5cb85c; }
1712 .btn-outline-success:focus, .btn-outline-success.focus {
1713 box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); }
1714 .btn-outline-success.disabled, .btn-outline-success:disabled {
1715 color: #5cb85c;
1716 background-color: transparent; }
1717 .btn-outline-success:active, .btn-outline-success.active,
1718 .show > .btn-outline-success.dropdown-toggle {
1719 color: #fff;
1720 background-color: #5cb85c;
1721 border-color: #5cb85c; }
1722
1723 .btn-outline-warning {
1724 color: #f0ad4e;
1725 background-image: none;
1726 background-color: transparent;
1727 border-color: #f0ad4e; }
1728 .btn-outline-warning:hover {
1729 color: #fff;
1730 background-color: #f0ad4e;
1731 border-color: #f0ad4e; }
1732 .btn-outline-warning:focus, .btn-outline-warning.focus {
1733 box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); }
1734 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
1735 color: #f0ad4e;
1736 background-color: transparent; }
1737 .btn-outline-warning:active, .btn-outline-warning.active,
1738 .show > .btn-outline-warning.dropdown-toggle {
1739 color: #fff;
1740 background-color: #f0ad4e;
1741 border-color: #f0ad4e; }
1742
1743 .btn-outline-danger {
1744 color: #d9534f;
1745 background-image: none;
1746 background-color: transparent;
1747 border-color: #d9534f; }
1748 .btn-outline-danger:hover {
1749 color: #fff;
1750 background-color: #d9534f;
1751 border-color: #d9534f; }
1752 .btn-outline-danger:focus, .btn-outline-danger.focus {
1753 box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); }
1754 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
1755 color: #d9534f;
1756 background-color: transparent; }
1757 .btn-outline-danger:active, .btn-outline-danger.active,
1758 .show > .btn-outline-danger.dropdown-toggle {
1759 color: #fff;
1760 background-color: #d9534f;
1761 border-color: #d9534f; }
1762
1763 .btn-link {
1764 font-weight: 400;
1765 color: #b71c1c;
1766 border-radius: 0; }
1767 .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
1768 background-color: transparent; }
1769 .btn-link, .btn-link:focus, .btn-link:active {
1770 border-color: transparent; }
1771 .btn-link:hover {
1772 border-color: transparent; }
1773 .btn-link:focus, .btn-link:hover {
1774 color: #751212;
1775 text-decoration: none;
1776 background-color: transparent; }
1777 .btn-link:disabled {
1778 color: #636c72; }
1779 .btn-link:disabled:focus, .btn-link:disabled:hover {
1780 text-decoration: none; }
1781
1782 .btn-lg, .btn-group-lg > .btn {
1783 padding: 12px 32px;
1784 font-size: 20px;
1785 border-radius: 2px; }
1786
1787 .btn-sm, .btn-group-sm > .btn {
1788 padding: 4px 8px;
1789 font-size: 0.875rem;
1790 border-radius: 0.2rem; }
1791
1792 .btn-block {
1793 display: block;
1794 width: 100%; }
1795
1796 .btn-block + .btn-block {
1797 margin-top: 8px; }
1798
1799 input[type="submit"].btn-block,
1800 input[type="reset"].btn-block,
1801 input[type="button"].btn-block {
1802 width: 100%; }
1803
1804 .fade {
1805 opacity: 0;
1806 transition: opacity 0.15s linear; }
1807 .fade.show {
1808 opacity: 1; }
1809
1810 .collapse {
1811 display: none; }
1812 .collapse.show {
1813 display: block; }
1814
1815 tr.collapse.show {
1816 display: table-row; }
1817
1818 tbody.collapse.show {
1819 display: table-row-group; }
1820
1821 .collapsing {
1822 position: relative;
1823 height: 0;
1824 overflow: hidden;
1825 transition: height 0.35s ease; }
1826
1827 .btn-group,
1828 .btn-group-vertical {
1829 position: relative;
1830 display: inline-flex;
1831 vertical-align: middle; }
1832 .btn-group > .btn,
1833 .btn-group-vertical > .btn {
1834 position: relative;
1835 flex: 0 1 auto; }
1836 .btn-group > .btn:hover,
1837 .btn-group-vertical > .btn:hover {
1838 z-index: 2; }
1839 .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
1840 .btn-group-vertical > .btn:focus,
1841 .btn-group-vertical > .btn:active,
1842 .btn-group-vertical > .btn.active {
1843 z-index: 2; }
1844 .btn-group .btn + .btn,
1845 .btn-group .btn + .btn-group,
1846 .btn-group .btn-group + .btn,
1847 .btn-group .btn-group + .btn-group,
1848 .btn-group-vertical .btn + .btn,
1849 .btn-group-vertical .btn + .btn-group,
1850 .btn-group-vertical .btn-group + .btn,
1851 .btn-group-vertical .btn-group + .btn-group {
1852 margin-left: -2px; }
1853
1854 .btn-toolbar {
1855 display: flex;
1856 justify-content: flex-start; }
1857 .btn-toolbar .input-group {
1858 width: auto; }
1859
1860 .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
1861 border-radius: 0; }
1862
1863 .btn-group > .btn:first-child {
1864 margin-left: 0; }
1865 .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
1866 border-bottom-right-radius: 0;
1867 border-top-right-radius: 0; }
1868
1869 .btn-group > .btn:last-child:not(:first-child),
1870 .btn-group > .dropdown-toggle:not(:first-child) {
1871 border-bottom-left-radius: 0;
1872 border-top-left-radius: 0; }
1873
1874 .btn-group > .btn-group {
1875 float: left; }
1876
1877 .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
1878 border-radius: 0; }
1879
1880 .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
1881 .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
1882 border-bottom-right-radius: 0;
1883 border-top-right-radius: 0; }
1884
1885 .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
1886 border-bottom-left-radius: 0;
1887 border-top-left-radius: 0; }
1888
1889 .btn-group .dropdown-toggle:active,
1890 .btn-group.open .dropdown-toggle {
1891 outline: 0; }
1892
1893 .btn + .dropdown-toggle-split {
1894 padding-right: 12px;
1895 padding-left: 12px; }
1896 .btn + .dropdown-toggle-split::after {
1897 margin-left: 0; }
1898
1899 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
1900 padding-right: 6px;
1901 padding-left: 6px; }
1902
1903 .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
1904 padding-right: 24px;
1905 padding-left: 24px; }
1906
1907 .btn-group-vertical {
1908 display: inline-flex;
1909 flex-direction: column;
1910 align-items: flex-start;
1911 justify-content: center; }
1912 .btn-group-vertical .btn,
1913 .btn-group-vertical .btn-group {
1914 width: 100%; }
1915 .btn-group-vertical > .btn + .btn,
1916 .btn-group-vertical > .btn + .btn-group,
1917 .btn-group-vertical > .btn-group + .btn,
1918 .btn-group-vertical > .btn-group + .btn-group {
1919 margin-top: -2px;
1920 margin-left: 0; }
1921
1922 .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
1923 border-radius: 0; }
1924
1925 .btn-group-vertical > .btn:first-child:not(:last-child) {
1926 border-bottom-right-radius: 0;
1927 border-bottom-left-radius: 0; }
1928
1929 .btn-group-vertical > .btn:last-child:not(:first-child) {
1930 border-top-right-radius: 0;
1931 border-top-left-radius: 0; }
1932
1933 .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
1934 border-radius: 0; }
1935
1936 .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
1937 .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
1938 border-bottom-right-radius: 0;
1939 border-bottom-left-radius: 0; }
1940
1941 .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
1942 border-top-right-radius: 0;
1943 border-top-left-radius: 0; }
1944
1945 [data-toggle="buttons"] > .btn input[type="radio"],
1946 [data-toggle="buttons"] > .btn input[type="checkbox"],
1947 [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
1948 [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
1949 position: absolute;
1950 clip: rect(0, 0, 0, 0);
1951 pointer-events: none; }
1952
1953 .nav {
1954 display: flex;
1955 padding-left: 0;
1956 margin-bottom: 0;
1957 list-style: none; }
1958
1959 .nav-link {
1960 display: block;
1961 padding: 8px 24px; }
1962 .nav-link:focus, .nav-link:hover {
1963 text-decoration: none; }
1964 .nav-link.disabled {
1965 color: #636c72;
1966 cursor: not-allowed; }
1967
1968 .nav-tabs {
1969 border-bottom: 1px solid #ddd; }
1970 .nav-tabs .nav-item {
1971 margin-bottom: -1px; }
1972 .nav-tabs .nav-link {
1973 border: 1px solid transparent;
1974 border-top-right-radius: 0.25rem;
1975 border-top-left-radius: 0.25rem; }
1976 .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
1977 border-color: #eceeef #eceeef #ddd; }
1978 .nav-tabs .nav-link.disabled {
1979 color: #636c72;
1980 background-color: transparent;
1981 border-color: transparent; }
1982 .nav-tabs .nav-link.active,
1983 .nav-tabs .nav-item.show .nav-link {
1984 color: #464a4c;
1985 background-color: #fff;
1986 border-color: #ddd #ddd #fff; }
1987 .nav-tabs .dropdown-menu {
1988 margin-top: -1px;
1989 border-top-right-radius: 0;
1990 border-top-left-radius: 0; }
1991
1992 .nav-pills .nav-link {
1993 border-radius: 0.25rem; }
1994
1995 .nav-pills .nav-link.active,
1996 .nav-pills .nav-item.show .nav-link {
1997 color: #fff;
1998 cursor: default;
1999 background-color: #0275d8; }
2000
2001 .nav-fill .nav-item {
2002 flex: 1 1 auto;
2003 text-align: center; }
2004
2005 .nav-justified .nav-item {
2006 flex: 1 1 100%;
2007 text-align: center; }
2008
2009 .tab-content > .tab-pane {
2010 display: none; }
2011
2012 .tab-content > .active {
2013 display: block; }
2014
2015 .navbar {
2016 position: relative;
2017 display: flex;
2018 flex-direction: column;
2019 padding: 8px 8px; }
2020
2021 .navbar-brand {
2022 display: inline-block;
2023 padding-top: .25rem;
2024 padding-bottom: .25rem;
2025 margin-right: 8px;
2026 font-size: 20px;
2027 line-height: inherit;
2028 white-space: nowrap; }
2029 .navbar-brand:focus, .navbar-brand:hover {
2030 text-decoration: none; }
2031
2032 .navbar-nav {
2033 display: flex;
2034 flex-direction: column;
2035 padding-left: 0;
2036 margin-bottom: 0;
2037 list-style: none; }
2038 .navbar-nav .nav-link {
2039 padding-right: 0;
2040 padding-left: 0; }
2041
2042 .navbar-text {
2043 display: inline-block;
2044 padding-top: .425rem;
2045 padding-bottom: .425rem; }
2046
2047 .navbar-toggler {
2048 align-self: flex-start;
2049 padding: 0.25rem 0.75rem;
2050 font-size: 1.25rem;
2051 line-height: 1;
2052 background: transparent;
2053 border: 2px solid transparent;
2054 border-radius: 0.25rem; }
2055 .navbar-toggler:focus, .navbar-toggler:hover {
2056 text-decoration: none; }
2057
2058 .navbar-toggler-icon {
2059 display: inline-block;
2060 width: 1.5em;
2061 height: 1.5em;
2062 vertical-align: middle;
2063 content: "";
2064 background: no-repeat center center;
2065 background-size: 100% 100%; }
2066
2067 .navbar-toggler-left {
2068 position: absolute;
2069 left: 8px; }
2070
2071 .navbar-toggler-right {
2072 position: absolute;
2073 right: 8px; }
2074
2075 @media (max-width: 575px) {
2076 .navbar-toggleable .navbar-nav .dropdown-menu {
2077 position: static;
2078 float: none; }
2079 .navbar-toggleable > .container {
2080 padding-right: 0;
2081 padding-left: 0; } }
2082
2083 @media (min-width: 576px) {
2084 .navbar-toggleable {
2085 flex-direction: row;
2086 flex-wrap: nowrap;
2087 align-items: center; }
2088 .navbar-toggleable .navbar-nav {
2089 flex-direction: row; }
2090 .navbar-toggleable .navbar-nav .nav-link {
2091 padding-right: .5rem;
2092 padding-left: .5rem; }
2093 .navbar-toggleable > .container {
2094 display: flex;
2095 flex-wrap: nowrap;
2096 align-items: center; }
2097 .navbar-toggleable .navbar-collapse {
2098 display: flex !important;
2099 width: 100%; }
2100 .navbar-toggleable .navbar-toggler {
2101 display: none; } }
2102
2103 @media (max-width: 767px) {
2104 .navbar-toggleable-sm .navbar-nav .dropdown-menu {
2105 position: static;
2106 float: none; }
2107 .navbar-toggleable-sm > .container {
2108 padding-right: 0;
2109 padding-left: 0; } }
2110
2111 @media (min-width: 768px) {
2112 .navbar-toggleable-sm {
2113 flex-direction: row;
2114 flex-wrap: nowrap;
2115 align-items: center; }
2116 .navbar-toggleable-sm .navbar-nav {
2117 flex-direction: row; }
2118 .navbar-toggleable-sm .navbar-nav .nav-link {
2119 padding-right: .5rem;
2120 padding-left: .5rem; }
2121 .navbar-toggleable-sm > .container {
2122 display: flex;
2123 flex-wrap: nowrap;
2124 align-items: center; }
2125 .navbar-toggleable-sm .navbar-collapse {
2126 display: flex !important;
2127 width: 100%; }
2128 .navbar-toggleable-sm .navbar-toggler {
2129 display: none; } }
2130
2131 @media (max-width: 991px) {
2132 .navbar-toggleable-md .navbar-nav .dropdown-menu {
2133 position: static;
2134 float: none; }
2135 .navbar-toggleable-md > .container {
2136 padding-right: 0;
2137 padding-left: 0; } }
2138
2139 @media (min-width: 992px) {
2140 .navbar-toggleable-md {
2141 flex-direction: row;
2142 flex-wrap: nowrap;
2143 align-items: center; }
2144 .navbar-toggleable-md .navbar-nav {
2145 flex-direction: row; }
2146 .navbar-toggleable-md .navbar-nav .nav-link {
2147 padding-right: .5rem;
2148 padding-left: .5rem; }
2149 .navbar-toggleable-md > .container {
2150 display: flex;
2151 flex-wrap: nowrap;
2152 align-items: center; }
2153 .navbar-toggleable-md .navbar-collapse {
2154 display: flex !important;
2155 width: 100%; }
2156 .navbar-toggleable-md .navbar-toggler {
2157 display: none; } }
2158
2159 @media (max-width: 1199px) {
2160 .navbar-toggleable-lg .navbar-nav .dropdown-menu {
2161 position: static;
2162 float: none; }
2163 .navbar-toggleable-lg > .container {
2164 padding-right: 0;
2165 padding-left: 0; } }
2166
2167 @media (min-width: 1200px) {
2168 .navbar-toggleable-lg {
2169 flex-direction: row;
2170 flex-wrap: nowrap;
2171 align-items: center; }
2172 .navbar-toggleable-lg .navbar-nav {
2173 flex-direction: row; }
2174 .navbar-toggleable-lg .navbar-nav .nav-link {
2175 padding-right: .5rem;
2176 padding-left: .5rem; }
2177 .navbar-toggleable-lg > .container {
2178 display: flex;
2179 flex-wrap: nowrap;
2180 align-items: center; }
2181 .navbar-toggleable-lg .navbar-collapse {
2182 display: flex !important;
2183 width: 100%; }
2184 .navbar-toggleable-lg .navbar-toggler {
2185 display: none; } }
2186
2187 .navbar-toggleable-xl {
2188 flex-direction: row;
2189 flex-wrap: nowrap;
2190 align-items: center; }
2191 .navbar-toggleable-xl .navbar-nav .dropdown-menu {
2192 position: static;
2193 float: none; }
2194 .navbar-toggleable-xl > .container {
2195 padding-right: 0;
2196 padding-left: 0; }
2197 .navbar-toggleable-xl .navbar-nav {
2198 flex-direction: row; }
2199 .navbar-toggleable-xl .navbar-nav .nav-link {
2200 padding-right: .5rem;
2201 padding-left: .5rem; }
2202 .navbar-toggleable-xl > .container {
2203 display: flex;
2204 flex-wrap: nowrap;
2205 align-items: center; }
2206 .navbar-toggleable-xl .navbar-collapse {
2207 display: flex !important;
2208 width: 100%; }
2209 .navbar-toggleable-xl .navbar-toggler {
2210 display: none; }
2211
2212 .navbar-light .navbar-brand,
2213 .navbar-light .navbar-toggler {
2214 color: rgba(0, 0, 0, 0.9); }
2215 .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover,
2216 .navbar-light .navbar-toggler:focus,
2217 .navbar-light .navbar-toggler:hover {
2218 color: rgba(0, 0, 0, 0.9); }
2219
2220 .navbar-light .navbar-nav .nav-link {
2221 color: rgba(0, 0, 0, 0.5); }
2222 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
2223 color: rgba(0, 0, 0, 0.7); }
2224 .navbar-light .navbar-nav .nav-link.disabled {
2225 color: rgba(0, 0, 0, 0.3); }
2226
2227 .navbar-light .navbar-nav .open > .nav-link,
2228 .navbar-light .navbar-nav .active > .nav-link,
2229 .navbar-light .navbar-nav .nav-link.open,
2230 .navbar-light .navbar-nav .nav-link.active {
2231 color: rgba(0, 0, 0, 0.9); }
2232
2233 .navbar-light .navbar-toggler {
2234 border-color: rgba(0, 0, 0, 0.1); }
2235
2236 .navbar-light .navbar-toggler-icon {
2237 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
2238
2239 .navbar-light .navbar-text {
2240 color: rgba(0, 0, 0, 0.5); }
2241
2242 .navbar-inverse .navbar-brand,
2243 .navbar-inverse .navbar-toggler {
2244 color: white; }
2245 .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover,
2246 .navbar-inverse .navbar-toggler:focus,
2247 .navbar-inverse .navbar-toggler:hover {
2248 color: white; }
2249
2250 .navbar-inverse .navbar-nav .nav-link {
2251 color: rgba(255, 255, 255, 0.5); }
2252 .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover {
2253 color: rgba(255, 255, 255, 0.75); }
2254 .navbar-inverse .navbar-nav .nav-link.disabled {
2255 color: rgba(255, 255, 255, 0.25); }
2256
2257 .navbar-inverse .navbar-nav .open > .nav-link,
2258 .navbar-inverse .navbar-nav .active > .nav-link,
2259 .navbar-inverse .navbar-nav .nav-link.open,
2260 .navbar-inverse .navbar-nav .nav-link.active {
2261 color: white; }
2262
2263 .navbar-inverse .navbar-toggler {
2264 border-color: rgba(255, 255, 255, 0.1); }
2265
2266 .navbar-inverse .navbar-toggler-icon {
2267 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
2268
2269 .navbar-inverse .navbar-text {
2270 color: rgba(255, 255, 255, 0.5); }
2271
2272 .badge {
2273 display: inline-block;
2274 padding: 0.25em 0.4em;
2275 font-size: 100%;
2276 font-weight: bold;
2277 line-height: 1;
2278 color: #fff;
2279 text-align: center;
2280 white-space: nowrap;
2281 vertical-align: baseline;
2282 border-radius: 0.25rem; }
2283 .badge:empty {
2284 display: none; }
2285
2286 .btn .badge {
2287 position: relative;
2288 top: -1px; }
2289
2290 a.badge:focus, a.badge:hover {
2291 color: #fff;
2292 text-decoration: none;
2293 cursor: pointer; }
2294
2295 .badge-pill {
2296 padding-right: 0.6em;
2297 padding-left: 0.6em;
2298 border-radius: 10rem; }
2299
2300 .badge-default {
2301 background-color: #636c72; }
2302 .badge-default[href]:focus, .badge-default[href]:hover {
2303 background-color: #4b5257; }
2304
2305 .badge-primary {
2306 background-color: #0275d8; }
2307 .badge-primary[href]:focus, .badge-primary[href]:hover {
2308 background-color: #025aa5; }
2309
2310 .badge-success {
2311 background-color: #5cb85c; }
2312 .badge-success[href]:focus, .badge-success[href]:hover {
2313 background-color: #449d44; }
2314
2315 .badge-info {
2316 background-color: #5bc0de; }
2317 .badge-info[href]:focus, .badge-info[href]:hover {
2318 background-color: #31b0d5; }
2319
2320 .badge-warning {
2321 background-color: #f0ad4e; }
2322 .badge-warning[href]:focus, .badge-warning[href]:hover {
2323 background-color: #ec971f; }
2324
2325 .badge-danger {
2326 background-color: #d9534f; }
2327 .badge-danger[href]:focus, .badge-danger[href]:hover {
2328 background-color: #c9302c; }
2329
2330 .alert {
2331 padding: 0.75rem 1.25rem;
2332 margin-bottom: 1rem;
2333 border: 1px solid transparent;
2334 border-radius: 0.25rem; }
2335
2336 .alert-heading {
2337 color: inherit; }
2338
2339 .alert-link {
2340 font-weight: bold; }
2341
2342 .alert-dismissible .close {
2343 position: relative;
2344 top: -0.75rem;
2345 right: -1.25rem;
2346 padding: 0.75rem 1.25rem;
2347 color: inherit; }
2348
2349 .alert-success {
2350 background-color: #dff0d8;
2351 border-color: #d0e9c6;
2352 color: #3c763d; }
2353 .alert-success hr {
2354 border-top-color: #c1e2b3; }
2355 .alert-success .alert-link {
2356 color: #2b542c; }
2357
2358 .alert-info {
2359 background-color: #d9edf7;
2360 border-color: #bcdff1;
2361 color: #31708f; }
2362 .alert-info hr {
2363 border-top-color: #a6d5ec; }
2364 .alert-info .alert-link {
2365 color: #245269; }
2366
2367 .alert-warning {
2368 background-color: #fcf8e3;
2369 border-color: #faf2cc;
2370 color: #8a6d3b; }
2371 .alert-warning hr {
2372 border-top-color: #f7ecb5; }
2373 .alert-warning .alert-link {
2374 color: #66512c; }
2375
2376 .alert-danger {
2377 background-color: #f2dede;
2378 border-color: #ebcccc;
2379 color: #a94442; }
2380 .alert-danger hr {
2381 border-top-color: #e4b9b9; }
2382 .alert-danger .alert-link {
2383 color: #843534; }
2384
2385 @keyframes progress-bar-stripes {
2386 from {
2387 background-position: 1rem 0; }
2388 to {
2389 background-position: 0 0; } }
2390
2391 .progress {
2392 display: flex;
2393 overflow: hidden;
2394 font-size: 0.75rem;
2395 line-height: 1rem;
2396 text-align: center;
2397 background-color: #eceeef;
2398 border-radius: 0.25rem; }
2399
2400 .progress-bar {
2401 height: 1rem;
2402 color: #fff;
2403 background-color: #0275d8; }
2404
2405 .progress-bar-striped {
2406 background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
2407 background-size: 1rem 1rem; }
2408
2409 .progress-bar-animated {
2410 animation: progress-bar-stripes 1s linear infinite; }
2411
2412 .media {
2413 display: flex;
2414 align-items: flex-start; }
2415
2416 .media-body {
2417 flex: 1; }
2418
2419 .list-group {
2420 display: flex;
2421 flex-direction: column;
2422 padding-left: 0;
2423 margin-bottom: 0; }
2424
2425 .list-group-item-action {
2426 width: 100%;
2427 color: #464a4c;
2428 text-align: inherit; }
2429 .list-group-item-action .list-group-item-heading {
2430 color: #292b2c; }
2431 .list-group-item-action:focus, .list-group-item-action:hover {
2432 color: #464a4c;
2433 text-decoration: none;
2434 background-color: #f7f7f9; }
2435 .list-group-item-action:active {
2436 color: #292b2c;
2437 background-color: #eceeef; }
2438
2439 .list-group-item {
2440 position: relative;
2441 display: flex;
2442 flex-flow: row wrap;
2443 align-items: center;
2444 padding: 0.75rem 1.25rem;
2445 margin-bottom: -1px;
2446 background-color: #fff;
2447 border: 1px solid rgba(0, 0, 0, 0.125); }
2448 .list-group-item:first-child {
2449 border-top-right-radius: 0.25rem;
2450 border-top-left-radius: 0.25rem; }
2451 .list-group-item:last-child {
2452 margin-bottom: 0;
2453 border-bottom-right-radius: 0.25rem;
2454 border-bottom-left-radius: 0.25rem; }
2455 .list-group-item:focus, .list-group-item:hover {
2456 text-decoration: none; }
2457 .list-group-item.disabled, .list-group-item:disabled {
2458 color: #636c72;
2459 cursor: not-allowed;
2460 background-color: #fff; }
2461 .list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
2462 color: inherit; }
2463 .list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
2464 color: #636c72; }
2465 .list-group-item.active {
2466 z-index: 2;
2467 color: #fff;
2468 background-color: #0275d8;
2469 border-color: #0275d8; }
2470 .list-group-item.active .list-group-item-heading,
2471 .list-group-item.active .list-group-item-heading > small,
2472 .list-group-item.active .list-group-item-heading > .small {
2473 color: inherit; }
2474 .list-group-item.active .list-group-item-text {
2475 color: #daeeff; }
2476
2477 .list-group-flush .list-group-item {
2478 border-right: 0;
2479 border-left: 0;
2480 border-radius: 0; }
2481
2482 .list-group-flush:first-child .list-group-item:first-child {
2483 border-top: 0; }
2484
2485 .list-group-flush:last-child .list-group-item:last-child {
2486 border-bottom: 0; }
2487
2488 .list-group-item-success {
2489 color: #3c763d;
2490 background-color: #dff0d8; }
2491
2492 a.list-group-item-success,
2493 button.list-group-item-success {
2494 color: #3c763d; }
2495 a.list-group-item-success .list-group-item-heading,
2496 button.list-group-item-success .list-group-item-heading {
2497 color: inherit; }
2498 a.list-group-item-success:focus, a.list-group-item-success:hover,
2499 button.list-group-item-success:focus,
2500 button.list-group-item-success:hover {
2501 color: #3c763d;
2502 background-color: #d0e9c6; }
2503 a.list-group-item-success.active,
2504 button.list-group-item-success.active {
2505 color: #fff;
2506 background-color: #3c763d;
2507 border-color: #3c763d; }
2508
2509 .list-group-item-info {
2510 color: #31708f;
2511 background-color: #d9edf7; }
2512
2513 a.list-group-item-info,
2514 button.list-group-item-info {
2515 color: #31708f; }
2516 a.list-group-item-info .list-group-item-heading,
2517 button.list-group-item-info .list-group-item-heading {
2518 color: inherit; }
2519 a.list-group-item-info:focus, a.list-group-item-info:hover,
2520 button.list-group-item-info:focus,
2521 button.list-group-item-info:hover {
2522 color: #31708f;
2523 background-color: #c4e3f3; }
2524 a.list-group-item-info.active,
2525 button.list-group-item-info.active {
2526 color: #fff;
2527 background-color: #31708f;
2528 border-color: #31708f; }
2529
2530 .list-group-item-warning {
2531 color: #8a6d3b;
2532 background-color: #fcf8e3; }
2533
2534 a.list-group-item-warning,
2535 button.list-group-item-warning {
2536 color: #8a6d3b; }
2537 a.list-group-item-warning .list-group-item-heading,
2538 button.list-group-item-warning .list-group-item-heading {
2539 color: inherit; }
2540 a.list-group-item-warning:focus, a.list-group-item-warning:hover,
2541 button.list-group-item-warning:focus,
2542 button.list-group-item-warning:hover {
2543 color: #8a6d3b;
2544 background-color: #faf2cc; }
2545 a.list-group-item-warning.active,
2546 button.list-group-item-warning.active {
2547 color: #fff;
2548 background-color: #8a6d3b;
2549 border-color: #8a6d3b; }
2550
2551 .list-group-item-danger {
2552 color: #a94442;
2553 background-color: #f2dede; }
2554
2555 a.list-group-item-danger,
2556 button.list-group-item-danger {
2557 color: #a94442; }
2558 a.list-group-item-danger .list-group-item-heading,
2559 button.list-group-item-danger .list-group-item-heading {
2560 color: inherit; }
2561 a.list-group-item-danger:focus, a.list-group-item-danger:hover,
2562 button.list-group-item-danger:focus,
2563 button.list-group-item-danger:hover {
2564 color: #a94442;
2565 background-color: #ebcccc; }
2566 a.list-group-item-danger.active,
2567 button.list-group-item-danger.active {
2568 color: #fff;
2569 background-color: #a94442;
2570 border-color: #a94442; }
2571
2572 .align-baseline {
2573 vertical-align: baseline !important; }
2574
2575 .align-top {
2576 vertical-align: top !important; }
2577
2578 .align-middle {
2579 vertical-align: middle !important; }
2580
2581 .align-bottom {
2582 vertical-align: bottom !important; }
2583
2584 .align-text-bottom {
2585 vertical-align: text-bottom !important; }
2586
2587 .align-text-top {
2588 vertical-align: text-top !important; }
2589
2590 .bg-faded {
2591 background-color: #e3e8eb; }
2592
2593 .bg-primary {
2594 background-color: #0275d8 !important; }
2595
2596 a.bg-primary:focus, a.bg-primary:hover {
2597 background-color: #025aa5 !important; }
2598
2599 .bg-success {
2600 background-color: #5cb85c !important; }
2601
2602 a.bg-success:focus, a.bg-success:hover {
2603 background-color: #449d44 !important; }
2604
2605 .bg-info {
2606 background-color: #5bc0de !important; }
2607
2608 a.bg-info:focus, a.bg-info:hover {
2609 background-color: #31b0d5 !important; }
2610
2611 .bg-warning {
2612 background-color: #f0ad4e !important; }
2613
2614 a.bg-warning:focus, a.bg-warning:hover {
2615 background-color: #ec971f !important; }
2616
2617 .bg-danger {
2618 background-color: #d9534f !important; }
2619
2620 a.bg-danger:focus, a.bg-danger:hover {
2621 background-color: #c9302c !important; }
2622
2623 .bg-inverse {
2624 background-color: #292b2c !important; }
2625
2626 a.bg-inverse:focus, a.bg-inverse:hover {
2627 background-color: #101112 !important; }
2628
2629 .border-0 {
2630 border: 0 !important; }
2631
2632 .border-top-0 {
2633 border-top: 0 !important; }
2634
2635 .border-right-0 {
2636 border-right: 0 !important; }
2637
2638 .border-bottom-0 {
2639 border-bottom: 0 !important; }
2640
2641 .border-left-0 {
2642 border-left: 0 !important; }
2643
2644 .rounded {
2645 border-radius: 0.25rem; }
2646
2647 .rounded-top {
2648 border-top-right-radius: 0.25rem;
2649 border-top-left-radius: 0.25rem; }
2650
2651 .rounded-right {
2652 border-bottom-right-radius: 0.25rem;
2653 border-top-right-radius: 0.25rem; }
2654
2655 .rounded-bottom {
2656 border-bottom-right-radius: 0.25rem;
2657 border-bottom-left-radius: 0.25rem; }
2658
2659 .rounded-left {
2660 border-bottom-left-radius: 0.25rem;
2661 border-top-left-radius: 0.25rem; }
2662
2663 .rounded-circle {
2664 border-radius: 50%; }
2665
2666 .rounded-0 {
2667 border-radius: 0; }
2668
2669 .clearfix::after {
2670 display: block;
2671 content: "";
2672 clear: both; }
2673
2674 .d-none {
2675 display: none !important; }
2676
2677 .d-inline {
2678 display: inline !important; }
2679
2680 .d-inline-block {
2681 display: inline-block !important; }
2682
2683 .d-block {
2684 display: block !important; }
2685
2686 .d-table {
2687 display: table !important; }
2688
2689 .d-table-cell {
2690 display: table-cell !important; }
2691
2692 .d-flex {
2693 display: flex !important; }
2694
2695 .d-inline-flex {
2696 display: inline-flex !important; }
2697
2698 @media (min-width: 576px) {
2699 .d-sm-none {
2700 display: none !important; }
2701 .d-sm-inline {
2702 display: inline !important; }
2703 .d-sm-inline-block {
2704 display: inline-block !important; }
2705 .d-sm-block {
2706 display: block !important; }
2707 .d-sm-table {
2708 display: table !important; }
2709 .d-sm-table-cell {
2710 display: table-cell !important; }
2711 .d-sm-flex {
2712 display: flex !important; }
2713 .d-sm-inline-flex {
2714 display: inline-flex !important; } }
2715
2716 @media (min-width: 768px) {
2717 .d-md-none {
2718 display: none !important; }
2719 .d-md-inline {
2720 display: inline !important; }
2721 .d-md-inline-block {
2722 display: inline-block !important; }
2723 .d-md-block {
2724 display: block !important; }
2725 .d-md-table {
2726 display: table !important; }
2727 .d-md-table-cell {
2728 display: table-cell !important; }
2729 .d-md-flex {
2730 display: flex !important; }
2731 .d-md-inline-flex {
2732 display: inline-flex !important; } }
2733
2734 @media (min-width: 992px) {
2735 .d-lg-none {
2736 display: none !important; }
2737 .d-lg-inline {
2738 display: inline !important; }
2739 .d-lg-inline-block {
2740 display: inline-block !important; }
2741 .d-lg-block {
2742 display: block !important; }
2743 .d-lg-table {
2744 display: table !important; }
2745 .d-lg-table-cell {
2746 display: table-cell !important; }
2747 .d-lg-flex {
2748 display: flex !important; }
2749 .d-lg-inline-flex {
2750 display: inline-flex !important; } }
2751
2752 @media (min-width: 1200px) {
2753 .d-xl-none {
2754 display: none !important; }
2755 .d-xl-inline {
2756 display: inline !important; }
2757 .d-xl-inline-block {
2758 display: inline-block !important; }
2759 .d-xl-block {
2760 display: block !important; }
2761 .d-xl-table {
2762 display: table !important; }
2763 .d-xl-table-cell {
2764 display: table-cell !important; }
2765 .d-xl-flex {
2766 display: flex !important; }
2767 .d-xl-inline-flex {
2768 display: inline-flex !important; } }
2769
2770 .flex-first {
2771 order: -1; }
2772
2773 .flex-last {
2774 order: 1; }
2775
2776 .flex-unordered {
2777 order: 0; }
2778
2779 .flex-row {
2780 flex-direction: row !important; }
2781
2782 .flex-column {
2783 flex-direction: column !important; }
2784
2785 .flex-row-reverse {
2786 flex-direction: row-reverse !important; }
2787
2788 .flex-column-reverse {
2789 flex-direction: column-reverse !important; }
2790
2791 .flex-wrap {
2792 flex-wrap: wrap !important; }
2793
2794 .flex-nowrap {
2795 flex-wrap: nowrap !important; }
2796
2797 .flex-wrap-reverse {
2798 flex-wrap: wrap-reverse !important; }
2799
2800 .justify-content-start {
2801 justify-content: flex-start !important; }
2802
2803 .justify-content-end {
2804 justify-content: flex-end !important; }
2805
2806 .justify-content-center {
2807 justify-content: center !important; }
2808
2809 .justify-content-between {
2810 justify-content: space-between !important; }
2811
2812 .justify-content-around {
2813 justify-content: space-around !important; }
2814
2815 .align-items-start {
2816 align-items: flex-start !important; }
2817
2818 .align-items-end {
2819 align-items: flex-end !important; }
2820
2821 .align-items-center {
2822 align-items: center !important; }
2823
2824 .align-items-baseline {
2825 align-items: baseline !important; }
2826
2827 .align-items-stretch {
2828 align-items: stretch !important; }
2829
2830 .align-content-start {
2831 align-content: flex-start !important; }
2832
2833 .align-content-end {
2834 align-content: flex-end !important; }
2835
2836 .align-content-center {
2837 align-content: center !important; }
2838
2839 .align-content-between {
2840 align-content: space-between !important; }
2841
2842 .align-content-around {
2843 align-content: space-around !important; }
2844
2845 .align-content-stretch {
2846 align-content: stretch !important; }
2847
2848 .align-self-auto {
2849 align-self: auto !important; }
2850
2851 .align-self-start {
2852 align-self: flex-start !important; }
2853
2854 .align-self-end {
2855 align-self: flex-end !important; }
2856
2857 .align-self-center {
2858 align-self: center !important; }
2859
2860 .align-self-baseline {
2861 align-self: baseline !important; }
2862
2863 .align-self-stretch {
2864 align-self: stretch !important; }
2865
2866 @media (min-width: 576px) {
2867 .flex-sm-first {
2868 order: -1; }
2869 .flex-sm-last {
2870 order: 1; }
2871 .flex-sm-unordered {
2872 order: 0; }
2873 .flex-sm-row {
2874 flex-direction: row !important; }
2875 .flex-sm-column {
2876 flex-direction: column !important; }
2877 .flex-sm-row-reverse {
2878 flex-direction: row-reverse !important; }
2879 .flex-sm-column-reverse {
2880 flex-direction: column-reverse !important; }
2881 .flex-sm-wrap {
2882 flex-wrap: wrap !important; }
2883 .flex-sm-nowrap {
2884 flex-wrap: nowrap !important; }
2885 .flex-sm-wrap-reverse {
2886 flex-wrap: wrap-reverse !important; }
2887 .justify-content-sm-start {
2888 justify-content: flex-start !important; }
2889 .justify-content-sm-end {
2890 justify-content: flex-end !important; }
2891 .justify-content-sm-center {
2892 justify-content: center !important; }
2893 .justify-content-sm-between {
2894 justify-content: space-between !important; }
2895 .justify-content-sm-around {
2896 justify-content: space-around !important; }
2897 .align-items-sm-start {
2898 align-items: flex-start !important; }
2899 .align-items-sm-end {
2900 align-items: flex-end !important; }
2901 .align-items-sm-center {
2902 align-items: center !important; }
2903 .align-items-sm-baseline {
2904 align-items: baseline !important; }
2905 .align-items-sm-stretch {
2906 align-items: stretch !important; }
2907 .align-content-sm-start {
2908 align-content: flex-start !important; }
2909 .align-content-sm-end {
2910 align-content: flex-end !important; }
2911 .align-content-sm-center {
2912 align-content: center !important; }
2913 .align-content-sm-between {
2914 align-content: space-between !important; }
2915 .align-content-sm-around {
2916 align-content: space-around !important; }
2917 .align-content-sm-stretch {
2918 align-content: stretch !important; }
2919 .align-self-sm-auto {
2920 align-self: auto !important; }
2921 .align-self-sm-start {
2922 align-self: flex-start !important; }
2923 .align-self-sm-end {
2924 align-self: flex-end !important; }
2925 .align-self-sm-center {
2926 align-self: center !important; }
2927 .align-self-sm-baseline {
2928 align-self: baseline !important; }
2929 .align-self-sm-stretch {
2930 align-self: stretch !important; } }
2931
2932 @media (min-width: 768px) {
2933 .flex-md-first {
2934 order: -1; }
2935 .flex-md-last {
2936 order: 1; }
2937 .flex-md-unordered {
2938 order: 0; }
2939 .flex-md-row {
2940 flex-direction: row !important; }
2941 .flex-md-column {
2942 flex-direction: column !important; }
2943 .flex-md-row-reverse {
2944 flex-direction: row-reverse !important; }
2945 .flex-md-column-reverse {
2946 flex-direction: column-reverse !important; }
2947 .flex-md-wrap {
2948 flex-wrap: wrap !important; }
2949 .flex-md-nowrap {
2950 flex-wrap: nowrap !important; }
2951 .flex-md-wrap-reverse {
2952 flex-wrap: wrap-reverse !important; }
2953 .justify-content-md-start {
2954 justify-content: flex-start !important; }
2955 .justify-content-md-end {
2956 justify-content: flex-end !important; }
2957 .justify-content-md-center {
2958 justify-content: center !important; }
2959 .justify-content-md-between {
2960 justify-content: space-between !important; }
2961 .justify-content-md-around {
2962 justify-content: space-around !important; }
2963 .align-items-md-start {
2964 align-items: flex-start !important; }
2965 .align-items-md-end {
2966 align-items: flex-end !important; }
2967 .align-items-md-center {
2968 align-items: center !important; }
2969 .align-items-md-baseline {
2970 align-items: baseline !important; }
2971 .align-items-md-stretch {
2972 align-items: stretch !important; }
2973 .align-content-md-start {
2974 align-content: flex-start !important; }
2975 .align-content-md-end {
2976 align-content: flex-end !important; }
2977 .align-content-md-center {
2978 align-content: center !important; }
2979 .align-content-md-between {
2980 align-content: space-between !important; }
2981 .align-content-md-around {
2982 align-content: space-around !important; }
2983 .align-content-md-stretch {
2984 align-content: stretch !important; }
2985 .align-self-md-auto {
2986 align-self: auto !important; }
2987 .align-self-md-start {
2988 align-self: flex-start !important; }
2989 .align-self-md-end {
2990 align-self: flex-end !important; }
2991 .align-self-md-center {
2992 align-self: center !important; }
2993 .align-self-md-baseline {
2994 align-self: baseline !important; }
2995 .align-self-md-stretch {
2996 align-self: stretch !important; } }
2997
2998 @media (min-width: 992px) {
2999 .flex-lg-first {
3000 order: -1; }
3001 .flex-lg-last {
3002 order: 1; }
3003 .flex-lg-unordered {
3004 order: 0; }
3005 .flex-lg-row {
3006 flex-direction: row !important; }
3007 .flex-lg-column {
3008 flex-direction: column !important; }
3009 .flex-lg-row-reverse {
3010 flex-direction: row-reverse !important; }
3011 .flex-lg-column-reverse {
3012 flex-direction: column-reverse !important; }
3013 .flex-lg-wrap {
3014 flex-wrap: wrap !important; }
3015 .flex-lg-nowrap {
3016 flex-wrap: nowrap !important; }
3017 .flex-lg-wrap-reverse {
3018 flex-wrap: wrap-reverse !important; }
3019 .justify-content-lg-start {
3020 justify-content: flex-start !important; }
3021 .justify-content-lg-end {
3022 justify-content: flex-end !important; }
3023 .justify-content-lg-center {
3024 justify-content: center !important; }
3025 .justify-content-lg-between {
3026 justify-content: space-between !important; }
3027 .justify-content-lg-around {
3028 justify-content: space-around !important; }
3029 .align-items-lg-start {
3030 align-items: flex-start !important; }
3031 .align-items-lg-end {
3032 align-items: flex-end !important; }
3033 .align-items-lg-center {
3034 align-items: center !important; }
3035 .align-items-lg-baseline {
3036 align-items: baseline !important; }
3037 .align-items-lg-stretch {
3038 align-items: stretch !important; }
3039 .align-content-lg-start {
3040 align-content: flex-start !important; }
3041 .align-content-lg-end {
3042 align-content: flex-end !important; }
3043 .align-content-lg-center {
3044 align-content: center !important; }
3045 .align-content-lg-between {
3046 align-content: space-between !important; }
3047 .align-content-lg-around {
3048 align-content: space-around !important; }
3049 .align-content-lg-stretch {
3050 align-content: stretch !important; }
3051 .align-self-lg-auto {
3052 align-self: auto !important; }
3053 .align-self-lg-start {
3054 align-self: flex-start !important; }
3055 .align-self-lg-end {
3056 align-self: flex-end !important; }
3057 .align-self-lg-center {
3058 align-self: center !important; }
3059 .align-self-lg-baseline {
3060 align-self: baseline !important; }
3061 .align-self-lg-stretch {
3062 align-self: stretch !important; } }
3063
3064 @media (min-width: 1200px) {
3065 .flex-xl-first {
3066 order: -1; }
3067 .flex-xl-last {
3068 order: 1; }
3069 .flex-xl-unordered {
3070 order: 0; }
3071 .flex-xl-row {
3072 flex-direction: row !important; }
3073 .flex-xl-column {
3074 flex-direction: column !important; }
3075 .flex-xl-row-reverse {
3076 flex-direction: row-reverse !important; }
3077 .flex-xl-column-reverse {
3078 flex-direction: column-reverse !important; }
3079 .flex-xl-wrap {
3080 flex-wrap: wrap !important; }
3081 .flex-xl-nowrap {
3082 flex-wrap: nowrap !important; }
3083 .flex-xl-wrap-reverse {
3084 flex-wrap: wrap-reverse !important; }
3085 .justify-content-xl-start {
3086 justify-content: flex-start !important; }
3087 .justify-content-xl-end {
3088 justify-content: flex-end !important; }
3089 .justify-content-xl-center {
3090 justify-content: center !important; }
3091 .justify-content-xl-between {
3092 justify-content: space-between !important; }
3093 .justify-content-xl-around {
3094 justify-content: space-around !important; }
3095 .align-items-xl-start {
3096 align-items: flex-start !important; }
3097 .align-items-xl-end {
3098 align-items: flex-end !important; }
3099 .align-items-xl-center {
3100 align-items: center !important; }
3101 .align-items-xl-baseline {
3102 align-items: baseline !important; }
3103 .align-items-xl-stretch {
3104 align-items: stretch !important; }
3105 .align-content-xl-start {
3106 align-content: flex-start !important; }
3107 .align-content-xl-end {
3108 align-content: flex-end !important; }
3109 .align-content-xl-center {
3110 align-content: center !important; }
3111 .align-content-xl-between {
3112 align-content: space-between !important; }
3113 .align-content-xl-around {
3114 align-content: space-around !important; }
3115 .align-content-xl-stretch {
3116 align-content: stretch !important; }
3117 .align-self-xl-auto {
3118 align-self: auto !important; }
3119 .align-self-xl-start {
3120 align-self: flex-start !important; }
3121 .align-self-xl-end {
3122 align-self: flex-end !important; }
3123 .align-self-xl-center {
3124 align-self: center !important; }
3125 .align-self-xl-baseline {
3126 align-self: baseline !important; }
3127 .align-self-xl-stretch {
3128 align-self: stretch !important; } }
3129
3130 .float-left {
3131 float: left !important; }
3132
3133 .float-right {
3134 float: right !important; }
3135
3136 .float-none {
3137 float: none !important; }
3138
3139 @media (min-width: 576px) {
3140 .float-sm-left {
3141 float: left !important; }
3142 .float-sm-right {
3143 float: right !important; }
3144 .float-sm-none {
3145 float: none !important; } }
3146
3147 @media (min-width: 768px) {
3148 .float-md-left {
3149 float: left !important; }
3150 .float-md-right {
3151 float: right !important; }
3152 .float-md-none {
3153 float: none !important; } }
3154
3155 @media (min-width: 992px) {
3156 .float-lg-left {
3157 float: left !important; }
3158 .float-lg-right {
3159 float: right !important; }
3160 .float-lg-none {
3161 float: none !important; } }
3162
3163 @media (min-width: 1200px) {
3164 .float-xl-left {
3165 float: left !important; }
3166 .float-xl-right {
3167 float: right !important; }
3168 .float-xl-none {
3169 float: none !important; } }
3170
3171 .fixed-top {
3172 position: fixed;
3173 top: 0;
3174 right: 0;
3175 left: 0;
3176 z-index: 1030; }
3177
3178 .fixed-bottom {
3179 position: fixed;
3180 right: 0;
3181 bottom: 0;
3182 left: 0;
3183 z-index: 1030; }
3184
3185 .sticky-top {
3186 position: sticky;
3187 top: 0;
3188 z-index: 1030; }
3189
3190 .sr-only {
3191 position: absolute;
3192 width: 1px;
3193 height: 1px;
3194 padding: 0;
3195 margin: -1px;
3196 overflow: hidden;
3197 clip: rect(0, 0, 0, 0);
3198 border: 0; }
3199
3200 .sr-only-focusable:active, .sr-only-focusable:focus {
3201 position: static;
3202 width: auto;
3203 height: auto;
3204 margin: 0;
3205 overflow: visible;
3206 clip: auto; }
3207
3208 .w-25 {
3209 width: 25% !important; }
3210
3211 .w-50 {
3212 width: 50% !important; }
3213
3214 .w-75 {
3215 width: 75% !important; }
3216
3217 .w-100 {
3218 width: 100% !important; }
3219
3220 .h-25 {
3221 height: 25% !important; }
3222
3223 .h-50 {
3224 height: 50% !important; }
3225
3226 .h-75 {
3227 height: 75% !important; }
3228
3229 .h-100 {
3230 height: 100% !important; }
3231
3232 .mw-100 {
3233 max-width: 100% !important; }
3234
3235 .mh-100 {
3236 max-height: 100% !important; }
3237
3238 .m-0 {
3239 margin: 0 0 !important; }
3240
3241 .mt-0 {
3242 margin-top: 0 !important; }
3243
3244 .mr-0 {
3245 margin-right: 0 !important; }
3246
3247 .mb-0 {
3248 margin-bottom: 0 !important; }
3249
3250 .ml-0 {
3251 margin-left: 0 !important; }
3252
3253 .mx-0 {
3254 margin-right: 0 !important;
3255 margin-left: 0 !important; }
3256
3257 .my-0 {
3258 margin-top: 0 !important;
3259 margin-bottom: 0 !important; }
3260
3261 .m-1 {
3262 margin: 2px 2px !important; }
3263
3264 .mt-1 {
3265 margin-top: 2px !important; }
3266
3267 .mr-1 {
3268 margin-right: 2px !important; }
3269
3270 .mb-1 {
3271 margin-bottom: 2px !important; }
3272
3273 .ml-1 {
3274 margin-left: 2px !important; }
3275
3276 .mx-1 {
3277 margin-right: 2px !important;
3278 margin-left: 2px !important; }
3279
3280 .my-1 {
3281 margin-top: 2px !important;
3282 margin-bottom: 2px !important; }
3283
3284 .m-2 {
3285 margin: 4px 4px !important; }
3286
3287 .mt-2 {
3288 margin-top: 4px !important; }
3289
3290 .mr-2 {
3291 margin-right: 4px !important; }
3292
3293 .mb-2 {
3294 margin-bottom: 4px !important; }
3295
3296 .ml-2 {
3297 margin-left: 4px !important; }
3298
3299 .mx-2 {
3300 margin-right: 4px !important;
3301 margin-left: 4px !important; }
3302
3303 .my-2 {
3304 margin-top: 4px !important;
3305 margin-bottom: 4px !important; }
3306
3307 .m-3 {
3308 margin: 8px 8px !important; }
3309
3310 .mt-3 {
3311 margin-top: 8px !important; }
3312
3313 .mr-3 {
3314 margin-right: 8px !important; }
3315
3316 .mb-3 {
3317 margin-bottom: 8px !important; }
3318
3319 .ml-3 {
3320 margin-left: 8px !important; }
3321
3322 .mx-3 {
3323 margin-right: 8px !important;
3324 margin-left: 8px !important; }
3325
3326 .my-3 {
3327 margin-top: 8px !important;
3328 margin-bottom: 8px !important; }
3329
3330 .m-4 {
3331 margin: 12px 12px !important; }
3332
3333 .mt-4 {
3334 margin-top: 12px !important; }
3335
3336 .mr-4 {
3337 margin-right: 12px !important; }
3338
3339 .mb-4 {
3340 margin-bottom: 12px !important; }
3341
3342 .ml-4 {
3343 margin-left: 12px !important; }
3344
3345 .mx-4 {
3346 margin-right: 12px !important;
3347 margin-left: 12px !important; }
3348
3349 .my-4 {
3350 margin-top: 12px !important;
3351 margin-bottom: 12px !important; }
3352
3353 .m-5 {
3354 margin: 16px 16px !important; }
3355
3356 .mt-5 {
3357 margin-top: 16px !important; }
3358
3359 .mr-5 {
3360 margin-right: 16px !important; }
3361
3362 .mb-5 {
3363 margin-bottom: 16px !important; }
3364
3365 .ml-5 {
3366 margin-left: 16px !important; }
3367
3368 .mx-5 {
3369 margin-right: 16px !important;
3370 margin-left: 16px !important; }
3371
3372 .my-5 {
3373 margin-top: 16px !important;
3374 margin-bottom: 16px !important; }
3375
3376 .m-6 {
3377 margin: 48px 48px !important; }
3378
3379 .mt-6 {
3380 margin-top: 48px !important; }
3381
3382 .mr-6 {
3383 margin-right: 48px !important; }
3384
3385 .mb-6 {
3386 margin-bottom: 48px !important; }
3387
3388 .ml-6 {
3389 margin-left: 48px !important; }
3390
3391 .mx-6 {
3392 margin-right: 48px !important;
3393 margin-left: 48px !important; }
3394
3395 .my-6 {
3396 margin-top: 48px !important;
3397 margin-bottom: 48px !important; }
3398
3399 .p-0 {
3400 padding: 0 0 !important; }
3401
3402 .pt-0 {
3403 padding-top: 0 !important; }
3404
3405 .pr-0 {
3406 padding-right: 0 !important; }
3407
3408 .pb-0 {
3409 padding-bottom: 0 !important; }
3410
3411 .pl-0 {
3412 padding-left: 0 !important; }
3413
3414 .px-0 {
3415 padding-right: 0 !important;
3416 padding-left: 0 !important; }
3417
3418 .py-0 {
3419 padding-top: 0 !important;
3420 padding-bottom: 0 !important; }
3421
3422 .p-1 {
3423 padding: 2px 2px !important; }
3424
3425 .pt-1 {
3426 padding-top: 2px !important; }
3427
3428 .pr-1 {
3429 padding-right: 2px !important; }
3430
3431 .pb-1 {
3432 padding-bottom: 2px !important; }
3433
3434 .pl-1 {
3435 padding-left: 2px !important; }
3436
3437 .px-1 {
3438 padding-right: 2px !important;
3439 padding-left: 2px !important; }
3440
3441 .py-1 {
3442 padding-top: 2px !important;
3443 padding-bottom: 2px !important; }
3444
3445 .p-2 {
3446 padding: 4px 4px !important; }
3447
3448 .pt-2 {
3449 padding-top: 4px !important; }
3450
3451 .pr-2 {
3452 padding-right: 4px !important; }
3453
3454 .pb-2 {
3455 padding-bottom: 4px !important; }
3456
3457 .pl-2 {
3458 padding-left: 4px !important; }
3459
3460 .px-2 {
3461 padding-right: 4px !important;
3462 padding-left: 4px !important; }
3463
3464 .py-2 {
3465 padding-top: 4px !important;
3466 padding-bottom: 4px !important; }
3467
3468 .p-3 {
3469 padding: 8px 8px !important; }
3470
3471 .pt-3 {
3472 padding-top: 8px !important; }
3473
3474 .pr-3 {
3475 padding-right: 8px !important; }
3476
3477 .pb-3 {
3478 padding-bottom: 8px !important; }
3479
3480 .pl-3 {
3481 padding-left: 8px !important; }
3482
3483 .px-3 {
3484 padding-right: 8px !important;
3485 padding-left: 8px !important; }
3486
3487 .py-3 {
3488 padding-top: 8px !important;
3489 padding-bottom: 8px !important; }
3490
3491 .p-4 {
3492 padding: 12px 12px !important; }
3493
3494 .pt-4 {
3495 padding-top: 12px !important; }
3496
3497 .pr-4 {
3498 padding-right: 12px !important; }
3499
3500 .pb-4 {
3501 padding-bottom: 12px !important; }
3502
3503 .pl-4 {
3504 padding-left: 12px !important; }
3505
3506 .px-4 {
3507 padding-right: 12px !important;
3508 padding-left: 12px !important; }
3509
3510 .py-4 {
3511 padding-top: 12px !important;
3512 padding-bottom: 12px !important; }
3513
3514 .p-5 {
3515 padding: 16px 16px !important; }
3516
3517 .pt-5 {
3518 padding-top: 16px !important; }
3519
3520 .pr-5 {
3521 padding-right: 16px !important; }
3522
3523 .pb-5 {
3524 padding-bottom: 16px !important; }
3525
3526 .pl-5 {
3527 padding-left: 16px !important; }
3528
3529 .px-5 {
3530 padding-right: 16px !important;
3531 padding-left: 16px !important; }
3532
3533 .py-5 {
3534 padding-top: 16px !important;
3535 padding-bottom: 16px !important; }
3536
3537 .p-6 {
3538 padding: 48px 48px !important; }
3539
3540 .pt-6 {
3541 padding-top: 48px !important; }
3542
3543 .pr-6 {
3544 padding-right: 48px !important; }
3545
3546 .pb-6 {
3547 padding-bottom: 48px !important; }
3548
3549 .pl-6 {
3550 padding-left: 48px !important; }
3551
3552 .px-6 {
3553 padding-right: 48px !important;
3554 padding-left: 48px !important; }
3555
3556 .py-6 {
3557 padding-top: 48px !important;
3558 padding-bottom: 48px !important; }
3559
3560 .m-auto {
3561 margin: auto !important; }
3562
3563 .mt-auto {
3564 margin-top: auto !important; }
3565
3566 .mr-auto {
3567 margin-right: auto !important; }
3568
3569 .mb-auto {
3570 margin-bottom: auto !important; }
3571
3572 .ml-auto {
3573 margin-left: auto !important; }
3574
3575 .mx-auto {
3576 margin-right: auto !important;
3577 margin-left: auto !important; }
3578
3579 .my-auto {
3580 margin-top: auto !important;
3581 margin-bottom: auto !important; }
3582
3583 @media (min-width: 576px) {
3584 .m-sm-0 {
3585 margin: 0 0 !important; }
3586 .mt-sm-0 {
3587 margin-top: 0 !important; }
3588 .mr-sm-0 {
3589 margin-right: 0 !important; }
3590 .mb-sm-0 {
3591 margin-bottom: 0 !important; }
3592 .ml-sm-0 {
3593 margin-left: 0 !important; }
3594 .mx-sm-0 {
3595 margin-right: 0 !important;
3596 margin-left: 0 !important; }
3597 .my-sm-0 {
3598 margin-top: 0 !important;
3599 margin-bottom: 0 !important; }
3600 .m-sm-1 {
3601 margin: 2px 2px !important; }
3602 .mt-sm-1 {
3603 margin-top: 2px !important; }
3604 .mr-sm-1 {
3605 margin-right: 2px !important; }
3606 .mb-sm-1 {
3607 margin-bottom: 2px !important; }
3608 .ml-sm-1 {
3609 margin-left: 2px !important; }
3610 .mx-sm-1 {
3611 margin-right: 2px !important;
3612 margin-left: 2px !important; }
3613 .my-sm-1 {
3614 margin-top: 2px !important;
3615 margin-bottom: 2px !important; }
3616 .m-sm-2 {
3617 margin: 4px 4px !important; }
3618 .mt-sm-2 {
3619 margin-top: 4px !important; }
3620 .mr-sm-2 {
3621 margin-right: 4px !important; }
3622 .mb-sm-2 {
3623 margin-bottom: 4px !important; }
3624 .ml-sm-2 {
3625 margin-left: 4px !important; }
3626 .mx-sm-2 {
3627 margin-right: 4px !important;
3628 margin-left: 4px !important; }
3629 .my-sm-2 {
3630 margin-top: 4px !important;
3631 margin-bottom: 4px !important; }
3632 .m-sm-3 {
3633 margin: 8px 8px !important; }
3634 .mt-sm-3 {
3635 margin-top: 8px !important; }
3636 .mr-sm-3 {
3637 margin-right: 8px !important; }
3638 .mb-sm-3 {
3639 margin-bottom: 8px !important; }
3640 .ml-sm-3 {
3641 margin-left: 8px !important; }
3642 .mx-sm-3 {
3643 margin-right: 8px !important;
3644 margin-left: 8px !important; }
3645 .my-sm-3 {
3646 margin-top: 8px !important;
3647 margin-bottom: 8px !important; }
3648 .m-sm-4 {
3649 margin: 12px 12px !important; }
3650 .mt-sm-4 {
3651 margin-top: 12px !important; }
3652 .mr-sm-4 {
3653 margin-right: 12px !important; }
3654 .mb-sm-4 {
3655 margin-bottom: 12px !important; }
3656 .ml-sm-4 {
3657 margin-left: 12px !important; }
3658 .mx-sm-4 {
3659 margin-right: 12px !important;
3660 margin-left: 12px !important; }
3661 .my-sm-4 {
3662 margin-top: 12px !important;
3663 margin-bottom: 12px !important; }
3664 .m-sm-5 {
3665 margin: 16px 16px !important; }
3666 .mt-sm-5 {
3667 margin-top: 16px !important; }
3668 .mr-sm-5 {
3669 margin-right: 16px !important; }
3670 .mb-sm-5 {
3671 margin-bottom: 16px !important; }
3672 .ml-sm-5 {
3673 margin-left: 16px !important; }
3674 .mx-sm-5 {
3675 margin-right: 16px !important;
3676 margin-left: 16px !important; }
3677 .my-sm-5 {
3678 margin-top: 16px !important;
3679 margin-bottom: 16px !important; }
3680 .m-sm-6 {
3681 margin: 48px 48px !important; }
3682 .mt-sm-6 {
3683 margin-top: 48px !important; }
3684 .mr-sm-6 {
3685 margin-right: 48px !important; }
3686 .mb-sm-6 {
3687 margin-bottom: 48px !important; }
3688 .ml-sm-6 {
3689 margin-left: 48px !important; }
3690 .mx-sm-6 {
3691 margin-right: 48px !important;
3692 margin-left: 48px !important; }
3693 .my-sm-6 {
3694 margin-top: 48px !important;
3695 margin-bottom: 48px !important; }
3696 .p-sm-0 {
3697 padding: 0 0 !important; }
3698 .pt-sm-0 {
3699 padding-top: 0 !important; }
3700 .pr-sm-0 {
3701 padding-right: 0 !important; }
3702 .pb-sm-0 {
3703 padding-bottom: 0 !important; }
3704 .pl-sm-0 {
3705 padding-left: 0 !important; }
3706 .px-sm-0 {
3707 padding-right: 0 !important;
3708 padding-left: 0 !important; }
3709 .py-sm-0 {
3710 padding-top: 0 !important;
3711 padding-bottom: 0 !important; }
3712 .p-sm-1 {
3713 padding: 2px 2px !important; }
3714 .pt-sm-1 {
3715 padding-top: 2px !important; }
3716 .pr-sm-1 {
3717 padding-right: 2px !important; }
3718 .pb-sm-1 {
3719 padding-bottom: 2px !important; }
3720 .pl-sm-1 {
3721 padding-left: 2px !important; }
3722 .px-sm-1 {
3723 padding-right: 2px !important;
3724 padding-left: 2px !important; }
3725 .py-sm-1 {
3726 padding-top: 2px !important;
3727 padding-bottom: 2px !important; }
3728 .p-sm-2 {
3729 padding: 4px 4px !important; }
3730 .pt-sm-2 {
3731 padding-top: 4px !important; }
3732 .pr-sm-2 {
3733 padding-right: 4px !important; }
3734 .pb-sm-2 {
3735 padding-bottom: 4px !important; }
3736 .pl-sm-2 {
3737 padding-left: 4px !important; }
3738 .px-sm-2 {
3739 padding-right: 4px !important;
3740 padding-left: 4px !important; }
3741 .py-sm-2 {
3742 padding-top: 4px !important;
3743 padding-bottom: 4px !important; }
3744 .p-sm-3 {
3745 padding: 8px 8px !important; }
3746 .pt-sm-3 {
3747 padding-top: 8px !important; }
3748 .pr-sm-3 {
3749 padding-right: 8px !important; }
3750 .pb-sm-3 {
3751 padding-bottom: 8px !important; }
3752 .pl-sm-3 {
3753 padding-left: 8px !important; }
3754 .px-sm-3 {
3755 padding-right: 8px !important;
3756 padding-left: 8px !important; }
3757 .py-sm-3 {
3758 padding-top: 8px !important;
3759 padding-bottom: 8px !important; }
3760 .p-sm-4 {
3761 padding: 12px 12px !important; }
3762 .pt-sm-4 {
3763 padding-top: 12px !important; }
3764 .pr-sm-4 {
3765 padding-right: 12px !important; }
3766 .pb-sm-4 {
3767 padding-bottom: 12px !important; }
3768 .pl-sm-4 {
3769 padding-left: 12px !important; }
3770 .px-sm-4 {
3771 padding-right: 12px !important;
3772 padding-left: 12px !important; }
3773 .py-sm-4 {
3774 padding-top: 12px !important;
3775 padding-bottom: 12px !important; }
3776 .p-sm-5 {
3777 padding: 16px 16px !important; }
3778 .pt-sm-5 {
3779 padding-top: 16px !important; }
3780 .pr-sm-5 {
3781 padding-right: 16px !important; }
3782 .pb-sm-5 {
3783 padding-bottom: 16px !important; }
3784 .pl-sm-5 {
3785 padding-left: 16px !important; }
3786 .px-sm-5 {
3787 padding-right: 16px !important;
3788 padding-left: 16px !important; }
3789 .py-sm-5 {
3790 padding-top: 16px !important;
3791 padding-bottom: 16px !important; }
3792 .p-sm-6 {
3793 padding: 48px 48px !important; }
3794 .pt-sm-6 {
3795 padding-top: 48px !important; }
3796 .pr-sm-6 {
3797 padding-right: 48px !important; }
3798 .pb-sm-6 {
3799 padding-bottom: 48px !important; }
3800 .pl-sm-6 {
3801 padding-left: 48px !important; }
3802 .px-sm-6 {
3803 padding-right: 48px !important;
3804 padding-left: 48px !important; }
3805 .py-sm-6 {
3806 padding-top: 48px !important;
3807 padding-bottom: 48px !important; }
3808 .m-sm-auto {
3809 margin: auto !important; }
3810 .mt-sm-auto {
3811 margin-top: auto !important; }
3812 .mr-sm-auto {
3813 margin-right: auto !important; }
3814 .mb-sm-auto {
3815 margin-bottom: auto !important; }
3816 .ml-sm-auto {
3817 margin-left: auto !important; }
3818 .mx-sm-auto {
3819 margin-right: auto !important;
3820 margin-left: auto !important; }
3821 .my-sm-auto {
3822 margin-top: auto !important;
3823 margin-bottom: auto !important; } }
3824
3825 @media (min-width: 768px) {
3826 .m-md-0 {
3827 margin: 0 0 !important; }
3828 .mt-md-0 {
3829 margin-top: 0 !important; }
3830 .mr-md-0 {
3831 margin-right: 0 !important; }
3832 .mb-md-0 {
3833 margin-bottom: 0 !important; }
3834 .ml-md-0 {
3835 margin-left: 0 !important; }
3836 .mx-md-0 {
3837 margin-right: 0 !important;
3838 margin-left: 0 !important; }
3839 .my-md-0 {
3840 margin-top: 0 !important;
3841 margin-bottom: 0 !important; }
3842 .m-md-1 {
3843 margin: 2px 2px !important; }
3844 .mt-md-1 {
3845 margin-top: 2px !important; }
3846 .mr-md-1 {
3847 margin-right: 2px !important; }
3848 .mb-md-1 {
3849 margin-bottom: 2px !important; }
3850 .ml-md-1 {
3851 margin-left: 2px !important; }
3852 .mx-md-1 {
3853 margin-right: 2px !important;
3854 margin-left: 2px !important; }
3855 .my-md-1 {
3856 margin-top: 2px !important;
3857 margin-bottom: 2px !important; }
3858 .m-md-2 {
3859 margin: 4px 4px !important; }
3860 .mt-md-2 {
3861 margin-top: 4px !important; }
3862 .mr-md-2 {
3863 margin-right: 4px !important; }
3864 .mb-md-2 {
3865 margin-bottom: 4px !important; }
3866 .ml-md-2 {
3867 margin-left: 4px !important; }
3868 .mx-md-2 {
3869 margin-right: 4px !important;
3870 margin-left: 4px !important; }
3871 .my-md-2 {
3872 margin-top: 4px !important;
3873 margin-bottom: 4px !important; }
3874 .m-md-3 {
3875 margin: 8px 8px !important; }
3876 .mt-md-3 {
3877 margin-top: 8px !important; }
3878 .mr-md-3 {
3879 margin-right: 8px !important; }
3880 .mb-md-3 {
3881 margin-bottom: 8px !important; }
3882 .ml-md-3 {
3883 margin-left: 8px !important; }
3884 .mx-md-3 {
3885 margin-right: 8px !important;
3886 margin-left: 8px !important; }
3887 .my-md-3 {
3888 margin-top: 8px !important;
3889 margin-bottom: 8px !important; }
3890 .m-md-4 {
3891 margin: 12px 12px !important; }
3892 .mt-md-4 {
3893 margin-top: 12px !important; }
3894 .mr-md-4 {
3895 margin-right: 12px !important; }
3896 .mb-md-4 {
3897 margin-bottom: 12px !important; }
3898 .ml-md-4 {
3899 margin-left: 12px !important; }
3900 .mx-md-4 {
3901 margin-right: 12px !important;
3902 margin-left: 12px !important; }
3903 .my-md-4 {
3904 margin-top: 12px !important;
3905 margin-bottom: 12px !important; }
3906 .m-md-5 {
3907 margin: 16px 16px !important; }
3908 .mt-md-5 {
3909 margin-top: 16px !important; }
3910 .mr-md-5 {
3911 margin-right: 16px !important; }
3912 .mb-md-5 {
3913 margin-bottom: 16px !important; }
3914 .ml-md-5 {
3915 margin-left: 16px !important; }
3916 .mx-md-5 {
3917 margin-right: 16px !important;
3918 margin-left: 16px !important; }
3919 .my-md-5 {
3920 margin-top: 16px !important;
3921 margin-bottom: 16px !important; }
3922 .m-md-6 {
3923 margin: 48px 48px !important; }
3924 .mt-md-6 {
3925 margin-top: 48px !important; }
3926 .mr-md-6 {
3927 margin-right: 48px !important; }
3928 .mb-md-6 {
3929 margin-bottom: 48px !important; }
3930 .ml-md-6 {
3931 margin-left: 48px !important; }
3932 .mx-md-6 {
3933 margin-right: 48px !important;
3934 margin-left: 48px !important; }
3935 .my-md-6 {
3936 margin-top: 48px !important;
3937 margin-bottom: 48px !important; }
3938 .p-md-0 {
3939 padding: 0 0 !important; }
3940 .pt-md-0 {
3941 padding-top: 0 !important; }
3942 .pr-md-0 {
3943 padding-right: 0 !important; }
3944 .pb-md-0 {
3945 padding-bottom: 0 !important; }
3946 .pl-md-0 {
3947 padding-left: 0 !important; }
3948 .px-md-0 {
3949 padding-right: 0 !important;
3950 padding-left: 0 !important; }
3951 .py-md-0 {
3952 padding-top: 0 !important;
3953 padding-bottom: 0 !important; }
3954 .p-md-1 {
3955 padding: 2px 2px !important; }
3956 .pt-md-1 {
3957 padding-top: 2px !important; }
3958 .pr-md-1 {
3959 padding-right: 2px !important; }
3960 .pb-md-1 {
3961 padding-bottom: 2px !important; }
3962 .pl-md-1 {
3963 padding-left: 2px !important; }
3964 .px-md-1 {
3965 padding-right: 2px !important;
3966 padding-left: 2px !important; }
3967 .py-md-1 {
3968 padding-top: 2px !important;
3969 padding-bottom: 2px !important; }
3970 .p-md-2 {
3971 padding: 4px 4px !important; }
3972 .pt-md-2 {
3973 padding-top: 4px !important; }
3974 .pr-md-2 {
3975 padding-right: 4px !important; }
3976 .pb-md-2 {
3977 padding-bottom: 4px !important; }
3978 .pl-md-2 {
3979 padding-left: 4px !important; }
3980 .px-md-2 {
3981 padding-right: 4px !important;
3982 padding-left: 4px !important; }
3983 .py-md-2 {
3984 padding-top: 4px !important;
3985 padding-bottom: 4px !important; }
3986 .p-md-3 {
3987 padding: 8px 8px !important; }
3988 .pt-md-3 {
3989 padding-top: 8px !important; }
3990 .pr-md-3 {
3991 padding-right: 8px !important; }
3992 .pb-md-3 {
3993 padding-bottom: 8px !important; }
3994 .pl-md-3 {
3995 padding-left: 8px !important; }
3996 .px-md-3 {
3997 padding-right: 8px !important;
3998 padding-left: 8px !important; }
3999 .py-md-3 {
4000 padding-top: 8px !important;
4001 padding-bottom: 8px !important; }
4002 .p-md-4 {
4003 padding: 12px 12px !important; }
4004 .pt-md-4 {
4005 padding-top: 12px !important; }
4006 .pr-md-4 {
4007 padding-right: 12px !important; }
4008 .pb-md-4 {
4009 padding-bottom: 12px !important; }
4010 .pl-md-4 {
4011 padding-left: 12px !important; }
4012 .px-md-4 {
4013 padding-right: 12px !important;
4014 padding-left: 12px !important; }
4015 .py-md-4 {
4016 padding-top: 12px !important;
4017 padding-bottom: 12px !important; }
4018 .p-md-5 {
4019 padding: 16px 16px !important; }
4020 .pt-md-5 {
4021 padding-top: 16px !important; }
4022 .pr-md-5 {
4023 padding-right: 16px !important; }
4024 .pb-md-5 {
4025 padding-bottom: 16px !important; }
4026 .pl-md-5 {
4027 padding-left: 16px !important; }
4028 .px-md-5 {
4029 padding-right: 16px !important;
4030 padding-left: 16px !important; }
4031 .py-md-5 {
4032 padding-top: 16px !important;
4033 padding-bottom: 16px !important; }
4034 .p-md-6 {
4035 padding: 48px 48px !important; }
4036 .pt-md-6 {
4037 padding-top: 48px !important; }
4038 .pr-md-6 {
4039 padding-right: 48px !important; }
4040 .pb-md-6 {
4041 padding-bottom: 48px !important; }
4042 .pl-md-6 {
4043 padding-left: 48px !important; }
4044 .px-md-6 {
4045 padding-right: 48px !important;
4046 padding-left: 48px !important; }
4047 .py-md-6 {
4048 padding-top: 48px !important;
4049 padding-bottom: 48px !important; }
4050 .m-md-auto {
4051 margin: auto !important; }
4052 .mt-md-auto {
4053 margin-top: auto !important; }
4054 .mr-md-auto {
4055 margin-right: auto !important; }
4056 .mb-md-auto {
4057 margin-bottom: auto !important; }
4058 .ml-md-auto {
4059 margin-left: auto !important; }
4060 .mx-md-auto {
4061 margin-right: auto !important;
4062 margin-left: auto !important; }
4063 .my-md-auto {
4064 margin-top: auto !important;
4065 margin-bottom: auto !important; } }
4066
4067 @media (min-width: 992px) {
4068 .m-lg-0 {
4069 margin: 0 0 !important; }
4070 .mt-lg-0 {
4071 margin-top: 0 !important; }
4072 .mr-lg-0 {
4073 margin-right: 0 !important; }
4074 .mb-lg-0 {
4075 margin-bottom: 0 !important; }
4076 .ml-lg-0 {
4077 margin-left: 0 !important; }
4078 .mx-lg-0 {
4079 margin-right: 0 !important;
4080 margin-left: 0 !important; }
4081 .my-lg-0 {
4082 margin-top: 0 !important;
4083 margin-bottom: 0 !important; }
4084 .m-lg-1 {
4085 margin: 2px 2px !important; }
4086 .mt-lg-1 {
4087 margin-top: 2px !important; }
4088 .mr-lg-1 {
4089 margin-right: 2px !important; }
4090 .mb-lg-1 {
4091 margin-bottom: 2px !important; }
4092 .ml-lg-1 {
4093 margin-left: 2px !important; }
4094 .mx-lg-1 {
4095 margin-right: 2px !important;
4096 margin-left: 2px !important; }
4097 .my-lg-1 {
4098 margin-top: 2px !important;
4099 margin-bottom: 2px !important; }
4100 .m-lg-2 {
4101 margin: 4px 4px !important; }
4102 .mt-lg-2 {
4103 margin-top: 4px !important; }
4104 .mr-lg-2 {
4105 margin-right: 4px !important; }
4106 .mb-lg-2 {
4107 margin-bottom: 4px !important; }
4108 .ml-lg-2 {
4109 margin-left: 4px !important; }
4110 .mx-lg-2 {
4111 margin-right: 4px !important;
4112 margin-left: 4px !important; }
4113 .my-lg-2 {
4114 margin-top: 4px !important;
4115 margin-bottom: 4px !important; }
4116 .m-lg-3 {
4117 margin: 8px 8px !important; }
4118 .mt-lg-3 {
4119 margin-top: 8px !important; }
4120 .mr-lg-3 {
4121 margin-right: 8px !important; }
4122 .mb-lg-3 {
4123 margin-bottom: 8px !important; }
4124 .ml-lg-3 {
4125 margin-left: 8px !important; }
4126 .mx-lg-3 {
4127 margin-right: 8px !important;
4128 margin-left: 8px !important; }
4129 .my-lg-3 {
4130 margin-top: 8px !important;
4131 margin-bottom: 8px !important; }
4132 .m-lg-4 {
4133 margin: 12px 12px !important; }
4134 .mt-lg-4 {
4135 margin-top: 12px !important; }
4136 .mr-lg-4 {
4137 margin-right: 12px !important; }
4138 .mb-lg-4 {
4139 margin-bottom: 12px !important; }
4140 .ml-lg-4 {
4141 margin-left: 12px !important; }
4142 .mx-lg-4 {
4143 margin-right: 12px !important;
4144 margin-left: 12px !important; }
4145 .my-lg-4 {
4146 margin-top: 12px !important;
4147 margin-bottom: 12px !important; }
4148 .m-lg-5 {
4149 margin: 16px 16px !important; }
4150 .mt-lg-5 {
4151 margin-top: 16px !important; }
4152 .mr-lg-5 {
4153 margin-right: 16px !important; }
4154 .mb-lg-5 {
4155 margin-bottom: 16px !important; }
4156 .ml-lg-5 {
4157 margin-left: 16px !important; }
4158 .mx-lg-5 {
4159 margin-right: 16px !important;
4160 margin-left: 16px !important; }
4161 .my-lg-5 {
4162 margin-top: 16px !important;
4163 margin-bottom: 16px !important; }
4164 .m-lg-6 {
4165 margin: 48px 48px !important; }
4166 .mt-lg-6 {
4167 margin-top: 48px !important; }
4168 .mr-lg-6 {
4169 margin-right: 48px !important; }
4170 .mb-lg-6 {
4171 margin-bottom: 48px !important; }
4172 .ml-lg-6 {
4173 margin-left: 48px !important; }
4174 .mx-lg-6 {
4175 margin-right: 48px !important;
4176 margin-left: 48px !important; }
4177 .my-lg-6 {
4178 margin-top: 48px !important;
4179 margin-bottom: 48px !important; }
4180 .p-lg-0 {
4181 padding: 0 0 !important; }
4182 .pt-lg-0 {
4183 padding-top: 0 !important; }
4184 .pr-lg-0 {
4185 padding-right: 0 !important; }
4186 .pb-lg-0 {
4187 padding-bottom: 0 !important; }
4188 .pl-lg-0 {
4189 padding-left: 0 !important; }
4190 .px-lg-0 {
4191 padding-right: 0 !important;
4192 padding-left: 0 !important; }
4193 .py-lg-0 {
4194 padding-top: 0 !important;
4195 padding-bottom: 0 !important; }
4196 .p-lg-1 {
4197 padding: 2px 2px !important; }
4198 .pt-lg-1 {
4199 padding-top: 2px !important; }
4200 .pr-lg-1 {
4201 padding-right: 2px !important; }
4202 .pb-lg-1 {
4203 padding-bottom: 2px !important; }
4204 .pl-lg-1 {
4205 padding-left: 2px !important; }
4206 .px-lg-1 {
4207 padding-right: 2px !important;
4208 padding-left: 2px !important; }
4209 .py-lg-1 {
4210 padding-top: 2px !important;
4211 padding-bottom: 2px !important; }
4212 .p-lg-2 {
4213 padding: 4px 4px !important; }
4214 .pt-lg-2 {
4215 padding-top: 4px !important; }
4216 .pr-lg-2 {
4217 padding-right: 4px !important; }
4218 .pb-lg-2 {
4219 padding-bottom: 4px !important; }
4220 .pl-lg-2 {
4221 padding-left: 4px !important; }
4222 .px-lg-2 {
4223 padding-right: 4px !important;
4224 padding-left: 4px !important; }
4225 .py-lg-2 {
4226 padding-top: 4px !important;
4227 padding-bottom: 4px !important; }
4228 .p-lg-3 {
4229 padding: 8px 8px !important; }
4230 .pt-lg-3 {
4231 padding-top: 8px !important; }
4232 .pr-lg-3 {
4233 padding-right: 8px !important; }
4234 .pb-lg-3 {
4235 padding-bottom: 8px !important; }
4236 .pl-lg-3 {
4237 padding-left: 8px !important; }
4238 .px-lg-3 {
4239 padding-right: 8px !important;
4240 padding-left: 8px !important; }
4241 .py-lg-3 {
4242 padding-top: 8px !important;
4243 padding-bottom: 8px !important; }
4244 .p-lg-4 {
4245 padding: 12px 12px !important; }
4246 .pt-lg-4 {
4247 padding-top: 12px !important; }
4248 .pr-lg-4 {
4249 padding-right: 12px !important; }
4250 .pb-lg-4 {
4251 padding-bottom: 12px !important; }
4252 .pl-lg-4 {
4253 padding-left: 12px !important; }
4254 .px-lg-4 {
4255 padding-right: 12px !important;
4256 padding-left: 12px !important; }
4257 .py-lg-4 {
4258 padding-top: 12px !important;
4259 padding-bottom: 12px !important; }
4260 .p-lg-5 {
4261 padding: 16px 16px !important; }
4262 .pt-lg-5 {
4263 padding-top: 16px !important; }
4264 .pr-lg-5 {
4265 padding-right: 16px !important; }
4266 .pb-lg-5 {
4267 padding-bottom: 16px !important; }
4268 .pl-lg-5 {
4269 padding-left: 16px !important; }
4270 .px-lg-5 {
4271 padding-right: 16px !important;
4272 padding-left: 16px !important; }
4273 .py-lg-5 {
4274 padding-top: 16px !important;
4275 padding-bottom: 16px !important; }
4276 .p-lg-6 {
4277 padding: 48px 48px !important; }
4278 .pt-lg-6 {
4279 padding-top: 48px !important; }
4280 .pr-lg-6 {
4281 padding-right: 48px !important; }
4282 .pb-lg-6 {
4283 padding-bottom: 48px !important; }
4284 .pl-lg-6 {
4285 padding-left: 48px !important; }
4286 .px-lg-6 {
4287 padding-right: 48px !important;
4288 padding-left: 48px !important; }
4289 .py-lg-6 {
4290 padding-top: 48px !important;
4291 padding-bottom: 48px !important; }
4292 .m-lg-auto {
4293 margin: auto !important; }
4294 .mt-lg-auto {
4295 margin-top: auto !important; }
4296 .mr-lg-auto {
4297 margin-right: auto !important; }
4298 .mb-lg-auto {
4299 margin-bottom: auto !important; }
4300 .ml-lg-auto {
4301 margin-left: auto !important; }
4302 .mx-lg-auto {
4303 margin-right: auto !important;
4304 margin-left: auto !important; }
4305 .my-lg-auto {
4306 margin-top: auto !important;
4307 margin-bottom: auto !important; } }
4308
4309 @media (min-width: 1200px) {
4310 .m-xl-0 {
4311 margin: 0 0 !important; }
4312 .mt-xl-0 {
4313 margin-top: 0 !important; }
4314 .mr-xl-0 {
4315 margin-right: 0 !important; }
4316 .mb-xl-0 {
4317 margin-bottom: 0 !important; }
4318 .ml-xl-0 {
4319 margin-left: 0 !important; }
4320 .mx-xl-0 {
4321 margin-right: 0 !important;
4322 margin-left: 0 !important; }
4323 .my-xl-0 {
4324 margin-top: 0 !important;
4325 margin-bottom: 0 !important; }
4326 .m-xl-1 {
4327 margin: 2px 2px !important; }
4328 .mt-xl-1 {
4329 margin-top: 2px !important; }
4330 .mr-xl-1 {
4331 margin-right: 2px !important; }
4332 .mb-xl-1 {
4333 margin-bottom: 2px !important; }
4334 .ml-xl-1 {
4335 margin-left: 2px !important; }
4336 .mx-xl-1 {
4337 margin-right: 2px !important;
4338 margin-left: 2px !important; }
4339 .my-xl-1 {
4340 margin-top: 2px !important;
4341 margin-bottom: 2px !important; }
4342 .m-xl-2 {
4343 margin: 4px 4px !important; }
4344 .mt-xl-2 {
4345 margin-top: 4px !important; }
4346 .mr-xl-2 {
4347 margin-right: 4px !important; }
4348 .mb-xl-2 {
4349 margin-bottom: 4px !important; }
4350 .ml-xl-2 {
4351 margin-left: 4px !important; }
4352 .mx-xl-2 {
4353 margin-right: 4px !important;
4354 margin-left: 4px !important; }
4355 .my-xl-2 {
4356 margin-top: 4px !important;
4357 margin-bottom: 4px !important; }
4358 .m-xl-3 {
4359 margin: 8px 8px !important; }
4360 .mt-xl-3 {
4361 margin-top: 8px !important; }
4362 .mr-xl-3 {
4363 margin-right: 8px !important; }
4364 .mb-xl-3 {
4365 margin-bottom: 8px !important; }
4366 .ml-xl-3 {
4367 margin-left: 8px !important; }
4368 .mx-xl-3 {
4369 margin-right: 8px !important;
4370 margin-left: 8px !important; }
4371 .my-xl-3 {
4372 margin-top: 8px !important;
4373 margin-bottom: 8px !important; }
4374 .m-xl-4 {
4375 margin: 12px 12px !important; }
4376 .mt-xl-4 {
4377 margin-top: 12px !important; }
4378 .mr-xl-4 {
4379 margin-right: 12px !important; }
4380 .mb-xl-4 {
4381 margin-bottom: 12px !important; }
4382 .ml-xl-4 {
4383 margin-left: 12px !important; }
4384 .mx-xl-4 {
4385 margin-right: 12px !important;
4386 margin-left: 12px !important; }
4387 .my-xl-4 {
4388 margin-top: 12px !important;
4389 margin-bottom: 12px !important; }
4390 .m-xl-5 {
4391 margin: 16px 16px !important; }
4392 .mt-xl-5 {
4393 margin-top: 16px !important; }
4394 .mr-xl-5 {
4395 margin-right: 16px !important; }
4396 .mb-xl-5 {
4397 margin-bottom: 16px !important; }
4398 .ml-xl-5 {
4399 margin-left: 16px !important; }
4400 .mx-xl-5 {
4401 margin-right: 16px !important;
4402 margin-left: 16px !important; }
4403 .my-xl-5 {
4404 margin-top: 16px !important;
4405 margin-bottom: 16px !important; }
4406 .m-xl-6 {
4407 margin: 48px 48px !important; }
4408 .mt-xl-6 {
4409 margin-top: 48px !important; }
4410 .mr-xl-6 {
4411 margin-right: 48px !important; }
4412 .mb-xl-6 {
4413 margin-bottom: 48px !important; }
4414 .ml-xl-6 {
4415 margin-left: 48px !important; }
4416 .mx-xl-6 {
4417 margin-right: 48px !important;
4418 margin-left: 48px !important; }
4419 .my-xl-6 {
4420 margin-top: 48px !important;
4421 margin-bottom: 48px !important; }
4422 .p-xl-0 {
4423 padding: 0 0 !important; }
4424 .pt-xl-0 {
4425 padding-top: 0 !important; }
4426 .pr-xl-0 {
4427 padding-right: 0 !important; }
4428 .pb-xl-0 {
4429 padding-bottom: 0 !important; }
4430 .pl-xl-0 {
4431 padding-left: 0 !important; }
4432 .px-xl-0 {
4433 padding-right: 0 !important;
4434 padding-left: 0 !important; }
4435 .py-xl-0 {
4436 padding-top: 0 !important;
4437 padding-bottom: 0 !important; }
4438 .p-xl-1 {
4439 padding: 2px 2px !important; }
4440 .pt-xl-1 {
4441 padding-top: 2px !important; }
4442 .pr-xl-1 {
4443 padding-right: 2px !important; }
4444 .pb-xl-1 {
4445 padding-bottom: 2px !important; }
4446 .pl-xl-1 {
4447 padding-left: 2px !important; }
4448 .px-xl-1 {
4449 padding-right: 2px !important;
4450 padding-left: 2px !important; }
4451 .py-xl-1 {
4452 padding-top: 2px !important;
4453 padding-bottom: 2px !important; }
4454 .p-xl-2 {
4455 padding: 4px 4px !important; }
4456 .pt-xl-2 {
4457 padding-top: 4px !important; }
4458 .pr-xl-2 {
4459 padding-right: 4px !important; }
4460 .pb-xl-2 {
4461 padding-bottom: 4px !important; }
4462 .pl-xl-2 {
4463 padding-left: 4px !important; }
4464 .px-xl-2 {
4465 padding-right: 4px !important;
4466 padding-left: 4px !important; }
4467 .py-xl-2 {
4468 padding-top: 4px !important;
4469 padding-bottom: 4px !important; }
4470 .p-xl-3 {
4471 padding: 8px 8px !important; }
4472 .pt-xl-3 {
4473 padding-top: 8px !important; }
4474 .pr-xl-3 {
4475 padding-right: 8px !important; }
4476 .pb-xl-3 {
4477 padding-bottom: 8px !important; }
4478 .pl-xl-3 {
4479 padding-left: 8px !important; }
4480 .px-xl-3 {
4481 padding-right: 8px !important;
4482 padding-left: 8px !important; }
4483 .py-xl-3 {
4484 padding-top: 8px !important;
4485 padding-bottom: 8px !important; }
4486 .p-xl-4 {
4487 padding: 12px 12px !important; }
4488 .pt-xl-4 {
4489 padding-top: 12px !important; }
4490 .pr-xl-4 {
4491 padding-right: 12px !important; }
4492 .pb-xl-4 {
4493 padding-bottom: 12px !important; }
4494 .pl-xl-4 {
4495 padding-left: 12px !important; }
4496 .px-xl-4 {
4497 padding-right: 12px !important;
4498 padding-left: 12px !important; }
4499 .py-xl-4 {
4500 padding-top: 12px !important;
4501 padding-bottom: 12px !important; }
4502 .p-xl-5 {
4503 padding: 16px 16px !important; }
4504 .pt-xl-5 {
4505 padding-top: 16px !important; }
4506 .pr-xl-5 {
4507 padding-right: 16px !important; }
4508 .pb-xl-5 {
4509 padding-bottom: 16px !important; }
4510 .pl-xl-5 {
4511 padding-left: 16px !important; }
4512 .px-xl-5 {
4513 padding-right: 16px !important;
4514 padding-left: 16px !important; }
4515 .py-xl-5 {
4516 padding-top: 16px !important;
4517 padding-bottom: 16px !important; }
4518 .p-xl-6 {
4519 padding: 48px 48px !important; }
4520 .pt-xl-6 {
4521 padding-top: 48px !important; }
4522 .pr-xl-6 {
4523 padding-right: 48px !important; }
4524 .pb-xl-6 {
4525 padding-bottom: 48px !important; }
4526 .pl-xl-6 {
4527 padding-left: 48px !important; }
4528 .px-xl-6 {
4529 padding-right: 48px !important;
4530 padding-left: 48px !important; }
4531 .py-xl-6 {
4532 padding-top: 48px !important;
4533 padding-bottom: 48px !important; }
4534 .m-xl-auto {
4535 margin: auto !important; }
4536 .mt-xl-auto {
4537 margin-top: auto !important; }
4538 .mr-xl-auto {
4539 margin-right: auto !important; }
4540 .mb-xl-auto {
4541 margin-bottom: auto !important; }
4542 .ml-xl-auto {
4543 margin-left: auto !important; }
4544 .mx-xl-auto {
4545 margin-right: auto !important;
4546 margin-left: auto !important; }
4547 .my-xl-auto {
4548 margin-top: auto !important;
4549 margin-bottom: auto !important; } }
4550
4551 .text-justify {
4552 text-align: justify !important; }
4553
4554 .text-nowrap {
4555 white-space: nowrap !important; }
4556
4557 .text-truncate {
4558 overflow: hidden;
4559 text-overflow: ellipsis;
4560 white-space: nowrap; }
4561
4562 .text-left {
4563 text-align: left !important; }
4564
4565 .text-right {
4566 text-align: right !important; }
4567
4568 .text-center {
4569 text-align: center !important; }
4570
4571 @media (min-width: 576px) {
4572 .text-sm-left {
4573 text-align: left !important; }
4574 .text-sm-right {
4575 text-align: right !important; }
4576 .text-sm-center {
4577 text-align: center !important; } }
4578
4579 @media (min-width: 768px) {
4580 .text-md-left {
4581 text-align: left !important; }
4582 .text-md-right {
4583 text-align: right !important; }
4584 .text-md-center {
4585 text-align: center !important; } }
4586
4587 @media (min-width: 992px) {
4588 .text-lg-left {
4589 text-align: left !important; }
4590 .text-lg-right {
4591 text-align: right !important; }
4592 .text-lg-center {
4593 text-align: center !important; } }
4594
4595 @media (min-width: 1200px) {
4596 .text-xl-left {
4597 text-align: left !important; }
4598 .text-xl-right {
4599 text-align: right !important; }
4600 .text-xl-center {
4601 text-align: center !important; } }
4602
4603 .text-lowercase {
4604 text-transform: lowercase !important; }
4605
4606 .text-uppercase {
4607 text-transform: uppercase !important; }
4608
4609 .text-capitalize {
4610 text-transform: capitalize !important; }
4611
4612 .font-weight-normal {
4613 font-weight: 400; }
4614
4615 .font-weight-bold {
4616 font-weight: 500; }
4617
4618 .font-italic {
4619 font-style: italic; }
4620
4621 .text-white {
4622 color: #fff !important; }
4623
4624 .text-muted {
4625 color: #636c72 !important; }
4626
4627 a.text-muted:focus, a.text-muted:hover {
4628 color: #4b5257 !important; }
4629
4630 .text-primary {
4631 color: #0275d8 !important; }
4632
4633 a.text-primary:focus, a.text-primary:hover {
4634 color: #025aa5 !important; }
4635
4636 .text-success {
4637 color: #5cb85c !important; }
4638
4639 a.text-success:focus, a.text-success:hover {
4640 color: #449d44 !important; }
4641
4642 .text-info {
4643 color: #5bc0de !important; }
4644
4645 a.text-info:focus, a.text-info:hover {
4646 color: #31b0d5 !important; }
4647
4648 .text-warning {
4649 color: #f0ad4e !important; }
4650
4651 a.text-warning:focus, a.text-warning:hover {
4652 color: #ec971f !important; }
4653
4654 .text-danger {
4655 color: #d9534f !important; }
4656
4657 a.text-danger:focus, a.text-danger:hover {
4658 color: #c9302c !important; }
4659
4660 .text-gray-dark {
4661 color: #292b2c !important; }
4662
4663 a.text-gray-dark:focus, a.text-gray-dark:hover {
4664 color: #101112 !important; }
4665
4666 .text-hide {
4667 font: 0/0 a;
4668 color: transparent;
4669 text-shadow: none;
4670 background-color: transparent;
4671 border: 0; }
4672
4673 .invisible {
4674 visibility: hidden !important; }
4675
4676 .hidden-xs-up {
4677 display: none !important; }
4678
4679 @media (max-width: 575px) {
4680 .hidden-xs-down {
4681 display: none !important; } }
4682
4683 @media (min-width: 576px) {
4684 .hidden-sm-up {
4685 display: none !important; } }
4686
4687 @media (max-width: 767px) {
4688 .hidden-sm-down {
4689 display: none !important; } }
4690
4691 @media (min-width: 768px) {
4692 .hidden-md-up {
4693 display: none !important; } }
4694
4695 @media (max-width: 991px) {
4696 .hidden-md-down {
4697 display: none !important; } }
4698
4699 @media (min-width: 992px) {
4700 .hidden-lg-up {
4701 display: none !important; } }
4702
4703 @media (max-width: 1199px) {
4704 .hidden-lg-down {
4705 display: none !important; } }
4706
4707 @media (min-width: 1200px) {
4708 .hidden-xl-up {
4709 display: none !important; } }
4710
4711 .hidden-xl-down {
4712 display: none !important; }
4713
4714 .visible-print-block {
4715 display: none !important; }
4716 @media print {
4717 .visible-print-block {
4718 display: block !important; } }
4719
4720 .visible-print-inline {
4721 display: none !important; }
4722 @media print {
4723 .visible-print-inline {
4724 display: inline !important; } }
4725
4726 .visible-print-inline-block {
4727 display: none !important; }
4728 @media print {
4729 .visible-print-inline-block {
4730 display: inline-block !important; } }
4731
4732 @media print {
4733 .hidden-print {
4734 display: none !important; } }
4735
4736 /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
4737 /*
4738 Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
4739 */
4740 /* pswp = photoswipe */
4741 .pswp {
4742 display: none;
4743 position: absolute;
4744 width: 100%;
4745 height: 100%;
4746 left: 0;
4747 top: 0;
4748 overflow: hidden;
4749 -ms-touch-action: none;
4750 touch-action: none;
4751 z-index: 1500;
4752 -webkit-text-size-adjust: 100%;
4753 /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
4754 -webkit-backface-visibility: hidden;
4755 outline: none; }
4756 .pswp * {
4757 box-sizing: border-box; }
4758 .pswp img {
4759 max-width: none; }
4760
4761 /* style is added when JS option showHideOpacity is set to true */
4762 .pswp--animate_opacity {
4763 /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
4764 opacity: 0.001;
4765 will-change: opacity;
4766 /* for open/close transition */
4767 transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
4768
4769 .pswp--open {
4770 display: block; }
4771
4772 .pswp--zoom-allowed .pswp__img {
4773 /* autoprefixer: off */
4774 cursor: -webkit-zoom-in;
4775 cursor: -moz-zoom-in;
4776 cursor: zoom-in; }
4777
4778 .pswp--zoomed-in .pswp__img {
4779 /* autoprefixer: off */
4780 cursor: -webkit-grab;
4781 cursor: -moz-grab;
4782 cursor: grab; }
4783
4784 .pswp--dragging .pswp__img {
4785 /* autoprefixer: off */
4786 cursor: -webkit-grabbing;
4787 cursor: -moz-grabbing;
4788 cursor: grabbing; }
4789
4790 /*
4791 Background is added as a separate element.
4792 As animating opacity is much faster than animating rgba() background-color.
4793 */
4794 .pswp__bg {
4795 position: absolute;
4796 left: 0;
4797 top: 0;
4798 width: 100%;
4799 height: 100%;
4800 background: #000;
4801 opacity: 0;
4802 transform: translateZ(0);
4803 -webkit-backface-visibility: hidden;
4804 will-change: opacity; }
4805
4806 .pswp__scroll-wrap {
4807 position: absolute;
4808 left: 0;
4809 top: 0;
4810 width: 100%;
4811 height: 100%;
4812 overflow: hidden; }
4813
4814 .pswp__container,
4815 .pswp__zoom-wrap {
4816 -ms-touch-action: none;
4817 touch-action: none;
4818 position: absolute;
4819 left: 0;
4820 right: 0;
4821 top: 0;
4822 bottom: 0; }
4823
4824 /* Prevent selection and tap highlights */
4825 .pswp__container,
4826 .pswp__img {
4827 -webkit-user-select: none;
4828 -moz-user-select: none;
4829 user-select: none;
4830 -webkit-tap-highlight-color: transparent;
4831 -webkit-touch-callout: none; }
4832
4833 .pswp__zoom-wrap {
4834 position: absolute;
4835 width: 100%;
4836 -webkit-transform-origin: left top;
4837 -moz-transform-origin: left top;
4838 -ms-transform-origin: left top;
4839 transform-origin: left top;
4840 /* for open/close transition */
4841 transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
4842
4843 .pswp__bg {
4844 will-change: opacity;
4845 /* for open/close transition */
4846 transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
4847
4848 .pswp--animated-in .pswp__bg,
4849 .pswp--animated-in .pswp__zoom-wrap {
4850 -webkit-transition: none;
4851 transition: none; }
4852
4853 .pswp__container,
4854 .pswp__zoom-wrap {
4855 -webkit-backface-visibility: hidden; }
4856
4857 .pswp__item {
4858 position: absolute;
4859 left: 0;
4860 right: 0;
4861 top: 0;
4862 bottom: 0;
4863 overflow: hidden; }
4864
4865 .pswp__img {
4866 position: absolute;
4867 width: auto;
4868 height: auto;
4869 top: 0;
4870 left: 0; }
4871
4872 /*
4873 stretched thumbnail or div placeholder element (see below)
4874 style is added to avoid flickering in webkit/blink when layers overlap
4875 */
4876 .pswp__img--placeholder {
4877 -webkit-backface-visibility: hidden; }
4878
4879 /*
4880 div element that matches size of large image
4881 large image loads on top of it
4882 */
4883 .pswp__img--placeholder--blank {
4884 background: #222; }
4885
4886 .pswp--ie .pswp__img {
4887 width: 100% !important;
4888 height: auto !important;
4889 left: 0;
4890 top: 0; }
4891
4892 /*
4893 Error message appears when image is not loaded
4894 (JS option errorMsg controls markup)
4895 */
4896 .pswp__error-msg {
4897 position: absolute;
4898 left: 0;
4899 top: 50%;
4900 width: 100%;
4901 text-align: center;
4902 font-size: 14px;
4903 line-height: 16px;
4904 margin-top: -8px;
4905 color: #CCC; }
4906
4907 .pswp__error-msg a {
4908 color: #CCC;
4909 text-decoration: underline; }
4910
4911 /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
4912 /*
4913
4914 Contents:
4915
4916 1. Buttons
4917 2. Share modal and links
4918 3. Index indicator ("1 of X" counter)
4919 4. Caption
4920 5. Loading indicator
4921 6. Additional styles (root element, top bar, idle state, hidden state, etc.)
4922
4923 */
4924 /*
4925
4926 1. Buttons
4927
4928 */
4929 /* <button> css reset */
4930 .pswp__button {
4931 width: 44px;
4932 height: 44px;
4933 position: relative;
4934 background: none;
4935 cursor: pointer;
4936 overflow: visible;
4937 -webkit-appearance: none;
4938 display: block;
4939 border: 0;
4940 padding: 0;
4941 margin: 0;
4942 float: right;
4943 opacity: 0.75;
4944 transition: opacity 0.2s;
4945 box-shadow: none; }
4946 .pswp__button:focus, .pswp__button:hover {
4947 opacity: 1; }
4948 .pswp__button:active {
4949 outline: none;
4950 opacity: 0.9; }
4951 .pswp__button::-moz-focus-inner {
4952 padding: 0;
4953 border: 0; }
4954
4955 /* pswp__ui--over-close class it added when mouse is over element that should close gallery */
4956 .pswp__ui--over-close .pswp__button--close {
4957 opacity: 1; }
4958
4959 .pswp__button,
4960 .pswp__button--arrow--left:before,
4961 .pswp__button--arrow--right:before {
4962 background: url(default-skin.png) 0 0 no-repeat;
4963 background-size: 264px 88px;
4964 width: 44px;
4965 height: 44px; }
4966
4967 @media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
4968 /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
4969 .pswp--svg .pswp__button,
4970 .pswp--svg .pswp__button--arrow--left:before,
4971 .pswp--svg .pswp__button--arrow--right:before {
4972 background-image: url(default-skin.svg); }
4973 .pswp--svg .pswp__button--arrow--left,
4974 .pswp--svg .pswp__button--arrow--right {
4975 background: none; } }
4976
4977 .pswp__button--close {
4978 background-position: 0 -44px; }
4979
4980 .pswp__button--share {
4981 background-position: -44px -44px; }
4982
4983 .pswp__button--fs {
4984 display: none; }
4985
4986 .pswp--supports-fs .pswp__button--fs {
4987 display: block; }
4988
4989 .pswp--fs .pswp__button--fs {
4990 background-position: -44px 0; }
4991
4992 .pswp__button--zoom {
4993 display: none;
4994 background-position: -88px 0; }
4995
4996 .pswp--zoom-allowed .pswp__button--zoom {
4997 display: block; }
4998
4999 .pswp--zoomed-in .pswp__button--zoom {
5000 background-position: -132px 0; }
5001
5002 /* no arrows on touch screens */
5003 .pswp--touch .pswp__button--arrow--left,
5004 .pswp--touch .pswp__button--arrow--right {
5005 visibility: hidden; }
5006
5007 /*
5008 Arrow buttons hit area
5009 (icon is added to :before pseudo-element)
5010 */
5011 .pswp__button--arrow--left,
5012 .pswp__button--arrow--right {
5013 background: none;
5014 top: 50%;
5015 margin-top: -50px;
5016 width: 70px;
5017 height: 100px;
5018 position: absolute; }
5019
5020 .pswp__button--arrow--left {
5021 left: 0; }
5022
5023 .pswp__button--arrow--right {
5024 right: 0; }
5025
5026 .pswp__button--arrow--left:before,
5027 .pswp__button--arrow--right:before {
5028 content: '';
5029 top: 35px;
5030 background-color: rgba(0, 0, 0, 0.3);
5031 height: 30px;
5032 width: 32px;
5033 position: absolute; }
5034
5035 .pswp__button--arrow--left:before {
5036 left: 6px;
5037 background-position: -138px -44px; }
5038
5039 .pswp__button--arrow--right:before {
5040 right: 6px;
5041 background-position: -94px -44px; }
5042
5043 /*
5044
5045 2. Share modal/popup and links
5046
5047 */
5048 .pswp__counter,
5049 .pswp__share-modal {
5050 -webkit-user-select: none;
5051 -moz-user-select: none;
5052 user-select: none; }
5053
5054 .pswp__share-modal {
5055 display: block;
5056 background: rgba(0, 0, 0, 0.5);
5057 width: 100%;
5058 height: 100%;
5059 top: 0;
5060 left: 0;
5061 padding: 10px;
5062 position: absolute;
5063 z-index: 1600;
5064 opacity: 0;
5065 transition: opacity 0.25s ease-out;
5066 -webkit-backface-visibility: hidden;
5067 will-change: opacity; }
5068
5069 .pswp__share-modal--hidden {
5070 display: none; }
5071
5072 .pswp__share-tooltip {
5073 z-index: 1620;
5074 position: absolute;
5075 background: #FFF;
5076 top: 56px;
5077 border-radius: 2px;
5078 display: block;
5079 width: auto;
5080 right: 44px;
5081 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
5082 transform: translateY(6px);
5083 transition: transform 0.25s;
5084 -webkit-backface-visibility: hidden;
5085 will-change: transform; }
5086 .pswp__share-tooltip a {
5087 display: block;
5088 padding: 8px 12px;
5089 color: #000;
5090 text-decoration: none;
5091 font-size: 14px;
5092 line-height: 18px; }
5093 .pswp__share-tooltip a:hover {
5094 text-decoration: none;
5095 color: #000; }
5096 .pswp__share-tooltip a:first-child {
5097 /* round corners on the first/last list item */
5098 border-radius: 2px 2px 0 0; }
5099 .pswp__share-tooltip a:last-child {
5100 border-radius: 0 0 2px 2px; }
5101
5102 .pswp__share-modal--fade-in {
5103 opacity: 1; }
5104 .pswp__share-modal--fade-in .pswp__share-tooltip {
5105 transform: translateY(0); }
5106
5107 /* increase size of share links on touch devices */
5108 .pswp--touch .pswp__share-tooltip a {
5109 padding: 16px 12px; }
5110
5111 a.pswp__share--facebook:before {
5112 content: '';
5113 display: block;
5114 width: 0;
5115 height: 0;
5116 position: absolute;
5117 top: -12px;
5118 right: 15px;
5119 border: 6px solid transparent;
5120 border-bottom-color: #FFF;
5121 -webkit-pointer-events: none;
5122 -moz-pointer-events: none;
5123 pointer-events: none; }
5124
5125 a.pswp__share--facebook:hover {
5126 background: #3E5C9A;
5127 color: #FFF; }
5128 a.pswp__share--facebook:hover:before {
5129 border-bottom-color: #3E5C9A; }
5130
5131 a.pswp__share--twitter:hover {
5132 background: #55ACEE;
5133 color: #FFF; }
5134
5135 a.pswp__share--pinterest:hover {
5136 background: #CCC;
5137 color: #CE272D; }
5138
5139 a.pswp__share--download:hover {
5140 background: #DDD; }
5141
5142 /*
5143
5144 3. Index indicator ("1 of X" counter)
5145
5146 */
5147 .pswp__counter {
5148 position: absolute;
5149 left: 0;
5150 top: 0;
5151 height: 44px;
5152 font-size: 13px;
5153 line-height: 44px;
5154 color: #FFF;
5155 opacity: 0.75;
5156 padding: 0 10px; }
5157
5158 /*
5159
5160 4. Caption
5161
5162 */
5163 .pswp__caption {
5164 position: absolute;
5165 left: 0;
5166 bottom: 0;
5167 width: 100%;
5168 min-height: 44px; }
5169 .pswp__caption small {
5170 font-size: 11px;
5171 color: #BBB; }
5172
5173 .pswp__caption__center {
5174 text-align: left;
5175 max-width: 420px;
5176 margin: 0 auto;
5177 font-size: 13px;
5178 padding: 10px;
5179 line-height: 20px;
5180 color: #CCC; }
5181
5182 .pswp__caption--empty {
5183 display: none; }
5184
5185 /* Fake caption element, used to calculate height of next/prev image */
5186 .pswp__caption--fake {
5187 visibility: hidden; }
5188
5189 /*
5190
5191 5. Loading indicator (preloader)
5192
5193 You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
5194
5195 */
5196 .pswp__preloader {
5197 width: 44px;
5198 height: 44px;
5199 position: absolute;
5200 top: 0;
5201 left: 50%;
5202 margin-left: -22px;
5203 opacity: 0;
5204 transition: opacity 0.25s ease-out;
5205 will-change: opacity;
5206 direction: ltr; }
5207
5208 .pswp__preloader__icn {
5209 width: 20px;
5210 height: 20px;
5211 margin: 12px; }
5212
5213 .pswp__preloader--active {
5214 opacity: 1; }
5215 .pswp__preloader--active .pswp__preloader__icn {
5216 /* We use .gif in browsers that don't support CSS animation */
5217 background: url(preloader.gif) 0 0 no-repeat; }
5218
5219 .pswp--css_animation .pswp__preloader--active {
5220 opacity: 1; }
5221 .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
5222 animation: clockwise 500ms linear infinite; }
5223 .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
5224 animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
5225
5226 .pswp--css_animation .pswp__preloader__icn {
5227 background: none;
5228 opacity: 0.75;
5229 width: 14px;
5230 height: 14px;
5231 position: absolute;
5232 left: 15px;
5233 top: 15px;
5234 margin: 0; }
5235
5236 .pswp--css_animation .pswp__preloader__cut {
5237 /*
5238 The idea of animating inner circle is based on Polymer ("material") loading indicator
5239 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
5240 */
5241 position: relative;
5242 width: 7px;
5243 height: 14px;
5244 overflow: hidden; }
5245
5246 .pswp--css_animation .pswp__preloader__donut {
5247 box-sizing: border-box;
5248 width: 14px;
5249 height: 14px;
5250 border: 2px solid #FFF;
5251 border-radius: 50%;
5252 border-left-color: transparent;
5253 border-bottom-color: transparent;
5254 position: absolute;
5255 top: 0;
5256 left: 0;
5257 background: none;
5258 margin: 0; }
5259
5260 @media screen and (max-width: 1024px) {
5261 .pswp__preloader {
5262 position: relative;
5263 left: auto;
5264 top: auto;
5265 margin: 0;
5266 float: right; } }
5267
5268 @keyframes clockwise {
5269 0% {
5270 transform: rotate(0deg); }
5271 100% {
5272 transform: rotate(360deg); } }
5273
5274 @keyframes donut-rotate {
5275 0% {
5276 transform: rotate(0); }
5277 50% {
5278 transform: rotate(-140deg); }
5279 100% {
5280 transform: rotate(0); } }
5281
5282 /*
5283
5284 6. Additional styles
5285
5286 */
5287 /* root element of UI */
5288 .pswp__ui {
5289 -webkit-font-smoothing: auto;
5290 visibility: visible;
5291 opacity: 1;
5292 z-index: 1550; }
5293
5294 /* top black bar with buttons and "1 of X" indicator */
5295 .pswp__top-bar {
5296 position: absolute;
5297 left: 0;
5298 top: 0;
5299 height: 44px;
5300 width: 100%; }
5301
5302 .pswp__caption,
5303 .pswp__top-bar,
5304 .pswp--has_mouse .pswp__button--arrow--left,
5305 .pswp--has_mouse .pswp__button--arrow--right {
5306 -webkit-backface-visibility: hidden;
5307 will-change: opacity;
5308 transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
5309
5310 /* pswp--has_mouse class is added only when two subsequent mousemove events occur */
5311 .pswp--has_mouse .pswp__button--arrow--left,
5312 .pswp--has_mouse .pswp__button--arrow--right {
5313 visibility: visible; }
5314
5315 .pswp__top-bar,
5316 .pswp__caption {
5317 background-color: rgba(0, 0, 0, 0.5); }
5318
5319 /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
5320 .pswp__ui--fit .pswp__top-bar,
5321 .pswp__ui--fit .pswp__caption {
5322 background-color: rgba(0, 0, 0, 0.3); }
5323
5324 /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
5325 .pswp__ui--idle .pswp__top-bar {
5326 opacity: 0; }
5327
5328 .pswp__ui--idle .pswp__button--arrow--left,
5329 .pswp__ui--idle .pswp__button--arrow--right {
5330 opacity: 0; }
5331
5332 /*
5333 pswp__ui--hidden class is added when controls are hidden
5334 e.g. when user taps to toggle visibility of controls
5335 */
5336 .pswp__ui--hidden .pswp__top-bar,
5337 .pswp__ui--hidden .pswp__caption,
5338 .pswp__ui--hidden .pswp__button--arrow--left,
5339 .pswp__ui--hidden .pswp__button--arrow--right {
5340 /* Force paint & create composition layer for controls. */
5341 opacity: 0.001; }
5342
5343 /* pswp__ui--one-slide class is added when there is just one item in gallery */
5344 .pswp__ui--one-slide .pswp__button--arrow--left,
5345 .pswp__ui--one-slide .pswp__button--arrow--right,
5346 .pswp__ui--one-slide .pswp__counter {
5347 display: none; }
5348
5349 .pswp__element--disabled {
5350 display: none !important; }
5351
5352 .pswp--minimal--dark .pswp__top-bar {
5353 background: none; }
5354
5355 .donation-card {
5356 border-radius: 4px;
5357 background-color: white;
5358 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
5359
5360 .ownamount {
5361 overflow: hidden;
5362 width: 95%;
5363 height: 48px;
5364 padding: 0 16px;
5365 border-radius: 2px;
5366 border: none; }
5367
5368 .ownamount {
5369 background-color: rgba(38, 50, 56, 0.08);
5370 border-bottom: 2px solid #263238;
5371 width: 90%; }
5372
5373 input.radiobtn:not(old) {
5374 display: none; }
5375
5376 input.radiobtn:not(old) + label {
5377 display: inline-block;
5378 background-image: url("/static/img/icons/icon-radiobtn-off.png");
5379 background-repeat: no-repeat;
5380 background-position: 0 0;
5381 padding-left: 38px; }
5382
5383 input.radiobtn:not(old):checked + label {
5384 background-image: url("/static/img/icons/icon-radiobtn-on.png"); }
5385
5386 .inline-card {
5387 border-radius: 8px;
5388 background-color: #eceff1;
5389 padding: 24px;
5390 position: relative;
5391 padding: 24px 20px; }
5392
5393 label.amount {
5394 width: 84px;
5395 height: 48px;
5396 display: block;
5397 background-color: white;
5398 border-radius: 2px;
5399 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.23);
5400 font-size: 20px;
5401 color: #42a5f5;
5402 text-align: center;
5403 margin: 0 8px 16px 8px;
5404 padding: 8px 0 0 0; }
5405
5406 input[name=amount] {
5407 display: none; }
5408
5409 input[name=amount]:checked + label {
5410 background-image: linear-gradient(120deg, #4fc3f7, #1976d2);
5411 color: white; }
5412
5413 .or {
5414 display: block;
5415 height: 200px;
5416 width: 1px;
5417 border: 1px solid rgba(38, 50, 56, 0.3);
5418 position: absolute;
5419 left: 350px;
5420 top: 12px; }
5421 .or:before {
5422 content: "OR";
5423 font-family: 'Ubuntu', sans-serif;
5424 font-size: 16px;
5425 font-weight: 500;
5426 color: rgba(38, 50, 56, 0.3);
5427 background-color: #eceff1;
5428 display: block;
5429 position: absolute;
5430 top: 12px;
5431 left: -12px;
5432 width: 24px;
5433 height: 24px; }
5434
5435 body {
5436 min-height: 100vh;
5437 display: flex;
5438 flex-direction: column; }
5439
5440 .container {
5441 width: 100%;
5442 max-width: 1200px;
5443 flex: 1; }
5444
5445 body {
5446 -webkit-font-smoothing: antialiased;
5447 font-size: 16px; }
5448
5449 h1 {
5450 line-height: 3rem; }
5451
5452 h2 {
5453 line-height: 2.75rem; }
5454
5455 h3 {
5456 font-size: 20px;
5457 line-height: 28px; }
5458 @media (min-width: 768px) {
5459 h3 {
5460 font-size: 24px;
5461 line-height: 32px;
5462 font-weight: 300;
5463 margin-bottom: 0; } }
5464 h3.headline {
5465 text-align: center;
5466 font-size: 32px;
5467 line-height: 44px;
5468 color: #263238; }
5469 @media (min-width: 576px) {
5470 h3.headline {
5471 font-size: 36px;
5472 line-height: 48px; } }
5473
5474 h4 {
5475 font-weight: 500;
5476 font-size: 16px;
5477 line-height: 24px; }
5478 @media (min-width: 576px) {
5479 h4 {
5480 font-size: 20px;
5481 line-height: 28px; } }
5482 h4.secondHeadline {
5483 font-size: 24px;
5484 line-height: 32px;
5485 text-align: left;
5486 margin-top: 24px; }
5487
5488 h5, .h5 {
5489 font-size: 16px;
5490 line-height: 24px; }
5491 @media (min-width: 768px) {
5492 h5, .h5 {
5493 font-size: 24px;
5494 line-height: 32px; } }
5495 h5.subheadline,
5496 .h5.subheadline {
5497 text-align: center;
5498 font-size: 16px;
5499 line-height: 24px;
5500 color: rgba(38, 50, 56, 0.6); }
5501
5502 p {
5503 font-size: 16px;
5504 line-height: 24px; }
5505 p.lead {
5506 font-size: inherit;
5507 line-height: inherit; }
5508 @media (min-width: 768px) {
5509 p.lead {
5510 font-size: 24px;
5511 line-height: 32px; } }
5512 p.copy {
5513 margin-top: 16px; }
5514 @media (min-width: 576px) {
5515 p.copy {
5516 margin-top: 24px; } }
5517
5518 .display-1 {
5519 font-size: 120px;
5520 line-height: 144px; }
5521
5522 .display-2 {
5523 font-size: 32px;
5524 line-height: 44px;
5525 margin-bottom: 40px; }
5526 @media (min-width: 768px) {
5527 .display-2 {
5528 font-size: 40px;
5529 line-height: 56px;
5530 margin-bottom: 3rem; } }
5531
5532 .display-3 {
5533 font-size: 24px;
5534 line-height: 32px; }
5535 @media (min-width: 768px) {
5536 .display-3 {
5537 font-size: 32px;
5538 line-height: 44px; } }
5539
5540 .display-4 {
5541 font-size: 14px;
5542 line-height: 20px;
5543 font-weight: 400; }
5544 @media (min-width: 576px) {
5545 .display-4 {
5546 font-size: 24px;
5547 line-height: 32px; } }
5548
5549 .display-5 {
5550 font-size: 20px;
5551 line-height: 28px; }
5552
5553 small,
5554 .small {
5555 font-size: 14px;
5556 line-height: 20px; }
5557 @media (min-width: 768px) {
5558 small,
5559 .small {
5560 font-size: 16px;
5561 line-height: 24px; } }
5562
5563 .truncate {
5564 width: 100%;
5565 white-space: nowrap;
5566 overflow: hidden;
5567 text-overflow: ellipsis; }
5568
5569 .fireinfo_cat {
5570 font-size: 14px;
5571 line-height: 20px; }
5572
5573 h5.fireinfo {
5574 font-size: 16px;
5575 line-height: 28px;
5576 font-weight: 500; }
5577 @media (min-width: 768px) {
5578 h5.fireinfo {
5579 font-size: 20px; } }
5580
5581 .fireinfo_per {
5582 font-size: 20px;
5583 line-height: 28px; }
5584
5585 #mask {
5586 width: 100vw;
5587 height: 100vh;
5588 position: fixed;
5589 top: 0;
5590 left: 0;
5591 background-color: rgba(0, 0, 0, 0.4);
5592 display: none;
5593 visibility: hidden; }
5594 #mask.open {
5595 display: block;
5596 visibility: visible;
5597 z-index: 250; }
5598
5599 .tux {
5600 position: absolute;
5601 top: 12px;
5602 left: 50%;
5603 transform: translateX(-50%); }
5604 .tux h1 {
5605 font-weight: 300 !important;
5606 color: #263238;
5607 font-size: 20px;
5608 line-height: 28px;
5609 margin-bottom: 0; }
5610 .tux h1 strong {
5611 font-weight: 700 !important; }
5612 .tux h1:before {
5613 content: "";
5614 height: 32px;
5615 width: 25px;
5616 background-image: url("../img/ipfire-tux.png");
5617 background-repeat: no-repeat;
5618 background-position: center center;
5619 background-size: contain;
5620 display: inline-block;
5621 position: relative; }
5622
5623 .menu-text {
5624 transition: opacity .25s ease-in-out; }
5625
5626 .menu-text.hidden {
5627 opacity: 0;
5628 transition: opacity .35s ease-in-out; }
5629
5630 .fixed-top {
5631 transition: background-color .25s linear;
5632 height: 56px; }
5633 @media (min-width: 576px) {
5634 .fixed-top {
5635 height: 72px; } }
5636 @media (min-width: 992px) {
5637 .fixed-top {
5638 height: 96px; } }
5639 .fixed-top .navbar {
5640 width: 100%;
5641 z-index: 500; }
5642 .fixed-top .navbar a {
5643 color: #263238; }
5644 @media (min-width: 576px) {
5645 .fixed-top .navbar a {
5646 margin-top: 8px; } }
5647 .fixed-top .navbar .navbar-toggler-left {
5648 left: -12px;
5649 top: 8px; }
5650 @media (min-width: 576px) {
5651 .fixed-top .navbar .navbar-toggler-left {
5652 top: 17px; } }
5653 .fixed-top .navbar .btn {
5654 margin-top: .15rem; }
5655
5656 .navbar-brand {
5657 font-size: 20px;
5658 font-weight: 300;
5659 opacity: 0;
5660 margin: 0;
5661 transition: opacity .7s linear; }
5662 @media (min-width: 992px) {
5663 .navbar-brand {
5664 opacity: 1;
5665 font-size: 36px; } }
5666 .navbar-brand strong {
5667 font-weight: 900; }
5668 .navbar-brand img {
5669 margin-right: 4px;
5670 transform: translateY(-5px);
5671 height: 32px;
5672 width: auto; }
5673 @media (min-width: 992px) {
5674 .navbar-brand img {
5675 height: 40px; } }
5676
5677 .scrolled {
5678 background-color: rgba(255, 255, 255, 0.96);
5679 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
5680 height: 56px; }
5681 @media (min-width: 576px) {
5682 .scrolled {
5683 height: 72px; } }
5684 @media (min-width: 992px) {
5685 .scrolled {
5686 height: 96px; } }
5687 .scrolled .navbar-brand {
5688 opacity: 1; }
5689
5690 .scrolled.fadeout {
5691 background-color: rgba(100, 100, 100, 0.5); }
5692 .scrolled.fadeout a.btn-donate {
5693 opacity: .5; }
5694 .scrolled.fadeout a.navbar-brand {
5695 opacity: .5; }
5696
5697 #navbarSupportedContent {
5698 width: 100%; }
5699 @media (max-width: 991px) {
5700 #navbarSupportedContent {
5701 background: white;
5702 position: fixed;
5703 top: 0;
5704 left: 0;
5705 width: 256px;
5706 height: 100vh;
5707 padding-top: 64px;
5708 transform: translateX(-256px);
5709 transition: all .15s ease-in-out; }
5710 #navbarSupportedContent.open {
5711 transform: translateX(0);
5712 transition: all .15s ease-in-out;
5713 box-shadow: 14px 0 28px 0 rgba(0, 0, 0, 0.25), 10px 0 10px 0 rgba(0, 0, 0, 0.26); } }
5714
5715 @media (min-width: 992px) {
5716 .navbar-nav {
5717 padding-top: 2px; } }
5718
5719 .navbar-nav .nav-link {
5720 color: #263238;
5721 padding: 16px !important;
5722 display: block;
5723 position: relative; }
5724 @media (min-width: 992px) {
5725 .navbar-nav .nav-link {
5726 margin-right: 16px;
5727 display: block;
5728 position: relative; }
5729 .navbar-nav .nav-link:after {
5730 content: "";
5731 border-bottom: 2px solid #b71c1c;
5732 position: absolute;
5733 transform: scaleX(0);
5734 width: 100%;
5735 left: 0;
5736 top: 44px;
5737 padding: inherit;
5738 transition: transform .3s ease-out, color .3s ease-out; } }
5739
5740 @media (max-width: 1199px) {
5741 .navbar-nav .nav-link:active {
5742 color: #b71c1c; } }
5743
5744 @media (max-width: 1199px) {
5745 .navbar-nav .nav-link:active:before {
5746 content: "";
5747 border-left: 2px solid #b71c1c;
5748 position: absolute;
5749 left: 0;
5750 height: 36px;
5751 transform: translateY(-4px); } }
5752
5753 @media (min-width: 992px) {
5754 .navbar-nav .nav-link:hover {
5755 color: #b71c1c; } }
5756
5757 @media (min-width: 992px) {
5758 .navbar-nav .nav-link:hover:after {
5759 transform: scaleX(1); } }
5760
5761 @media (min-width: 992px) {
5762 body.About li.nav-item a.about,
5763 body.Download li.nav-item a.download,
5764 body.Support li.nav-item a.support,
5765 body.Involved li.nav-item a.community {
5766 color: #b71c1c; }
5767 body.About li.nav-item a.about:after,
5768 body.Download li.nav-item a.download:after,
5769 body.Support li.nav-item a.support:after,
5770 body.Involved li.nav-item a.community:after {
5771 content: "";
5772 border-bottom: 2px solid #b71c1c;
5773 position: absolute;
5774 width: 100%;
5775 left: 0;
5776 top: 44px;
5777 padding: inherit;
5778 transform: scale(1); } }
5779
5780 #sidebar {
5781 padding: 0; }
5782 @media (max-width: 767px) {
5783 #sidebar {
5784 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.23);
5785 position: fixed;
5786 top: 52px;
5787 z-index: 200;
5788 background-color: white; } }
5789 #sidebar ul {
5790 list-style: none; }
5791 #sidebar ul.features_nav {
5792 padding: 0 0 24px 0;
5793 overflow-x: auto; }
5794 #sidebar ul.features_nav.fixed {
5795 position: fixed;
5796 top: 100px;
5797 outline: 1px solid grey; }
5798 #sidebar ul ul {
5799 margin: 0;
5800 padding-left: 0; }
5801 #sidebar ul ul li:last-child {
5802 margin-bottom: 0; }
5803 #sidebar ul li {
5804 padding: 0 16px;
5805 margin: 8px 0; }
5806 #sidebar ul li a.nav-link {
5807 padding: inherit;
5808 color: #263238;
5809 height: 32px;
5810 padding: 0 8px;
5811 line-height: 2; }
5812 #sidebar ul li a.nav-link.active {
5813 color: #b71c1c;
5814 border-left: 2px solid #b71c1c;
5815 padding: 0 8px 0 6px; }
5816
5817 /* Fix for Android */
5818 body {
5819 -webkit-animation: bugfix infinite 1s; }
5820
5821 @-webkit-keyframes bugfix {
5822 from {
5823 padding: 0; }
5824 to {
5825 padding: 0; } }
5826
5827 /* default checkbox */
5828 input[type=checkbox] {
5829 position: absolute;
5830 top: -9999px;
5831 left: -9999px; }
5832
5833 label {
5834 cursor: pointer;
5835 user-select: none; }
5836
5837 nav[role="dropdown"] label {
5838 display: none; }
5839
5840 @media screen and (max-width: 44em) {
5841 nav[role="dropdown"] ul {
5842 height: 48px;
5843 overflow: hidden; }
5844 nav[role="dropdown"] label {
5845 position: relative;
5846 display: block;
5847 width: 100%; }
5848 nav[role="dropdown"] label:after {
5849 font-family: FontAwesome;
5850 font-size: 24px;
5851 content: "\f107";
5852 position: absolute;
5853 top: 0;
5854 right: 0;
5855 z-index: 9999;
5856 width: 100%;
5857 height: 56px;
5858 padding: 12px 12px 0;
5859 text-align: right; }
5860 nav[role="dropdown"] input:checked ~ label:after {
5861 content: "\f106"; }
5862 nav[role="dropdown"] input:checked ~ ul {
5863 display: block;
5864 height: 40vh;
5865 overflow-y: scroll; } }
5866
5867 .btn-red900 {
5868 color: #fff !important;
5869 background-color: #b71c1c;
5870 border-color: #b71c1c; }
5871 .btn-red900:hover {
5872 color: #fff !important;
5873 background-color: #8b1515;
5874 border-color: #821414; }
5875 .btn-red900:focus, .btn-red900.focus {
5876 box-shadow: 0 0 0 2px rgba(183, 28, 28, 0.5); }
5877 .btn-red900.disabled, .btn-red900:disabled {
5878 background-color: #b71c1c;
5879 border-color: #b71c1c; }
5880 .btn-red900:active, .btn-red900.active,
5881 .show > .btn-red900.dropdown-toggle {
5882 color: #fff !important;
5883 background-color: #8b1515;
5884 background-image: none;
5885 border-color: #821414; }
5886
5887 .btn-white {
5888 color: #b71c1c;
5889 background-color: #fff;
5890 border-color: #fff; }
5891 .btn-white:hover {
5892 color: #b71c1c;
5893 background-color: #e6e5e5;
5894 border-color: #e0e0e0; }
5895 .btn-white:focus, .btn-white.focus {
5896 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); }
5897 .btn-white.disabled, .btn-white:disabled {
5898 background-color: #fff;
5899 border-color: #fff; }
5900 .btn-white:active, .btn-white.active,
5901 .show > .btn-white.dropdown-toggle {
5902 color: #b71c1c;
5903 background-color: #e6e5e5;
5904 background-image: none;
5905 border-color: #e0e0e0; }
5906
5907 .btn-bluegrey900 {
5908 color: #fff;
5909 background-color: #263238;
5910 border-color: #263238; }
5911 .btn-bluegrey900:hover {
5912 color: #fff;
5913 background-color: #11171a;
5914 border-color: #0d1114; }
5915 .btn-bluegrey900:focus, .btn-bluegrey900.focus {
5916 box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
5917 .btn-bluegrey900.disabled, .btn-bluegrey900:disabled {
5918 background-color: #263238;
5919 border-color: #263238; }
5920 .btn-bluegrey900:active, .btn-bluegrey900.active,
5921 .show > .btn-bluegrey900.dropdown-toggle {
5922 color: #fff;
5923 background-color: #11171a;
5924 background-image: none;
5925 border-color: #0d1114; }
5926
5927 button.navbar-toggler div {
5928 font-family: 'Ubuntu', sans-serif;
5929 font-size: 1rem;
5930 display: inline-block;
5931 position: relative;
5932 top: -4px; }
5933
5934 .btn {
5935 height: 36px;
5936 text-transform: uppercase;
5937 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
5938 transition: box-shadow .25s ease-in-out; }
5939 .btn:hover {
5940 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 3px 6px 0 rgba(0, 0, 0, 0.25);
5941 transition: box-shadow .25s ease-in-out; }
5942 @media (max-width: 767px) {
5943 .btn {
5944 font-size: .875rem; } }
5945
5946 .btn-outline-primary,
5947 .btn-outline-secondary {
5948 transition: background-color .25s ease-in-out; }
5949 .btn-outline-primary:hover,
5950 .btn-outline-secondary:hover {
5951 transition: background-color .25s ease-in-out; }
5952
5953 .btn-xlg {
5954 height: 72px;
5955 margin: 0 36px;
5956 padding-top: 16px; }
5957
5958 .btn-lg, .btn-group-lg > .btn {
5959 height: 48px;
5960 margin: 0 24px; }
5961 @media (max-width: 767px) {
5962 .btn-lg, .btn-group-lg > .btn {
5963 height: 36px;
5964 margin: 0 8px;
5965 padding: 1rem;
5966 font-size: .875rem;
5967 line-height: 0; } }
5968
5969 .btn-md {
5970 font-size: 0.875rem;
5971 line-height: 1.25rem;
5972 padding: .4rem 1rem .5rem 1rem; }
5973
5974 .btn-block {
5975 margin: 0 0 1.5rem 0; }
5976 @media (min-width: 768px) {
5977 .btn-block {
5978 margin: 0 0 2rem 0; } }
5979 @media (max-width: 575px) {
5980 .btn-block {
5981 font-size: .875rem;
5982 line-height: 0; } }
5983
5984 button:focus {
5985 outline: none; }
5986
5987 .btn-donate {
5988 margin-top: 18px;
5989 font-size: 14px;
5990 font-weight: 400;
5991 line-height: 20px;
5992 padding: 3px 16px 0 5px; }
5993 @media (min-width: 992px) {
5994 .btn-donate {
5995 margin-top: 29px; } }
5996 .btn-donate svg {
5997 vertical-align: -7px;
5998 margin-right: 5px; }
5999
6000 .icon {
6001 width: 1.5rem;
6002 height: 1.5rem;
6003 fill: currentColor;
6004 vertical-align: -.15rem;
6005 overflow: hidden;
6006 margin-right: .5rem; }
6007
6008 .i_arrow_down {
6009 margin: 0;
6010 position: absolute;
6011 left: .75rem;
6012 top: -.25rem;
6013 animation: scroll 1.5s ease-in-out infinite; }
6014 @media (max-width: 575px) {
6015 .i_arrow_down {
6016 width: 1.75rem !important;
6017 height: 1.75rem !important;
6018 left: .25rem;
6019 top: -.5rem; } }
6020
6021 .i_lg {
6022 width: 2.5rem;
6023 height: 2.5rem;
6024 margin: 0;
6025 transform: translateY(-0.35rem);
6026 fill: #b71c1c; }
6027
6028 .i_white {
6029 fill: white; }
6030
6031 .i_sm {
6032 vertical-align: top;
6033 transform: translateY(-0.1rem); }
6034
6035 .i_features {
6036 width: 40px;
6037 height: 40px;
6038 margin: auto; }
6039
6040 .outline_i {
6041 border: solid 4px;
6042 width: 80px;
6043 height: 80px;
6044 display: flex;
6045 align-items: center; }
6046
6047 .i_verified {
6048 fill: #43a047; }
6049
6050 .i_warning {
6051 fill: #b71c1c; }
6052
6053 .i_wifi {
6054 fill: #1976d2; }
6055
6056 .i_server {
6057 fill: #ff8f00; }
6058
6059 .i_secure {
6060 fill: rgba(38, 50, 56, 0.3); }
6061
6062 .amber-800 {
6063 color: #ff8f00;
6064 border-color: #ff8f00; }
6065
6066 .green-600 {
6067 color: #43a047;
6068 border-color: #43a047; }
6069
6070 .red-900 {
6071 color: #b71c1c;
6072 border-color: #b71c1c; }
6073
6074 .blue-700 {
6075 color: #1976d2;
6076 border-color: #1976d2; }
6077
6078 .blue_grey_300 {
6079 color: rgba(38, 50, 56, 0.3); }
6080
6081 .bg-blue-grey-900 {
6082 background-color: #263238; }
6083
6084 .bg-blue-grey-50 {
6085 background-color: #eceff1; }
6086
6087 img.img-fluid {
6088 width: 100%;
6089 max-width: 100%;
6090 height: auto; }
6091
6092 footer .btn-toolbar .icon {
6093 height: 2.25rem;
6094 width: 2.25rem;
6095 fill: rgba(38, 50, 56, 0.6); }
6096
6097 footer .i_heart {
6098 vertical-align: top;
6099 transform: translateY(-0.15rem); }
6100 @media (max-width: 767px) {
6101 footer .i_heart {
6102 transform: translateY(-0.75rem); } }
6103
6104 section.intro {
6105 min-height: 100vh;
6106 background-image: url("../img/header-background.jpg");
6107 background-size: cover;
6108 background-attachment: fixed;
6109 background-position: center top;
6110 position: relative; }
6111 section.intro .branding {
6112 padding-top: 6rem;
6113 margin-bottom: 64px;
6114 text-align: center;
6115 color: rgba(38, 50, 56, 0.6); }
6116 @media (min-width: 576px) {
6117 section.intro .branding {
6118 padding-top: 192px; } }
6119 section.intro .branding h1 {
6120 font-weight: 300 !important;
6121 color: #263238; }
6122 @media (max-width: 575px) {
6123 section.intro .branding h1 {
6124 font-size: 72px;
6125 line-height: 88px;
6126 margin-bottom: 0; } }
6127 section.intro .branding h1 strong {
6128 font-weight: 700 !important; }
6129 section.intro .branding h1:before {
6130 content: "";
6131 height: 60px;
6132 width: 76px;
6133 background-image: url("../img/ipfire-tux.png");
6134 background-repeat: no-repeat;
6135 background-position: center center;
6136 background-size: contain;
6137 display: inline-block;
6138 position: relative;
6139 top: 4px; }
6140 @media (min-width: 576px) {
6141 section.intro .branding h1:before {
6142 height: 120px;
6143 width: 93px;
6144 margin-right: 32px;
6145 top: 8px; } }
6146
6147 .page-scroll {
6148 display: block;
6149 visibility: visible;
6150 position: absolute;
6151 bottom: 48px;
6152 left: 50%;
6153 transform: translateX(-50%); }
6154 .page-scroll .btn {
6155 width: 36px;
6156 height: 36px;
6157 fill: #b71c1c; }
6158 @media (min-width: 576px) {
6159 .page-scroll .btn {
6160 width: 64px;
6161 height: 64px; } }
6162 .page-scroll .btn:hover .i_arrow_down {
6163 fill: white; }
6164
6165 section.content-section {
6166 padding: 3rem 0; }
6167 @media (min-width: 576px) {
6168 section.content-section {
6169 padding: 72px 0; } }
6170
6171 .feature_icons {
6172 width: 40px;
6173 height: 100%;
6174 float: left;
6175 margin-right: .75rem; }
6176
6177 section#news,
6178 section#support,
6179 footer {
6180 background-color: rgba(38, 50, 56, 0.06); }
6181
6182 section#news {
6183 color: rgba(38, 50, 56, 0.6); }
6184 section#news h2 {
6185 color: #263238; }
6186
6187 section#wishlist {
6188 background-image: url("../img/wishlist-background.jpg");
6189 background-size: cover;
6190 background-position: center center; }
6191
6192 .progress {
6193 background-color: rgba(255, 255, 255, 0.2); }
6194
6195 .bg-progress {
6196 background-image: linear-gradient(to right, #fbc02d, #ff8f00); }
6197
6198 section#fireinfo {
6199 border-bottom: 1px solid rgba(38, 50, 56, 0.2); }
6200
6201 .circle {
6202 position: relative; }
6203 .circle p.fireinfo_per {
6204 color: rgba(38, 50, 56, 0.6);
6205 position: absolute;
6206 top: calc(50% - 18px);
6207 width: 100%; }
6208
6209 section#appliances {
6210 padding-bottom: 48px; }
6211
6212 .features-content {
6213 padding-top: 88px;
6214 margin-bottom: 40px; }
6215 @media (min-width: 992px) {
6216 .features-content {
6217 padding-top: 161px; } }
6218 .features-content .content {
6219 background: white;
6220 border-radius: 4px;
6221 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
6222 padding: 40px 24px;
6223 position: relative; }
6224
6225 .divider {
6226 width: 128px;
6227 height: 4px;
6228 border-radius: 2px;
6229 background-image: linear-gradient(to right, #b71c1c, #ff3d00);
6230 margin: 40px auto 24px auto; }
6231 @media (min-width: 576px) {
6232 .divider {
6233 margin: 56px auto 40px auto; } }
6234
6235 footer {
6236 padding: 3rem 0 0 0; }
6237 @media (max-width: 991px) {
6238 footer {
6239 padding-top: 31px; } }
6240 footer h4 {
6241 margin-bottom: 1.25rem;
6242 color: rgba(38, 50, 56, 0.6);
6243 font-size: 20px;
6244 line-height: 28px; }
6245 footer ul li {
6246 font-size: 14px;
6247 margin-bottom: .75rem; }
6248 footer ul li a {
6249 color: rgba(38, 50, 56, 0.6);
6250 text-decoration: none; }
6251 footer ul li a:hover {
6252 color: #263238;
6253 text-decoration: underline; }
6254 footer .btn-lg, footer .btn-group-lg > .btn {
6255 margin-bottom: 2.75rem; }
6256 footer .btn-sm, footer .btn-group-sm > .btn {
6257 box-shadow: none; }
6258 footer .btn-sm:hover, footer .btn-group-sm > .btn:hover {
6259 box-shadow: none; }
6260
6261 #copyright {
6262 background-color: rgba(38, 50, 56, 0.06);
6263 padding: 1rem 0; }
6264 #copyright p {
6265 font-size: 12px;
6266 line-height: 16px; }
6267
6268 @keyframes scroll {
6269 0%, 100% {
6270 transform: translateY(30%); }
6271 50% {
6272 transform: translateY(50%); } }