]> git.ipfire.org Git - people/shoehn/ipfire.org.git/blob - static/css/style.css
new donation page with basic styling.
[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 @keyframes progress-bar-stripes {
2331 from {
2332 background-position: 1rem 0; }
2333 to {
2334 background-position: 0 0; } }
2335
2336 .progress {
2337 display: flex;
2338 overflow: hidden;
2339 font-size: 0.75rem;
2340 line-height: 1rem;
2341 text-align: center;
2342 background-color: #eceeef;
2343 border-radius: 0.25rem; }
2344
2345 .progress-bar {
2346 height: 1rem;
2347 color: #fff;
2348 background-color: #0275d8; }
2349
2350 .progress-bar-striped {
2351 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);
2352 background-size: 1rem 1rem; }
2353
2354 .progress-bar-animated {
2355 animation: progress-bar-stripes 1s linear infinite; }
2356
2357 .media {
2358 display: flex;
2359 align-items: flex-start; }
2360
2361 .media-body {
2362 flex: 1; }
2363
2364 .list-group {
2365 display: flex;
2366 flex-direction: column;
2367 padding-left: 0;
2368 margin-bottom: 0; }
2369
2370 .list-group-item-action {
2371 width: 100%;
2372 color: #464a4c;
2373 text-align: inherit; }
2374 .list-group-item-action .list-group-item-heading {
2375 color: #292b2c; }
2376 .list-group-item-action:focus, .list-group-item-action:hover {
2377 color: #464a4c;
2378 text-decoration: none;
2379 background-color: #f7f7f9; }
2380 .list-group-item-action:active {
2381 color: #292b2c;
2382 background-color: #eceeef; }
2383
2384 .list-group-item {
2385 position: relative;
2386 display: flex;
2387 flex-flow: row wrap;
2388 align-items: center;
2389 padding: 0.75rem 1.25rem;
2390 margin-bottom: -1px;
2391 background-color: #fff;
2392 border: 1px solid rgba(0, 0, 0, 0.125); }
2393 .list-group-item:first-child {
2394 border-top-right-radius: 0.25rem;
2395 border-top-left-radius: 0.25rem; }
2396 .list-group-item:last-child {
2397 margin-bottom: 0;
2398 border-bottom-right-radius: 0.25rem;
2399 border-bottom-left-radius: 0.25rem; }
2400 .list-group-item:focus, .list-group-item:hover {
2401 text-decoration: none; }
2402 .list-group-item.disabled, .list-group-item:disabled {
2403 color: #636c72;
2404 cursor: not-allowed;
2405 background-color: #fff; }
2406 .list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading {
2407 color: inherit; }
2408 .list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text {
2409 color: #636c72; }
2410 .list-group-item.active {
2411 z-index: 2;
2412 color: #fff;
2413 background-color: #0275d8;
2414 border-color: #0275d8; }
2415 .list-group-item.active .list-group-item-heading,
2416 .list-group-item.active .list-group-item-heading > small,
2417 .list-group-item.active .list-group-item-heading > .small {
2418 color: inherit; }
2419 .list-group-item.active .list-group-item-text {
2420 color: #daeeff; }
2421
2422 .list-group-flush .list-group-item {
2423 border-right: 0;
2424 border-left: 0;
2425 border-radius: 0; }
2426
2427 .list-group-flush:first-child .list-group-item:first-child {
2428 border-top: 0; }
2429
2430 .list-group-flush:last-child .list-group-item:last-child {
2431 border-bottom: 0; }
2432
2433 .list-group-item-success {
2434 color: #3c763d;
2435 background-color: #dff0d8; }
2436
2437 a.list-group-item-success,
2438 button.list-group-item-success {
2439 color: #3c763d; }
2440 a.list-group-item-success .list-group-item-heading,
2441 button.list-group-item-success .list-group-item-heading {
2442 color: inherit; }
2443 a.list-group-item-success:focus, a.list-group-item-success:hover,
2444 button.list-group-item-success:focus,
2445 button.list-group-item-success:hover {
2446 color: #3c763d;
2447 background-color: #d0e9c6; }
2448 a.list-group-item-success.active,
2449 button.list-group-item-success.active {
2450 color: #fff;
2451 background-color: #3c763d;
2452 border-color: #3c763d; }
2453
2454 .list-group-item-info {
2455 color: #31708f;
2456 background-color: #d9edf7; }
2457
2458 a.list-group-item-info,
2459 button.list-group-item-info {
2460 color: #31708f; }
2461 a.list-group-item-info .list-group-item-heading,
2462 button.list-group-item-info .list-group-item-heading {
2463 color: inherit; }
2464 a.list-group-item-info:focus, a.list-group-item-info:hover,
2465 button.list-group-item-info:focus,
2466 button.list-group-item-info:hover {
2467 color: #31708f;
2468 background-color: #c4e3f3; }
2469 a.list-group-item-info.active,
2470 button.list-group-item-info.active {
2471 color: #fff;
2472 background-color: #31708f;
2473 border-color: #31708f; }
2474
2475 .list-group-item-warning {
2476 color: #8a6d3b;
2477 background-color: #fcf8e3; }
2478
2479 a.list-group-item-warning,
2480 button.list-group-item-warning {
2481 color: #8a6d3b; }
2482 a.list-group-item-warning .list-group-item-heading,
2483 button.list-group-item-warning .list-group-item-heading {
2484 color: inherit; }
2485 a.list-group-item-warning:focus, a.list-group-item-warning:hover,
2486 button.list-group-item-warning:focus,
2487 button.list-group-item-warning:hover {
2488 color: #8a6d3b;
2489 background-color: #faf2cc; }
2490 a.list-group-item-warning.active,
2491 button.list-group-item-warning.active {
2492 color: #fff;
2493 background-color: #8a6d3b;
2494 border-color: #8a6d3b; }
2495
2496 .list-group-item-danger {
2497 color: #a94442;
2498 background-color: #f2dede; }
2499
2500 a.list-group-item-danger,
2501 button.list-group-item-danger {
2502 color: #a94442; }
2503 a.list-group-item-danger .list-group-item-heading,
2504 button.list-group-item-danger .list-group-item-heading {
2505 color: inherit; }
2506 a.list-group-item-danger:focus, a.list-group-item-danger:hover,
2507 button.list-group-item-danger:focus,
2508 button.list-group-item-danger:hover {
2509 color: #a94442;
2510 background-color: #ebcccc; }
2511 a.list-group-item-danger.active,
2512 button.list-group-item-danger.active {
2513 color: #fff;
2514 background-color: #a94442;
2515 border-color: #a94442; }
2516
2517 .align-baseline {
2518 vertical-align: baseline !important; }
2519
2520 .align-top {
2521 vertical-align: top !important; }
2522
2523 .align-middle {
2524 vertical-align: middle !important; }
2525
2526 .align-bottom {
2527 vertical-align: bottom !important; }
2528
2529 .align-text-bottom {
2530 vertical-align: text-bottom !important; }
2531
2532 .align-text-top {
2533 vertical-align: text-top !important; }
2534
2535 .bg-faded {
2536 background-color: #e3e8eb; }
2537
2538 .bg-primary {
2539 background-color: #0275d8 !important; }
2540
2541 a.bg-primary:focus, a.bg-primary:hover {
2542 background-color: #025aa5 !important; }
2543
2544 .bg-success {
2545 background-color: #5cb85c !important; }
2546
2547 a.bg-success:focus, a.bg-success:hover {
2548 background-color: #449d44 !important; }
2549
2550 .bg-info {
2551 background-color: #5bc0de !important; }
2552
2553 a.bg-info:focus, a.bg-info:hover {
2554 background-color: #31b0d5 !important; }
2555
2556 .bg-warning {
2557 background-color: #f0ad4e !important; }
2558
2559 a.bg-warning:focus, a.bg-warning:hover {
2560 background-color: #ec971f !important; }
2561
2562 .bg-danger {
2563 background-color: #d9534f !important; }
2564
2565 a.bg-danger:focus, a.bg-danger:hover {
2566 background-color: #c9302c !important; }
2567
2568 .bg-inverse {
2569 background-color: #292b2c !important; }
2570
2571 a.bg-inverse:focus, a.bg-inverse:hover {
2572 background-color: #101112 !important; }
2573
2574 .border-0 {
2575 border: 0 !important; }
2576
2577 .border-top-0 {
2578 border-top: 0 !important; }
2579
2580 .border-right-0 {
2581 border-right: 0 !important; }
2582
2583 .border-bottom-0 {
2584 border-bottom: 0 !important; }
2585
2586 .border-left-0 {
2587 border-left: 0 !important; }
2588
2589 .rounded {
2590 border-radius: 0.25rem; }
2591
2592 .rounded-top {
2593 border-top-right-radius: 0.25rem;
2594 border-top-left-radius: 0.25rem; }
2595
2596 .rounded-right {
2597 border-bottom-right-radius: 0.25rem;
2598 border-top-right-radius: 0.25rem; }
2599
2600 .rounded-bottom {
2601 border-bottom-right-radius: 0.25rem;
2602 border-bottom-left-radius: 0.25rem; }
2603
2604 .rounded-left {
2605 border-bottom-left-radius: 0.25rem;
2606 border-top-left-radius: 0.25rem; }
2607
2608 .rounded-circle {
2609 border-radius: 50%; }
2610
2611 .rounded-0 {
2612 border-radius: 0; }
2613
2614 .clearfix::after {
2615 display: block;
2616 content: "";
2617 clear: both; }
2618
2619 .d-none {
2620 display: none !important; }
2621
2622 .d-inline {
2623 display: inline !important; }
2624
2625 .d-inline-block {
2626 display: inline-block !important; }
2627
2628 .d-block {
2629 display: block !important; }
2630
2631 .d-table {
2632 display: table !important; }
2633
2634 .d-table-cell {
2635 display: table-cell !important; }
2636
2637 .d-flex {
2638 display: flex !important; }
2639
2640 .d-inline-flex {
2641 display: inline-flex !important; }
2642
2643 @media (min-width: 576px) {
2644 .d-sm-none {
2645 display: none !important; }
2646 .d-sm-inline {
2647 display: inline !important; }
2648 .d-sm-inline-block {
2649 display: inline-block !important; }
2650 .d-sm-block {
2651 display: block !important; }
2652 .d-sm-table {
2653 display: table !important; }
2654 .d-sm-table-cell {
2655 display: table-cell !important; }
2656 .d-sm-flex {
2657 display: flex !important; }
2658 .d-sm-inline-flex {
2659 display: inline-flex !important; } }
2660
2661 @media (min-width: 768px) {
2662 .d-md-none {
2663 display: none !important; }
2664 .d-md-inline {
2665 display: inline !important; }
2666 .d-md-inline-block {
2667 display: inline-block !important; }
2668 .d-md-block {
2669 display: block !important; }
2670 .d-md-table {
2671 display: table !important; }
2672 .d-md-table-cell {
2673 display: table-cell !important; }
2674 .d-md-flex {
2675 display: flex !important; }
2676 .d-md-inline-flex {
2677 display: inline-flex !important; } }
2678
2679 @media (min-width: 992px) {
2680 .d-lg-none {
2681 display: none !important; }
2682 .d-lg-inline {
2683 display: inline !important; }
2684 .d-lg-inline-block {
2685 display: inline-block !important; }
2686 .d-lg-block {
2687 display: block !important; }
2688 .d-lg-table {
2689 display: table !important; }
2690 .d-lg-table-cell {
2691 display: table-cell !important; }
2692 .d-lg-flex {
2693 display: flex !important; }
2694 .d-lg-inline-flex {
2695 display: inline-flex !important; } }
2696
2697 @media (min-width: 1200px) {
2698 .d-xl-none {
2699 display: none !important; }
2700 .d-xl-inline {
2701 display: inline !important; }
2702 .d-xl-inline-block {
2703 display: inline-block !important; }
2704 .d-xl-block {
2705 display: block !important; }
2706 .d-xl-table {
2707 display: table !important; }
2708 .d-xl-table-cell {
2709 display: table-cell !important; }
2710 .d-xl-flex {
2711 display: flex !important; }
2712 .d-xl-inline-flex {
2713 display: inline-flex !important; } }
2714
2715 .flex-first {
2716 order: -1; }
2717
2718 .flex-last {
2719 order: 1; }
2720
2721 .flex-unordered {
2722 order: 0; }
2723
2724 .flex-row {
2725 flex-direction: row !important; }
2726
2727 .flex-column {
2728 flex-direction: column !important; }
2729
2730 .flex-row-reverse {
2731 flex-direction: row-reverse !important; }
2732
2733 .flex-column-reverse {
2734 flex-direction: column-reverse !important; }
2735
2736 .flex-wrap {
2737 flex-wrap: wrap !important; }
2738
2739 .flex-nowrap {
2740 flex-wrap: nowrap !important; }
2741
2742 .flex-wrap-reverse {
2743 flex-wrap: wrap-reverse !important; }
2744
2745 .justify-content-start {
2746 justify-content: flex-start !important; }
2747
2748 .justify-content-end {
2749 justify-content: flex-end !important; }
2750
2751 .justify-content-center {
2752 justify-content: center !important; }
2753
2754 .justify-content-between {
2755 justify-content: space-between !important; }
2756
2757 .justify-content-around {
2758 justify-content: space-around !important; }
2759
2760 .align-items-start {
2761 align-items: flex-start !important; }
2762
2763 .align-items-end {
2764 align-items: flex-end !important; }
2765
2766 .align-items-center {
2767 align-items: center !important; }
2768
2769 .align-items-baseline {
2770 align-items: baseline !important; }
2771
2772 .align-items-stretch {
2773 align-items: stretch !important; }
2774
2775 .align-content-start {
2776 align-content: flex-start !important; }
2777
2778 .align-content-end {
2779 align-content: flex-end !important; }
2780
2781 .align-content-center {
2782 align-content: center !important; }
2783
2784 .align-content-between {
2785 align-content: space-between !important; }
2786
2787 .align-content-around {
2788 align-content: space-around !important; }
2789
2790 .align-content-stretch {
2791 align-content: stretch !important; }
2792
2793 .align-self-auto {
2794 align-self: auto !important; }
2795
2796 .align-self-start {
2797 align-self: flex-start !important; }
2798
2799 .align-self-end {
2800 align-self: flex-end !important; }
2801
2802 .align-self-center {
2803 align-self: center !important; }
2804
2805 .align-self-baseline {
2806 align-self: baseline !important; }
2807
2808 .align-self-stretch {
2809 align-self: stretch !important; }
2810
2811 @media (min-width: 576px) {
2812 .flex-sm-first {
2813 order: -1; }
2814 .flex-sm-last {
2815 order: 1; }
2816 .flex-sm-unordered {
2817 order: 0; }
2818 .flex-sm-row {
2819 flex-direction: row !important; }
2820 .flex-sm-column {
2821 flex-direction: column !important; }
2822 .flex-sm-row-reverse {
2823 flex-direction: row-reverse !important; }
2824 .flex-sm-column-reverse {
2825 flex-direction: column-reverse !important; }
2826 .flex-sm-wrap {
2827 flex-wrap: wrap !important; }
2828 .flex-sm-nowrap {
2829 flex-wrap: nowrap !important; }
2830 .flex-sm-wrap-reverse {
2831 flex-wrap: wrap-reverse !important; }
2832 .justify-content-sm-start {
2833 justify-content: flex-start !important; }
2834 .justify-content-sm-end {
2835 justify-content: flex-end !important; }
2836 .justify-content-sm-center {
2837 justify-content: center !important; }
2838 .justify-content-sm-between {
2839 justify-content: space-between !important; }
2840 .justify-content-sm-around {
2841 justify-content: space-around !important; }
2842 .align-items-sm-start {
2843 align-items: flex-start !important; }
2844 .align-items-sm-end {
2845 align-items: flex-end !important; }
2846 .align-items-sm-center {
2847 align-items: center !important; }
2848 .align-items-sm-baseline {
2849 align-items: baseline !important; }
2850 .align-items-sm-stretch {
2851 align-items: stretch !important; }
2852 .align-content-sm-start {
2853 align-content: flex-start !important; }
2854 .align-content-sm-end {
2855 align-content: flex-end !important; }
2856 .align-content-sm-center {
2857 align-content: center !important; }
2858 .align-content-sm-between {
2859 align-content: space-between !important; }
2860 .align-content-sm-around {
2861 align-content: space-around !important; }
2862 .align-content-sm-stretch {
2863 align-content: stretch !important; }
2864 .align-self-sm-auto {
2865 align-self: auto !important; }
2866 .align-self-sm-start {
2867 align-self: flex-start !important; }
2868 .align-self-sm-end {
2869 align-self: flex-end !important; }
2870 .align-self-sm-center {
2871 align-self: center !important; }
2872 .align-self-sm-baseline {
2873 align-self: baseline !important; }
2874 .align-self-sm-stretch {
2875 align-self: stretch !important; } }
2876
2877 @media (min-width: 768px) {
2878 .flex-md-first {
2879 order: -1; }
2880 .flex-md-last {
2881 order: 1; }
2882 .flex-md-unordered {
2883 order: 0; }
2884 .flex-md-row {
2885 flex-direction: row !important; }
2886 .flex-md-column {
2887 flex-direction: column !important; }
2888 .flex-md-row-reverse {
2889 flex-direction: row-reverse !important; }
2890 .flex-md-column-reverse {
2891 flex-direction: column-reverse !important; }
2892 .flex-md-wrap {
2893 flex-wrap: wrap !important; }
2894 .flex-md-nowrap {
2895 flex-wrap: nowrap !important; }
2896 .flex-md-wrap-reverse {
2897 flex-wrap: wrap-reverse !important; }
2898 .justify-content-md-start {
2899 justify-content: flex-start !important; }
2900 .justify-content-md-end {
2901 justify-content: flex-end !important; }
2902 .justify-content-md-center {
2903 justify-content: center !important; }
2904 .justify-content-md-between {
2905 justify-content: space-between !important; }
2906 .justify-content-md-around {
2907 justify-content: space-around !important; }
2908 .align-items-md-start {
2909 align-items: flex-start !important; }
2910 .align-items-md-end {
2911 align-items: flex-end !important; }
2912 .align-items-md-center {
2913 align-items: center !important; }
2914 .align-items-md-baseline {
2915 align-items: baseline !important; }
2916 .align-items-md-stretch {
2917 align-items: stretch !important; }
2918 .align-content-md-start {
2919 align-content: flex-start !important; }
2920 .align-content-md-end {
2921 align-content: flex-end !important; }
2922 .align-content-md-center {
2923 align-content: center !important; }
2924 .align-content-md-between {
2925 align-content: space-between !important; }
2926 .align-content-md-around {
2927 align-content: space-around !important; }
2928 .align-content-md-stretch {
2929 align-content: stretch !important; }
2930 .align-self-md-auto {
2931 align-self: auto !important; }
2932 .align-self-md-start {
2933 align-self: flex-start !important; }
2934 .align-self-md-end {
2935 align-self: flex-end !important; }
2936 .align-self-md-center {
2937 align-self: center !important; }
2938 .align-self-md-baseline {
2939 align-self: baseline !important; }
2940 .align-self-md-stretch {
2941 align-self: stretch !important; } }
2942
2943 @media (min-width: 992px) {
2944 .flex-lg-first {
2945 order: -1; }
2946 .flex-lg-last {
2947 order: 1; }
2948 .flex-lg-unordered {
2949 order: 0; }
2950 .flex-lg-row {
2951 flex-direction: row !important; }
2952 .flex-lg-column {
2953 flex-direction: column !important; }
2954 .flex-lg-row-reverse {
2955 flex-direction: row-reverse !important; }
2956 .flex-lg-column-reverse {
2957 flex-direction: column-reverse !important; }
2958 .flex-lg-wrap {
2959 flex-wrap: wrap !important; }
2960 .flex-lg-nowrap {
2961 flex-wrap: nowrap !important; }
2962 .flex-lg-wrap-reverse {
2963 flex-wrap: wrap-reverse !important; }
2964 .justify-content-lg-start {
2965 justify-content: flex-start !important; }
2966 .justify-content-lg-end {
2967 justify-content: flex-end !important; }
2968 .justify-content-lg-center {
2969 justify-content: center !important; }
2970 .justify-content-lg-between {
2971 justify-content: space-between !important; }
2972 .justify-content-lg-around {
2973 justify-content: space-around !important; }
2974 .align-items-lg-start {
2975 align-items: flex-start !important; }
2976 .align-items-lg-end {
2977 align-items: flex-end !important; }
2978 .align-items-lg-center {
2979 align-items: center !important; }
2980 .align-items-lg-baseline {
2981 align-items: baseline !important; }
2982 .align-items-lg-stretch {
2983 align-items: stretch !important; }
2984 .align-content-lg-start {
2985 align-content: flex-start !important; }
2986 .align-content-lg-end {
2987 align-content: flex-end !important; }
2988 .align-content-lg-center {
2989 align-content: center !important; }
2990 .align-content-lg-between {
2991 align-content: space-between !important; }
2992 .align-content-lg-around {
2993 align-content: space-around !important; }
2994 .align-content-lg-stretch {
2995 align-content: stretch !important; }
2996 .align-self-lg-auto {
2997 align-self: auto !important; }
2998 .align-self-lg-start {
2999 align-self: flex-start !important; }
3000 .align-self-lg-end {
3001 align-self: flex-end !important; }
3002 .align-self-lg-center {
3003 align-self: center !important; }
3004 .align-self-lg-baseline {
3005 align-self: baseline !important; }
3006 .align-self-lg-stretch {
3007 align-self: stretch !important; } }
3008
3009 @media (min-width: 1200px) {
3010 .flex-xl-first {
3011 order: -1; }
3012 .flex-xl-last {
3013 order: 1; }
3014 .flex-xl-unordered {
3015 order: 0; }
3016 .flex-xl-row {
3017 flex-direction: row !important; }
3018 .flex-xl-column {
3019 flex-direction: column !important; }
3020 .flex-xl-row-reverse {
3021 flex-direction: row-reverse !important; }
3022 .flex-xl-column-reverse {
3023 flex-direction: column-reverse !important; }
3024 .flex-xl-wrap {
3025 flex-wrap: wrap !important; }
3026 .flex-xl-nowrap {
3027 flex-wrap: nowrap !important; }
3028 .flex-xl-wrap-reverse {
3029 flex-wrap: wrap-reverse !important; }
3030 .justify-content-xl-start {
3031 justify-content: flex-start !important; }
3032 .justify-content-xl-end {
3033 justify-content: flex-end !important; }
3034 .justify-content-xl-center {
3035 justify-content: center !important; }
3036 .justify-content-xl-between {
3037 justify-content: space-between !important; }
3038 .justify-content-xl-around {
3039 justify-content: space-around !important; }
3040 .align-items-xl-start {
3041 align-items: flex-start !important; }
3042 .align-items-xl-end {
3043 align-items: flex-end !important; }
3044 .align-items-xl-center {
3045 align-items: center !important; }
3046 .align-items-xl-baseline {
3047 align-items: baseline !important; }
3048 .align-items-xl-stretch {
3049 align-items: stretch !important; }
3050 .align-content-xl-start {
3051 align-content: flex-start !important; }
3052 .align-content-xl-end {
3053 align-content: flex-end !important; }
3054 .align-content-xl-center {
3055 align-content: center !important; }
3056 .align-content-xl-between {
3057 align-content: space-between !important; }
3058 .align-content-xl-around {
3059 align-content: space-around !important; }
3060 .align-content-xl-stretch {
3061 align-content: stretch !important; }
3062 .align-self-xl-auto {
3063 align-self: auto !important; }
3064 .align-self-xl-start {
3065 align-self: flex-start !important; }
3066 .align-self-xl-end {
3067 align-self: flex-end !important; }
3068 .align-self-xl-center {
3069 align-self: center !important; }
3070 .align-self-xl-baseline {
3071 align-self: baseline !important; }
3072 .align-self-xl-stretch {
3073 align-self: stretch !important; } }
3074
3075 .float-left {
3076 float: left !important; }
3077
3078 .float-right {
3079 float: right !important; }
3080
3081 .float-none {
3082 float: none !important; }
3083
3084 @media (min-width: 576px) {
3085 .float-sm-left {
3086 float: left !important; }
3087 .float-sm-right {
3088 float: right !important; }
3089 .float-sm-none {
3090 float: none !important; } }
3091
3092 @media (min-width: 768px) {
3093 .float-md-left {
3094 float: left !important; }
3095 .float-md-right {
3096 float: right !important; }
3097 .float-md-none {
3098 float: none !important; } }
3099
3100 @media (min-width: 992px) {
3101 .float-lg-left {
3102 float: left !important; }
3103 .float-lg-right {
3104 float: right !important; }
3105 .float-lg-none {
3106 float: none !important; } }
3107
3108 @media (min-width: 1200px) {
3109 .float-xl-left {
3110 float: left !important; }
3111 .float-xl-right {
3112 float: right !important; }
3113 .float-xl-none {
3114 float: none !important; } }
3115
3116 .fixed-top {
3117 position: fixed;
3118 top: 0;
3119 right: 0;
3120 left: 0;
3121 z-index: 1030; }
3122
3123 .fixed-bottom {
3124 position: fixed;
3125 right: 0;
3126 bottom: 0;
3127 left: 0;
3128 z-index: 1030; }
3129
3130 .sticky-top {
3131 position: sticky;
3132 top: 0;
3133 z-index: 1030; }
3134
3135 .sr-only {
3136 position: absolute;
3137 width: 1px;
3138 height: 1px;
3139 padding: 0;
3140 margin: -1px;
3141 overflow: hidden;
3142 clip: rect(0, 0, 0, 0);
3143 border: 0; }
3144
3145 .sr-only-focusable:active, .sr-only-focusable:focus {
3146 position: static;
3147 width: auto;
3148 height: auto;
3149 margin: 0;
3150 overflow: visible;
3151 clip: auto; }
3152
3153 .w-25 {
3154 width: 25% !important; }
3155
3156 .w-50 {
3157 width: 50% !important; }
3158
3159 .w-75 {
3160 width: 75% !important; }
3161
3162 .w-100 {
3163 width: 100% !important; }
3164
3165 .h-25 {
3166 height: 25% !important; }
3167
3168 .h-50 {
3169 height: 50% !important; }
3170
3171 .h-75 {
3172 height: 75% !important; }
3173
3174 .h-100 {
3175 height: 100% !important; }
3176
3177 .mw-100 {
3178 max-width: 100% !important; }
3179
3180 .mh-100 {
3181 max-height: 100% !important; }
3182
3183 .m-0 {
3184 margin: 0 0 !important; }
3185
3186 .mt-0 {
3187 margin-top: 0 !important; }
3188
3189 .mr-0 {
3190 margin-right: 0 !important; }
3191
3192 .mb-0 {
3193 margin-bottom: 0 !important; }
3194
3195 .ml-0 {
3196 margin-left: 0 !important; }
3197
3198 .mx-0 {
3199 margin-right: 0 !important;
3200 margin-left: 0 !important; }
3201
3202 .my-0 {
3203 margin-top: 0 !important;
3204 margin-bottom: 0 !important; }
3205
3206 .m-1 {
3207 margin: 2px 2px !important; }
3208
3209 .mt-1 {
3210 margin-top: 2px !important; }
3211
3212 .mr-1 {
3213 margin-right: 2px !important; }
3214
3215 .mb-1 {
3216 margin-bottom: 2px !important; }
3217
3218 .ml-1 {
3219 margin-left: 2px !important; }
3220
3221 .mx-1 {
3222 margin-right: 2px !important;
3223 margin-left: 2px !important; }
3224
3225 .my-1 {
3226 margin-top: 2px !important;
3227 margin-bottom: 2px !important; }
3228
3229 .m-2 {
3230 margin: 4px 4px !important; }
3231
3232 .mt-2 {
3233 margin-top: 4px !important; }
3234
3235 .mr-2 {
3236 margin-right: 4px !important; }
3237
3238 .mb-2 {
3239 margin-bottom: 4px !important; }
3240
3241 .ml-2 {
3242 margin-left: 4px !important; }
3243
3244 .mx-2 {
3245 margin-right: 4px !important;
3246 margin-left: 4px !important; }
3247
3248 .my-2 {
3249 margin-top: 4px !important;
3250 margin-bottom: 4px !important; }
3251
3252 .m-3 {
3253 margin: 8px 8px !important; }
3254
3255 .mt-3 {
3256 margin-top: 8px !important; }
3257
3258 .mr-3 {
3259 margin-right: 8px !important; }
3260
3261 .mb-3 {
3262 margin-bottom: 8px !important; }
3263
3264 .ml-3 {
3265 margin-left: 8px !important; }
3266
3267 .mx-3 {
3268 margin-right: 8px !important;
3269 margin-left: 8px !important; }
3270
3271 .my-3 {
3272 margin-top: 8px !important;
3273 margin-bottom: 8px !important; }
3274
3275 .m-4 {
3276 margin: 12px 12px !important; }
3277
3278 .mt-4 {
3279 margin-top: 12px !important; }
3280
3281 .mr-4 {
3282 margin-right: 12px !important; }
3283
3284 .mb-4 {
3285 margin-bottom: 12px !important; }
3286
3287 .ml-4 {
3288 margin-left: 12px !important; }
3289
3290 .mx-4 {
3291 margin-right: 12px !important;
3292 margin-left: 12px !important; }
3293
3294 .my-4 {
3295 margin-top: 12px !important;
3296 margin-bottom: 12px !important; }
3297
3298 .m-5 {
3299 margin: 16px 16px !important; }
3300
3301 .mt-5 {
3302 margin-top: 16px !important; }
3303
3304 .mr-5 {
3305 margin-right: 16px !important; }
3306
3307 .mb-5 {
3308 margin-bottom: 16px !important; }
3309
3310 .ml-5 {
3311 margin-left: 16px !important; }
3312
3313 .mx-5 {
3314 margin-right: 16px !important;
3315 margin-left: 16px !important; }
3316
3317 .my-5 {
3318 margin-top: 16px !important;
3319 margin-bottom: 16px !important; }
3320
3321 .m-6 {
3322 margin: 48px 48px !important; }
3323
3324 .mt-6 {
3325 margin-top: 48px !important; }
3326
3327 .mr-6 {
3328 margin-right: 48px !important; }
3329
3330 .mb-6 {
3331 margin-bottom: 48px !important; }
3332
3333 .ml-6 {
3334 margin-left: 48px !important; }
3335
3336 .mx-6 {
3337 margin-right: 48px !important;
3338 margin-left: 48px !important; }
3339
3340 .my-6 {
3341 margin-top: 48px !important;
3342 margin-bottom: 48px !important; }
3343
3344 .p-0 {
3345 padding: 0 0 !important; }
3346
3347 .pt-0 {
3348 padding-top: 0 !important; }
3349
3350 .pr-0 {
3351 padding-right: 0 !important; }
3352
3353 .pb-0 {
3354 padding-bottom: 0 !important; }
3355
3356 .pl-0 {
3357 padding-left: 0 !important; }
3358
3359 .px-0 {
3360 padding-right: 0 !important;
3361 padding-left: 0 !important; }
3362
3363 .py-0 {
3364 padding-top: 0 !important;
3365 padding-bottom: 0 !important; }
3366
3367 .p-1 {
3368 padding: 2px 2px !important; }
3369
3370 .pt-1 {
3371 padding-top: 2px !important; }
3372
3373 .pr-1 {
3374 padding-right: 2px !important; }
3375
3376 .pb-1 {
3377 padding-bottom: 2px !important; }
3378
3379 .pl-1 {
3380 padding-left: 2px !important; }
3381
3382 .px-1 {
3383 padding-right: 2px !important;
3384 padding-left: 2px !important; }
3385
3386 .py-1 {
3387 padding-top: 2px !important;
3388 padding-bottom: 2px !important; }
3389
3390 .p-2 {
3391 padding: 4px 4px !important; }
3392
3393 .pt-2 {
3394 padding-top: 4px !important; }
3395
3396 .pr-2 {
3397 padding-right: 4px !important; }
3398
3399 .pb-2 {
3400 padding-bottom: 4px !important; }
3401
3402 .pl-2 {
3403 padding-left: 4px !important; }
3404
3405 .px-2 {
3406 padding-right: 4px !important;
3407 padding-left: 4px !important; }
3408
3409 .py-2 {
3410 padding-top: 4px !important;
3411 padding-bottom: 4px !important; }
3412
3413 .p-3 {
3414 padding: 8px 8px !important; }
3415
3416 .pt-3 {
3417 padding-top: 8px !important; }
3418
3419 .pr-3 {
3420 padding-right: 8px !important; }
3421
3422 .pb-3 {
3423 padding-bottom: 8px !important; }
3424
3425 .pl-3 {
3426 padding-left: 8px !important; }
3427
3428 .px-3 {
3429 padding-right: 8px !important;
3430 padding-left: 8px !important; }
3431
3432 .py-3 {
3433 padding-top: 8px !important;
3434 padding-bottom: 8px !important; }
3435
3436 .p-4 {
3437 padding: 12px 12px !important; }
3438
3439 .pt-4 {
3440 padding-top: 12px !important; }
3441
3442 .pr-4 {
3443 padding-right: 12px !important; }
3444
3445 .pb-4 {
3446 padding-bottom: 12px !important; }
3447
3448 .pl-4 {
3449 padding-left: 12px !important; }
3450
3451 .px-4 {
3452 padding-right: 12px !important;
3453 padding-left: 12px !important; }
3454
3455 .py-4 {
3456 padding-top: 12px !important;
3457 padding-bottom: 12px !important; }
3458
3459 .p-5 {
3460 padding: 16px 16px !important; }
3461
3462 .pt-5 {
3463 padding-top: 16px !important; }
3464
3465 .pr-5 {
3466 padding-right: 16px !important; }
3467
3468 .pb-5 {
3469 padding-bottom: 16px !important; }
3470
3471 .pl-5 {
3472 padding-left: 16px !important; }
3473
3474 .px-5 {
3475 padding-right: 16px !important;
3476 padding-left: 16px !important; }
3477
3478 .py-5 {
3479 padding-top: 16px !important;
3480 padding-bottom: 16px !important; }
3481
3482 .p-6 {
3483 padding: 48px 48px !important; }
3484
3485 .pt-6 {
3486 padding-top: 48px !important; }
3487
3488 .pr-6 {
3489 padding-right: 48px !important; }
3490
3491 .pb-6 {
3492 padding-bottom: 48px !important; }
3493
3494 .pl-6 {
3495 padding-left: 48px !important; }
3496
3497 .px-6 {
3498 padding-right: 48px !important;
3499 padding-left: 48px !important; }
3500
3501 .py-6 {
3502 padding-top: 48px !important;
3503 padding-bottom: 48px !important; }
3504
3505 .m-auto {
3506 margin: auto !important; }
3507
3508 .mt-auto {
3509 margin-top: auto !important; }
3510
3511 .mr-auto {
3512 margin-right: auto !important; }
3513
3514 .mb-auto {
3515 margin-bottom: auto !important; }
3516
3517 .ml-auto {
3518 margin-left: auto !important; }
3519
3520 .mx-auto {
3521 margin-right: auto !important;
3522 margin-left: auto !important; }
3523
3524 .my-auto {
3525 margin-top: auto !important;
3526 margin-bottom: auto !important; }
3527
3528 @media (min-width: 576px) {
3529 .m-sm-0 {
3530 margin: 0 0 !important; }
3531 .mt-sm-0 {
3532 margin-top: 0 !important; }
3533 .mr-sm-0 {
3534 margin-right: 0 !important; }
3535 .mb-sm-0 {
3536 margin-bottom: 0 !important; }
3537 .ml-sm-0 {
3538 margin-left: 0 !important; }
3539 .mx-sm-0 {
3540 margin-right: 0 !important;
3541 margin-left: 0 !important; }
3542 .my-sm-0 {
3543 margin-top: 0 !important;
3544 margin-bottom: 0 !important; }
3545 .m-sm-1 {
3546 margin: 2px 2px !important; }
3547 .mt-sm-1 {
3548 margin-top: 2px !important; }
3549 .mr-sm-1 {
3550 margin-right: 2px !important; }
3551 .mb-sm-1 {
3552 margin-bottom: 2px !important; }
3553 .ml-sm-1 {
3554 margin-left: 2px !important; }
3555 .mx-sm-1 {
3556 margin-right: 2px !important;
3557 margin-left: 2px !important; }
3558 .my-sm-1 {
3559 margin-top: 2px !important;
3560 margin-bottom: 2px !important; }
3561 .m-sm-2 {
3562 margin: 4px 4px !important; }
3563 .mt-sm-2 {
3564 margin-top: 4px !important; }
3565 .mr-sm-2 {
3566 margin-right: 4px !important; }
3567 .mb-sm-2 {
3568 margin-bottom: 4px !important; }
3569 .ml-sm-2 {
3570 margin-left: 4px !important; }
3571 .mx-sm-2 {
3572 margin-right: 4px !important;
3573 margin-left: 4px !important; }
3574 .my-sm-2 {
3575 margin-top: 4px !important;
3576 margin-bottom: 4px !important; }
3577 .m-sm-3 {
3578 margin: 8px 8px !important; }
3579 .mt-sm-3 {
3580 margin-top: 8px !important; }
3581 .mr-sm-3 {
3582 margin-right: 8px !important; }
3583 .mb-sm-3 {
3584 margin-bottom: 8px !important; }
3585 .ml-sm-3 {
3586 margin-left: 8px !important; }
3587 .mx-sm-3 {
3588 margin-right: 8px !important;
3589 margin-left: 8px !important; }
3590 .my-sm-3 {
3591 margin-top: 8px !important;
3592 margin-bottom: 8px !important; }
3593 .m-sm-4 {
3594 margin: 12px 12px !important; }
3595 .mt-sm-4 {
3596 margin-top: 12px !important; }
3597 .mr-sm-4 {
3598 margin-right: 12px !important; }
3599 .mb-sm-4 {
3600 margin-bottom: 12px !important; }
3601 .ml-sm-4 {
3602 margin-left: 12px !important; }
3603 .mx-sm-4 {
3604 margin-right: 12px !important;
3605 margin-left: 12px !important; }
3606 .my-sm-4 {
3607 margin-top: 12px !important;
3608 margin-bottom: 12px !important; }
3609 .m-sm-5 {
3610 margin: 16px 16px !important; }
3611 .mt-sm-5 {
3612 margin-top: 16px !important; }
3613 .mr-sm-5 {
3614 margin-right: 16px !important; }
3615 .mb-sm-5 {
3616 margin-bottom: 16px !important; }
3617 .ml-sm-5 {
3618 margin-left: 16px !important; }
3619 .mx-sm-5 {
3620 margin-right: 16px !important;
3621 margin-left: 16px !important; }
3622 .my-sm-5 {
3623 margin-top: 16px !important;
3624 margin-bottom: 16px !important; }
3625 .m-sm-6 {
3626 margin: 48px 48px !important; }
3627 .mt-sm-6 {
3628 margin-top: 48px !important; }
3629 .mr-sm-6 {
3630 margin-right: 48px !important; }
3631 .mb-sm-6 {
3632 margin-bottom: 48px !important; }
3633 .ml-sm-6 {
3634 margin-left: 48px !important; }
3635 .mx-sm-6 {
3636 margin-right: 48px !important;
3637 margin-left: 48px !important; }
3638 .my-sm-6 {
3639 margin-top: 48px !important;
3640 margin-bottom: 48px !important; }
3641 .p-sm-0 {
3642 padding: 0 0 !important; }
3643 .pt-sm-0 {
3644 padding-top: 0 !important; }
3645 .pr-sm-0 {
3646 padding-right: 0 !important; }
3647 .pb-sm-0 {
3648 padding-bottom: 0 !important; }
3649 .pl-sm-0 {
3650 padding-left: 0 !important; }
3651 .px-sm-0 {
3652 padding-right: 0 !important;
3653 padding-left: 0 !important; }
3654 .py-sm-0 {
3655 padding-top: 0 !important;
3656 padding-bottom: 0 !important; }
3657 .p-sm-1 {
3658 padding: 2px 2px !important; }
3659 .pt-sm-1 {
3660 padding-top: 2px !important; }
3661 .pr-sm-1 {
3662 padding-right: 2px !important; }
3663 .pb-sm-1 {
3664 padding-bottom: 2px !important; }
3665 .pl-sm-1 {
3666 padding-left: 2px !important; }
3667 .px-sm-1 {
3668 padding-right: 2px !important;
3669 padding-left: 2px !important; }
3670 .py-sm-1 {
3671 padding-top: 2px !important;
3672 padding-bottom: 2px !important; }
3673 .p-sm-2 {
3674 padding: 4px 4px !important; }
3675 .pt-sm-2 {
3676 padding-top: 4px !important; }
3677 .pr-sm-2 {
3678 padding-right: 4px !important; }
3679 .pb-sm-2 {
3680 padding-bottom: 4px !important; }
3681 .pl-sm-2 {
3682 padding-left: 4px !important; }
3683 .px-sm-2 {
3684 padding-right: 4px !important;
3685 padding-left: 4px !important; }
3686 .py-sm-2 {
3687 padding-top: 4px !important;
3688 padding-bottom: 4px !important; }
3689 .p-sm-3 {
3690 padding: 8px 8px !important; }
3691 .pt-sm-3 {
3692 padding-top: 8px !important; }
3693 .pr-sm-3 {
3694 padding-right: 8px !important; }
3695 .pb-sm-3 {
3696 padding-bottom: 8px !important; }
3697 .pl-sm-3 {
3698 padding-left: 8px !important; }
3699 .px-sm-3 {
3700 padding-right: 8px !important;
3701 padding-left: 8px !important; }
3702 .py-sm-3 {
3703 padding-top: 8px !important;
3704 padding-bottom: 8px !important; }
3705 .p-sm-4 {
3706 padding: 12px 12px !important; }
3707 .pt-sm-4 {
3708 padding-top: 12px !important; }
3709 .pr-sm-4 {
3710 padding-right: 12px !important; }
3711 .pb-sm-4 {
3712 padding-bottom: 12px !important; }
3713 .pl-sm-4 {
3714 padding-left: 12px !important; }
3715 .px-sm-4 {
3716 padding-right: 12px !important;
3717 padding-left: 12px !important; }
3718 .py-sm-4 {
3719 padding-top: 12px !important;
3720 padding-bottom: 12px !important; }
3721 .p-sm-5 {
3722 padding: 16px 16px !important; }
3723 .pt-sm-5 {
3724 padding-top: 16px !important; }
3725 .pr-sm-5 {
3726 padding-right: 16px !important; }
3727 .pb-sm-5 {
3728 padding-bottom: 16px !important; }
3729 .pl-sm-5 {
3730 padding-left: 16px !important; }
3731 .px-sm-5 {
3732 padding-right: 16px !important;
3733 padding-left: 16px !important; }
3734 .py-sm-5 {
3735 padding-top: 16px !important;
3736 padding-bottom: 16px !important; }
3737 .p-sm-6 {
3738 padding: 48px 48px !important; }
3739 .pt-sm-6 {
3740 padding-top: 48px !important; }
3741 .pr-sm-6 {
3742 padding-right: 48px !important; }
3743 .pb-sm-6 {
3744 padding-bottom: 48px !important; }
3745 .pl-sm-6 {
3746 padding-left: 48px !important; }
3747 .px-sm-6 {
3748 padding-right: 48px !important;
3749 padding-left: 48px !important; }
3750 .py-sm-6 {
3751 padding-top: 48px !important;
3752 padding-bottom: 48px !important; }
3753 .m-sm-auto {
3754 margin: auto !important; }
3755 .mt-sm-auto {
3756 margin-top: auto !important; }
3757 .mr-sm-auto {
3758 margin-right: auto !important; }
3759 .mb-sm-auto {
3760 margin-bottom: auto !important; }
3761 .ml-sm-auto {
3762 margin-left: auto !important; }
3763 .mx-sm-auto {
3764 margin-right: auto !important;
3765 margin-left: auto !important; }
3766 .my-sm-auto {
3767 margin-top: auto !important;
3768 margin-bottom: auto !important; } }
3769
3770 @media (min-width: 768px) {
3771 .m-md-0 {
3772 margin: 0 0 !important; }
3773 .mt-md-0 {
3774 margin-top: 0 !important; }
3775 .mr-md-0 {
3776 margin-right: 0 !important; }
3777 .mb-md-0 {
3778 margin-bottom: 0 !important; }
3779 .ml-md-0 {
3780 margin-left: 0 !important; }
3781 .mx-md-0 {
3782 margin-right: 0 !important;
3783 margin-left: 0 !important; }
3784 .my-md-0 {
3785 margin-top: 0 !important;
3786 margin-bottom: 0 !important; }
3787 .m-md-1 {
3788 margin: 2px 2px !important; }
3789 .mt-md-1 {
3790 margin-top: 2px !important; }
3791 .mr-md-1 {
3792 margin-right: 2px !important; }
3793 .mb-md-1 {
3794 margin-bottom: 2px !important; }
3795 .ml-md-1 {
3796 margin-left: 2px !important; }
3797 .mx-md-1 {
3798 margin-right: 2px !important;
3799 margin-left: 2px !important; }
3800 .my-md-1 {
3801 margin-top: 2px !important;
3802 margin-bottom: 2px !important; }
3803 .m-md-2 {
3804 margin: 4px 4px !important; }
3805 .mt-md-2 {
3806 margin-top: 4px !important; }
3807 .mr-md-2 {
3808 margin-right: 4px !important; }
3809 .mb-md-2 {
3810 margin-bottom: 4px !important; }
3811 .ml-md-2 {
3812 margin-left: 4px !important; }
3813 .mx-md-2 {
3814 margin-right: 4px !important;
3815 margin-left: 4px !important; }
3816 .my-md-2 {
3817 margin-top: 4px !important;
3818 margin-bottom: 4px !important; }
3819 .m-md-3 {
3820 margin: 8px 8px !important; }
3821 .mt-md-3 {
3822 margin-top: 8px !important; }
3823 .mr-md-3 {
3824 margin-right: 8px !important; }
3825 .mb-md-3 {
3826 margin-bottom: 8px !important; }
3827 .ml-md-3 {
3828 margin-left: 8px !important; }
3829 .mx-md-3 {
3830 margin-right: 8px !important;
3831 margin-left: 8px !important; }
3832 .my-md-3 {
3833 margin-top: 8px !important;
3834 margin-bottom: 8px !important; }
3835 .m-md-4 {
3836 margin: 12px 12px !important; }
3837 .mt-md-4 {
3838 margin-top: 12px !important; }
3839 .mr-md-4 {
3840 margin-right: 12px !important; }
3841 .mb-md-4 {
3842 margin-bottom: 12px !important; }
3843 .ml-md-4 {
3844 margin-left: 12px !important; }
3845 .mx-md-4 {
3846 margin-right: 12px !important;
3847 margin-left: 12px !important; }
3848 .my-md-4 {
3849 margin-top: 12px !important;
3850 margin-bottom: 12px !important; }
3851 .m-md-5 {
3852 margin: 16px 16px !important; }
3853 .mt-md-5 {
3854 margin-top: 16px !important; }
3855 .mr-md-5 {
3856 margin-right: 16px !important; }
3857 .mb-md-5 {
3858 margin-bottom: 16px !important; }
3859 .ml-md-5 {
3860 margin-left: 16px !important; }
3861 .mx-md-5 {
3862 margin-right: 16px !important;
3863 margin-left: 16px !important; }
3864 .my-md-5 {
3865 margin-top: 16px !important;
3866 margin-bottom: 16px !important; }
3867 .m-md-6 {
3868 margin: 48px 48px !important; }
3869 .mt-md-6 {
3870 margin-top: 48px !important; }
3871 .mr-md-6 {
3872 margin-right: 48px !important; }
3873 .mb-md-6 {
3874 margin-bottom: 48px !important; }
3875 .ml-md-6 {
3876 margin-left: 48px !important; }
3877 .mx-md-6 {
3878 margin-right: 48px !important;
3879 margin-left: 48px !important; }
3880 .my-md-6 {
3881 margin-top: 48px !important;
3882 margin-bottom: 48px !important; }
3883 .p-md-0 {
3884 padding: 0 0 !important; }
3885 .pt-md-0 {
3886 padding-top: 0 !important; }
3887 .pr-md-0 {
3888 padding-right: 0 !important; }
3889 .pb-md-0 {
3890 padding-bottom: 0 !important; }
3891 .pl-md-0 {
3892 padding-left: 0 !important; }
3893 .px-md-0 {
3894 padding-right: 0 !important;
3895 padding-left: 0 !important; }
3896 .py-md-0 {
3897 padding-top: 0 !important;
3898 padding-bottom: 0 !important; }
3899 .p-md-1 {
3900 padding: 2px 2px !important; }
3901 .pt-md-1 {
3902 padding-top: 2px !important; }
3903 .pr-md-1 {
3904 padding-right: 2px !important; }
3905 .pb-md-1 {
3906 padding-bottom: 2px !important; }
3907 .pl-md-1 {
3908 padding-left: 2px !important; }
3909 .px-md-1 {
3910 padding-right: 2px !important;
3911 padding-left: 2px !important; }
3912 .py-md-1 {
3913 padding-top: 2px !important;
3914 padding-bottom: 2px !important; }
3915 .p-md-2 {
3916 padding: 4px 4px !important; }
3917 .pt-md-2 {
3918 padding-top: 4px !important; }
3919 .pr-md-2 {
3920 padding-right: 4px !important; }
3921 .pb-md-2 {
3922 padding-bottom: 4px !important; }
3923 .pl-md-2 {
3924 padding-left: 4px !important; }
3925 .px-md-2 {
3926 padding-right: 4px !important;
3927 padding-left: 4px !important; }
3928 .py-md-2 {
3929 padding-top: 4px !important;
3930 padding-bottom: 4px !important; }
3931 .p-md-3 {
3932 padding: 8px 8px !important; }
3933 .pt-md-3 {
3934 padding-top: 8px !important; }
3935 .pr-md-3 {
3936 padding-right: 8px !important; }
3937 .pb-md-3 {
3938 padding-bottom: 8px !important; }
3939 .pl-md-3 {
3940 padding-left: 8px !important; }
3941 .px-md-3 {
3942 padding-right: 8px !important;
3943 padding-left: 8px !important; }
3944 .py-md-3 {
3945 padding-top: 8px !important;
3946 padding-bottom: 8px !important; }
3947 .p-md-4 {
3948 padding: 12px 12px !important; }
3949 .pt-md-4 {
3950 padding-top: 12px !important; }
3951 .pr-md-4 {
3952 padding-right: 12px !important; }
3953 .pb-md-4 {
3954 padding-bottom: 12px !important; }
3955 .pl-md-4 {
3956 padding-left: 12px !important; }
3957 .px-md-4 {
3958 padding-right: 12px !important;
3959 padding-left: 12px !important; }
3960 .py-md-4 {
3961 padding-top: 12px !important;
3962 padding-bottom: 12px !important; }
3963 .p-md-5 {
3964 padding: 16px 16px !important; }
3965 .pt-md-5 {
3966 padding-top: 16px !important; }
3967 .pr-md-5 {
3968 padding-right: 16px !important; }
3969 .pb-md-5 {
3970 padding-bottom: 16px !important; }
3971 .pl-md-5 {
3972 padding-left: 16px !important; }
3973 .px-md-5 {
3974 padding-right: 16px !important;
3975 padding-left: 16px !important; }
3976 .py-md-5 {
3977 padding-top: 16px !important;
3978 padding-bottom: 16px !important; }
3979 .p-md-6 {
3980 padding: 48px 48px !important; }
3981 .pt-md-6 {
3982 padding-top: 48px !important; }
3983 .pr-md-6 {
3984 padding-right: 48px !important; }
3985 .pb-md-6 {
3986 padding-bottom: 48px !important; }
3987 .pl-md-6 {
3988 padding-left: 48px !important; }
3989 .px-md-6 {
3990 padding-right: 48px !important;
3991 padding-left: 48px !important; }
3992 .py-md-6 {
3993 padding-top: 48px !important;
3994 padding-bottom: 48px !important; }
3995 .m-md-auto {
3996 margin: auto !important; }
3997 .mt-md-auto {
3998 margin-top: auto !important; }
3999 .mr-md-auto {
4000 margin-right: auto !important; }
4001 .mb-md-auto {
4002 margin-bottom: auto !important; }
4003 .ml-md-auto {
4004 margin-left: auto !important; }
4005 .mx-md-auto {
4006 margin-right: auto !important;
4007 margin-left: auto !important; }
4008 .my-md-auto {
4009 margin-top: auto !important;
4010 margin-bottom: auto !important; } }
4011
4012 @media (min-width: 992px) {
4013 .m-lg-0 {
4014 margin: 0 0 !important; }
4015 .mt-lg-0 {
4016 margin-top: 0 !important; }
4017 .mr-lg-0 {
4018 margin-right: 0 !important; }
4019 .mb-lg-0 {
4020 margin-bottom: 0 !important; }
4021 .ml-lg-0 {
4022 margin-left: 0 !important; }
4023 .mx-lg-0 {
4024 margin-right: 0 !important;
4025 margin-left: 0 !important; }
4026 .my-lg-0 {
4027 margin-top: 0 !important;
4028 margin-bottom: 0 !important; }
4029 .m-lg-1 {
4030 margin: 2px 2px !important; }
4031 .mt-lg-1 {
4032 margin-top: 2px !important; }
4033 .mr-lg-1 {
4034 margin-right: 2px !important; }
4035 .mb-lg-1 {
4036 margin-bottom: 2px !important; }
4037 .ml-lg-1 {
4038 margin-left: 2px !important; }
4039 .mx-lg-1 {
4040 margin-right: 2px !important;
4041 margin-left: 2px !important; }
4042 .my-lg-1 {
4043 margin-top: 2px !important;
4044 margin-bottom: 2px !important; }
4045 .m-lg-2 {
4046 margin: 4px 4px !important; }
4047 .mt-lg-2 {
4048 margin-top: 4px !important; }
4049 .mr-lg-2 {
4050 margin-right: 4px !important; }
4051 .mb-lg-2 {
4052 margin-bottom: 4px !important; }
4053 .ml-lg-2 {
4054 margin-left: 4px !important; }
4055 .mx-lg-2 {
4056 margin-right: 4px !important;
4057 margin-left: 4px !important; }
4058 .my-lg-2 {
4059 margin-top: 4px !important;
4060 margin-bottom: 4px !important; }
4061 .m-lg-3 {
4062 margin: 8px 8px !important; }
4063 .mt-lg-3 {
4064 margin-top: 8px !important; }
4065 .mr-lg-3 {
4066 margin-right: 8px !important; }
4067 .mb-lg-3 {
4068 margin-bottom: 8px !important; }
4069 .ml-lg-3 {
4070 margin-left: 8px !important; }
4071 .mx-lg-3 {
4072 margin-right: 8px !important;
4073 margin-left: 8px !important; }
4074 .my-lg-3 {
4075 margin-top: 8px !important;
4076 margin-bottom: 8px !important; }
4077 .m-lg-4 {
4078 margin: 12px 12px !important; }
4079 .mt-lg-4 {
4080 margin-top: 12px !important; }
4081 .mr-lg-4 {
4082 margin-right: 12px !important; }
4083 .mb-lg-4 {
4084 margin-bottom: 12px !important; }
4085 .ml-lg-4 {
4086 margin-left: 12px !important; }
4087 .mx-lg-4 {
4088 margin-right: 12px !important;
4089 margin-left: 12px !important; }
4090 .my-lg-4 {
4091 margin-top: 12px !important;
4092 margin-bottom: 12px !important; }
4093 .m-lg-5 {
4094 margin: 16px 16px !important; }
4095 .mt-lg-5 {
4096 margin-top: 16px !important; }
4097 .mr-lg-5 {
4098 margin-right: 16px !important; }
4099 .mb-lg-5 {
4100 margin-bottom: 16px !important; }
4101 .ml-lg-5 {
4102 margin-left: 16px !important; }
4103 .mx-lg-5 {
4104 margin-right: 16px !important;
4105 margin-left: 16px !important; }
4106 .my-lg-5 {
4107 margin-top: 16px !important;
4108 margin-bottom: 16px !important; }
4109 .m-lg-6 {
4110 margin: 48px 48px !important; }
4111 .mt-lg-6 {
4112 margin-top: 48px !important; }
4113 .mr-lg-6 {
4114 margin-right: 48px !important; }
4115 .mb-lg-6 {
4116 margin-bottom: 48px !important; }
4117 .ml-lg-6 {
4118 margin-left: 48px !important; }
4119 .mx-lg-6 {
4120 margin-right: 48px !important;
4121 margin-left: 48px !important; }
4122 .my-lg-6 {
4123 margin-top: 48px !important;
4124 margin-bottom: 48px !important; }
4125 .p-lg-0 {
4126 padding: 0 0 !important; }
4127 .pt-lg-0 {
4128 padding-top: 0 !important; }
4129 .pr-lg-0 {
4130 padding-right: 0 !important; }
4131 .pb-lg-0 {
4132 padding-bottom: 0 !important; }
4133 .pl-lg-0 {
4134 padding-left: 0 !important; }
4135 .px-lg-0 {
4136 padding-right: 0 !important;
4137 padding-left: 0 !important; }
4138 .py-lg-0 {
4139 padding-top: 0 !important;
4140 padding-bottom: 0 !important; }
4141 .p-lg-1 {
4142 padding: 2px 2px !important; }
4143 .pt-lg-1 {
4144 padding-top: 2px !important; }
4145 .pr-lg-1 {
4146 padding-right: 2px !important; }
4147 .pb-lg-1 {
4148 padding-bottom: 2px !important; }
4149 .pl-lg-1 {
4150 padding-left: 2px !important; }
4151 .px-lg-1 {
4152 padding-right: 2px !important;
4153 padding-left: 2px !important; }
4154 .py-lg-1 {
4155 padding-top: 2px !important;
4156 padding-bottom: 2px !important; }
4157 .p-lg-2 {
4158 padding: 4px 4px !important; }
4159 .pt-lg-2 {
4160 padding-top: 4px !important; }
4161 .pr-lg-2 {
4162 padding-right: 4px !important; }
4163 .pb-lg-2 {
4164 padding-bottom: 4px !important; }
4165 .pl-lg-2 {
4166 padding-left: 4px !important; }
4167 .px-lg-2 {
4168 padding-right: 4px !important;
4169 padding-left: 4px !important; }
4170 .py-lg-2 {
4171 padding-top: 4px !important;
4172 padding-bottom: 4px !important; }
4173 .p-lg-3 {
4174 padding: 8px 8px !important; }
4175 .pt-lg-3 {
4176 padding-top: 8px !important; }
4177 .pr-lg-3 {
4178 padding-right: 8px !important; }
4179 .pb-lg-3 {
4180 padding-bottom: 8px !important; }
4181 .pl-lg-3 {
4182 padding-left: 8px !important; }
4183 .px-lg-3 {
4184 padding-right: 8px !important;
4185 padding-left: 8px !important; }
4186 .py-lg-3 {
4187 padding-top: 8px !important;
4188 padding-bottom: 8px !important; }
4189 .p-lg-4 {
4190 padding: 12px 12px !important; }
4191 .pt-lg-4 {
4192 padding-top: 12px !important; }
4193 .pr-lg-4 {
4194 padding-right: 12px !important; }
4195 .pb-lg-4 {
4196 padding-bottom: 12px !important; }
4197 .pl-lg-4 {
4198 padding-left: 12px !important; }
4199 .px-lg-4 {
4200 padding-right: 12px !important;
4201 padding-left: 12px !important; }
4202 .py-lg-4 {
4203 padding-top: 12px !important;
4204 padding-bottom: 12px !important; }
4205 .p-lg-5 {
4206 padding: 16px 16px !important; }
4207 .pt-lg-5 {
4208 padding-top: 16px !important; }
4209 .pr-lg-5 {
4210 padding-right: 16px !important; }
4211 .pb-lg-5 {
4212 padding-bottom: 16px !important; }
4213 .pl-lg-5 {
4214 padding-left: 16px !important; }
4215 .px-lg-5 {
4216 padding-right: 16px !important;
4217 padding-left: 16px !important; }
4218 .py-lg-5 {
4219 padding-top: 16px !important;
4220 padding-bottom: 16px !important; }
4221 .p-lg-6 {
4222 padding: 48px 48px !important; }
4223 .pt-lg-6 {
4224 padding-top: 48px !important; }
4225 .pr-lg-6 {
4226 padding-right: 48px !important; }
4227 .pb-lg-6 {
4228 padding-bottom: 48px !important; }
4229 .pl-lg-6 {
4230 padding-left: 48px !important; }
4231 .px-lg-6 {
4232 padding-right: 48px !important;
4233 padding-left: 48px !important; }
4234 .py-lg-6 {
4235 padding-top: 48px !important;
4236 padding-bottom: 48px !important; }
4237 .m-lg-auto {
4238 margin: auto !important; }
4239 .mt-lg-auto {
4240 margin-top: auto !important; }
4241 .mr-lg-auto {
4242 margin-right: auto !important; }
4243 .mb-lg-auto {
4244 margin-bottom: auto !important; }
4245 .ml-lg-auto {
4246 margin-left: auto !important; }
4247 .mx-lg-auto {
4248 margin-right: auto !important;
4249 margin-left: auto !important; }
4250 .my-lg-auto {
4251 margin-top: auto !important;
4252 margin-bottom: auto !important; } }
4253
4254 @media (min-width: 1200px) {
4255 .m-xl-0 {
4256 margin: 0 0 !important; }
4257 .mt-xl-0 {
4258 margin-top: 0 !important; }
4259 .mr-xl-0 {
4260 margin-right: 0 !important; }
4261 .mb-xl-0 {
4262 margin-bottom: 0 !important; }
4263 .ml-xl-0 {
4264 margin-left: 0 !important; }
4265 .mx-xl-0 {
4266 margin-right: 0 !important;
4267 margin-left: 0 !important; }
4268 .my-xl-0 {
4269 margin-top: 0 !important;
4270 margin-bottom: 0 !important; }
4271 .m-xl-1 {
4272 margin: 2px 2px !important; }
4273 .mt-xl-1 {
4274 margin-top: 2px !important; }
4275 .mr-xl-1 {
4276 margin-right: 2px !important; }
4277 .mb-xl-1 {
4278 margin-bottom: 2px !important; }
4279 .ml-xl-1 {
4280 margin-left: 2px !important; }
4281 .mx-xl-1 {
4282 margin-right: 2px !important;
4283 margin-left: 2px !important; }
4284 .my-xl-1 {
4285 margin-top: 2px !important;
4286 margin-bottom: 2px !important; }
4287 .m-xl-2 {
4288 margin: 4px 4px !important; }
4289 .mt-xl-2 {
4290 margin-top: 4px !important; }
4291 .mr-xl-2 {
4292 margin-right: 4px !important; }
4293 .mb-xl-2 {
4294 margin-bottom: 4px !important; }
4295 .ml-xl-2 {
4296 margin-left: 4px !important; }
4297 .mx-xl-2 {
4298 margin-right: 4px !important;
4299 margin-left: 4px !important; }
4300 .my-xl-2 {
4301 margin-top: 4px !important;
4302 margin-bottom: 4px !important; }
4303 .m-xl-3 {
4304 margin: 8px 8px !important; }
4305 .mt-xl-3 {
4306 margin-top: 8px !important; }
4307 .mr-xl-3 {
4308 margin-right: 8px !important; }
4309 .mb-xl-3 {
4310 margin-bottom: 8px !important; }
4311 .ml-xl-3 {
4312 margin-left: 8px !important; }
4313 .mx-xl-3 {
4314 margin-right: 8px !important;
4315 margin-left: 8px !important; }
4316 .my-xl-3 {
4317 margin-top: 8px !important;
4318 margin-bottom: 8px !important; }
4319 .m-xl-4 {
4320 margin: 12px 12px !important; }
4321 .mt-xl-4 {
4322 margin-top: 12px !important; }
4323 .mr-xl-4 {
4324 margin-right: 12px !important; }
4325 .mb-xl-4 {
4326 margin-bottom: 12px !important; }
4327 .ml-xl-4 {
4328 margin-left: 12px !important; }
4329 .mx-xl-4 {
4330 margin-right: 12px !important;
4331 margin-left: 12px !important; }
4332 .my-xl-4 {
4333 margin-top: 12px !important;
4334 margin-bottom: 12px !important; }
4335 .m-xl-5 {
4336 margin: 16px 16px !important; }
4337 .mt-xl-5 {
4338 margin-top: 16px !important; }
4339 .mr-xl-5 {
4340 margin-right: 16px !important; }
4341 .mb-xl-5 {
4342 margin-bottom: 16px !important; }
4343 .ml-xl-5 {
4344 margin-left: 16px !important; }
4345 .mx-xl-5 {
4346 margin-right: 16px !important;
4347 margin-left: 16px !important; }
4348 .my-xl-5 {
4349 margin-top: 16px !important;
4350 margin-bottom: 16px !important; }
4351 .m-xl-6 {
4352 margin: 48px 48px !important; }
4353 .mt-xl-6 {
4354 margin-top: 48px !important; }
4355 .mr-xl-6 {
4356 margin-right: 48px !important; }
4357 .mb-xl-6 {
4358 margin-bottom: 48px !important; }
4359 .ml-xl-6 {
4360 margin-left: 48px !important; }
4361 .mx-xl-6 {
4362 margin-right: 48px !important;
4363 margin-left: 48px !important; }
4364 .my-xl-6 {
4365 margin-top: 48px !important;
4366 margin-bottom: 48px !important; }
4367 .p-xl-0 {
4368 padding: 0 0 !important; }
4369 .pt-xl-0 {
4370 padding-top: 0 !important; }
4371 .pr-xl-0 {
4372 padding-right: 0 !important; }
4373 .pb-xl-0 {
4374 padding-bottom: 0 !important; }
4375 .pl-xl-0 {
4376 padding-left: 0 !important; }
4377 .px-xl-0 {
4378 padding-right: 0 !important;
4379 padding-left: 0 !important; }
4380 .py-xl-0 {
4381 padding-top: 0 !important;
4382 padding-bottom: 0 !important; }
4383 .p-xl-1 {
4384 padding: 2px 2px !important; }
4385 .pt-xl-1 {
4386 padding-top: 2px !important; }
4387 .pr-xl-1 {
4388 padding-right: 2px !important; }
4389 .pb-xl-1 {
4390 padding-bottom: 2px !important; }
4391 .pl-xl-1 {
4392 padding-left: 2px !important; }
4393 .px-xl-1 {
4394 padding-right: 2px !important;
4395 padding-left: 2px !important; }
4396 .py-xl-1 {
4397 padding-top: 2px !important;
4398 padding-bottom: 2px !important; }
4399 .p-xl-2 {
4400 padding: 4px 4px !important; }
4401 .pt-xl-2 {
4402 padding-top: 4px !important; }
4403 .pr-xl-2 {
4404 padding-right: 4px !important; }
4405 .pb-xl-2 {
4406 padding-bottom: 4px !important; }
4407 .pl-xl-2 {
4408 padding-left: 4px !important; }
4409 .px-xl-2 {
4410 padding-right: 4px !important;
4411 padding-left: 4px !important; }
4412 .py-xl-2 {
4413 padding-top: 4px !important;
4414 padding-bottom: 4px !important; }
4415 .p-xl-3 {
4416 padding: 8px 8px !important; }
4417 .pt-xl-3 {
4418 padding-top: 8px !important; }
4419 .pr-xl-3 {
4420 padding-right: 8px !important; }
4421 .pb-xl-3 {
4422 padding-bottom: 8px !important; }
4423 .pl-xl-3 {
4424 padding-left: 8px !important; }
4425 .px-xl-3 {
4426 padding-right: 8px !important;
4427 padding-left: 8px !important; }
4428 .py-xl-3 {
4429 padding-top: 8px !important;
4430 padding-bottom: 8px !important; }
4431 .p-xl-4 {
4432 padding: 12px 12px !important; }
4433 .pt-xl-4 {
4434 padding-top: 12px !important; }
4435 .pr-xl-4 {
4436 padding-right: 12px !important; }
4437 .pb-xl-4 {
4438 padding-bottom: 12px !important; }
4439 .pl-xl-4 {
4440 padding-left: 12px !important; }
4441 .px-xl-4 {
4442 padding-right: 12px !important;
4443 padding-left: 12px !important; }
4444 .py-xl-4 {
4445 padding-top: 12px !important;
4446 padding-bottom: 12px !important; }
4447 .p-xl-5 {
4448 padding: 16px 16px !important; }
4449 .pt-xl-5 {
4450 padding-top: 16px !important; }
4451 .pr-xl-5 {
4452 padding-right: 16px !important; }
4453 .pb-xl-5 {
4454 padding-bottom: 16px !important; }
4455 .pl-xl-5 {
4456 padding-left: 16px !important; }
4457 .px-xl-5 {
4458 padding-right: 16px !important;
4459 padding-left: 16px !important; }
4460 .py-xl-5 {
4461 padding-top: 16px !important;
4462 padding-bottom: 16px !important; }
4463 .p-xl-6 {
4464 padding: 48px 48px !important; }
4465 .pt-xl-6 {
4466 padding-top: 48px !important; }
4467 .pr-xl-6 {
4468 padding-right: 48px !important; }
4469 .pb-xl-6 {
4470 padding-bottom: 48px !important; }
4471 .pl-xl-6 {
4472 padding-left: 48px !important; }
4473 .px-xl-6 {
4474 padding-right: 48px !important;
4475 padding-left: 48px !important; }
4476 .py-xl-6 {
4477 padding-top: 48px !important;
4478 padding-bottom: 48px !important; }
4479 .m-xl-auto {
4480 margin: auto !important; }
4481 .mt-xl-auto {
4482 margin-top: auto !important; }
4483 .mr-xl-auto {
4484 margin-right: auto !important; }
4485 .mb-xl-auto {
4486 margin-bottom: auto !important; }
4487 .ml-xl-auto {
4488 margin-left: auto !important; }
4489 .mx-xl-auto {
4490 margin-right: auto !important;
4491 margin-left: auto !important; }
4492 .my-xl-auto {
4493 margin-top: auto !important;
4494 margin-bottom: auto !important; } }
4495
4496 .text-justify {
4497 text-align: justify !important; }
4498
4499 .text-nowrap {
4500 white-space: nowrap !important; }
4501
4502 .text-truncate {
4503 overflow: hidden;
4504 text-overflow: ellipsis;
4505 white-space: nowrap; }
4506
4507 .text-left {
4508 text-align: left !important; }
4509
4510 .text-right {
4511 text-align: right !important; }
4512
4513 .text-center {
4514 text-align: center !important; }
4515
4516 @media (min-width: 576px) {
4517 .text-sm-left {
4518 text-align: left !important; }
4519 .text-sm-right {
4520 text-align: right !important; }
4521 .text-sm-center {
4522 text-align: center !important; } }
4523
4524 @media (min-width: 768px) {
4525 .text-md-left {
4526 text-align: left !important; }
4527 .text-md-right {
4528 text-align: right !important; }
4529 .text-md-center {
4530 text-align: center !important; } }
4531
4532 @media (min-width: 992px) {
4533 .text-lg-left {
4534 text-align: left !important; }
4535 .text-lg-right {
4536 text-align: right !important; }
4537 .text-lg-center {
4538 text-align: center !important; } }
4539
4540 @media (min-width: 1200px) {
4541 .text-xl-left {
4542 text-align: left !important; }
4543 .text-xl-right {
4544 text-align: right !important; }
4545 .text-xl-center {
4546 text-align: center !important; } }
4547
4548 .text-lowercase {
4549 text-transform: lowercase !important; }
4550
4551 .text-uppercase {
4552 text-transform: uppercase !important; }
4553
4554 .text-capitalize {
4555 text-transform: capitalize !important; }
4556
4557 .font-weight-normal {
4558 font-weight: 400; }
4559
4560 .font-weight-bold {
4561 font-weight: 500; }
4562
4563 .font-italic {
4564 font-style: italic; }
4565
4566 .text-white {
4567 color: #fff !important; }
4568
4569 .text-muted {
4570 color: #636c72 !important; }
4571
4572 a.text-muted:focus, a.text-muted:hover {
4573 color: #4b5257 !important; }
4574
4575 .text-primary {
4576 color: #0275d8 !important; }
4577
4578 a.text-primary:focus, a.text-primary:hover {
4579 color: #025aa5 !important; }
4580
4581 .text-success {
4582 color: #5cb85c !important; }
4583
4584 a.text-success:focus, a.text-success:hover {
4585 color: #449d44 !important; }
4586
4587 .text-info {
4588 color: #5bc0de !important; }
4589
4590 a.text-info:focus, a.text-info:hover {
4591 color: #31b0d5 !important; }
4592
4593 .text-warning {
4594 color: #f0ad4e !important; }
4595
4596 a.text-warning:focus, a.text-warning:hover {
4597 color: #ec971f !important; }
4598
4599 .text-danger {
4600 color: #d9534f !important; }
4601
4602 a.text-danger:focus, a.text-danger:hover {
4603 color: #c9302c !important; }
4604
4605 .text-gray-dark {
4606 color: #292b2c !important; }
4607
4608 a.text-gray-dark:focus, a.text-gray-dark:hover {
4609 color: #101112 !important; }
4610
4611 .text-hide {
4612 font: 0/0 a;
4613 color: transparent;
4614 text-shadow: none;
4615 background-color: transparent;
4616 border: 0; }
4617
4618 .invisible {
4619 visibility: hidden !important; }
4620
4621 .hidden-xs-up {
4622 display: none !important; }
4623
4624 @media (max-width: 575px) {
4625 .hidden-xs-down {
4626 display: none !important; } }
4627
4628 @media (min-width: 576px) {
4629 .hidden-sm-up {
4630 display: none !important; } }
4631
4632 @media (max-width: 767px) {
4633 .hidden-sm-down {
4634 display: none !important; } }
4635
4636 @media (min-width: 768px) {
4637 .hidden-md-up {
4638 display: none !important; } }
4639
4640 @media (max-width: 991px) {
4641 .hidden-md-down {
4642 display: none !important; } }
4643
4644 @media (min-width: 992px) {
4645 .hidden-lg-up {
4646 display: none !important; } }
4647
4648 @media (max-width: 1199px) {
4649 .hidden-lg-down {
4650 display: none !important; } }
4651
4652 @media (min-width: 1200px) {
4653 .hidden-xl-up {
4654 display: none !important; } }
4655
4656 .hidden-xl-down {
4657 display: none !important; }
4658
4659 .visible-print-block {
4660 display: none !important; }
4661 @media print {
4662 .visible-print-block {
4663 display: block !important; } }
4664
4665 .visible-print-inline {
4666 display: none !important; }
4667 @media print {
4668 .visible-print-inline {
4669 display: inline !important; } }
4670
4671 .visible-print-inline-block {
4672 display: none !important; }
4673 @media print {
4674 .visible-print-inline-block {
4675 display: inline-block !important; } }
4676
4677 @media print {
4678 .hidden-print {
4679 display: none !important; } }
4680
4681 /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
4682 /*
4683 Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
4684 */
4685 /* pswp = photoswipe */
4686 .pswp {
4687 display: none;
4688 position: absolute;
4689 width: 100%;
4690 height: 100%;
4691 left: 0;
4692 top: 0;
4693 overflow: hidden;
4694 -ms-touch-action: none;
4695 touch-action: none;
4696 z-index: 1500;
4697 -webkit-text-size-adjust: 100%;
4698 /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
4699 -webkit-backface-visibility: hidden;
4700 outline: none; }
4701 .pswp * {
4702 box-sizing: border-box; }
4703 .pswp img {
4704 max-width: none; }
4705
4706 /* style is added when JS option showHideOpacity is set to true */
4707 .pswp--animate_opacity {
4708 /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
4709 opacity: 0.001;
4710 will-change: opacity;
4711 /* for open/close transition */
4712 transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
4713
4714 .pswp--open {
4715 display: block; }
4716
4717 .pswp--zoom-allowed .pswp__img {
4718 /* autoprefixer: off */
4719 cursor: -webkit-zoom-in;
4720 cursor: -moz-zoom-in;
4721 cursor: zoom-in; }
4722
4723 .pswp--zoomed-in .pswp__img {
4724 /* autoprefixer: off */
4725 cursor: -webkit-grab;
4726 cursor: -moz-grab;
4727 cursor: grab; }
4728
4729 .pswp--dragging .pswp__img {
4730 /* autoprefixer: off */
4731 cursor: -webkit-grabbing;
4732 cursor: -moz-grabbing;
4733 cursor: grabbing; }
4734
4735 /*
4736 Background is added as a separate element.
4737 As animating opacity is much faster than animating rgba() background-color.
4738 */
4739 .pswp__bg {
4740 position: absolute;
4741 left: 0;
4742 top: 0;
4743 width: 100%;
4744 height: 100%;
4745 background: #000;
4746 opacity: 0;
4747 transform: translateZ(0);
4748 -webkit-backface-visibility: hidden;
4749 will-change: opacity; }
4750
4751 .pswp__scroll-wrap {
4752 position: absolute;
4753 left: 0;
4754 top: 0;
4755 width: 100%;
4756 height: 100%;
4757 overflow: hidden; }
4758
4759 .pswp__container,
4760 .pswp__zoom-wrap {
4761 -ms-touch-action: none;
4762 touch-action: none;
4763 position: absolute;
4764 left: 0;
4765 right: 0;
4766 top: 0;
4767 bottom: 0; }
4768
4769 /* Prevent selection and tap highlights */
4770 .pswp__container,
4771 .pswp__img {
4772 -webkit-user-select: none;
4773 -moz-user-select: none;
4774 user-select: none;
4775 -webkit-tap-highlight-color: transparent;
4776 -webkit-touch-callout: none; }
4777
4778 .pswp__zoom-wrap {
4779 position: absolute;
4780 width: 100%;
4781 -webkit-transform-origin: left top;
4782 -moz-transform-origin: left top;
4783 -ms-transform-origin: left top;
4784 transform-origin: left top;
4785 /* for open/close transition */
4786 transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
4787
4788 .pswp__bg {
4789 will-change: opacity;
4790 /* for open/close transition */
4791 transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
4792
4793 .pswp--animated-in .pswp__bg,
4794 .pswp--animated-in .pswp__zoom-wrap {
4795 -webkit-transition: none;
4796 transition: none; }
4797
4798 .pswp__container,
4799 .pswp__zoom-wrap {
4800 -webkit-backface-visibility: hidden; }
4801
4802 .pswp__item {
4803 position: absolute;
4804 left: 0;
4805 right: 0;
4806 top: 0;
4807 bottom: 0;
4808 overflow: hidden; }
4809
4810 .pswp__img {
4811 position: absolute;
4812 width: auto;
4813 height: auto;
4814 top: 0;
4815 left: 0; }
4816
4817 /*
4818 stretched thumbnail or div placeholder element (see below)
4819 style is added to avoid flickering in webkit/blink when layers overlap
4820 */
4821 .pswp__img--placeholder {
4822 -webkit-backface-visibility: hidden; }
4823
4824 /*
4825 div element that matches size of large image
4826 large image loads on top of it
4827 */
4828 .pswp__img--placeholder--blank {
4829 background: #222; }
4830
4831 .pswp--ie .pswp__img {
4832 width: 100% !important;
4833 height: auto !important;
4834 left: 0;
4835 top: 0; }
4836
4837 /*
4838 Error message appears when image is not loaded
4839 (JS option errorMsg controls markup)
4840 */
4841 .pswp__error-msg {
4842 position: absolute;
4843 left: 0;
4844 top: 50%;
4845 width: 100%;
4846 text-align: center;
4847 font-size: 14px;
4848 line-height: 16px;
4849 margin-top: -8px;
4850 color: #CCC; }
4851
4852 .pswp__error-msg a {
4853 color: #CCC;
4854 text-decoration: underline; }
4855
4856 /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
4857 /*
4858
4859 Contents:
4860
4861 1. Buttons
4862 2. Share modal and links
4863 3. Index indicator ("1 of X" counter)
4864 4. Caption
4865 5. Loading indicator
4866 6. Additional styles (root element, top bar, idle state, hidden state, etc.)
4867
4868 */
4869 /*
4870
4871 1. Buttons
4872
4873 */
4874 /* <button> css reset */
4875 .pswp__button {
4876 width: 44px;
4877 height: 44px;
4878 position: relative;
4879 background: none;
4880 cursor: pointer;
4881 overflow: visible;
4882 -webkit-appearance: none;
4883 display: block;
4884 border: 0;
4885 padding: 0;
4886 margin: 0;
4887 float: right;
4888 opacity: 0.75;
4889 transition: opacity 0.2s;
4890 box-shadow: none; }
4891 .pswp__button:focus, .pswp__button:hover {
4892 opacity: 1; }
4893 .pswp__button:active {
4894 outline: none;
4895 opacity: 0.9; }
4896 .pswp__button::-moz-focus-inner {
4897 padding: 0;
4898 border: 0; }
4899
4900 /* pswp__ui--over-close class it added when mouse is over element that should close gallery */
4901 .pswp__ui--over-close .pswp__button--close {
4902 opacity: 1; }
4903
4904 .pswp__button,
4905 .pswp__button--arrow--left:before,
4906 .pswp__button--arrow--right:before {
4907 background: url(default-skin.png) 0 0 no-repeat;
4908 background-size: 264px 88px;
4909 width: 44px;
4910 height: 44px; }
4911
4912 @media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
4913 /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
4914 .pswp--svg .pswp__button,
4915 .pswp--svg .pswp__button--arrow--left:before,
4916 .pswp--svg .pswp__button--arrow--right:before {
4917 background-image: url(default-skin.svg); }
4918 .pswp--svg .pswp__button--arrow--left,
4919 .pswp--svg .pswp__button--arrow--right {
4920 background: none; } }
4921
4922 .pswp__button--close {
4923 background-position: 0 -44px; }
4924
4925 .pswp__button--share {
4926 background-position: -44px -44px; }
4927
4928 .pswp__button--fs {
4929 display: none; }
4930
4931 .pswp--supports-fs .pswp__button--fs {
4932 display: block; }
4933
4934 .pswp--fs .pswp__button--fs {
4935 background-position: -44px 0; }
4936
4937 .pswp__button--zoom {
4938 display: none;
4939 background-position: -88px 0; }
4940
4941 .pswp--zoom-allowed .pswp__button--zoom {
4942 display: block; }
4943
4944 .pswp--zoomed-in .pswp__button--zoom {
4945 background-position: -132px 0; }
4946
4947 /* no arrows on touch screens */
4948 .pswp--touch .pswp__button--arrow--left,
4949 .pswp--touch .pswp__button--arrow--right {
4950 visibility: hidden; }
4951
4952 /*
4953 Arrow buttons hit area
4954 (icon is added to :before pseudo-element)
4955 */
4956 .pswp__button--arrow--left,
4957 .pswp__button--arrow--right {
4958 background: none;
4959 top: 50%;
4960 margin-top: -50px;
4961 width: 70px;
4962 height: 100px;
4963 position: absolute; }
4964
4965 .pswp__button--arrow--left {
4966 left: 0; }
4967
4968 .pswp__button--arrow--right {
4969 right: 0; }
4970
4971 .pswp__button--arrow--left:before,
4972 .pswp__button--arrow--right:before {
4973 content: '';
4974 top: 35px;
4975 background-color: rgba(0, 0, 0, 0.3);
4976 height: 30px;
4977 width: 32px;
4978 position: absolute; }
4979
4980 .pswp__button--arrow--left:before {
4981 left: 6px;
4982 background-position: -138px -44px; }
4983
4984 .pswp__button--arrow--right:before {
4985 right: 6px;
4986 background-position: -94px -44px; }
4987
4988 /*
4989
4990 2. Share modal/popup and links
4991
4992 */
4993 .pswp__counter,
4994 .pswp__share-modal {
4995 -webkit-user-select: none;
4996 -moz-user-select: none;
4997 user-select: none; }
4998
4999 .pswp__share-modal {
5000 display: block;
5001 background: rgba(0, 0, 0, 0.5);
5002 width: 100%;
5003 height: 100%;
5004 top: 0;
5005 left: 0;
5006 padding: 10px;
5007 position: absolute;
5008 z-index: 1600;
5009 opacity: 0;
5010 transition: opacity 0.25s ease-out;
5011 -webkit-backface-visibility: hidden;
5012 will-change: opacity; }
5013
5014 .pswp__share-modal--hidden {
5015 display: none; }
5016
5017 .pswp__share-tooltip {
5018 z-index: 1620;
5019 position: absolute;
5020 background: #FFF;
5021 top: 56px;
5022 border-radius: 2px;
5023 display: block;
5024 width: auto;
5025 right: 44px;
5026 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
5027 transform: translateY(6px);
5028 transition: transform 0.25s;
5029 -webkit-backface-visibility: hidden;
5030 will-change: transform; }
5031 .pswp__share-tooltip a {
5032 display: block;
5033 padding: 8px 12px;
5034 color: #000;
5035 text-decoration: none;
5036 font-size: 14px;
5037 line-height: 18px; }
5038 .pswp__share-tooltip a:hover {
5039 text-decoration: none;
5040 color: #000; }
5041 .pswp__share-tooltip a:first-child {
5042 /* round corners on the first/last list item */
5043 border-radius: 2px 2px 0 0; }
5044 .pswp__share-tooltip a:last-child {
5045 border-radius: 0 0 2px 2px; }
5046
5047 .pswp__share-modal--fade-in {
5048 opacity: 1; }
5049 .pswp__share-modal--fade-in .pswp__share-tooltip {
5050 transform: translateY(0); }
5051
5052 /* increase size of share links on touch devices */
5053 .pswp--touch .pswp__share-tooltip a {
5054 padding: 16px 12px; }
5055
5056 a.pswp__share--facebook:before {
5057 content: '';
5058 display: block;
5059 width: 0;
5060 height: 0;
5061 position: absolute;
5062 top: -12px;
5063 right: 15px;
5064 border: 6px solid transparent;
5065 border-bottom-color: #FFF;
5066 -webkit-pointer-events: none;
5067 -moz-pointer-events: none;
5068 pointer-events: none; }
5069
5070 a.pswp__share--facebook:hover {
5071 background: #3E5C9A;
5072 color: #FFF; }
5073 a.pswp__share--facebook:hover:before {
5074 border-bottom-color: #3E5C9A; }
5075
5076 a.pswp__share--twitter:hover {
5077 background: #55ACEE;
5078 color: #FFF; }
5079
5080 a.pswp__share--pinterest:hover {
5081 background: #CCC;
5082 color: #CE272D; }
5083
5084 a.pswp__share--download:hover {
5085 background: #DDD; }
5086
5087 /*
5088
5089 3. Index indicator ("1 of X" counter)
5090
5091 */
5092 .pswp__counter {
5093 position: absolute;
5094 left: 0;
5095 top: 0;
5096 height: 44px;
5097 font-size: 13px;
5098 line-height: 44px;
5099 color: #FFF;
5100 opacity: 0.75;
5101 padding: 0 10px; }
5102
5103 /*
5104
5105 4. Caption
5106
5107 */
5108 .pswp__caption {
5109 position: absolute;
5110 left: 0;
5111 bottom: 0;
5112 width: 100%;
5113 min-height: 44px; }
5114 .pswp__caption small {
5115 font-size: 11px;
5116 color: #BBB; }
5117
5118 .pswp__caption__center {
5119 text-align: left;
5120 max-width: 420px;
5121 margin: 0 auto;
5122 font-size: 13px;
5123 padding: 10px;
5124 line-height: 20px;
5125 color: #CCC; }
5126
5127 .pswp__caption--empty {
5128 display: none; }
5129
5130 /* Fake caption element, used to calculate height of next/prev image */
5131 .pswp__caption--fake {
5132 visibility: hidden; }
5133
5134 /*
5135
5136 5. Loading indicator (preloader)
5137
5138 You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
5139
5140 */
5141 .pswp__preloader {
5142 width: 44px;
5143 height: 44px;
5144 position: absolute;
5145 top: 0;
5146 left: 50%;
5147 margin-left: -22px;
5148 opacity: 0;
5149 transition: opacity 0.25s ease-out;
5150 will-change: opacity;
5151 direction: ltr; }
5152
5153 .pswp__preloader__icn {
5154 width: 20px;
5155 height: 20px;
5156 margin: 12px; }
5157
5158 .pswp__preloader--active {
5159 opacity: 1; }
5160 .pswp__preloader--active .pswp__preloader__icn {
5161 /* We use .gif in browsers that don't support CSS animation */
5162 background: url(preloader.gif) 0 0 no-repeat; }
5163
5164 .pswp--css_animation .pswp__preloader--active {
5165 opacity: 1; }
5166 .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
5167 animation: clockwise 500ms linear infinite; }
5168 .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
5169 animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
5170
5171 .pswp--css_animation .pswp__preloader__icn {
5172 background: none;
5173 opacity: 0.75;
5174 width: 14px;
5175 height: 14px;
5176 position: absolute;
5177 left: 15px;
5178 top: 15px;
5179 margin: 0; }
5180
5181 .pswp--css_animation .pswp__preloader__cut {
5182 /*
5183 The idea of animating inner circle is based on Polymer ("material") loading indicator
5184 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
5185 */
5186 position: relative;
5187 width: 7px;
5188 height: 14px;
5189 overflow: hidden; }
5190
5191 .pswp--css_animation .pswp__preloader__donut {
5192 box-sizing: border-box;
5193 width: 14px;
5194 height: 14px;
5195 border: 2px solid #FFF;
5196 border-radius: 50%;
5197 border-left-color: transparent;
5198 border-bottom-color: transparent;
5199 position: absolute;
5200 top: 0;
5201 left: 0;
5202 background: none;
5203 margin: 0; }
5204
5205 @media screen and (max-width: 1024px) {
5206 .pswp__preloader {
5207 position: relative;
5208 left: auto;
5209 top: auto;
5210 margin: 0;
5211 float: right; } }
5212
5213 @keyframes clockwise {
5214 0% {
5215 transform: rotate(0deg); }
5216 100% {
5217 transform: rotate(360deg); } }
5218
5219 @keyframes donut-rotate {
5220 0% {
5221 transform: rotate(0); }
5222 50% {
5223 transform: rotate(-140deg); }
5224 100% {
5225 transform: rotate(0); } }
5226
5227 /*
5228
5229 6. Additional styles
5230
5231 */
5232 /* root element of UI */
5233 .pswp__ui {
5234 -webkit-font-smoothing: auto;
5235 visibility: visible;
5236 opacity: 1;
5237 z-index: 1550; }
5238
5239 /* top black bar with buttons and "1 of X" indicator */
5240 .pswp__top-bar {
5241 position: absolute;
5242 left: 0;
5243 top: 0;
5244 height: 44px;
5245 width: 100%; }
5246
5247 .pswp__caption,
5248 .pswp__top-bar,
5249 .pswp--has_mouse .pswp__button--arrow--left,
5250 .pswp--has_mouse .pswp__button--arrow--right {
5251 -webkit-backface-visibility: hidden;
5252 will-change: opacity;
5253 transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
5254
5255 /* pswp--has_mouse class is added only when two subsequent mousemove events occur */
5256 .pswp--has_mouse .pswp__button--arrow--left,
5257 .pswp--has_mouse .pswp__button--arrow--right {
5258 visibility: visible; }
5259
5260 .pswp__top-bar,
5261 .pswp__caption {
5262 background-color: rgba(0, 0, 0, 0.5); }
5263
5264 /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
5265 .pswp__ui--fit .pswp__top-bar,
5266 .pswp__ui--fit .pswp__caption {
5267 background-color: rgba(0, 0, 0, 0.3); }
5268
5269 /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
5270 .pswp__ui--idle .pswp__top-bar {
5271 opacity: 0; }
5272
5273 .pswp__ui--idle .pswp__button--arrow--left,
5274 .pswp__ui--idle .pswp__button--arrow--right {
5275 opacity: 0; }
5276
5277 /*
5278 pswp__ui--hidden class is added when controls are hidden
5279 e.g. when user taps to toggle visibility of controls
5280 */
5281 .pswp__ui--hidden .pswp__top-bar,
5282 .pswp__ui--hidden .pswp__caption,
5283 .pswp__ui--hidden .pswp__button--arrow--left,
5284 .pswp__ui--hidden .pswp__button--arrow--right {
5285 /* Force paint & create composition layer for controls. */
5286 opacity: 0.001; }
5287
5288 /* pswp__ui--one-slide class is added when there is just one item in gallery */
5289 .pswp__ui--one-slide .pswp__button--arrow--left,
5290 .pswp__ui--one-slide .pswp__button--arrow--right,
5291 .pswp__ui--one-slide .pswp__counter {
5292 display: none; }
5293
5294 .pswp__element--disabled {
5295 display: none !important; }
5296
5297 .pswp--minimal--dark .pswp__top-bar {
5298 background: none; }
5299
5300 .donation-card {
5301 border-radius: 4px;
5302 background-color: white;
5303 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
5304
5305 .currency-dropdown,
5306 .ownamount {
5307 overflow: hidden;
5308 width: 95%;
5309 height: 48px;
5310 padding: 0 16px;
5311 border-radius: 2px;
5312 border: none; }
5313
5314 .dropdown-wrapper,
5315 .ownamount {
5316 background-color: rgba(38, 50, 56, 0.08);
5317 border-bottom: 2px solid #263238;
5318 width: 90%; }
5319
5320 .currency-dropdown {
5321 background-color: transparent; }
5322 .currency-dropdown:focus {
5323 outline: none; }
5324
5325 .inline-card {
5326 border-radius: 8px;
5327 background-color: #eceff1;
5328 padding: 24px; }
5329
5330 label.amount {
5331 width: 84px;
5332 height: 48px;
5333 display: block;
5334 background-color: white;
5335 border-radius: 2px;
5336 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.23);
5337 font-size: 20px;
5338 color: #42a5f5;
5339 text-align: left;
5340 margin: 0 8px 16px 8px;
5341 padding-top: 8px; }
5342
5343 input[name=amount] {
5344 display: none; }
5345
5346 input[name=amount]:checked + label {
5347 background-image: linear-gradient(120deg, #4fc3f7, #1976d2);
5348 color: white; }
5349
5350 body {
5351 min-height: 100vh;
5352 display: flex;
5353 flex-direction: column; }
5354
5355 .container {
5356 width: 100%;
5357 max-width: 1200px;
5358 flex: 1; }
5359
5360 body {
5361 -webkit-font-smoothing: antialiased;
5362 font-size: 16px; }
5363
5364 h1 {
5365 line-height: 3rem; }
5366
5367 h2 {
5368 line-height: 2.75rem; }
5369
5370 h3 {
5371 font-size: 20px;
5372 line-height: 28px; }
5373 @media (min-width: 768px) {
5374 h3 {
5375 font-size: 24px;
5376 line-height: 32px;
5377 font-weight: 300;
5378 margin-bottom: 0; } }
5379 h3.headline {
5380 text-align: center;
5381 font-size: 32px;
5382 line-height: 44px;
5383 color: #263238; }
5384 @media (min-width: 576px) {
5385 h3.headline {
5386 font-size: 36px;
5387 line-height: 48px; } }
5388
5389 h4 {
5390 font-weight: 500;
5391 font-size: 16px;
5392 line-height: 24px; }
5393 @media (min-width: 576px) {
5394 h4 {
5395 font-size: 20px;
5396 line-height: 28px; } }
5397 h4.secondHeadline {
5398 font-size: 24px;
5399 line-height: 32px;
5400 text-align: left;
5401 margin-top: 24px; }
5402
5403 h5, .h5 {
5404 font-size: 16px;
5405 line-height: 24px; }
5406 @media (min-width: 768px) {
5407 h5, .h5 {
5408 font-size: 24px;
5409 line-height: 32px; } }
5410 h5.subheadline,
5411 .h5.subheadline {
5412 text-align: center;
5413 font-size: 16px;
5414 line-height: 24px;
5415 color: rgba(38, 50, 56, 0.6); }
5416
5417 p {
5418 font-size: 16px;
5419 line-height: 24px; }
5420 p.lead {
5421 font-size: inherit;
5422 line-height: inherit; }
5423 @media (min-width: 768px) {
5424 p.lead {
5425 font-size: 24px;
5426 line-height: 32px; } }
5427 p.copy {
5428 margin-top: 16px; }
5429 @media (min-width: 576px) {
5430 p.copy {
5431 margin-top: 24px; } }
5432
5433 .display-1 {
5434 font-size: 120px;
5435 line-height: 144px; }
5436
5437 .display-2 {
5438 font-size: 32px;
5439 line-height: 44px;
5440 margin-bottom: 40px; }
5441 @media (min-width: 768px) {
5442 .display-2 {
5443 font-size: 40px;
5444 line-height: 56px;
5445 margin-bottom: 3rem; } }
5446
5447 .display-3 {
5448 font-size: 24px;
5449 line-height: 32px; }
5450 @media (min-width: 768px) {
5451 .display-3 {
5452 font-size: 32px;
5453 line-height: 44px; } }
5454
5455 .display-4 {
5456 font-size: 14px;
5457 line-height: 20px;
5458 font-weight: 400; }
5459 @media (min-width: 576px) {
5460 .display-4 {
5461 font-size: 24px;
5462 line-height: 32px; } }
5463
5464 .display-5 {
5465 font-size: 20px;
5466 line-height: 28px; }
5467
5468 small,
5469 .small {
5470 font-size: 14px;
5471 line-height: 20px; }
5472 @media (min-width: 768px) {
5473 small,
5474 .small {
5475 font-size: 16px;
5476 line-height: 24px; } }
5477
5478 .truncate {
5479 width: 100%;
5480 white-space: nowrap;
5481 overflow: hidden;
5482 text-overflow: ellipsis; }
5483
5484 .fireinfo_cat {
5485 font-size: 14px;
5486 line-height: 20px; }
5487
5488 h5.fireinfo {
5489 font-size: 16px;
5490 line-height: 28px;
5491 font-weight: 500; }
5492 @media (min-width: 768px) {
5493 h5.fireinfo {
5494 font-size: 20px; } }
5495
5496 .fireinfo_per {
5497 font-size: 20px;
5498 line-height: 28px; }
5499
5500 #mask {
5501 width: 100vw;
5502 height: 100vh;
5503 position: fixed;
5504 top: 0;
5505 left: 0;
5506 background-color: rgba(0, 0, 0, 0.4);
5507 display: none;
5508 visibility: hidden; }
5509 #mask.open {
5510 display: block;
5511 visibility: visible;
5512 z-index: 250; }
5513
5514 .tux {
5515 position: absolute;
5516 top: 12px;
5517 left: 50%;
5518 transform: translateX(-50%); }
5519 .tux h1 {
5520 font-weight: 300 !important;
5521 color: #263238;
5522 font-size: 20px;
5523 line-height: 28px;
5524 margin-bottom: 0; }
5525 .tux h1 strong {
5526 font-weight: 700 !important; }
5527 .tux h1:before {
5528 content: "";
5529 height: 32px;
5530 width: 25px;
5531 background-image: url("../img/ipfire-tux.png");
5532 background-repeat: no-repeat;
5533 background-position: center center;
5534 background-size: contain;
5535 display: inline-block;
5536 position: relative; }
5537
5538 .menu-text {
5539 transition: opacity .25s ease-in-out; }
5540
5541 .menu-text.hidden {
5542 opacity: 0;
5543 transition: opacity .35s ease-in-out; }
5544
5545 .fixed-top {
5546 transition: background-color .25s linear;
5547 height: 56px; }
5548 @media (min-width: 576px) {
5549 .fixed-top {
5550 height: 72px; } }
5551 @media (min-width: 992px) {
5552 .fixed-top {
5553 height: 96px; } }
5554 .fixed-top .navbar {
5555 width: 100%;
5556 z-index: 500; }
5557 .fixed-top .navbar a {
5558 color: #263238; }
5559 @media (min-width: 576px) {
5560 .fixed-top .navbar a {
5561 margin-top: 8px; } }
5562 .fixed-top .navbar .navbar-toggler-left {
5563 left: -12px;
5564 top: 8px; }
5565 @media (min-width: 576px) {
5566 .fixed-top .navbar .navbar-toggler-left {
5567 top: 17px; } }
5568 .fixed-top .navbar .btn {
5569 margin-top: .15rem; }
5570
5571 .navbar-brand {
5572 font-size: 20px;
5573 font-weight: 300;
5574 opacity: 0;
5575 margin: 0;
5576 transition: opacity .7s linear; }
5577 @media (min-width: 992px) {
5578 .navbar-brand {
5579 opacity: 1;
5580 font-size: 36px; } }
5581 .navbar-brand strong {
5582 font-weight: 900; }
5583 .navbar-brand img {
5584 margin-right: 4px;
5585 transform: translateY(-5px);
5586 height: 32px;
5587 width: auto; }
5588 @media (min-width: 992px) {
5589 .navbar-brand img {
5590 height: 40px; } }
5591
5592 .scrolled {
5593 background-color: rgba(255, 255, 255, 0.96);
5594 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
5595 height: 56px; }
5596 @media (min-width: 576px) {
5597 .scrolled {
5598 height: 72px; } }
5599 @media (min-width: 992px) {
5600 .scrolled {
5601 height: 96px; } }
5602 .scrolled .navbar-brand {
5603 opacity: 1; }
5604
5605 .scrolled.fadeout {
5606 background-color: rgba(100, 100, 100, 0.5); }
5607 .scrolled.fadeout a.btn-donate {
5608 opacity: .5; }
5609 .scrolled.fadeout a.navbar-brand {
5610 opacity: .5; }
5611
5612 #navbarSupportedContent {
5613 width: 100%; }
5614 @media (max-width: 991px) {
5615 #navbarSupportedContent {
5616 background: white;
5617 position: fixed;
5618 top: 0;
5619 left: 0;
5620 width: 256px;
5621 height: 100vh;
5622 padding-top: 64px;
5623 transform: translateX(-256px);
5624 transition: all .15s ease-in-out; }
5625 #navbarSupportedContent.open {
5626 transform: translateX(0);
5627 transition: all .15s ease-in-out;
5628 box-shadow: 14px 0 28px 0 rgba(0, 0, 0, 0.25), 10px 0 10px 0 rgba(0, 0, 0, 0.26); } }
5629
5630 @media (min-width: 992px) {
5631 .navbar-nav {
5632 padding-top: 2px; } }
5633
5634 .navbar-nav .nav-link {
5635 color: #263238;
5636 padding: 16px !important;
5637 display: block;
5638 position: relative; }
5639 @media (min-width: 992px) {
5640 .navbar-nav .nav-link {
5641 margin-right: 16px;
5642 display: block;
5643 position: relative; }
5644 .navbar-nav .nav-link:after {
5645 content: "";
5646 border-bottom: 2px solid #b71c1c;
5647 position: absolute;
5648 transform: scaleX(0);
5649 width: 100%;
5650 left: 0;
5651 top: 44px;
5652 padding: inherit;
5653 transition: transform .3s ease-out, color .3s ease-out; } }
5654
5655 @media (max-width: 1199px) {
5656 .navbar-nav .nav-link:active {
5657 color: #b71c1c; } }
5658
5659 @media (max-width: 1199px) {
5660 .navbar-nav .nav-link:active:before {
5661 content: "";
5662 border-left: 2px solid #b71c1c;
5663 position: absolute;
5664 left: 0;
5665 height: 36px;
5666 transform: translateY(-4px); } }
5667
5668 @media (min-width: 992px) {
5669 .navbar-nav .nav-link:hover {
5670 color: #b71c1c; } }
5671
5672 @media (min-width: 992px) {
5673 .navbar-nav .nav-link:hover:after {
5674 transform: scaleX(1); } }
5675
5676 @media (min-width: 992px) {
5677 body.About li.nav-item a.about,
5678 body.Download li.nav-item a.download,
5679 body.Support li.nav-item a.support,
5680 body.Involved li.nav-item a.community {
5681 color: #b71c1c; }
5682 body.About li.nav-item a.about:after,
5683 body.Download li.nav-item a.download:after,
5684 body.Support li.nav-item a.support:after,
5685 body.Involved li.nav-item a.community:after {
5686 content: "";
5687 border-bottom: 2px solid #b71c1c;
5688 position: absolute;
5689 width: 100%;
5690 left: 0;
5691 top: 44px;
5692 padding: inherit;
5693 transform: scale(1); } }
5694
5695 #sidebar {
5696 padding: 0; }
5697 @media (max-width: 767px) {
5698 #sidebar {
5699 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.23);
5700 position: fixed;
5701 top: 52px;
5702 z-index: 200;
5703 background-color: white; } }
5704 #sidebar ul {
5705 list-style: none; }
5706 #sidebar ul.features_nav {
5707 padding: 0 0 24px 0;
5708 overflow-x: auto; }
5709 #sidebar ul.features_nav.fixed {
5710 position: fixed;
5711 top: 100px;
5712 outline: 1px solid grey; }
5713 #sidebar ul ul {
5714 margin: 0;
5715 padding-left: 0; }
5716 #sidebar ul ul li:last-child {
5717 margin-bottom: 0; }
5718 #sidebar ul li {
5719 padding: 0 16px;
5720 margin: 8px 0; }
5721 #sidebar ul li a.nav-link {
5722 padding: inherit;
5723 color: #263238;
5724 height: 32px;
5725 padding: 0 8px;
5726 line-height: 2; }
5727 #sidebar ul li a.nav-link.active {
5728 color: #b71c1c;
5729 border-left: 2px solid #b71c1c;
5730 padding: 0 8px 0 6px; }
5731
5732 /* Fix for Android */
5733 body {
5734 -webkit-animation: bugfix infinite 1s; }
5735
5736 @-webkit-keyframes bugfix {
5737 from {
5738 padding: 0; }
5739 to {
5740 padding: 0; } }
5741
5742 /* default checkbox */
5743 input[type=checkbox] {
5744 position: absolute;
5745 top: -9999px;
5746 left: -9999px; }
5747
5748 label {
5749 cursor: pointer;
5750 user-select: none; }
5751
5752 nav[role="dropdown"] label {
5753 display: none; }
5754
5755 @media screen and (max-width: 44em) {
5756 nav[role="dropdown"] ul {
5757 height: 48px;
5758 overflow: hidden; }
5759 nav[role="dropdown"] label {
5760 position: relative;
5761 display: block;
5762 width: 100%; }
5763 nav[role="dropdown"] label:after {
5764 font-family: FontAwesome;
5765 font-size: 24px;
5766 content: "\f107";
5767 position: absolute;
5768 top: 0;
5769 right: 0;
5770 z-index: 9999;
5771 width: 100%;
5772 height: 56px;
5773 padding: 12px 12px 0;
5774 text-align: right; }
5775 nav[role="dropdown"] input:checked ~ label:after {
5776 content: "\f106"; }
5777 nav[role="dropdown"] input:checked ~ ul {
5778 display: block;
5779 height: 40vh;
5780 overflow-y: scroll; } }
5781
5782 .btn-red900 {
5783 color: #fff !important;
5784 background-color: #b71c1c;
5785 border-color: #b71c1c; }
5786 .btn-red900:hover {
5787 color: #fff !important;
5788 background-color: #8b1515;
5789 border-color: #821414; }
5790 .btn-red900:focus, .btn-red900.focus {
5791 box-shadow: 0 0 0 2px rgba(183, 28, 28, 0.5); }
5792 .btn-red900.disabled, .btn-red900:disabled {
5793 background-color: #b71c1c;
5794 border-color: #b71c1c; }
5795 .btn-red900:active, .btn-red900.active,
5796 .show > .btn-red900.dropdown-toggle {
5797 color: #fff !important;
5798 background-color: #8b1515;
5799 background-image: none;
5800 border-color: #821414; }
5801
5802 .btn-white {
5803 color: #b71c1c;
5804 background-color: #fff;
5805 border-color: #fff; }
5806 .btn-white:hover {
5807 color: #b71c1c;
5808 background-color: #e6e5e5;
5809 border-color: #e0e0e0; }
5810 .btn-white:focus, .btn-white.focus {
5811 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5); }
5812 .btn-white.disabled, .btn-white:disabled {
5813 background-color: #fff;
5814 border-color: #fff; }
5815 .btn-white:active, .btn-white.active,
5816 .show > .btn-white.dropdown-toggle {
5817 color: #b71c1c;
5818 background-color: #e6e5e5;
5819 background-image: none;
5820 border-color: #e0e0e0; }
5821
5822 .btn-bluegrey900 {
5823 color: #fff;
5824 background-color: #263238;
5825 border-color: #263238; }
5826 .btn-bluegrey900:hover {
5827 color: #fff;
5828 background-color: #11171a;
5829 border-color: #0d1114; }
5830 .btn-bluegrey900:focus, .btn-bluegrey900.focus {
5831 box-shadow: 0 0 0 2px rgba(38, 50, 56, 0.5); }
5832 .btn-bluegrey900.disabled, .btn-bluegrey900:disabled {
5833 background-color: #263238;
5834 border-color: #263238; }
5835 .btn-bluegrey900:active, .btn-bluegrey900.active,
5836 .show > .btn-bluegrey900.dropdown-toggle {
5837 color: #fff;
5838 background-color: #11171a;
5839 background-image: none;
5840 border-color: #0d1114; }
5841
5842 button.navbar-toggler div {
5843 font-family: 'Ubuntu', sans-serif;
5844 font-size: 1rem;
5845 display: inline-block;
5846 position: relative;
5847 top: -4px; }
5848
5849 .btn {
5850 height: 36px;
5851 text-transform: uppercase;
5852 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
5853 transition: box-shadow .25s ease-in-out; }
5854 .btn:hover {
5855 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 3px 6px 0 rgba(0, 0, 0, 0.25);
5856 transition: box-shadow .25s ease-in-out; }
5857 @media (max-width: 767px) {
5858 .btn {
5859 font-size: .875rem; } }
5860
5861 .btn-outline-primary,
5862 .btn-outline-secondary {
5863 transition: background-color .25s ease-in-out; }
5864 .btn-outline-primary:hover,
5865 .btn-outline-secondary:hover {
5866 transition: background-color .25s ease-in-out; }
5867
5868 .btn-xlg {
5869 height: 72px;
5870 margin: 0 36px;
5871 padding-top: 16px; }
5872
5873 .btn-lg, .btn-group-lg > .btn {
5874 height: 48px;
5875 margin: 0 24px; }
5876 @media (max-width: 767px) {
5877 .btn-lg, .btn-group-lg > .btn {
5878 height: 36px;
5879 margin: 0 8px;
5880 padding: 1rem;
5881 font-size: .875rem;
5882 line-height: 0; } }
5883
5884 .btn-md {
5885 font-size: 0.875rem;
5886 line-height: 1.25rem;
5887 padding: .4rem 1rem .5rem 1rem; }
5888
5889 .btn-block {
5890 margin: 0 0 1.5rem 0; }
5891 @media (min-width: 768px) {
5892 .btn-block {
5893 margin: 0 0 2rem 0; } }
5894 @media (max-width: 575px) {
5895 .btn-block {
5896 font-size: .875rem;
5897 line-height: 0; } }
5898
5899 button:focus {
5900 outline: none; }
5901
5902 .btn-donate {
5903 margin-top: 18px;
5904 font-size: 14px;
5905 font-weight: 400;
5906 line-height: 20px;
5907 padding: 3px 16px 0 5px; }
5908 @media (min-width: 992px) {
5909 .btn-donate {
5910 margin-top: 29px; } }
5911 .btn-donate svg {
5912 vertical-align: -7px;
5913 margin-right: 5px; }
5914
5915 .icon {
5916 width: 1.5rem;
5917 height: 1.5rem;
5918 fill: currentColor;
5919 vertical-align: -.15rem;
5920 overflow: hidden;
5921 margin-right: .5rem; }
5922
5923 .i_arrow_down {
5924 margin: 0;
5925 position: absolute;
5926 left: .75rem;
5927 top: -.25rem;
5928 animation: scroll 1.5s ease-in-out infinite; }
5929 @media (max-width: 575px) {
5930 .i_arrow_down {
5931 width: 1.75rem !important;
5932 height: 1.75rem !important;
5933 left: .25rem;
5934 top: -.5rem; } }
5935
5936 .i_lg {
5937 width: 2.5rem;
5938 height: 2.5rem;
5939 margin: 0;
5940 transform: translateY(-0.35rem);
5941 fill: #b71c1c; }
5942
5943 .i_white {
5944 fill: white; }
5945
5946 .i_sm {
5947 vertical-align: top;
5948 transform: translateY(-0.1rem); }
5949
5950 .i_features {
5951 width: 40px;
5952 height: 40px;
5953 margin: auto; }
5954
5955 .outline_i {
5956 border: solid 4px;
5957 width: 80px;
5958 height: 80px;
5959 display: flex;
5960 align-items: center; }
5961
5962 .i_verified {
5963 fill: #43a047; }
5964
5965 .i_warning {
5966 fill: #b71c1c; }
5967
5968 .i_wifi {
5969 fill: #1976d2; }
5970
5971 .i_server {
5972 fill: #ff8f00; }
5973
5974 .amber-800 {
5975 color: #ff8f00;
5976 border-color: #ff8f00; }
5977
5978 .green-600 {
5979 color: #43a047;
5980 border-color: #43a047; }
5981
5982 .red-900 {
5983 color: #b71c1c;
5984 border-color: #b71c1c; }
5985
5986 .blue-700 {
5987 color: #1976d2;
5988 border-color: #1976d2; }
5989
5990 .bg-blue-grey-900 {
5991 background-color: #263238; }
5992
5993 .bg-blue-grey-50 {
5994 background-color: #eceff1; }
5995
5996 img.img-fluid {
5997 width: 100%;
5998 max-width: 100%;
5999 height: auto; }
6000
6001 footer .btn-toolbar .icon {
6002 height: 2.25rem;
6003 width: 2.25rem;
6004 fill: rgba(38, 50, 56, 0.6); }
6005
6006 footer .i_heart {
6007 vertical-align: top;
6008 transform: translateY(-0.15rem); }
6009 @media (max-width: 767px) {
6010 footer .i_heart {
6011 transform: translateY(-0.75rem); } }
6012
6013 section.intro {
6014 min-height: 100vh;
6015 background-image: url("../img/header-background.jpg");
6016 background-size: cover;
6017 background-attachment: fixed;
6018 background-position: center top;
6019 position: relative; }
6020 section.intro .branding {
6021 padding-top: 6rem;
6022 margin-bottom: 64px;
6023 text-align: center;
6024 color: rgba(38, 50, 56, 0.6); }
6025 @media (min-width: 576px) {
6026 section.intro .branding {
6027 padding-top: 192px; } }
6028 section.intro .branding h1 {
6029 font-weight: 300 !important;
6030 color: #263238; }
6031 @media (max-width: 575px) {
6032 section.intro .branding h1 {
6033 font-size: 72px;
6034 line-height: 88px;
6035 margin-bottom: 0; } }
6036 section.intro .branding h1 strong {
6037 font-weight: 700 !important; }
6038 section.intro .branding h1:before {
6039 content: "";
6040 height: 60px;
6041 width: 76px;
6042 background-image: url("../img/ipfire-tux.png");
6043 background-repeat: no-repeat;
6044 background-position: center center;
6045 background-size: contain;
6046 display: inline-block;
6047 position: relative;
6048 top: 4px; }
6049 @media (min-width: 576px) {
6050 section.intro .branding h1:before {
6051 height: 120px;
6052 width: 93px;
6053 margin-right: 32px;
6054 top: 8px; } }
6055
6056 .page-scroll {
6057 display: block;
6058 visibility: visible;
6059 position: absolute;
6060 bottom: 48px;
6061 left: 50%;
6062 transform: translateX(-50%); }
6063 .page-scroll .btn {
6064 width: 36px;
6065 height: 36px;
6066 fill: #b71c1c; }
6067 @media (min-width: 576px) {
6068 .page-scroll .btn {
6069 width: 64px;
6070 height: 64px; } }
6071 .page-scroll .btn:hover .i_arrow_down {
6072 fill: white; }
6073
6074 section.content-section {
6075 padding: 3rem 0; }
6076 @media (min-width: 576px) {
6077 section.content-section {
6078 padding: 72px 0; } }
6079
6080 .feature_icons {
6081 width: 40px;
6082 height: 100%;
6083 float: left;
6084 margin-right: .75rem; }
6085
6086 section#news,
6087 section#support,
6088 footer {
6089 background-color: rgba(38, 50, 56, 0.06); }
6090
6091 section#news {
6092 color: rgba(38, 50, 56, 0.6); }
6093 section#news h2 {
6094 color: #263238; }
6095
6096 section#wishlist {
6097 background-image: url("../img/wishlist-background.jpg");
6098 background-size: cover;
6099 background-position: center center; }
6100
6101 .progress {
6102 background-color: rgba(255, 255, 255, 0.2); }
6103
6104 .bg-progress {
6105 background-image: linear-gradient(to right, #fbc02d, #ff8f00); }
6106
6107 section#fireinfo {
6108 border-bottom: 1px solid rgba(38, 50, 56, 0.2); }
6109
6110 .circle {
6111 position: relative; }
6112 .circle p.fireinfo_per {
6113 color: rgba(38, 50, 56, 0.6);
6114 position: absolute;
6115 top: calc(50% - 18px);
6116 width: 100%; }
6117
6118 section#appliances {
6119 padding-bottom: 48px; }
6120
6121 .features-content {
6122 padding-top: 88px;
6123 margin-bottom: 40px; }
6124 @media (min-width: 992px) {
6125 .features-content {
6126 padding-top: 161px; } }
6127 .features-content .content {
6128 background: white;
6129 border-radius: 4px;
6130 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
6131 padding: 40px 24px;
6132 position: relative; }
6133
6134 .divider {
6135 width: 128px;
6136 height: 4px;
6137 border-radius: 2px;
6138 background-image: linear-gradient(to right, #b71c1c, #ff3d00);
6139 margin: 40px auto 24px auto; }
6140 @media (min-width: 576px) {
6141 .divider {
6142 margin: 56px auto 40px auto; } }
6143
6144 footer {
6145 padding: 3rem 0 0 0; }
6146 @media (max-width: 991px) {
6147 footer {
6148 padding-top: 31px; } }
6149 footer h4 {
6150 margin-bottom: 1.25rem;
6151 color: rgba(38, 50, 56, 0.6);
6152 font-size: 20px;
6153 line-height: 28px; }
6154 footer ul li {
6155 font-size: 14px;
6156 margin-bottom: .75rem; }
6157 footer ul li a {
6158 color: rgba(38, 50, 56, 0.6);
6159 text-decoration: none; }
6160 footer ul li a:hover {
6161 color: #263238;
6162 text-decoration: underline; }
6163 footer .btn-lg, footer .btn-group-lg > .btn {
6164 margin-bottom: 2.75rem; }
6165 footer .btn-sm, footer .btn-group-sm > .btn {
6166 box-shadow: none; }
6167 footer .btn-sm:hover, footer .btn-group-sm > .btn:hover {
6168 box-shadow: none; }
6169
6170 #copyright {
6171 background-color: rgba(38, 50, 56, 0.06);
6172 padding: 1rem 0; }
6173 #copyright p {
6174 font-size: 12px;
6175 line-height: 16px; }
6176
6177 @keyframes scroll {
6178 0%, 100% {
6179 transform: translateY(30%); }
6180 50% {
6181 transform: translateY(50%); } }