jekyll-theme-html5up-landed 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +63 -0
  3. data/README.md +92 -0
  4. data/_config.yml +64 -0
  5. data/_includes/archive-single.html +13 -0
  6. data/_includes/footer.html +20 -0
  7. data/_includes/head.html +7 -0
  8. data/_includes/header.html +5 -0
  9. data/_includes/nav.html +26 -0
  10. data/_includes/scripts.html +10 -0
  11. data/_includes/seo.html +159 -0
  12. data/_includes/sidebar.html +20 -0
  13. data/_layouts/archive.html +19 -0
  14. data/_layouts/default.html +21 -0
  15. data/_layouts/home.html +6 -0
  16. data/_layouts/left-sidebar.html +17 -0
  17. data/_layouts/page.html +20 -0
  18. data/_layouts/post.html +5 -0
  19. data/_layouts/right-sidebar.html +17 -0
  20. data/assets/css/fontawesome-all.min.css +5 -0
  21. data/assets/css/images/arrow.svg +5 -0
  22. data/assets/css/images/ie/banner-overlay.png +0 -0
  23. data/assets/css/images/overlay.png +0 -0
  24. data/assets/css/main.css +4111 -0
  25. data/assets/css/noscript.css +15 -0
  26. data/assets/js/breakpoints.min.js +2 -0
  27. data/assets/js/browser.min.js +2 -0
  28. data/assets/js/jquery.dropotron.min.js +2 -0
  29. data/assets/js/jquery.min.js +2 -0
  30. data/assets/js/jquery.scrollex.min.js +2 -0
  31. data/assets/js/jquery.scrolly.min.js +2 -0
  32. data/assets/js/main.js +250 -0
  33. data/assets/js/util.js +587 -0
  34. data/assets/sass/libs/_breakpoints.scss +223 -0
  35. data/assets/sass/libs/_functions.scss +90 -0
  36. data/assets/sass/libs/_html-grid.scss +149 -0
  37. data/assets/sass/libs/_mixins.scss +78 -0
  38. data/assets/sass/libs/_vars.scss +49 -0
  39. data/assets/sass/libs/_vendor.scss +376 -0
  40. data/assets/sass/main.scss +2165 -0
  41. data/assets/sass/noscript.scss +33 -0
  42. data/assets/webfonts/fa-brands-400.eot +0 -0
  43. data/assets/webfonts/fa-brands-400.svg +3442 -0
  44. data/assets/webfonts/fa-brands-400.ttf +0 -0
  45. data/assets/webfonts/fa-brands-400.woff +0 -0
  46. data/assets/webfonts/fa-brands-400.woff2 +0 -0
  47. data/assets/webfonts/fa-regular-400.eot +0 -0
  48. data/assets/webfonts/fa-regular-400.svg +803 -0
  49. data/assets/webfonts/fa-regular-400.ttf +0 -0
  50. data/assets/webfonts/fa-regular-400.woff +0 -0
  51. data/assets/webfonts/fa-regular-400.woff2 +0 -0
  52. data/assets/webfonts/fa-solid-900.eot +0 -0
  53. data/assets/webfonts/fa-solid-900.svg +4649 -0
  54. data/assets/webfonts/fa-solid-900.ttf +0 -0
  55. data/assets/webfonts/fa-solid-900.woff +0 -0
  56. data/assets/webfonts/fa-solid-900.woff2 +0 -0
  57. metadata +112 -0
@@ -0,0 +1,4111 @@
1
+ @import url("fontawesome-all.min.css");
2
+ @import url("https://fonts.googleapis.com/css?family=Roboto:100,300,100italic,300italic");
3
+
4
+ /*
5
+ Landed by HTML5 UP
6
+ html5up.net | @ajlkn
7
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
8
+ */
9
+
10
+ html, body, div, span, applet, object,
11
+ iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
12
+ pre, a, abbr, acronym, address, big, cite,
13
+ code, del, dfn, em, img, ins, kbd, q, s, samp,
14
+ small, strike, strong, sub, sup, tt, var, b,
15
+ u, i, center, dl, dt, dd, ol, ul, li, fieldset,
16
+ form, label, legend, table, caption, tbody,
17
+ tfoot, thead, tr, th, td, article, aside,
18
+ canvas, details, embed, figure, figcaption,
19
+ footer, header, hgroup, menu, nav, output, ruby,
20
+ section, summary, time, mark, audio, video {
21
+ margin: 0;
22
+ padding: 0;
23
+ border: 0;
24
+ font-size: 100%;
25
+ font: inherit;
26
+ vertical-align: baseline;}
27
+
28
+ article, aside, details, figcaption, figure,
29
+ footer, header, hgroup, menu, nav, section {
30
+ display: block;}
31
+
32
+ body {
33
+ line-height: 1;
34
+ }
35
+
36
+ ol, ul {
37
+ list-style: none;
38
+ }
39
+
40
+ blockquote, q {
41
+ quotes: none;
42
+ }
43
+
44
+ blockquote:before, blockquote:after, q:before, q:after {
45
+ content: '';
46
+ content: none;
47
+ }
48
+
49
+ table {
50
+ border-collapse: collapse;
51
+ border-spacing: 0;
52
+ }
53
+
54
+ body {
55
+ -webkit-text-size-adjust: none;
56
+ }
57
+
58
+ mark {
59
+ background-color: transparent;
60
+ color: inherit;
61
+ }
62
+
63
+ input::-moz-focus-inner {
64
+ border: 0;
65
+ padding: 0;
66
+ }
67
+
68
+ input, select, textarea {
69
+ -moz-appearance: none;
70
+ -webkit-appearance: none;
71
+ -ms-appearance: none;
72
+ appearance: none;
73
+ }
74
+
75
+ /* Basic */
76
+
77
+ html {
78
+ box-sizing: border-box;
79
+ }
80
+
81
+ *, *:before, *:after {
82
+ box-sizing: inherit;
83
+ }
84
+
85
+ html, body {
86
+ background: #1c1d26;
87
+ }
88
+
89
+ body.is-preload *, body.is-preload *:before, body.is-preload *:after {
90
+ -moz-animation: none !important;
91
+ -webkit-animation: none !important;
92
+ -ms-animation: none !important;
93
+ animation: none !important;
94
+ -moz-transition: none !important;
95
+ -webkit-transition: none !important;
96
+ -ms-transition: none !important;
97
+ transition: none !important;
98
+ }
99
+
100
+ body, input, select, textarea {
101
+ color: rgba(255, 255, 255, 0.75);
102
+ font-family: "Roboto", Helvetica, sans-serif;
103
+ font-size: 15pt;
104
+ font-weight: 100;
105
+ line-height: 1.75em;
106
+ }
107
+
108
+ a {
109
+ -moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
110
+ -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
111
+ -ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
112
+ transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
113
+ border-bottom: dotted 1px;
114
+ color: #e44c65;
115
+ text-decoration: none;
116
+ }
117
+
118
+ a:hover {
119
+ color: #e44c65 !important;
120
+ border-bottom-color: transparent;
121
+ }
122
+
123
+ strong, b {
124
+ color: #ffffff;
125
+ font-weight: 300;
126
+ }
127
+
128
+ em, i {
129
+ font-style: italic;
130
+ }
131
+
132
+ p {
133
+ margin: 0 0 2em 0;
134
+ }
135
+
136
+ h1, h2, h3, h4, h5, h6 {
137
+ color: #ffffff;
138
+ font-weight: 300;
139
+ line-height: 1em;
140
+ margin: 0 0 1em 0;
141
+ }
142
+
143
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
144
+ color: inherit;
145
+ border: 0;
146
+ }
147
+
148
+ h2 {
149
+ font-size: 2em;
150
+ line-height: 1.5em;
151
+ letter-spacing: -0.025em;
152
+ }
153
+
154
+ h3 {
155
+ font-size: 1.35em;
156
+ line-height: 1.5em;
157
+ }
158
+
159
+ h4 {
160
+ font-size: 1.1em;
161
+ line-height: 1.5em;
162
+ }
163
+
164
+ h5 {
165
+ font-size: 0.9em;
166
+ line-height: 1.5em;
167
+ }
168
+
169
+ h6 {
170
+ font-size: 0.7em;
171
+ line-height: 1.5em;
172
+ }
173
+
174
+ sub {
175
+ font-size: 0.8em;
176
+ position: relative;
177
+ top: 0.5em;
178
+ }
179
+
180
+ sup {
181
+ font-size: 0.8em;
182
+ position: relative;
183
+ top: -0.5em;
184
+ }
185
+
186
+ hr {
187
+ border: 0;
188
+ border-bottom: solid 1px rgba(255, 255, 255, 0.3);
189
+ margin: 3em 0;
190
+ }
191
+
192
+ hr.major {
193
+ margin: 4em 0;
194
+ }
195
+
196
+ blockquote {
197
+ border-left: solid 4px rgba(255, 255, 255, 0.3);
198
+ font-style: italic;
199
+ margin: 0 0 2em 0;
200
+ padding: 0.5em 0 0.5em 2em;
201
+ }
202
+
203
+ code {
204
+ background: rgba(255, 255, 255, 0.075);
205
+ border-radius: 4px;
206
+ font-family: "Courier New", monospace;
207
+ font-size: 0.9em;
208
+ margin: 0 0.25em;
209
+ padding: 0.25em 0.65em;
210
+ }
211
+
212
+ pre {
213
+ -webkit-overflow-scrolling: touch;
214
+ font-family: "Courier New", monospace;
215
+ font-size: 0.9em;
216
+ margin: 0 0 2em 0;
217
+ }
218
+
219
+ pre code {
220
+ display: block;
221
+ line-height: 1.75em;
222
+ padding: 1em 1.5em;
223
+ overflow-x: auto;
224
+ }
225
+
226
+ .align-left {
227
+ text-align: left;
228
+ }
229
+
230
+ .align-center {
231
+ text-align: center;
232
+ }
233
+
234
+ .align-right {
235
+ text-align: right;
236
+ }
237
+
238
+ /* Loader */
239
+
240
+ @-moz-keyframes spinner-show {
241
+ 0% {
242
+ opacity: 0;
243
+ }
244
+
245
+ 100% {
246
+ opacity: 1;
247
+ }
248
+ }
249
+
250
+ @-webkit-keyframes spinner-show {
251
+ 0% {
252
+ opacity: 0;
253
+ }
254
+
255
+ 100% {
256
+ opacity: 1;
257
+ }
258
+ }
259
+
260
+ @-ms-keyframes spinner-show {
261
+ 0% {
262
+ opacity: 0;
263
+ }
264
+
265
+ 100% {
266
+ opacity: 1;
267
+ }
268
+ }
269
+
270
+ @keyframes spinner-show {
271
+ 0% {
272
+ opacity: 0;
273
+ }
274
+
275
+ 100% {
276
+ opacity: 1;
277
+ }
278
+ }
279
+
280
+ @-moz-keyframes spinner-hide {
281
+ 0% {
282
+ color: rgba(255, 255, 255, 0.15);
283
+ z-index: 100001;
284
+ -moz-transform: scale(1) rotate(0deg);
285
+ -webkit-transform: scale(1) rotate(0deg);
286
+ -ms-transform: scale(1) rotate(0deg);
287
+ transform: scale(1) rotate(0deg);
288
+ }
289
+
290
+ 99% {
291
+ color: #1c1d26;
292
+ z-index: 100001;
293
+ -moz-transform: scale(0.5) rotate(360deg);
294
+ -webkit-transform: scale(0.5) rotate(360deg);
295
+ -ms-transform: scale(0.5) rotate(360deg);
296
+ transform: scale(0.5) rotate(360deg);
297
+ }
298
+
299
+ 100% {
300
+ color: #1c1d26;
301
+ z-index: -1;
302
+ -moz-transform: scale(0.5) rotate(360deg);
303
+ -webkit-transform: scale(0.5) rotate(360deg);
304
+ -ms-transform: scale(0.5) rotate(360deg);
305
+ transform: scale(0.5) rotate(360deg);
306
+ }
307
+ }
308
+
309
+ @-webkit-keyframes spinner-hide {
310
+ 0% {
311
+ color: rgba(255, 255, 255, 0.15);
312
+ z-index: 100001;
313
+ -moz-transform: scale(1) rotate(0deg);
314
+ -webkit-transform: scale(1) rotate(0deg);
315
+ -ms-transform: scale(1) rotate(0deg);
316
+ transform: scale(1) rotate(0deg);
317
+ }
318
+
319
+ 99% {
320
+ color: #1c1d26;
321
+ z-index: 100001;
322
+ -moz-transform: scale(0.5) rotate(360deg);
323
+ -webkit-transform: scale(0.5) rotate(360deg);
324
+ -ms-transform: scale(0.5) rotate(360deg);
325
+ transform: scale(0.5) rotate(360deg);
326
+ }
327
+
328
+ 100% {
329
+ color: #1c1d26;
330
+ z-index: -1;
331
+ -moz-transform: scale(0.5) rotate(360deg);
332
+ -webkit-transform: scale(0.5) rotate(360deg);
333
+ -ms-transform: scale(0.5) rotate(360deg);
334
+ transform: scale(0.5) rotate(360deg);
335
+ }
336
+ }
337
+
338
+ @-ms-keyframes spinner-hide {
339
+ 0% {
340
+ color: rgba(255, 255, 255, 0.15);
341
+ z-index: 100001;
342
+ -moz-transform: scale(1) rotate(0deg);
343
+ -webkit-transform: scale(1) rotate(0deg);
344
+ -ms-transform: scale(1) rotate(0deg);
345
+ transform: scale(1) rotate(0deg);
346
+ }
347
+
348
+ 99% {
349
+ color: #1c1d26;
350
+ z-index: 100001;
351
+ -moz-transform: scale(0.5) rotate(360deg);
352
+ -webkit-transform: scale(0.5) rotate(360deg);
353
+ -ms-transform: scale(0.5) rotate(360deg);
354
+ transform: scale(0.5) rotate(360deg);
355
+ }
356
+
357
+ 100% {
358
+ color: #1c1d26;
359
+ z-index: -1;
360
+ -moz-transform: scale(0.5) rotate(360deg);
361
+ -webkit-transform: scale(0.5) rotate(360deg);
362
+ -ms-transform: scale(0.5) rotate(360deg);
363
+ transform: scale(0.5) rotate(360deg);
364
+ }
365
+ }
366
+
367
+ @keyframes spinner-hide {
368
+ 0% {
369
+ color: rgba(255, 255, 255, 0.15);
370
+ z-index: 100001;
371
+ -moz-transform: scale(1) rotate(0deg);
372
+ -webkit-transform: scale(1) rotate(0deg);
373
+ -ms-transform: scale(1) rotate(0deg);
374
+ transform: scale(1) rotate(0deg);
375
+ }
376
+
377
+ 99% {
378
+ color: #1c1d26;
379
+ z-index: 100001;
380
+ -moz-transform: scale(0.5) rotate(360deg);
381
+ -webkit-transform: scale(0.5) rotate(360deg);
382
+ -ms-transform: scale(0.5) rotate(360deg);
383
+ transform: scale(0.5) rotate(360deg);
384
+ }
385
+
386
+ 100% {
387
+ color: #1c1d26;
388
+ z-index: -1;
389
+ -moz-transform: scale(0.5) rotate(360deg);
390
+ -webkit-transform: scale(0.5) rotate(360deg);
391
+ -ms-transform: scale(0.5) rotate(360deg);
392
+ transform: scale(0.5) rotate(360deg);
393
+ }
394
+ }
395
+
396
+ @-moz-keyframes spinner-rotate {
397
+ 0% {
398
+ -moz-transform: scale(1) rotate(0deg);
399
+ -webkit-transform: scale(1) rotate(0deg);
400
+ -ms-transform: scale(1) rotate(0deg);
401
+ transform: scale(1) rotate(0deg);
402
+ }
403
+
404
+ 100% {
405
+ -moz-transform: scale(1) rotate(360deg);
406
+ -webkit-transform: scale(1) rotate(360deg);
407
+ -ms-transform: scale(1) rotate(360deg);
408
+ transform: scale(1) rotate(360deg);
409
+ }
410
+ }
411
+
412
+ @-webkit-keyframes spinner-rotate {
413
+ 0% {
414
+ -moz-transform: scale(1) rotate(0deg);
415
+ -webkit-transform: scale(1) rotate(0deg);
416
+ -ms-transform: scale(1) rotate(0deg);
417
+ transform: scale(1) rotate(0deg);
418
+ }
419
+
420
+ 100% {
421
+ -moz-transform: scale(1) rotate(360deg);
422
+ -webkit-transform: scale(1) rotate(360deg);
423
+ -ms-transform: scale(1) rotate(360deg);
424
+ transform: scale(1) rotate(360deg);
425
+ }
426
+ }
427
+
428
+ @-ms-keyframes spinner-rotate {
429
+ 0% {
430
+ -moz-transform: scale(1) rotate(0deg);
431
+ -webkit-transform: scale(1) rotate(0deg);
432
+ -ms-transform: scale(1) rotate(0deg);
433
+ transform: scale(1) rotate(0deg);
434
+ }
435
+
436
+ 100% {
437
+ -moz-transform: scale(1) rotate(360deg);
438
+ -webkit-transform: scale(1) rotate(360deg);
439
+ -ms-transform: scale(1) rotate(360deg);
440
+ transform: scale(1) rotate(360deg);
441
+ }
442
+ }
443
+
444
+ @keyframes spinner-rotate {
445
+ 0% {
446
+ -moz-transform: scale(1) rotate(0deg);
447
+ -webkit-transform: scale(1) rotate(0deg);
448
+ -ms-transform: scale(1) rotate(0deg);
449
+ transform: scale(1) rotate(0deg);
450
+ }
451
+
452
+ 100% {
453
+ -moz-transform: scale(1) rotate(360deg);
454
+ -webkit-transform: scale(1) rotate(360deg);
455
+ -ms-transform: scale(1) rotate(360deg);
456
+ transform: scale(1) rotate(360deg);
457
+ }
458
+ }
459
+
460
+ @-moz-keyframes overlay-hide {
461
+ 0% {
462
+ opacity: 1;
463
+ z-index: 100000;
464
+ }
465
+
466
+ 15% {
467
+ opacity: 1;
468
+ z-index: 100000;
469
+ }
470
+
471
+ 99% {
472
+ opacity: 0;
473
+ z-index: 100000;
474
+ }
475
+
476
+ 100% {
477
+ opacity: 0;
478
+ z-index: -1;
479
+ }
480
+ }
481
+
482
+ @-webkit-keyframes overlay-hide {
483
+ 0% {
484
+ opacity: 1;
485
+ z-index: 100000;
486
+ }
487
+
488
+ 15% {
489
+ opacity: 1;
490
+ z-index: 100000;
491
+ }
492
+
493
+ 99% {
494
+ opacity: 0;
495
+ z-index: 100000;
496
+ }
497
+
498
+ 100% {
499
+ opacity: 0;
500
+ z-index: -1;
501
+ }
502
+ }
503
+
504
+ @-ms-keyframes overlay-hide {
505
+ 0% {
506
+ opacity: 1;
507
+ z-index: 100000;
508
+ }
509
+
510
+ 15% {
511
+ opacity: 1;
512
+ z-index: 100000;
513
+ }
514
+
515
+ 99% {
516
+ opacity: 0;
517
+ z-index: 100000;
518
+ }
519
+
520
+ 100% {
521
+ opacity: 0;
522
+ z-index: -1;
523
+ }
524
+ }
525
+
526
+ @keyframes overlay-hide {
527
+ 0% {
528
+ opacity: 1;
529
+ z-index: 100000;
530
+ }
531
+
532
+ 15% {
533
+ opacity: 1;
534
+ z-index: 100000;
535
+ }
536
+
537
+ 99% {
538
+ opacity: 0;
539
+ z-index: 100000;
540
+ }
541
+
542
+ 100% {
543
+ opacity: 0;
544
+ z-index: -1;
545
+ }
546
+ }
547
+
548
+ body.landing {
549
+ text-decoration: none;
550
+ }
551
+
552
+ body.landing:before {
553
+ -moz-osx-font-smoothing: grayscale;
554
+ -webkit-font-smoothing: antialiased;
555
+ display: inline-block;
556
+ font-style: normal;
557
+ font-variant: normal;
558
+ text-rendering: auto;
559
+ line-height: 1;
560
+ text-transform: none !important;
561
+ font-family: 'Font Awesome 5 Free';
562
+ font-weight: 900;
563
+ }
564
+
565
+ body.landing:before {
566
+ -moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
567
+ -webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
568
+ -ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
569
+ animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
570
+ -moz-transform-origin: 50% 50%;
571
+ -webkit-transform-origin: 50% 50%;
572
+ -ms-transform-origin: 50% 50%;
573
+ transform-origin: 50% 50%;
574
+ color: rgba(255, 255, 255, 0.15);
575
+ content: '\f1ce';
576
+ cursor: default;
577
+ display: block;
578
+ font-size: 2em;
579
+ height: 2em;
580
+ left: 50%;
581
+ line-height: 2em;
582
+ margin: -1em 0 0 -1em;
583
+ opacity: 0;
584
+ position: fixed;
585
+ text-align: center;
586
+ top: 50%;
587
+ width: 2em;
588
+ z-index: -1;
589
+ }
590
+
591
+ body.landing:after {
592
+ -moz-animation: overlay-hide 1.5s ease-in forwards !important;
593
+ -webkit-animation: overlay-hide 1.5s ease-in forwards !important;
594
+ -ms-animation: overlay-hide 1.5s ease-in forwards !important;
595
+ animation: overlay-hide 1.5s ease-in forwards !important;
596
+ background: #1c1d26;
597
+ content: '';
598
+ display: block;
599
+ height: 100%;
600
+ left: 0;
601
+ opacity: 0;
602
+ position: fixed;
603
+ top: 0;
604
+ width: 100%;
605
+ z-index: -1;
606
+ }
607
+
608
+ body.landing.is-preload:before {
609
+ -moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
610
+ -webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
611
+ -ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
612
+ animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
613
+ z-index: 100001;
614
+ }
615
+
616
+ body.landing.is-preload:after {
617
+ -moz-animation: none !important;
618
+ -webkit-animation: none !important;
619
+ -ms-animation: none !important;
620
+ animation: none !important;
621
+ opacity: 1;
622
+ z-index: 100000;
623
+ }
624
+
625
+ @media (-webkit-min-device-pixel-ratio: 2) {
626
+
627
+ body.landing:before {
628
+ line-height: 2.025em;
629
+ }
630
+
631
+ }
632
+
633
+ /* Container */
634
+
635
+ .container {
636
+ margin: 0 auto;
637
+ max-width: calc(100% - 4em);
638
+ width: 70em;
639
+ }
640
+
641
+ .container.xsmall {
642
+ width: 17.5em;
643
+ }
644
+
645
+ .container.small {
646
+ width: 35em;
647
+ }
648
+
649
+ .container.medium {
650
+ width: 52.5em;
651
+ }
652
+
653
+ .container.large {
654
+ width: 87.5em;
655
+ }
656
+
657
+ .container.xlarge {
658
+ width: 105em;
659
+ }
660
+
661
+ .container.max {
662
+ width: 100%;
663
+ }
664
+
665
+ @media screen and (max-width: 1280px) {
666
+
667
+ .container {
668
+ width: 90%;
669
+ max-width: 100%;
670
+ }
671
+
672
+ }
673
+
674
+ @media screen and (max-width: 980px) {
675
+
676
+ .container {
677
+ width: 100% !important;
678
+ }
679
+
680
+ }
681
+
682
+ /* Row */
683
+
684
+ .row {
685
+ display: flex;
686
+ flex-wrap: wrap;
687
+ box-sizing: border-box;
688
+ align-items: stretch;
689
+ }
690
+
691
+ .row > * {
692
+ box-sizing: border-box;
693
+ }
694
+
695
+ .row.gtr-uniform > * > :last-child {
696
+ margin-bottom: 0;
697
+ }
698
+
699
+ .row.aln-left {
700
+ justify-content: flex-start;
701
+ }
702
+
703
+ .row.aln-center {
704
+ justify-content: center;
705
+ }
706
+
707
+ .row.aln-right {
708
+ justify-content: flex-end;
709
+ }
710
+
711
+ .row.aln-top {
712
+ align-items: flex-start;
713
+ }
714
+
715
+ .row.aln-middle {
716
+ align-items: center;
717
+ }
718
+
719
+ .row.aln-bottom {
720
+ align-items: flex-end;
721
+ }
722
+
723
+ .row > .imp {
724
+ order: -1;
725
+ }
726
+
727
+ .row > .col-1 {
728
+ width: 8.33333%;
729
+ }
730
+
731
+ .row > .off-1 {
732
+ margin-left: 8.33333%;
733
+ }
734
+
735
+ .row > .col-2 {
736
+ width: 16.66667%;
737
+ }
738
+
739
+ .row > .off-2 {
740
+ margin-left: 16.66667%;
741
+ }
742
+
743
+ .row > .col-3 {
744
+ width: 25%;
745
+ }
746
+
747
+ .row > .off-3 {
748
+ margin-left: 25%;
749
+ }
750
+
751
+ .row > .col-4 {
752
+ width: 33.33333%;
753
+ }
754
+
755
+ .row > .off-4 {
756
+ margin-left: 33.33333%;
757
+ }
758
+
759
+ .row > .col-5 {
760
+ width: 41.66667%;
761
+ }
762
+
763
+ .row > .off-5 {
764
+ margin-left: 41.66667%;
765
+ }
766
+
767
+ .row > .col-6 {
768
+ width: 50%;
769
+ }
770
+
771
+ .row > .off-6 {
772
+ margin-left: 50%;
773
+ }
774
+
775
+ .row > .col-7 {
776
+ width: 58.33333%;
777
+ }
778
+
779
+ .row > .off-7 {
780
+ margin-left: 58.33333%;
781
+ }
782
+
783
+ .row > .col-8 {
784
+ width: 66.66667%;
785
+ }
786
+
787
+ .row > .off-8 {
788
+ margin-left: 66.66667%;
789
+ }
790
+
791
+ .row > .col-9 {
792
+ width: 75%;
793
+ }
794
+
795
+ .row > .off-9 {
796
+ margin-left: 75%;
797
+ }
798
+
799
+ .row > .col-10 {
800
+ width: 83.33333%;
801
+ }
802
+
803
+ .row > .off-10 {
804
+ margin-left: 83.33333%;
805
+ }
806
+
807
+ .row > .col-11 {
808
+ width: 91.66667%;
809
+ }
810
+
811
+ .row > .off-11 {
812
+ margin-left: 91.66667%;
813
+ }
814
+
815
+ .row > .col-12 {
816
+ width: 100%;
817
+ }
818
+
819
+ .row > .off-12 {
820
+ margin-left: 100%;
821
+ }
822
+
823
+ .row.gtr-0 {
824
+ margin-top: 0;
825
+ margin-left: 0em;
826
+ }
827
+
828
+ .row.gtr-0 > * {
829
+ padding: 0 0 0 0em;
830
+ }
831
+
832
+ .row.gtr-0.gtr-uniform {
833
+ margin-top: 0em;
834
+ }
835
+
836
+ .row.gtr-0.gtr-uniform > * {
837
+ padding-top: 0em;
838
+ }
839
+
840
+ .row.gtr-25 {
841
+ margin-top: 0;
842
+ margin-left: -0.625em;
843
+ }
844
+
845
+ .row.gtr-25 > * {
846
+ padding: 0 0 0 0.625em;
847
+ }
848
+
849
+ .row.gtr-25.gtr-uniform {
850
+ margin-top: -0.625em;
851
+ }
852
+
853
+ .row.gtr-25.gtr-uniform > * {
854
+ padding-top: 0.625em;
855
+ }
856
+
857
+ .row.gtr-50 {
858
+ margin-top: 0;
859
+ margin-left: -1.25em;
860
+ }
861
+
862
+ .row.gtr-50 > * {
863
+ padding: 0 0 0 1.25em;
864
+ }
865
+
866
+ .row.gtr-50.gtr-uniform {
867
+ margin-top: -1.25em;
868
+ }
869
+
870
+ .row.gtr-50.gtr-uniform > * {
871
+ padding-top: 1.25em;
872
+ }
873
+
874
+ .row {
875
+ margin-top: 0;
876
+ margin-left: -2.5em;
877
+ }
878
+
879
+ .row > * {
880
+ padding: 0 0 0 2.5em;
881
+ }
882
+
883
+ .row.gtr-uniform {
884
+ margin-top: -2.5em;
885
+ }
886
+
887
+ .row.gtr-uniform > * {
888
+ padding-top: 2.5em;
889
+ }
890
+
891
+ .row.gtr-150 {
892
+ margin-top: 0;
893
+ margin-left: -3.75em;
894
+ }
895
+
896
+ .row.gtr-150 > * {
897
+ padding: 0 0 0 3.75em;
898
+ }
899
+
900
+ .row.gtr-150.gtr-uniform {
901
+ margin-top: -3.75em;
902
+ }
903
+
904
+ .row.gtr-150.gtr-uniform > * {
905
+ padding-top: 3.75em;
906
+ }
907
+
908
+ .row.gtr-200 {
909
+ margin-top: 0;
910
+ margin-left: -5em;
911
+ }
912
+
913
+ .row.gtr-200 > * {
914
+ padding: 0 0 0 5em;
915
+ }
916
+
917
+ .row.gtr-200.gtr-uniform {
918
+ margin-top: -5em;
919
+ }
920
+
921
+ .row.gtr-200.gtr-uniform > * {
922
+ padding-top: 5em;
923
+ }
924
+
925
+ @media screen and (max-width: 1680px) {
926
+
927
+ .row {
928
+ display: flex;
929
+ flex-wrap: wrap;
930
+ box-sizing: border-box;
931
+ align-items: stretch;
932
+ }
933
+
934
+ .row > * {
935
+ box-sizing: border-box;
936
+ }
937
+
938
+ .row.gtr-uniform > * > :last-child {
939
+ margin-bottom: 0;
940
+ }
941
+
942
+ .row.aln-left {
943
+ justify-content: flex-start;
944
+ }
945
+
946
+ .row.aln-center {
947
+ justify-content: center;
948
+ }
949
+
950
+ .row.aln-right {
951
+ justify-content: flex-end;
952
+ }
953
+
954
+ .row.aln-top {
955
+ align-items: flex-start;
956
+ }
957
+
958
+ .row.aln-middle {
959
+ align-items: center;
960
+ }
961
+
962
+ .row.aln-bottom {
963
+ align-items: flex-end;
964
+ }
965
+
966
+ .row > .imp-xlarge {
967
+ order: -1;
968
+ }
969
+
970
+ .row > .col-1-xlarge {
971
+ width: 8.33333%;
972
+ }
973
+
974
+ .row > .off-1-xlarge {
975
+ margin-left: 8.33333%;
976
+ }
977
+
978
+ .row > .col-2-xlarge {
979
+ width: 16.66667%;
980
+ }
981
+
982
+ .row > .off-2-xlarge {
983
+ margin-left: 16.66667%;
984
+ }
985
+
986
+ .row > .col-3-xlarge {
987
+ width: 25%;
988
+ }
989
+
990
+ .row > .off-3-xlarge {
991
+ margin-left: 25%;
992
+ }
993
+
994
+ .row > .col-4-xlarge {
995
+ width: 33.33333%;
996
+ }
997
+
998
+ .row > .off-4-xlarge {
999
+ margin-left: 33.33333%;
1000
+ }
1001
+
1002
+ .row > .col-5-xlarge {
1003
+ width: 41.66667%;
1004
+ }
1005
+
1006
+ .row > .off-5-xlarge {
1007
+ margin-left: 41.66667%;
1008
+ }
1009
+
1010
+ .row > .col-6-xlarge {
1011
+ width: 50%;
1012
+ }
1013
+
1014
+ .row > .off-6-xlarge {
1015
+ margin-left: 50%;
1016
+ }
1017
+
1018
+ .row > .col-7-xlarge {
1019
+ width: 58.33333%;
1020
+ }
1021
+
1022
+ .row > .off-7-xlarge {
1023
+ margin-left: 58.33333%;
1024
+ }
1025
+
1026
+ .row > .col-8-xlarge {
1027
+ width: 66.66667%;
1028
+ }
1029
+
1030
+ .row > .off-8-xlarge {
1031
+ margin-left: 66.66667%;
1032
+ }
1033
+
1034
+ .row > .col-9-xlarge {
1035
+ width: 75%;
1036
+ }
1037
+
1038
+ .row > .off-9-xlarge {
1039
+ margin-left: 75%;
1040
+ }
1041
+
1042
+ .row > .col-10-xlarge {
1043
+ width: 83.33333%;
1044
+ }
1045
+
1046
+ .row > .off-10-xlarge {
1047
+ margin-left: 83.33333%;
1048
+ }
1049
+
1050
+ .row > .col-11-xlarge {
1051
+ width: 91.66667%;
1052
+ }
1053
+
1054
+ .row > .off-11-xlarge {
1055
+ margin-left: 91.66667%;
1056
+ }
1057
+
1058
+ .row > .col-12-xlarge {
1059
+ width: 100%;
1060
+ }
1061
+
1062
+ .row > .off-12-xlarge {
1063
+ margin-left: 100%;
1064
+ }
1065
+
1066
+ .row.gtr-0 {
1067
+ margin-top: 0;
1068
+ margin-left: 0em;
1069
+ }
1070
+
1071
+ .row.gtr-0 > * {
1072
+ padding: 0 0 0 0em;
1073
+ }
1074
+
1075
+ .row.gtr-0.gtr-uniform {
1076
+ margin-top: 0em;
1077
+ }
1078
+
1079
+ .row.gtr-0.gtr-uniform > * {
1080
+ padding-top: 0em;
1081
+ }
1082
+
1083
+ .row.gtr-25 {
1084
+ margin-top: 0;
1085
+ margin-left: -0.625em;
1086
+ }
1087
+
1088
+ .row.gtr-25 > * {
1089
+ padding: 0 0 0 0.625em;
1090
+ }
1091
+
1092
+ .row.gtr-25.gtr-uniform {
1093
+ margin-top: -0.625em;
1094
+ }
1095
+
1096
+ .row.gtr-25.gtr-uniform > * {
1097
+ padding-top: 0.625em;
1098
+ }
1099
+
1100
+ .row.gtr-50 {
1101
+ margin-top: 0;
1102
+ margin-left: -1.25em;
1103
+ }
1104
+
1105
+ .row.gtr-50 > * {
1106
+ padding: 0 0 0 1.25em;
1107
+ }
1108
+
1109
+ .row.gtr-50.gtr-uniform {
1110
+ margin-top: -1.25em;
1111
+ }
1112
+
1113
+ .row.gtr-50.gtr-uniform > * {
1114
+ padding-top: 1.25em;
1115
+ }
1116
+
1117
+ .row {
1118
+ margin-top: 0;
1119
+ margin-left: -2.5em;
1120
+ }
1121
+
1122
+ .row > * {
1123
+ padding: 0 0 0 2.5em;
1124
+ }
1125
+
1126
+ .row.gtr-uniform {
1127
+ margin-top: -2.5em;
1128
+ }
1129
+
1130
+ .row.gtr-uniform > * {
1131
+ padding-top: 2.5em;
1132
+ }
1133
+
1134
+ .row.gtr-150 {
1135
+ margin-top: 0;
1136
+ margin-left: -3.75em;
1137
+ }
1138
+
1139
+ .row.gtr-150 > * {
1140
+ padding: 0 0 0 3.75em;
1141
+ }
1142
+
1143
+ .row.gtr-150.gtr-uniform {
1144
+ margin-top: -3.75em;
1145
+ }
1146
+
1147
+ .row.gtr-150.gtr-uniform > * {
1148
+ padding-top: 3.75em;
1149
+ }
1150
+
1151
+ .row.gtr-200 {
1152
+ margin-top: 0;
1153
+ margin-left: -5em;
1154
+ }
1155
+
1156
+ .row.gtr-200 > * {
1157
+ padding: 0 0 0 5em;
1158
+ }
1159
+
1160
+ .row.gtr-200.gtr-uniform {
1161
+ margin-top: -5em;
1162
+ }
1163
+
1164
+ .row.gtr-200.gtr-uniform > * {
1165
+ padding-top: 5em;
1166
+ }
1167
+
1168
+ }
1169
+
1170
+ @media screen and (max-width: 1280px) {
1171
+
1172
+ .row {
1173
+ display: flex;
1174
+ flex-wrap: wrap;
1175
+ box-sizing: border-box;
1176
+ align-items: stretch;
1177
+ }
1178
+
1179
+ .row > * {
1180
+ box-sizing: border-box;
1181
+ }
1182
+
1183
+ .row.gtr-uniform > * > :last-child {
1184
+ margin-bottom: 0;
1185
+ }
1186
+
1187
+ .row.aln-left {
1188
+ justify-content: flex-start;
1189
+ }
1190
+
1191
+ .row.aln-center {
1192
+ justify-content: center;
1193
+ }
1194
+
1195
+ .row.aln-right {
1196
+ justify-content: flex-end;
1197
+ }
1198
+
1199
+ .row.aln-top {
1200
+ align-items: flex-start;
1201
+ }
1202
+
1203
+ .row.aln-middle {
1204
+ align-items: center;
1205
+ }
1206
+
1207
+ .row.aln-bottom {
1208
+ align-items: flex-end;
1209
+ }
1210
+
1211
+ .row > .imp-large {
1212
+ order: -1;
1213
+ }
1214
+
1215
+ .row > .col-1-large {
1216
+ width: 8.33333%;
1217
+ }
1218
+
1219
+ .row > .off-1-large {
1220
+ margin-left: 8.33333%;
1221
+ }
1222
+
1223
+ .row > .col-2-large {
1224
+ width: 16.66667%;
1225
+ }
1226
+
1227
+ .row > .off-2-large {
1228
+ margin-left: 16.66667%;
1229
+ }
1230
+
1231
+ .row > .col-3-large {
1232
+ width: 25%;
1233
+ }
1234
+
1235
+ .row > .off-3-large {
1236
+ margin-left: 25%;
1237
+ }
1238
+
1239
+ .row > .col-4-large {
1240
+ width: 33.33333%;
1241
+ }
1242
+
1243
+ .row > .off-4-large {
1244
+ margin-left: 33.33333%;
1245
+ }
1246
+
1247
+ .row > .col-5-large {
1248
+ width: 41.66667%;
1249
+ }
1250
+
1251
+ .row > .off-5-large {
1252
+ margin-left: 41.66667%;
1253
+ }
1254
+
1255
+ .row > .col-6-large {
1256
+ width: 50%;
1257
+ }
1258
+
1259
+ .row > .off-6-large {
1260
+ margin-left: 50%;
1261
+ }
1262
+
1263
+ .row > .col-7-large {
1264
+ width: 58.33333%;
1265
+ }
1266
+
1267
+ .row > .off-7-large {
1268
+ margin-left: 58.33333%;
1269
+ }
1270
+
1271
+ .row > .col-8-large {
1272
+ width: 66.66667%;
1273
+ }
1274
+
1275
+ .row > .off-8-large {
1276
+ margin-left: 66.66667%;
1277
+ }
1278
+
1279
+ .row > .col-9-large {
1280
+ width: 75%;
1281
+ }
1282
+
1283
+ .row > .off-9-large {
1284
+ margin-left: 75%;
1285
+ }
1286
+
1287
+ .row > .col-10-large {
1288
+ width: 83.33333%;
1289
+ }
1290
+
1291
+ .row > .off-10-large {
1292
+ margin-left: 83.33333%;
1293
+ }
1294
+
1295
+ .row > .col-11-large {
1296
+ width: 91.66667%;
1297
+ }
1298
+
1299
+ .row > .off-11-large {
1300
+ margin-left: 91.66667%;
1301
+ }
1302
+
1303
+ .row > .col-12-large {
1304
+ width: 100%;
1305
+ }
1306
+
1307
+ .row > .off-12-large {
1308
+ margin-left: 100%;
1309
+ }
1310
+
1311
+ .row.gtr-0 {
1312
+ margin-top: 0;
1313
+ margin-left: 0em;
1314
+ }
1315
+
1316
+ .row.gtr-0 > * {
1317
+ padding: 0 0 0 0em;
1318
+ }
1319
+
1320
+ .row.gtr-0.gtr-uniform {
1321
+ margin-top: 0em;
1322
+ }
1323
+
1324
+ .row.gtr-0.gtr-uniform > * {
1325
+ padding-top: 0em;
1326
+ }
1327
+
1328
+ .row.gtr-25 {
1329
+ margin-top: 0;
1330
+ margin-left: -0.625em;
1331
+ }
1332
+
1333
+ .row.gtr-25 > * {
1334
+ padding: 0 0 0 0.625em;
1335
+ }
1336
+
1337
+ .row.gtr-25.gtr-uniform {
1338
+ margin-top: -0.625em;
1339
+ }
1340
+
1341
+ .row.gtr-25.gtr-uniform > * {
1342
+ padding-top: 0.625em;
1343
+ }
1344
+
1345
+ .row.gtr-50 {
1346
+ margin-top: 0;
1347
+ margin-left: -1.25em;
1348
+ }
1349
+
1350
+ .row.gtr-50 > * {
1351
+ padding: 0 0 0 1.25em;
1352
+ }
1353
+
1354
+ .row.gtr-50.gtr-uniform {
1355
+ margin-top: -1.25em;
1356
+ }
1357
+
1358
+ .row.gtr-50.gtr-uniform > * {
1359
+ padding-top: 1.25em;
1360
+ }
1361
+
1362
+ .row {
1363
+ margin-top: 0;
1364
+ margin-left: -2.5em;
1365
+ }
1366
+
1367
+ .row > * {
1368
+ padding: 0 0 0 2.5em;
1369
+ }
1370
+
1371
+ .row.gtr-uniform {
1372
+ margin-top: -2.5em;
1373
+ }
1374
+
1375
+ .row.gtr-uniform > * {
1376
+ padding-top: 2.5em;
1377
+ }
1378
+
1379
+ .row.gtr-150 {
1380
+ margin-top: 0;
1381
+ margin-left: -3.75em;
1382
+ }
1383
+
1384
+ .row.gtr-150 > * {
1385
+ padding: 0 0 0 3.75em;
1386
+ }
1387
+
1388
+ .row.gtr-150.gtr-uniform {
1389
+ margin-top: -3.75em;
1390
+ }
1391
+
1392
+ .row.gtr-150.gtr-uniform > * {
1393
+ padding-top: 3.75em;
1394
+ }
1395
+
1396
+ .row.gtr-200 {
1397
+ margin-top: 0;
1398
+ margin-left: -5em;
1399
+ }
1400
+
1401
+ .row.gtr-200 > * {
1402
+ padding: 0 0 0 5em;
1403
+ }
1404
+
1405
+ .row.gtr-200.gtr-uniform {
1406
+ margin-top: -5em;
1407
+ }
1408
+
1409
+ .row.gtr-200.gtr-uniform > * {
1410
+ padding-top: 5em;
1411
+ }
1412
+
1413
+ }
1414
+
1415
+ @media screen and (max-width: 980px) {
1416
+
1417
+ .row {
1418
+ display: flex;
1419
+ flex-wrap: wrap;
1420
+ box-sizing: border-box;
1421
+ align-items: stretch;
1422
+ }
1423
+
1424
+ .row > * {
1425
+ box-sizing: border-box;
1426
+ }
1427
+
1428
+ .row.gtr-uniform > * > :last-child {
1429
+ margin-bottom: 0;
1430
+ }
1431
+
1432
+ .row.aln-left {
1433
+ justify-content: flex-start;
1434
+ }
1435
+
1436
+ .row.aln-center {
1437
+ justify-content: center;
1438
+ }
1439
+
1440
+ .row.aln-right {
1441
+ justify-content: flex-end;
1442
+ }
1443
+
1444
+ .row.aln-top {
1445
+ align-items: flex-start;
1446
+ }
1447
+
1448
+ .row.aln-middle {
1449
+ align-items: center;
1450
+ }
1451
+
1452
+ .row.aln-bottom {
1453
+ align-items: flex-end;
1454
+ }
1455
+
1456
+ .row > .imp-medium {
1457
+ order: -1;
1458
+ }
1459
+
1460
+ .row > .col-1-medium {
1461
+ width: 8.33333%;
1462
+ }
1463
+
1464
+ .row > .off-1-medium {
1465
+ margin-left: 8.33333%;
1466
+ }
1467
+
1468
+ .row > .col-2-medium {
1469
+ width: 16.66667%;
1470
+ }
1471
+
1472
+ .row > .off-2-medium {
1473
+ margin-left: 16.66667%;
1474
+ }
1475
+
1476
+ .row > .col-3-medium {
1477
+ width: 25%;
1478
+ }
1479
+
1480
+ .row > .off-3-medium {
1481
+ margin-left: 25%;
1482
+ }
1483
+
1484
+ .row > .col-4-medium {
1485
+ width: 33.33333%;
1486
+ }
1487
+
1488
+ .row > .off-4-medium {
1489
+ margin-left: 33.33333%;
1490
+ }
1491
+
1492
+ .row > .col-5-medium {
1493
+ width: 41.66667%;
1494
+ }
1495
+
1496
+ .row > .off-5-medium {
1497
+ margin-left: 41.66667%;
1498
+ }
1499
+
1500
+ .row > .col-6-medium {
1501
+ width: 50%;
1502
+ }
1503
+
1504
+ .row > .off-6-medium {
1505
+ margin-left: 50%;
1506
+ }
1507
+
1508
+ .row > .col-7-medium {
1509
+ width: 58.33333%;
1510
+ }
1511
+
1512
+ .row > .off-7-medium {
1513
+ margin-left: 58.33333%;
1514
+ }
1515
+
1516
+ .row > .col-8-medium {
1517
+ width: 66.66667%;
1518
+ }
1519
+
1520
+ .row > .off-8-medium {
1521
+ margin-left: 66.66667%;
1522
+ }
1523
+
1524
+ .row > .col-9-medium {
1525
+ width: 75%;
1526
+ }
1527
+
1528
+ .row > .off-9-medium {
1529
+ margin-left: 75%;
1530
+ }
1531
+
1532
+ .row > .col-10-medium {
1533
+ width: 83.33333%;
1534
+ }
1535
+
1536
+ .row > .off-10-medium {
1537
+ margin-left: 83.33333%;
1538
+ }
1539
+
1540
+ .row > .col-11-medium {
1541
+ width: 91.66667%;
1542
+ }
1543
+
1544
+ .row > .off-11-medium {
1545
+ margin-left: 91.66667%;
1546
+ }
1547
+
1548
+ .row > .col-12-medium {
1549
+ width: 100%;
1550
+ }
1551
+
1552
+ .row > .off-12-medium {
1553
+ margin-left: 100%;
1554
+ }
1555
+
1556
+ .row.gtr-0 {
1557
+ margin-top: 0;
1558
+ margin-left: 0em;
1559
+ }
1560
+
1561
+ .row.gtr-0 > * {
1562
+ padding: 0 0 0 0em;
1563
+ }
1564
+
1565
+ .row.gtr-0.gtr-uniform {
1566
+ margin-top: 0em;
1567
+ }
1568
+
1569
+ .row.gtr-0.gtr-uniform > * {
1570
+ padding-top: 0em;
1571
+ }
1572
+
1573
+ .row.gtr-25 {
1574
+ margin-top: 0;
1575
+ margin-left: -0.625em;
1576
+ }
1577
+
1578
+ .row.gtr-25 > * {
1579
+ padding: 0 0 0 0.625em;
1580
+ }
1581
+
1582
+ .row.gtr-25.gtr-uniform {
1583
+ margin-top: -0.625em;
1584
+ }
1585
+
1586
+ .row.gtr-25.gtr-uniform > * {
1587
+ padding-top: 0.625em;
1588
+ }
1589
+
1590
+ .row.gtr-50 {
1591
+ margin-top: 0;
1592
+ margin-left: -1.25em;
1593
+ }
1594
+
1595
+ .row.gtr-50 > * {
1596
+ padding: 0 0 0 1.25em;
1597
+ }
1598
+
1599
+ .row.gtr-50.gtr-uniform {
1600
+ margin-top: -1.25em;
1601
+ }
1602
+
1603
+ .row.gtr-50.gtr-uniform > * {
1604
+ padding-top: 1.25em;
1605
+ }
1606
+
1607
+ .row {
1608
+ margin-top: 0;
1609
+ margin-left: -2.5em;
1610
+ }
1611
+
1612
+ .row > * {
1613
+ padding: 0 0 0 2.5em;
1614
+ }
1615
+
1616
+ .row.gtr-uniform {
1617
+ margin-top: -2.5em;
1618
+ }
1619
+
1620
+ .row.gtr-uniform > * {
1621
+ padding-top: 2.5em;
1622
+ }
1623
+
1624
+ .row.gtr-150 {
1625
+ margin-top: 0;
1626
+ margin-left: -3.75em;
1627
+ }
1628
+
1629
+ .row.gtr-150 > * {
1630
+ padding: 0 0 0 3.75em;
1631
+ }
1632
+
1633
+ .row.gtr-150.gtr-uniform {
1634
+ margin-top: -3.75em;
1635
+ }
1636
+
1637
+ .row.gtr-150.gtr-uniform > * {
1638
+ padding-top: 3.75em;
1639
+ }
1640
+
1641
+ .row.gtr-200 {
1642
+ margin-top: 0;
1643
+ margin-left: -5em;
1644
+ }
1645
+
1646
+ .row.gtr-200 > * {
1647
+ padding: 0 0 0 5em;
1648
+ }
1649
+
1650
+ .row.gtr-200.gtr-uniform {
1651
+ margin-top: -5em;
1652
+ }
1653
+
1654
+ .row.gtr-200.gtr-uniform > * {
1655
+ padding-top: 5em;
1656
+ }
1657
+
1658
+ }
1659
+
1660
+ @media screen and (max-width: 736px) {
1661
+
1662
+ .row {
1663
+ display: flex;
1664
+ flex-wrap: wrap;
1665
+ box-sizing: border-box;
1666
+ align-items: stretch;
1667
+ }
1668
+
1669
+ .row > * {
1670
+ box-sizing: border-box;
1671
+ }
1672
+
1673
+ .row.gtr-uniform > * > :last-child {
1674
+ margin-bottom: 0;
1675
+ }
1676
+
1677
+ .row.aln-left {
1678
+ justify-content: flex-start;
1679
+ }
1680
+
1681
+ .row.aln-center {
1682
+ justify-content: center;
1683
+ }
1684
+
1685
+ .row.aln-right {
1686
+ justify-content: flex-end;
1687
+ }
1688
+
1689
+ .row.aln-top {
1690
+ align-items: flex-start;
1691
+ }
1692
+
1693
+ .row.aln-middle {
1694
+ align-items: center;
1695
+ }
1696
+
1697
+ .row.aln-bottom {
1698
+ align-items: flex-end;
1699
+ }
1700
+
1701
+ .row > .imp-small {
1702
+ order: -1;
1703
+ }
1704
+
1705
+ .row > .col-1-small {
1706
+ width: 8.33333%;
1707
+ }
1708
+
1709
+ .row > .off-1-small {
1710
+ margin-left: 8.33333%;
1711
+ }
1712
+
1713
+ .row > .col-2-small {
1714
+ width: 16.66667%;
1715
+ }
1716
+
1717
+ .row > .off-2-small {
1718
+ margin-left: 16.66667%;
1719
+ }
1720
+
1721
+ .row > .col-3-small {
1722
+ width: 25%;
1723
+ }
1724
+
1725
+ .row > .off-3-small {
1726
+ margin-left: 25%;
1727
+ }
1728
+
1729
+ .row > .col-4-small {
1730
+ width: 33.33333%;
1731
+ }
1732
+
1733
+ .row > .off-4-small {
1734
+ margin-left: 33.33333%;
1735
+ }
1736
+
1737
+ .row > .col-5-small {
1738
+ width: 41.66667%;
1739
+ }
1740
+
1741
+ .row > .off-5-small {
1742
+ margin-left: 41.66667%;
1743
+ }
1744
+
1745
+ .row > .col-6-small {
1746
+ width: 50%;
1747
+ }
1748
+
1749
+ .row > .off-6-small {
1750
+ margin-left: 50%;
1751
+ }
1752
+
1753
+ .row > .col-7-small {
1754
+ width: 58.33333%;
1755
+ }
1756
+
1757
+ .row > .off-7-small {
1758
+ margin-left: 58.33333%;
1759
+ }
1760
+
1761
+ .row > .col-8-small {
1762
+ width: 66.66667%;
1763
+ }
1764
+
1765
+ .row > .off-8-small {
1766
+ margin-left: 66.66667%;
1767
+ }
1768
+
1769
+ .row > .col-9-small {
1770
+ width: 75%;
1771
+ }
1772
+
1773
+ .row > .off-9-small {
1774
+ margin-left: 75%;
1775
+ }
1776
+
1777
+ .row > .col-10-small {
1778
+ width: 83.33333%;
1779
+ }
1780
+
1781
+ .row > .off-10-small {
1782
+ margin-left: 83.33333%;
1783
+ }
1784
+
1785
+ .row > .col-11-small {
1786
+ width: 91.66667%;
1787
+ }
1788
+
1789
+ .row > .off-11-small {
1790
+ margin-left: 91.66667%;
1791
+ }
1792
+
1793
+ .row > .col-12-small {
1794
+ width: 100%;
1795
+ }
1796
+
1797
+ .row > .off-12-small {
1798
+ margin-left: 100%;
1799
+ }
1800
+
1801
+ .row.gtr-0 {
1802
+ margin-top: 0;
1803
+ margin-left: 0em;
1804
+ }
1805
+
1806
+ .row.gtr-0 > * {
1807
+ padding: 0 0 0 0em;
1808
+ }
1809
+
1810
+ .row.gtr-0.gtr-uniform {
1811
+ margin-top: 0em;
1812
+ }
1813
+
1814
+ .row.gtr-0.gtr-uniform > * {
1815
+ padding-top: 0em;
1816
+ }
1817
+
1818
+ .row.gtr-25 {
1819
+ margin-top: 0;
1820
+ margin-left: -0.625em;
1821
+ }
1822
+
1823
+ .row.gtr-25 > * {
1824
+ padding: 0 0 0 0.625em;
1825
+ }
1826
+
1827
+ .row.gtr-25.gtr-uniform {
1828
+ margin-top: -0.625em;
1829
+ }
1830
+
1831
+ .row.gtr-25.gtr-uniform > * {
1832
+ padding-top: 0.625em;
1833
+ }
1834
+
1835
+ .row.gtr-50 {
1836
+ margin-top: 0;
1837
+ margin-left: -1.25em;
1838
+ }
1839
+
1840
+ .row.gtr-50 > * {
1841
+ padding: 0 0 0 1.25em;
1842
+ }
1843
+
1844
+ .row.gtr-50.gtr-uniform {
1845
+ margin-top: -1.25em;
1846
+ }
1847
+
1848
+ .row.gtr-50.gtr-uniform > * {
1849
+ padding-top: 1.25em;
1850
+ }
1851
+
1852
+ .row {
1853
+ margin-top: 0;
1854
+ margin-left: -2.5em;
1855
+ }
1856
+
1857
+ .row > * {
1858
+ padding: 0 0 0 2.5em;
1859
+ }
1860
+
1861
+ .row.gtr-uniform {
1862
+ margin-top: -2.5em;
1863
+ }
1864
+
1865
+ .row.gtr-uniform > * {
1866
+ padding-top: 2.5em;
1867
+ }
1868
+
1869
+ .row.gtr-150 {
1870
+ margin-top: 0;
1871
+ margin-left: -3.75em;
1872
+ }
1873
+
1874
+ .row.gtr-150 > * {
1875
+ padding: 0 0 0 3.75em;
1876
+ }
1877
+
1878
+ .row.gtr-150.gtr-uniform {
1879
+ margin-top: -3.75em;
1880
+ }
1881
+
1882
+ .row.gtr-150.gtr-uniform > * {
1883
+ padding-top: 3.75em;
1884
+ }
1885
+
1886
+ .row.gtr-200 {
1887
+ margin-top: 0;
1888
+ margin-left: -5em;
1889
+ }
1890
+
1891
+ .row.gtr-200 > * {
1892
+ padding: 0 0 0 5em;
1893
+ }
1894
+
1895
+ .row.gtr-200.gtr-uniform {
1896
+ margin-top: -5em;
1897
+ }
1898
+
1899
+ .row.gtr-200.gtr-uniform > * {
1900
+ padding-top: 5em;
1901
+ }
1902
+
1903
+ }
1904
+
1905
+ @media screen and (max-width: 480px) {
1906
+
1907
+ .row {
1908
+ display: flex;
1909
+ flex-wrap: wrap;
1910
+ box-sizing: border-box;
1911
+ align-items: stretch;
1912
+ }
1913
+
1914
+ .row > * {
1915
+ box-sizing: border-box;
1916
+ }
1917
+
1918
+ .row.gtr-uniform > * > :last-child {
1919
+ margin-bottom: 0;
1920
+ }
1921
+
1922
+ .row.aln-left {
1923
+ justify-content: flex-start;
1924
+ }
1925
+
1926
+ .row.aln-center {
1927
+ justify-content: center;
1928
+ }
1929
+
1930
+ .row.aln-right {
1931
+ justify-content: flex-end;
1932
+ }
1933
+
1934
+ .row.aln-top {
1935
+ align-items: flex-start;
1936
+ }
1937
+
1938
+ .row.aln-middle {
1939
+ align-items: center;
1940
+ }
1941
+
1942
+ .row.aln-bottom {
1943
+ align-items: flex-end;
1944
+ }
1945
+
1946
+ .row > .imp-xsmall {
1947
+ order: -1;
1948
+ }
1949
+
1950
+ .row > .col-1-xsmall {
1951
+ width: 8.33333%;
1952
+ }
1953
+
1954
+ .row > .off-1-xsmall {
1955
+ margin-left: 8.33333%;
1956
+ }
1957
+
1958
+ .row > .col-2-xsmall {
1959
+ width: 16.66667%;
1960
+ }
1961
+
1962
+ .row > .off-2-xsmall {
1963
+ margin-left: 16.66667%;
1964
+ }
1965
+
1966
+ .row > .col-3-xsmall {
1967
+ width: 25%;
1968
+ }
1969
+
1970
+ .row > .off-3-xsmall {
1971
+ margin-left: 25%;
1972
+ }
1973
+
1974
+ .row > .col-4-xsmall {
1975
+ width: 33.33333%;
1976
+ }
1977
+
1978
+ .row > .off-4-xsmall {
1979
+ margin-left: 33.33333%;
1980
+ }
1981
+
1982
+ .row > .col-5-xsmall {
1983
+ width: 41.66667%;
1984
+ }
1985
+
1986
+ .row > .off-5-xsmall {
1987
+ margin-left: 41.66667%;
1988
+ }
1989
+
1990
+ .row > .col-6-xsmall {
1991
+ width: 50%;
1992
+ }
1993
+
1994
+ .row > .off-6-xsmall {
1995
+ margin-left: 50%;
1996
+ }
1997
+
1998
+ .row > .col-7-xsmall {
1999
+ width: 58.33333%;
2000
+ }
2001
+
2002
+ .row > .off-7-xsmall {
2003
+ margin-left: 58.33333%;
2004
+ }
2005
+
2006
+ .row > .col-8-xsmall {
2007
+ width: 66.66667%;
2008
+ }
2009
+
2010
+ .row > .off-8-xsmall {
2011
+ margin-left: 66.66667%;
2012
+ }
2013
+
2014
+ .row > .col-9-xsmall {
2015
+ width: 75%;
2016
+ }
2017
+
2018
+ .row > .off-9-xsmall {
2019
+ margin-left: 75%;
2020
+ }
2021
+
2022
+ .row > .col-10-xsmall {
2023
+ width: 83.33333%;
2024
+ }
2025
+
2026
+ .row > .off-10-xsmall {
2027
+ margin-left: 83.33333%;
2028
+ }
2029
+
2030
+ .row > .col-11-xsmall {
2031
+ width: 91.66667%;
2032
+ }
2033
+
2034
+ .row > .off-11-xsmall {
2035
+ margin-left: 91.66667%;
2036
+ }
2037
+
2038
+ .row > .col-12-xsmall {
2039
+ width: 100%;
2040
+ }
2041
+
2042
+ .row > .off-12-xsmall {
2043
+ margin-left: 100%;
2044
+ }
2045
+
2046
+ .row.gtr-0 {
2047
+ margin-top: 0;
2048
+ margin-left: 0em;
2049
+ }
2050
+
2051
+ .row.gtr-0 > * {
2052
+ padding: 0 0 0 0em;
2053
+ }
2054
+
2055
+ .row.gtr-0.gtr-uniform {
2056
+ margin-top: 0em;
2057
+ }
2058
+
2059
+ .row.gtr-0.gtr-uniform > * {
2060
+ padding-top: 0em;
2061
+ }
2062
+
2063
+ .row.gtr-25 {
2064
+ margin-top: 0;
2065
+ margin-left: -0.625em;
2066
+ }
2067
+
2068
+ .row.gtr-25 > * {
2069
+ padding: 0 0 0 0.625em;
2070
+ }
2071
+
2072
+ .row.gtr-25.gtr-uniform {
2073
+ margin-top: -0.625em;
2074
+ }
2075
+
2076
+ .row.gtr-25.gtr-uniform > * {
2077
+ padding-top: 0.625em;
2078
+ }
2079
+
2080
+ .row.gtr-50 {
2081
+ margin-top: 0;
2082
+ margin-left: -1.25em;
2083
+ }
2084
+
2085
+ .row.gtr-50 > * {
2086
+ padding: 0 0 0 1.25em;
2087
+ }
2088
+
2089
+ .row.gtr-50.gtr-uniform {
2090
+ margin-top: -1.25em;
2091
+ }
2092
+
2093
+ .row.gtr-50.gtr-uniform > * {
2094
+ padding-top: 1.25em;
2095
+ }
2096
+
2097
+ .row {
2098
+ margin-top: 0;
2099
+ margin-left: -2.5em;
2100
+ }
2101
+
2102
+ .row > * {
2103
+ padding: 0 0 0 2.5em;
2104
+ }
2105
+
2106
+ .row.gtr-uniform {
2107
+ margin-top: -2.5em;
2108
+ }
2109
+
2110
+ .row.gtr-uniform > * {
2111
+ padding-top: 2.5em;
2112
+ }
2113
+
2114
+ .row.gtr-150 {
2115
+ margin-top: 0;
2116
+ margin-left: -3.75em;
2117
+ }
2118
+
2119
+ .row.gtr-150 > * {
2120
+ padding: 0 0 0 3.75em;
2121
+ }
2122
+
2123
+ .row.gtr-150.gtr-uniform {
2124
+ margin-top: -3.75em;
2125
+ }
2126
+
2127
+ .row.gtr-150.gtr-uniform > * {
2128
+ padding-top: 3.75em;
2129
+ }
2130
+
2131
+ .row.gtr-200 {
2132
+ margin-top: 0;
2133
+ margin-left: -5em;
2134
+ }
2135
+
2136
+ .row.gtr-200 > * {
2137
+ padding: 0 0 0 5em;
2138
+ }
2139
+
2140
+ .row.gtr-200.gtr-uniform {
2141
+ margin-top: -5em;
2142
+ }
2143
+
2144
+ .row.gtr-200.gtr-uniform > * {
2145
+ padding-top: 5em;
2146
+ }
2147
+
2148
+ }
2149
+
2150
+ /* Section/Article */
2151
+
2152
+ section.special, article.special {
2153
+ text-align: center;
2154
+ }
2155
+
2156
+ header p {
2157
+ color: #ffffff;
2158
+ position: relative;
2159
+ margin: 0 0 1.5em 0;
2160
+ }
2161
+
2162
+ header h2 + p {
2163
+ font-size: 1.25em;
2164
+ margin-top: -1em;
2165
+ line-height: 1.75em;
2166
+ }
2167
+
2168
+ header h3 + p {
2169
+ font-size: 1.1em;
2170
+ margin-top: -0.8em;
2171
+ line-height: 1.75em;
2172
+ }
2173
+
2174
+ header h4 + p,
2175
+ header h5 + p,
2176
+ header h6 + p {
2177
+ font-size: 0.9em;
2178
+ margin-top: -0.6em;
2179
+ line-height: 1.5em;
2180
+ }
2181
+
2182
+ header.major {
2183
+ margin: 0 0 4em 0;
2184
+ position: relative;
2185
+ text-align: center;
2186
+ }
2187
+
2188
+ header.major:after {
2189
+ background: #e44c65;
2190
+ content: '';
2191
+ display: inline-block;
2192
+ height: 0.2em;
2193
+ max-width: 20em;
2194
+ width: 75%;
2195
+ }
2196
+
2197
+ footer.major {
2198
+ margin: 4em 0 0 0;
2199
+ }
2200
+
2201
+ /* Form */
2202
+
2203
+ form {
2204
+ margin: 0 0 2em 0;
2205
+ }
2206
+
2207
+ form.cta {
2208
+ max-width: 35em;
2209
+ margin-left: auto;
2210
+ margin-right: auto;
2211
+ }
2212
+
2213
+ label {
2214
+ color: #ffffff;
2215
+ display: block;
2216
+ font-size: 0.9em;
2217
+ font-weight: 300;
2218
+ margin: 0 0 1em 0;
2219
+ }
2220
+
2221
+ input[type="text"],
2222
+ input[type="password"],
2223
+ input[type="email"],
2224
+ select,
2225
+ textarea {
2226
+ -moz-appearance: none;
2227
+ -webkit-appearance: none;
2228
+ -ms-appearance: none;
2229
+ appearance: none;
2230
+ -moz-transition: border-color 0.2s ease-in-out;
2231
+ -webkit-transition: border-color 0.2s ease-in-out;
2232
+ -ms-transition: border-color 0.2s ease-in-out;
2233
+ transition: border-color 0.2s ease-in-out;
2234
+ background: transparent;
2235
+ border-radius: 4px;
2236
+ border: solid 1px rgba(255, 255, 255, 0.3);
2237
+ color: inherit;
2238
+ display: block;
2239
+ outline: 0;
2240
+ padding: 0 1em;
2241
+ text-decoration: none;
2242
+ width: 100%;
2243
+ }
2244
+
2245
+ input[type="text"]:invalid,
2246
+ input[type="password"]:invalid,
2247
+ input[type="email"]:invalid,
2248
+ select:invalid,
2249
+ textarea:invalid {
2250
+ box-shadow: none;
2251
+ }
2252
+
2253
+ input[type="text"]:focus,
2254
+ input[type="password"]:focus,
2255
+ input[type="email"]:focus,
2256
+ select:focus,
2257
+ textarea:focus {
2258
+ border-color: #e44c65;
2259
+ }
2260
+
2261
+ select {
2262
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.3)' /%3E%3C/svg%3E");
2263
+ background-size: 1.25rem;
2264
+ background-repeat: no-repeat;
2265
+ background-position: calc(100% - 1rem) center;
2266
+ height: 3em;
2267
+ padding-right: 3em;
2268
+ text-overflow: ellipsis;
2269
+ }
2270
+
2271
+ select option {
2272
+ color: #ffffff;
2273
+ background: #1c1d26;
2274
+ }
2275
+
2276
+ select:focus::-ms-value {
2277
+ background-color: transparent;
2278
+ }
2279
+
2280
+ select::-ms-expand {
2281
+ display: none;
2282
+ }
2283
+
2284
+ input[type="text"],
2285
+ input[type="password"],
2286
+ input[type="email"],
2287
+ select {
2288
+ height: 3em;
2289
+ }
2290
+
2291
+ textarea {
2292
+ padding: 0.75em 1em;
2293
+ }
2294
+
2295
+ input[type="checkbox"],
2296
+ input[type="radio"] {
2297
+ -moz-appearance: none;
2298
+ -webkit-appearance: none;
2299
+ -ms-appearance: none;
2300
+ appearance: none;
2301
+ display: block;
2302
+ float: left;
2303
+ margin-right: -2em;
2304
+ opacity: 0;
2305
+ width: 1em;
2306
+ z-index: -1;
2307
+ }
2308
+
2309
+ input[type="checkbox"] + label,
2310
+ input[type="radio"] + label {
2311
+ text-decoration: none;
2312
+ color: rgba(255, 255, 255, 0.75);
2313
+ cursor: pointer;
2314
+ display: inline-block;
2315
+ font-size: 1em;
2316
+ font-weight: 100;
2317
+ padding-left: 2.55em;
2318
+ padding-right: 0.75em;
2319
+ position: relative;
2320
+ }
2321
+
2322
+ input[type="checkbox"] + label:before,
2323
+ input[type="radio"] + label:before {
2324
+ -moz-osx-font-smoothing: grayscale;
2325
+ -webkit-font-smoothing: antialiased;
2326
+ display: inline-block;
2327
+ font-style: normal;
2328
+ font-variant: normal;
2329
+ text-rendering: auto;
2330
+ line-height: 1;
2331
+ text-transform: none !important;
2332
+ font-family: 'Font Awesome 5 Free';
2333
+ font-weight: 900;
2334
+ }
2335
+
2336
+ input[type="checkbox"] + label:before,
2337
+ input[type="radio"] + label:before {
2338
+ border-radius: 4px;
2339
+ border: solid 1px rgba(255, 255, 255, 0.3);
2340
+ content: '';
2341
+ display: inline-block;
2342
+ font-size: 0.8em;
2343
+ height: 2.25em;
2344
+ left: 0;
2345
+ line-height: 2.25em;
2346
+ position: absolute;
2347
+ text-align: center;
2348
+ top: 0;
2349
+ width: 2.25em;
2350
+ }
2351
+
2352
+ input[type="checkbox"]:checked + label:before,
2353
+ input[type="radio"]:checked + label:before {
2354
+ background: rgba(255, 255, 255, 0.25);
2355
+ color: #ffffff;
2356
+ content: '\f00c';
2357
+ }
2358
+
2359
+ input[type="checkbox"]:focus + label:before,
2360
+ input[type="radio"]:focus + label:before {
2361
+ border-color: #e44c65;
2362
+ }
2363
+
2364
+ input[type="checkbox"] + label:before {
2365
+ border-radius: 4px;
2366
+ }
2367
+
2368
+ input[type="radio"] + label:before {
2369
+ border-radius: 100%;
2370
+ }
2371
+
2372
+ ::-webkit-input-placeholder {
2373
+ color: rgba(255, 255, 255, 0.5) !important;
2374
+ opacity: 1.0;
2375
+ }
2376
+
2377
+ :-moz-placeholder {
2378
+ color: rgba(255, 255, 255, 0.5) !important;
2379
+ opacity: 1.0;
2380
+ }
2381
+
2382
+ ::-moz-placeholder {
2383
+ color: rgba(255, 255, 255, 0.5) !important;
2384
+ opacity: 1.0;
2385
+ }
2386
+
2387
+ :-ms-input-placeholder {
2388
+ color: rgba(255, 255, 255, 0.5) !important;
2389
+ opacity: 1.0;
2390
+ }
2391
+
2392
+ /* Box */
2393
+
2394
+ .box {
2395
+ border-radius: 4px;
2396
+ border: solid 1px rgba(255, 255, 255, 0.3);
2397
+ margin-bottom: 2em;
2398
+ padding: 1.5em;
2399
+ }
2400
+
2401
+ .box > :last-child,
2402
+ .box > :last-child > :last-child,
2403
+ .box > :last-child > :last-child > :last-child {
2404
+ margin-bottom: 0;
2405
+ }
2406
+
2407
+ .box.alt {
2408
+ border: 0;
2409
+ border-radius: 0;
2410
+ padding: 0;
2411
+ }
2412
+
2413
+ /* Icon */
2414
+
2415
+ .icon {
2416
+ text-decoration: none;
2417
+ border-bottom: none;
2418
+ position: relative;
2419
+ }
2420
+
2421
+ .icon:before {
2422
+ -moz-osx-font-smoothing: grayscale;
2423
+ -webkit-font-smoothing: antialiased;
2424
+ display: inline-block;
2425
+ font-style: normal;
2426
+ font-variant: normal;
2427
+ text-rendering: auto;
2428
+ line-height: 1;
2429
+ text-transform: none !important;
2430
+ font-family: 'Font Awesome 5 Free';
2431
+ font-weight: 400;
2432
+ }
2433
+
2434
+ .icon > .label {
2435
+ display: none;
2436
+ }
2437
+
2438
+ .icon:before {
2439
+ line-height: inherit;
2440
+ }
2441
+
2442
+ .icon.solid:before {
2443
+ font-weight: 900 !important;
2444
+ }
2445
+
2446
+ .icon.brands:before {
2447
+ font-family: 'Font Awesome 5 Brands' !important;
2448
+ }
2449
+
2450
+ .icon.alt {
2451
+ text-decoration: none;
2452
+ }
2453
+
2454
+ .icon.alt:before {
2455
+ -moz-osx-font-smoothing: grayscale;
2456
+ -webkit-font-smoothing: antialiased;
2457
+ display: inline-block;
2458
+ font-style: normal;
2459
+ font-variant: normal;
2460
+ text-rendering: auto;
2461
+ line-height: 1;
2462
+ text-transform: none !important;
2463
+ font-family: 'Font Awesome 5 Free';
2464
+ font-weight: 400;
2465
+ }
2466
+
2467
+ .icon.alt:before {
2468
+ color: #1c1d26 !important;
2469
+ text-shadow: 1px 0 0 #ffffff, -1px 0 0 #ffffff, 0 1px 0 #ffffff, 0 -1px 0 #ffffff;
2470
+ }
2471
+
2472
+ .icon.major {
2473
+ background: #272833;
2474
+ border-radius: 100%;
2475
+ cursor: default;
2476
+ display: inline-block;
2477
+ height: 6em;
2478
+ line-height: 5.65em;
2479
+ margin: 0 0 2em 0;
2480
+ text-align: center;
2481
+ width: 6em;
2482
+ }
2483
+
2484
+ .icon.major:before {
2485
+ font-size: 2.25em;
2486
+ }
2487
+
2488
+ .icon.major.alt {
2489
+ text-decoration: none;
2490
+ }
2491
+
2492
+ .icon.major.alt:before {
2493
+ -moz-osx-font-smoothing: grayscale;
2494
+ -webkit-font-smoothing: antialiased;
2495
+ display: inline-block;
2496
+ font-style: normal;
2497
+ font-variant: normal;
2498
+ text-rendering: auto;
2499
+ line-height: 1;
2500
+ text-transform: none !important;
2501
+ font-family: 'Font Awesome 5 Free';
2502
+ font-weight: 400;
2503
+ }
2504
+
2505
+ .icon.major.alt:before {
2506
+ color: #272833 !important;
2507
+ text-shadow: 1px 0 0 #ffffff, -1px 0 0 #ffffff, 0 1px 0 #ffffff, 0 -1px 0 #ffffff;
2508
+ }
2509
+
2510
+ /* Image */
2511
+
2512
+ .image {
2513
+ border-radius: 4px;
2514
+ border: 0;
2515
+ display: inline-block;
2516
+ position: relative;
2517
+ overflow: hidden;
2518
+ }
2519
+
2520
+ .image:before {
2521
+ content: '';
2522
+ display: block;
2523
+ position: absolute;
2524
+ left: 0;
2525
+ top: 0;
2526
+ background-image: url("images/overlay.png");
2527
+ width: 100%;
2528
+ height: 100%;
2529
+ z-index: 1;
2530
+ }
2531
+
2532
+ .image img {
2533
+ border-radius: 4px;
2534
+ display: block;
2535
+ }
2536
+
2537
+ .image.left {
2538
+ float: left;
2539
+ margin: 0 1.5em 1em 0;
2540
+ top: 0.25em;
2541
+ }
2542
+
2543
+ .image.right {
2544
+ float: right;
2545
+ margin: 0 0 1em 1.5em;
2546
+ top: 0.25em;
2547
+ }
2548
+
2549
+ .image.left, .image.right {
2550
+ max-width: 40%;
2551
+ }
2552
+
2553
+ .image.left img, .image.right img {
2554
+ width: 100%;
2555
+ }
2556
+
2557
+ .image.fit {
2558
+ display: block;
2559
+ margin: 0 0 2em 0;
2560
+ width: 100%;
2561
+ }
2562
+
2563
+ .image.fit img {
2564
+ width: 100%;
2565
+ }
2566
+
2567
+ /* List */
2568
+
2569
+ ol {
2570
+ list-style: decimal;
2571
+ margin: 0 0 2em 0;
2572
+ padding-left: 1.25em;
2573
+ }
2574
+
2575
+ ol li {
2576
+ padding-left: 0.25em;
2577
+ }
2578
+
2579
+ ul {
2580
+ list-style: disc;
2581
+ margin: 0 0 2em 0;
2582
+ padding-left: 1em;
2583
+ }
2584
+
2585
+ ul li {
2586
+ padding-left: 0.5em;
2587
+ }
2588
+
2589
+ ul.alt {
2590
+ list-style: none;
2591
+ padding-left: 0;
2592
+ }
2593
+
2594
+ ul.alt li {
2595
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
2596
+ padding: 0.5em 0;
2597
+ }
2598
+
2599
+ ul.alt li:first-child {
2600
+ border-top: 0;
2601
+ padding-top: 0;
2602
+ }
2603
+
2604
+ dl {
2605
+ margin: 0 0 2em 0;
2606
+ }
2607
+
2608
+ /* Icons */
2609
+
2610
+ ul.icons {
2611
+ cursor: default;
2612
+ list-style: none;
2613
+ padding-left: 0;
2614
+ }
2615
+
2616
+ ul.icons li {
2617
+ display: inline-block;
2618
+ height: 2.5em;
2619
+ line-height: 2.5em;
2620
+ padding: 0 0.5em;
2621
+ }
2622
+
2623
+ ul.icons li .icon {
2624
+ font-size: 0.8em;
2625
+ }
2626
+
2627
+ ul.icons li .icon:before {
2628
+ font-size: 2em;
2629
+ }
2630
+
2631
+ /* Actions */
2632
+
2633
+ ul.actions {
2634
+ display: -moz-flex;
2635
+ display: -webkit-flex;
2636
+ display: -ms-flex;
2637
+ display: flex;
2638
+ cursor: default;
2639
+ list-style: none;
2640
+ margin-left: -1em;
2641
+ padding-left: 0;
2642
+ }
2643
+
2644
+ ul.actions li {
2645
+ padding: 0 0 0 1em;
2646
+ vertical-align: middle;
2647
+ }
2648
+
2649
+ ul.actions.special {
2650
+ -moz-justify-content: center;
2651
+ -webkit-justify-content: center;
2652
+ -ms-justify-content: center;
2653
+ justify-content: center;
2654
+ width: 100%;
2655
+ margin-left: 0;
2656
+ }
2657
+
2658
+ ul.actions.special li:first-child {
2659
+ padding-left: 0;
2660
+ }
2661
+
2662
+ ul.actions.stacked {
2663
+ -moz-flex-direction: column;
2664
+ -webkit-flex-direction: column;
2665
+ -ms-flex-direction: column;
2666
+ flex-direction: column;
2667
+ margin-left: 0;
2668
+ }
2669
+
2670
+ ul.actions.stacked li {
2671
+ padding: 1.3em 0 0 0;
2672
+ }
2673
+
2674
+ ul.actions.stacked li:first-child {
2675
+ padding-top: 0;
2676
+ }
2677
+
2678
+ ul.actions.fit {
2679
+ width: calc(100% + 1em);
2680
+ }
2681
+
2682
+ ul.actions.fit li {
2683
+ -moz-flex-grow: 1;
2684
+ -webkit-flex-grow: 1;
2685
+ -ms-flex-grow: 1;
2686
+ flex-grow: 1;
2687
+ -moz-flex-shrink: 1;
2688
+ -webkit-flex-shrink: 1;
2689
+ -ms-flex-shrink: 1;
2690
+ flex-shrink: 1;
2691
+ width: 100%;
2692
+ }
2693
+
2694
+ ul.actions.fit li > * {
2695
+ width: 100%;
2696
+ }
2697
+
2698
+ ul.actions.fit.stacked {
2699
+ width: 100%;
2700
+ }
2701
+
2702
+ @media screen and (max-width: 480px) {
2703
+
2704
+ ul.actions:not(.fixed) {
2705
+ -moz-flex-direction: column;
2706
+ -webkit-flex-direction: column;
2707
+ -ms-flex-direction: column;
2708
+ flex-direction: column;
2709
+ margin-left: 0;
2710
+ width: 100% !important;
2711
+ }
2712
+
2713
+ ul.actions:not(.fixed) li {
2714
+ -moz-flex-grow: 1;
2715
+ -webkit-flex-grow: 1;
2716
+ -ms-flex-grow: 1;
2717
+ flex-grow: 1;
2718
+ -moz-flex-shrink: 1;
2719
+ -webkit-flex-shrink: 1;
2720
+ -ms-flex-shrink: 1;
2721
+ flex-shrink: 1;
2722
+ padding: 1em 0 0 0;
2723
+ text-align: center;
2724
+ width: 100%;
2725
+ }
2726
+
2727
+ ul.actions:not(.fixed) li > * {
2728
+ width: 100%;
2729
+ }
2730
+
2731
+ ul.actions:not(.fixed) li:first-child {
2732
+ padding-top: 0;
2733
+ }
2734
+
2735
+ ul.actions:not(.fixed) li input[type="submit"],
2736
+ ul.actions:not(.fixed) li input[type="reset"],
2737
+ ul.actions:not(.fixed) li input[type="button"],
2738
+ ul.actions:not(.fixed) li button,
2739
+ ul.actions:not(.fixed) li .button {
2740
+ width: 100%;
2741
+ }
2742
+
2743
+ ul.actions:not(.fixed) li input[type="submit"].icon:before,
2744
+ ul.actions:not(.fixed) li input[type="reset"].icon:before,
2745
+ ul.actions:not(.fixed) li input[type="button"].icon:before,
2746
+ ul.actions:not(.fixed) li button.icon:before,
2747
+ ul.actions:not(.fixed) li .button.icon:before {
2748
+ margin-left: -0.5em;
2749
+ }
2750
+
2751
+ }
2752
+
2753
+ /* Table */
2754
+
2755
+ .table-wrapper {
2756
+ -webkit-overflow-scrolling: touch;
2757
+ overflow-x: auto;
2758
+ }
2759
+
2760
+ table {
2761
+ margin: 0 0 2em 0;
2762
+ width: 100%;
2763
+ }
2764
+
2765
+ table tbody tr {
2766
+ border: solid 1px rgba(255, 255, 255, 0.3);
2767
+ border-left: 0;
2768
+ border-right: 0;
2769
+ }
2770
+
2771
+ table tbody tr:nth-child(2n + 1) {
2772
+ background-color: rgba(255, 255, 255, 0.075);
2773
+ }
2774
+
2775
+ table td {
2776
+ padding: 0.75em 0.75em;
2777
+ }
2778
+
2779
+ table th {
2780
+ color: #ffffff;
2781
+ font-size: 0.9em;
2782
+ font-weight: 300;
2783
+ padding: 0 0.75em 0.75em 0.75em;
2784
+ text-align: left;
2785
+ }
2786
+
2787
+ table thead {
2788
+ border-bottom: solid 1px rgba(255, 255, 255, 0.3);
2789
+ }
2790
+
2791
+ table tfoot {
2792
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
2793
+ }
2794
+
2795
+ table.alt {
2796
+ border-collapse: separate;
2797
+ }
2798
+
2799
+ table.alt tbody tr td {
2800
+ border: solid 1px rgba(255, 255, 255, 0.3);
2801
+ border-left-width: 0;
2802
+ border-top-width: 0;
2803
+ }
2804
+
2805
+ table.alt tbody tr td:first-child {
2806
+ border-left-width: 1px;
2807
+ }
2808
+
2809
+ table.alt tbody tr:first-child td {
2810
+ border-top-width: 1px;
2811
+ }
2812
+
2813
+ table.alt thead {
2814
+ border-bottom: 0;
2815
+ }
2816
+
2817
+ table.alt tfoot {
2818
+ border-top: 0;
2819
+ }
2820
+
2821
+ /* Button */
2822
+
2823
+ input[type="submit"],
2824
+ input[type="reset"],
2825
+ input[type="button"],
2826
+ .button {
2827
+ -moz-appearance: none;
2828
+ -webkit-appearance: none;
2829
+ -ms-appearance: none;
2830
+ appearance: none;
2831
+ -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
2832
+ -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
2833
+ -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
2834
+ transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
2835
+ background-color: transparent;
2836
+ border-radius: 4px;
2837
+ border: 0;
2838
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
2839
+ color: #ffffff !important;
2840
+ cursor: pointer;
2841
+ display: inline-block;
2842
+ font-weight: 300;
2843
+ height: 3em;
2844
+ line-height: 3em;
2845
+ padding: 0 2.25em;
2846
+ text-align: center;
2847
+ text-decoration: none;
2848
+ white-space: nowrap;
2849
+ }
2850
+
2851
+ input[type="submit"]:hover, input[type="submit"]:active,
2852
+ input[type="reset"]:hover,
2853
+ input[type="reset"]:active,
2854
+ input[type="button"]:hover,
2855
+ input[type="button"]:active,
2856
+ .button:hover,
2857
+ .button:active {
2858
+ box-shadow: inset 0 0 0 1px #e44c65;
2859
+ color: #e44c65 !important;
2860
+ }
2861
+
2862
+ input[type="submit"]:active,
2863
+ input[type="reset"]:active,
2864
+ input[type="button"]:active,
2865
+ .button:active {
2866
+ background-color: rgba(228, 76, 101, 0.15);
2867
+ }
2868
+
2869
+ input[type="submit"].icon:before,
2870
+ input[type="reset"].icon:before,
2871
+ input[type="button"].icon:before,
2872
+ .button.icon:before {
2873
+ margin-right: 0.5em;
2874
+ }
2875
+
2876
+ input[type="submit"].fit,
2877
+ input[type="reset"].fit,
2878
+ input[type="button"].fit,
2879
+ .button.fit {
2880
+ width: 100%;
2881
+ }
2882
+
2883
+ input[type="submit"].small,
2884
+ input[type="reset"].small,
2885
+ input[type="button"].small,
2886
+ .button.small {
2887
+ font-size: 0.8em;
2888
+ }
2889
+
2890
+ input[type="submit"].large,
2891
+ input[type="reset"].large,
2892
+ input[type="button"].large,
2893
+ .button.large {
2894
+ font-size: 1.35em;
2895
+ }
2896
+
2897
+ input[type="submit"].primary,
2898
+ input[type="reset"].primary,
2899
+ input[type="button"].primary,
2900
+ .button.primary {
2901
+ background-color: #e44c65;
2902
+ box-shadow: none;
2903
+ color: #ffffff !important;
2904
+ }
2905
+
2906
+ input[type="submit"].primary:hover,
2907
+ input[type="reset"].primary:hover,
2908
+ input[type="button"].primary:hover,
2909
+ .button.primary:hover {
2910
+ background-color: #e76278;
2911
+ }
2912
+
2913
+ input[type="submit"].primary:active,
2914
+ input[type="reset"].primary:active,
2915
+ input[type="button"].primary:active,
2916
+ .button.primary:active {
2917
+ background-color: #e13652;
2918
+ }
2919
+
2920
+ input[type="submit"].disabled, input[type="submit"]:disabled,
2921
+ input[type="reset"].disabled,
2922
+ input[type="reset"]:disabled,
2923
+ input[type="button"].disabled,
2924
+ input[type="button"]:disabled,
2925
+ .button.disabled,
2926
+ .button:disabled {
2927
+ background-color: rgba(255, 255, 255, 0.3) !important;
2928
+ box-shadow: none !important;
2929
+ color: #ffffff !important;
2930
+ cursor: default;
2931
+ opacity: 0.25;
2932
+ }
2933
+
2934
+ /* Goto Next */
2935
+
2936
+ .goto-next {
2937
+ border: 0;
2938
+ bottom: 0;
2939
+ display: block;
2940
+ height: 5em;
2941
+ left: 50%;
2942
+ margin: 0 0 0 -5em;
2943
+ overflow: hidden;
2944
+ position: absolute;
2945
+ text-indent: 10em;
2946
+ white-space: nowrap;
2947
+ width: 10em;
2948
+ z-index: 1;
2949
+ }
2950
+
2951
+ .goto-next:before {
2952
+ background-image: url("images/arrow.svg");
2953
+ background-position: center center;
2954
+ background-repeat: no-repeat;
2955
+ background-size: contain;
2956
+ content: '';
2957
+ display: block;
2958
+ height: 1.5em;
2959
+ left: 50%;
2960
+ margin: -0.75em 0 0 -1em;
2961
+ position: absolute;
2962
+ top: 50%;
2963
+ width: 2em;
2964
+ z-index: 1;
2965
+ }
2966
+
2967
+ /* Spotlight */
2968
+
2969
+ .spotlight {
2970
+ background-attachment: fixed;
2971
+ background-position: center center;
2972
+ background-size: cover;
2973
+ box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
2974
+ height: 100vh;
2975
+ overflow: hidden;
2976
+ position: relative;
2977
+ }
2978
+
2979
+ .spotlight:nth-last-of-type(1) {
2980
+ z-index: 1;
2981
+ }
2982
+
2983
+ .spotlight:nth-last-of-type(2) {
2984
+ z-index: 2;
2985
+ }
2986
+
2987
+ .spotlight:nth-last-of-type(3) {
2988
+ z-index: 3;
2989
+ }
2990
+
2991
+ .spotlight:nth-last-of-type(4) {
2992
+ z-index: 4;
2993
+ }
2994
+
2995
+ .spotlight:nth-last-of-type(5) {
2996
+ z-index: 5;
2997
+ }
2998
+
2999
+ .spotlight:nth-last-of-type(6) {
3000
+ z-index: 6;
3001
+ }
3002
+
3003
+ .spotlight:nth-last-of-type(7) {
3004
+ z-index: 7;
3005
+ }
3006
+
3007
+ .spotlight:nth-last-of-type(8) {
3008
+ z-index: 8;
3009
+ }
3010
+
3011
+ .spotlight:nth-last-of-type(9) {
3012
+ z-index: 9;
3013
+ }
3014
+
3015
+ .spotlight:nth-last-of-type(10) {
3016
+ z-index: 10;
3017
+ }
3018
+
3019
+ .spotlight:nth-last-of-type(11) {
3020
+ z-index: 11;
3021
+ }
3022
+
3023
+ .spotlight:nth-last-of-type(12) {
3024
+ z-index: 12;
3025
+ }
3026
+
3027
+ .spotlight:nth-last-of-type(13) {
3028
+ z-index: 13;
3029
+ }
3030
+
3031
+ .spotlight:nth-last-of-type(14) {
3032
+ z-index: 14;
3033
+ }
3034
+
3035
+ .spotlight:nth-last-of-type(15) {
3036
+ z-index: 15;
3037
+ }
3038
+
3039
+ .spotlight:nth-last-of-type(16) {
3040
+ z-index: 16;
3041
+ }
3042
+
3043
+ .spotlight:nth-last-of-type(17) {
3044
+ z-index: 17;
3045
+ }
3046
+
3047
+ .spotlight:nth-last-of-type(18) {
3048
+ z-index: 18;
3049
+ }
3050
+
3051
+ .spotlight:nth-last-of-type(19) {
3052
+ z-index: 19;
3053
+ }
3054
+
3055
+ .spotlight:nth-last-of-type(20) {
3056
+ z-index: 20;
3057
+ }
3058
+
3059
+ .spotlight:before {
3060
+ background-image: url("images/overlay.png");
3061
+ content: '';
3062
+ display: block;
3063
+ height: 100%;
3064
+ left: 0;
3065
+ top: 0;
3066
+ width: 100%;
3067
+ }
3068
+
3069
+ .spotlight .image.main {
3070
+ display: none;
3071
+ }
3072
+
3073
+ .spotlight .image.main img {
3074
+ position: relative;
3075
+ }
3076
+
3077
+ .spotlight .content {
3078
+ -moz-transform: translate(0,0);
3079
+ -webkit-transform: translate(0,0);
3080
+ -ms-transform: translate(0,0);
3081
+ transform: translate(0,0);
3082
+ -moz-transition: -moz-transform 1s ease, opacity 1s ease;
3083
+ -webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
3084
+ -ms-transition: -ms-transform 1s ease, opacity 1s ease;
3085
+ transition: transform 1s ease, opacity 1s ease;
3086
+ background: rgba(23, 24, 32, 0.95);
3087
+ border-style: solid;
3088
+ opacity: 1;
3089
+ position: absolute;
3090
+ }
3091
+
3092
+ .spotlight .goto-next {
3093
+ -moz-transform: translate(0,0);
3094
+ -webkit-transform: translate(0,0);
3095
+ -ms-transform: translate(0,0);
3096
+ transform: translate(0,0);
3097
+ -moz-transition: -moz-transform 0.75s ease, opacity 1s ease-in;
3098
+ -webkit-transition: -webkit-transform 0.75s ease, opacity 1s ease-in;
3099
+ -ms-transition: -ms-transform 0.75s ease, opacity 1s ease-in;
3100
+ transition: transform 0.75s ease, opacity 1s ease-in;
3101
+ -moz-transition-delay: 0.5s;
3102
+ -webkit-transition-delay: 0.5s;
3103
+ -ms-transition-delay: 0.5s;
3104
+ transition-delay: 0.5s;
3105
+ opacity: 1;
3106
+ }
3107
+
3108
+ .spotlight.top .content, .spotlight.bottom .content {
3109
+ left: 0;
3110
+ padding: 5.1em 0 3.1em 0;
3111
+ width: 100%;
3112
+ }
3113
+
3114
+ .spotlight.top .content {
3115
+ border-bottom-width: 0.35em;
3116
+ top: 0;
3117
+ }
3118
+
3119
+ .spotlight.bottom .content {
3120
+ border-top-width: 0.35em;
3121
+ bottom: 0;
3122
+ }
3123
+
3124
+ .spotlight.left .content, .spotlight.right .content {
3125
+ height: 101%;
3126
+ padding: 6em 3em;
3127
+ top: 0;
3128
+ width: 28em;
3129
+ }
3130
+
3131
+ .spotlight.left .content {
3132
+ border-right-width: 0.35em;
3133
+ left: 0;
3134
+ }
3135
+
3136
+ .spotlight.right .content {
3137
+ border-left-width: 0.35em;
3138
+ right: 0;
3139
+ }
3140
+
3141
+ .spotlight.style1 .content {
3142
+ border-color: #e44c65;
3143
+ }
3144
+
3145
+ .spotlight.style2 .content {
3146
+ border-color: #5480f1;
3147
+ }
3148
+
3149
+ .spotlight.style3 .content {
3150
+ border-color: #39c088;
3151
+ }
3152
+
3153
+ .spotlight.inactive .content {
3154
+ opacity: 0;
3155
+ }
3156
+
3157
+ .spotlight.inactive .goto-next {
3158
+ -moz-transform: translate(0,1.5em);
3159
+ -webkit-transform: translate(0,1.5em);
3160
+ -ms-transform: translate(0,1.5em);
3161
+ transform: translate(0,1.5em);
3162
+ opacity: 0;
3163
+ }
3164
+
3165
+ .spotlight.inactive.top .content {
3166
+ -moz-transform: translate(0,-5em);
3167
+ -webkit-transform: translate(0,-5em);
3168
+ -ms-transform: translate(0,-5em);
3169
+ transform: translate(0,-5em);
3170
+ }
3171
+
3172
+ .spotlight.inactive.bottom .content {
3173
+ -moz-transform: translate(0,5em);
3174
+ -webkit-transform: translate(0,5em);
3175
+ -ms-transform: translate(0,5em);
3176
+ transform: translate(0,5em);
3177
+ }
3178
+
3179
+ .spotlight.inactive.left .content {
3180
+ -moz-transform: translate(-5em,0);
3181
+ -webkit-transform: translate(-5em,0);
3182
+ -ms-transform: translate(-5em,0);
3183
+ transform: translate(-5em,0);
3184
+ }
3185
+
3186
+ .spotlight.inactive.right .content {
3187
+ -moz-transform: translate(5em,0);
3188
+ -webkit-transform: translate(5em,0);
3189
+ -ms-transform: translate(5em,0);
3190
+ transform: translate(5em,0);
3191
+ }
3192
+
3193
+ body.is-touch .spotlight {
3194
+ background-attachment: scroll;
3195
+ }
3196
+
3197
+ /* Wrapper */
3198
+
3199
+ .wrapper {
3200
+ padding: 6em 0 4em 0;
3201
+ }
3202
+
3203
+ .wrapper.style2 {
3204
+ background: #e44c65;
3205
+ }
3206
+
3207
+ .wrapper.style2 input[type="text"]:focus,
3208
+ .wrapper.style2 input[type="password"]:focus,
3209
+ .wrapper.style2 input[type="email"]:focus,
3210
+ .wrapper.style2 select:focus,
3211
+ .wrapper.style2 textarea:focus {
3212
+ border-color: rgba(255, 255, 255, 0.5);
3213
+ }
3214
+
3215
+ .wrapper.style2 input[type="submit"]:hover, .wrapper.style2 input[type="submit"]:active,
3216
+ .wrapper.style2 input[type="reset"]:hover,
3217
+ .wrapper.style2 input[type="reset"]:active,
3218
+ .wrapper.style2 input[type="button"]:hover,
3219
+ .wrapper.style2 input[type="button"]:active,
3220
+ .wrapper.style2 .button:hover,
3221
+ .wrapper.style2 .button:active {
3222
+ background-color: rgba(255, 255, 255, 0.075) !important;
3223
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
3224
+ color: #ffffff !important;
3225
+ }
3226
+
3227
+ .wrapper.style2 input[type="submit"]:active,
3228
+ .wrapper.style2 input[type="reset"]:active,
3229
+ .wrapper.style2 input[type="button"]:active,
3230
+ .wrapper.style2 .button:active {
3231
+ background-color: rgba(255, 255, 255, 0.25) !important;
3232
+ }
3233
+
3234
+ .wrapper.style2 input[type="submit"].primary,
3235
+ .wrapper.style2 input[type="reset"].primary,
3236
+ .wrapper.style2 input[type="button"].primary,
3237
+ .wrapper.style2 .button.primary {
3238
+ background-color: #ffffff;
3239
+ color: #e44c65 !important;
3240
+ }
3241
+
3242
+ .wrapper.style2 input[type="submit"].primary:hover, .wrapper.style2 input[type="submit"].primary:active,
3243
+ .wrapper.style2 input[type="reset"].primary:hover,
3244
+ .wrapper.style2 input[type="reset"].primary:active,
3245
+ .wrapper.style2 input[type="button"].primary:hover,
3246
+ .wrapper.style2 input[type="button"].primary:active,
3247
+ .wrapper.style2 .button.primary:hover,
3248
+ .wrapper.style2 .button.primary:active {
3249
+ background-color: rgba(255, 255, 255, 0.075) !important;
3250
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
3251
+ color: #ffffff !important;
3252
+ }
3253
+
3254
+ .wrapper.style2 input[type="submit"].primary:active,
3255
+ .wrapper.style2 input[type="reset"].primary:active,
3256
+ .wrapper.style2 input[type="button"].primary:active,
3257
+ .wrapper.style2 .button.primary:active {
3258
+ background-color: rgba(255, 255, 255, 0.25) !important;
3259
+ }
3260
+
3261
+ .wrapper.fade-down > .container {
3262
+ -moz-transform: translate(0,0);
3263
+ -webkit-transform: translate(0,0);
3264
+ -ms-transform: translate(0,0);
3265
+ transform: translate(0,0);
3266
+ -moz-transition: -moz-transform 1s ease, opacity 1s ease;
3267
+ -webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
3268
+ -ms-transition: -ms-transform 1s ease, opacity 1s ease;
3269
+ transition: transform 1s ease, opacity 1s ease;
3270
+ opacity: 1;
3271
+ }
3272
+
3273
+ .wrapper.fade-down.inactive > .container {
3274
+ -moz-transform: translate(0,-1em);
3275
+ -webkit-transform: translate(0,-1em);
3276
+ -ms-transform: translate(0,-1em);
3277
+ transform: translate(0,-1em);
3278
+ opacity: 0;
3279
+ }
3280
+
3281
+ .wrapper.fade-up > .container {
3282
+ -moz-transform: translate(0,0);
3283
+ -webkit-transform: translate(0,0);
3284
+ -ms-transform: translate(0,0);
3285
+ transform: translate(0,0);
3286
+ -moz-transition: -moz-transform 1s ease, opacity 1s ease;
3287
+ -webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
3288
+ -ms-transition: -ms-transform 1s ease, opacity 1s ease;
3289
+ transition: transform 1s ease, opacity 1s ease;
3290
+ opacity: 1;
3291
+ }
3292
+
3293
+ .wrapper.fade-up.inactive > .container {
3294
+ -moz-transform: translate(0,1em);
3295
+ -webkit-transform: translate(0,1em);
3296
+ -ms-transform: translate(0,1em);
3297
+ transform: translate(0,1em);
3298
+ opacity: 0;
3299
+ }
3300
+
3301
+ .wrapper.fade > .container {
3302
+ -moz-transition: opacity 1s ease;
3303
+ -webkit-transition: opacity 1s ease;
3304
+ -ms-transition: opacity 1s ease;
3305
+ transition: opacity 1s ease;
3306
+ opacity: 1;
3307
+ }
3308
+
3309
+ .wrapper.fade.inactive > .container {
3310
+ opacity: 0;
3311
+ }
3312
+
3313
+ /* Dropotron */
3314
+
3315
+ .dropotron {
3316
+ background: rgba(39, 40, 51, 0.965);
3317
+ border-radius: 4px;
3318
+ box-shadow: 0 0.075em 0.35em 0 rgba(0, 0, 0, 0.125);
3319
+ list-style: none;
3320
+ margin-top: calc(-0.25em + 1px);
3321
+ min-width: 12em;
3322
+ padding: 0.25em 0;
3323
+ }
3324
+
3325
+ .dropotron > li {
3326
+ border-top: solid 1px rgba(255, 255, 255, 0.035);
3327
+ padding: 0;
3328
+ }
3329
+
3330
+ .dropotron > li a, .dropotron > li span {
3331
+ border: 0;
3332
+ color: rgba(255, 255, 255, 0.75);
3333
+ display: block;
3334
+ padding: 0.1em 1em;
3335
+ text-decoration: none;
3336
+ }
3337
+
3338
+ .dropotron > li:first-child {
3339
+ border-top: 0;
3340
+ }
3341
+
3342
+ .dropotron > li.active > a, .dropotron > li.active > span {
3343
+ color: #e44c65;
3344
+ }
3345
+
3346
+ .dropotron.level-0 {
3347
+ font-size: 0.8em;
3348
+ margin-top: 1em;
3349
+ }
3350
+
3351
+ .dropotron.level-0:before {
3352
+ -moz-transform: rotate(45deg);
3353
+ -webkit-transform: rotate(45deg);
3354
+ -ms-transform: rotate(45deg);
3355
+ transform: rotate(45deg);
3356
+ background: #272833;
3357
+ content: '';
3358
+ display: block;
3359
+ height: 1em;
3360
+ position: absolute;
3361
+ right: 1.5em;
3362
+ top: -0.5em;
3363
+ width: 1em;
3364
+ }
3365
+
3366
+ body.landing .dropotron.level-0 {
3367
+ margin-top: 0;
3368
+ }
3369
+
3370
+ /* Header */
3371
+
3372
+ #page-wrapper {
3373
+ padding-top: 3.5em;
3374
+ }
3375
+
3376
+ #header {
3377
+ background: rgba(39, 40, 51, 0.965);
3378
+ box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.25);
3379
+ cursor: default;
3380
+ height: 3.5em;
3381
+ left: 0;
3382
+ line-height: 3.5em;
3383
+ position: fixed;
3384
+ top: 0;
3385
+ width: 100%;
3386
+ z-index: 100;
3387
+ }
3388
+
3389
+ #header h1 {
3390
+ height: inherit;
3391
+ left: 1.25em;
3392
+ line-height: inherit;
3393
+ margin: 0;
3394
+ position: absolute;
3395
+ top: 0;
3396
+ }
3397
+
3398
+ #header nav {
3399
+ position: absolute;
3400
+ right: 1em;
3401
+ top: 0;
3402
+ }
3403
+
3404
+ #header nav ul {
3405
+ margin: 0;
3406
+ }
3407
+
3408
+ #header nav ul li {
3409
+ display: inline-block;
3410
+ margin-left: 1em;
3411
+ }
3412
+
3413
+ #header nav ul li a, #header nav ul li span {
3414
+ border: 0;
3415
+ color: inherit;
3416
+ display: inline-block;
3417
+ height: inherit;
3418
+ line-height: inherit;
3419
+ outline: 0;
3420
+ }
3421
+
3422
+ #header nav ul li a.button, #header nav ul li span.button {
3423
+ height: 2em;
3424
+ line-height: 2em;
3425
+ padding: 0 1.25em;
3426
+ }
3427
+
3428
+ #header nav ul li a:not(.button):before, #header nav ul li span:not(.button):before {
3429
+ margin-right: 0.5em;
3430
+ }
3431
+
3432
+ #header nav ul li.active > a, #header nav ul li.active > span {
3433
+ color: #e44c65;
3434
+ }
3435
+
3436
+ #header nav ul li > ul {
3437
+ display: none;
3438
+ }
3439
+
3440
+ body.landing #page-wrapper {
3441
+ padding-top: 0;
3442
+ }
3443
+
3444
+ body.landing #header {
3445
+ background: transparent;
3446
+ box-shadow: none;
3447
+ position: absolute;
3448
+ }
3449
+
3450
+ /* Banner */
3451
+
3452
+ #banner {
3453
+ background-attachment: fixed;
3454
+ background-color: #272833;
3455
+ background-image: url("../../images/banner.jpg");
3456
+ background-position: center center;
3457
+ background-size: cover;
3458
+ box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
3459
+ min-height: 100vh;
3460
+ position: relative;
3461
+ text-align: center;
3462
+ z-index: 21;
3463
+ }
3464
+
3465
+ #banner:before {
3466
+ content: '';
3467
+ display: inline-block;
3468
+ height: 100vh;
3469
+ vertical-align: middle;
3470
+ width: 1%;
3471
+ }
3472
+
3473
+ #banner:after {
3474
+ background-image: -moz-linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");;
3475
+ background-image: -webkit-linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");;
3476
+ background-image: -ms-linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");;
3477
+ background-image: linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");;
3478
+ content: '';
3479
+ display: block;
3480
+ height: 100%;
3481
+ left: 0;
3482
+ position: absolute;
3483
+ top: 0;
3484
+ width: 100%;
3485
+ }
3486
+
3487
+ #banner .content {
3488
+ display: inline-block;
3489
+ margin-right: 1%;
3490
+ max-width: 95%;
3491
+ padding: 6em;
3492
+ position: relative;
3493
+ text-align: right;
3494
+ vertical-align: middle;
3495
+ z-index: 1;
3496
+ }
3497
+
3498
+ #banner .content header {
3499
+ display: inline-block;
3500
+ vertical-align: middle;
3501
+ }
3502
+
3503
+ #banner .content header h2 {
3504
+ font-size: 2.5em;
3505
+ margin: 0;
3506
+ }
3507
+
3508
+ #banner .content header p {
3509
+ margin: 0.5em 0 0 0;
3510
+ top: 0;
3511
+ }
3512
+
3513
+ #banner .content .image {
3514
+ border-radius: 100%;
3515
+ display: inline-block;
3516
+ height: 18em;
3517
+ margin-left: 3em;
3518
+ vertical-align: middle;
3519
+ width: 18em;
3520
+ }
3521
+
3522
+ #banner .content .image img {
3523
+ border-radius: 100%;
3524
+ display: block;
3525
+ width: 100%;
3526
+ }
3527
+
3528
+ body.is-touch #banner {
3529
+ background-attachment: scroll;
3530
+ }
3531
+
3532
+ /* Footer */
3533
+
3534
+ #footer {
3535
+ background: #272833;
3536
+ padding: 6em 0;
3537
+ text-align: center;
3538
+ }
3539
+
3540
+ #footer .icons .icon.alt {
3541
+ text-decoration: none;
3542
+ }
3543
+
3544
+ #footer .icons .icon.alt:before {
3545
+ -moz-osx-font-smoothing: grayscale;
3546
+ -webkit-font-smoothing: antialiased;
3547
+ display: inline-block;
3548
+ font-style: normal;
3549
+ font-variant: normal;
3550
+ text-rendering: auto;
3551
+ line-height: 1;
3552
+ text-transform: none !important;
3553
+ font-family: 'Font Awesome 5 Free';
3554
+ font-weight: 400;
3555
+ }
3556
+
3557
+ #footer .icons .icon.alt:before {
3558
+ color: #272833 !important;
3559
+ text-shadow: 1px 0 0 rgba(255, 255, 255, 0.5), -1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(255, 255, 255, 0.5);
3560
+ }
3561
+
3562
+ #footer .copyright {
3563
+ color: rgba(255, 255, 255, 0.5);
3564
+ font-size: 0.8em;
3565
+ line-height: 1em;
3566
+ margin: 2em 0 0 0;
3567
+ padding: 0;
3568
+ text-align: center;
3569
+ }
3570
+
3571
+ #footer .copyright li {
3572
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
3573
+ display: inline-block;
3574
+ list-style: none;
3575
+ margin-left: 1.5em;
3576
+ padding-left: 1.5em;
3577
+ }
3578
+
3579
+ #footer .copyright li:first-child {
3580
+ border-left: 0;
3581
+ margin-left: 0;
3582
+ padding-left: 0;
3583
+ }
3584
+
3585
+ #footer .copyright li a {
3586
+ color: inherit;
3587
+ }
3588
+
3589
+ /* XLarge */
3590
+
3591
+ @media screen and (max-width: 1680px) {
3592
+
3593
+ /* Basic */
3594
+
3595
+ body, input, select, textarea {
3596
+ font-size: 13pt;
3597
+ }
3598
+
3599
+ }
3600
+
3601
+ /* Large */
3602
+
3603
+ @media screen and (max-width: 1280px) {
3604
+
3605
+ /* Basic */
3606
+
3607
+ body, input, select, textarea {
3608
+ font-size: 11.5pt;
3609
+ }
3610
+
3611
+ /* Spotlight */
3612
+
3613
+ .spotlight.top .content {
3614
+ padding: 3.825em 0 1.825em 0;
3615
+ }
3616
+
3617
+ .spotlight.bottom .content {
3618
+ padding: 3.825em 0 2.95em 0;
3619
+ }
3620
+
3621
+ .spotlight.left .content, .spotlight.right .content {
3622
+ padding: 4.5em 2.5em;
3623
+ width: 25em;
3624
+ }
3625
+
3626
+ /* Wrapper */
3627
+
3628
+ .wrapper {
3629
+ padding: 4.5em 0 2.5em 0;
3630
+ }
3631
+
3632
+ /* Dropotron */
3633
+
3634
+ .dropotron.level-0 {
3635
+ font-size: 1em;
3636
+ }
3637
+
3638
+ /* Banner */
3639
+
3640
+ #banner .content {
3641
+ padding: 4.5em;
3642
+ }
3643
+
3644
+ /* Footer */
3645
+
3646
+ #footer {
3647
+ padding: 4.5em 0;
3648
+ }
3649
+
3650
+ }
3651
+
3652
+ /* Medium */
3653
+
3654
+ @media screen and (max-width: 980px) {
3655
+
3656
+ /* Basic */
3657
+
3658
+ body, input, select, textarea {
3659
+ font-size: 12pt;
3660
+ }
3661
+
3662
+ /* Spotlight */
3663
+
3664
+ .spotlight {
3665
+ background-attachment: scroll;
3666
+ height: auto;
3667
+ }
3668
+
3669
+ .spotlight .image.main {
3670
+ display: block;
3671
+ margin: 0;
3672
+ max-height: 40vh;
3673
+ overflow: hidden;
3674
+ }
3675
+
3676
+ .spotlight .content {
3677
+ background-color: #1c1d26;
3678
+ border-width: 0 !important;
3679
+ border-top-width: 0.35em !important;
3680
+ bottom: auto !important;
3681
+ left: auto !important;
3682
+ padding: 4.5em 2.5em 2.5em 2.5em !important;
3683
+ position: relative;
3684
+ right: auto !important;
3685
+ text-align: center;
3686
+ top: auto !important;
3687
+ width: 100% !important;
3688
+ }
3689
+
3690
+ .spotlight .content ul.actions {
3691
+ -moz-justify-content: center;
3692
+ -webkit-justify-content: center;
3693
+ -ms-justify-content: center;
3694
+ justify-content: center;
3695
+ width: 100%;
3696
+ margin-left: 0;
3697
+ }
3698
+
3699
+ .spotlight .content ul.actions li:first-child {
3700
+ padding-left: 0;
3701
+ }
3702
+
3703
+ .spotlight .goto-next {
3704
+ display: none;
3705
+ }
3706
+
3707
+ /* Wrapper */
3708
+
3709
+ .wrapper {
3710
+ padding: 4.5em 2.5em 2.5em 2.5em;
3711
+ }
3712
+
3713
+ /* Banner */
3714
+
3715
+ #banner {
3716
+ background-attachment: scroll;
3717
+ }
3718
+
3719
+ #banner .goto-next {
3720
+ height: 7em;
3721
+ }
3722
+
3723
+ #banner .content {
3724
+ padding: 9em 0;
3725
+ text-align: center;
3726
+ }
3727
+
3728
+ #banner .content header {
3729
+ display: block;
3730
+ margin: 0 0 2em 0;
3731
+ text-align: center;
3732
+ }
3733
+
3734
+ #banner .content .image {
3735
+ margin: 0;
3736
+ }
3737
+
3738
+ /* Footer */
3739
+
3740
+ #footer {
3741
+ padding: 4.5em 0;
3742
+ }
3743
+
3744
+ }
3745
+
3746
+ /* Small */
3747
+
3748
+ #navPanel, #titleBar {
3749
+ display: none;
3750
+ }
3751
+
3752
+ @media screen and (max-width: 736px) {
3753
+
3754
+ /* Basic */
3755
+
3756
+ html, body {
3757
+ overflow-x: hidden;
3758
+ }
3759
+
3760
+ body, input, select, textarea {
3761
+ font-size: 12pt;
3762
+ }
3763
+
3764
+ h2 {
3765
+ font-size: 1.5em;
3766
+ }
3767
+
3768
+ h3 {
3769
+ font-size: 1.2em;
3770
+ }
3771
+
3772
+ h4 {
3773
+ font-size: 1em;
3774
+ }
3775
+
3776
+ /* Section/Article */
3777
+
3778
+ header p br {
3779
+ display: none;
3780
+ }
3781
+
3782
+ header h2 + p {
3783
+ font-size: 1em;
3784
+ }
3785
+
3786
+ header h3 + p {
3787
+ font-size: 1em;
3788
+ }
3789
+
3790
+ header h4 + p,
3791
+ header h5 + p,
3792
+ header h6 + p {
3793
+ font-size: 0.9em;
3794
+ }
3795
+
3796
+ header.major {
3797
+ margin: 0 0 2em 0;
3798
+ }
3799
+
3800
+ /* Goto Next */
3801
+
3802
+ .goto-next:before {
3803
+ height: 0.8em;
3804
+ margin: -0.4em 0 0 -0.6em;
3805
+ width: 1.2em;
3806
+ }
3807
+
3808
+ /* Spotlight */
3809
+
3810
+ .spotlight {
3811
+ box-shadow: 0 0.125em 0.5em 0 rgba(0, 0, 0, 0.25);
3812
+ }
3813
+
3814
+ .spotlight .image.main {
3815
+ max-height: 60vh;
3816
+ }
3817
+
3818
+ .spotlight .content {
3819
+ border-top-width: 0.2em !important;
3820
+ padding: 3.25em 1.5em 1.25em 1.5em !important;
3821
+ }
3822
+
3823
+ /* Wrapper */
3824
+
3825
+ .wrapper {
3826
+ padding: 3.25em 1.5em 1.25em 1.5em;
3827
+ }
3828
+
3829
+ /* Header */
3830
+
3831
+ #header {
3832
+ display: none;
3833
+ }
3834
+
3835
+ /* Banner */
3836
+
3837
+ #banner {
3838
+ box-shadow: 0 0.125em 0.5em 0 rgba(0, 0, 0, 0.25);
3839
+ min-height: calc(100vh - 44px);
3840
+ }
3841
+
3842
+ #banner:before {
3843
+ height: calc(100vh - 44px);
3844
+ }
3845
+
3846
+ #banner .content {
3847
+ padding: 4.0625em 1.5em 4.875em 1.5em;
3848
+ }
3849
+
3850
+ #banner .content header h2 {
3851
+ font-size: 1.5em;
3852
+ }
3853
+
3854
+ #banner .content .image {
3855
+ height: 9em;
3856
+ width: 9em;
3857
+ }
3858
+
3859
+ /* Nav */
3860
+
3861
+ #page-wrapper {
3862
+ -moz-backface-visibility: hidden;
3863
+ -webkit-backface-visibility: hidden;
3864
+ -ms-backface-visibility: hidden;
3865
+ backface-visibility: hidden;
3866
+ -moz-transition: -moz-transform 0.5s ease;
3867
+ -webkit-transition: -webkit-transform 0.5s ease;
3868
+ -ms-transition: -ms-transform 0.5s ease;
3869
+ transition: transform 0.5s ease;
3870
+ padding-bottom: 1px;
3871
+ padding-top: 44px !important;
3872
+ }
3873
+
3874
+ #titleBar {
3875
+ -moz-backface-visibility: hidden;
3876
+ -webkit-backface-visibility: hidden;
3877
+ -ms-backface-visibility: hidden;
3878
+ backface-visibility: hidden;
3879
+ -moz-transition: -moz-transform 0.5s ease;
3880
+ -webkit-transition: -webkit-transform 0.5s ease;
3881
+ -ms-transition: -ms-transform 0.5s ease;
3882
+ transition: transform 0.5s ease;
3883
+ display: block;
3884
+ height: 44px;
3885
+ left: 0;
3886
+ position: fixed;
3887
+ top: 0;
3888
+ width: 100%;
3889
+ z-index: 10001;
3890
+ background: #272833;
3891
+ box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
3892
+ }
3893
+
3894
+ #titleBar .title {
3895
+ color: #ffffff;
3896
+ display: block;
3897
+ font-weight: 300;
3898
+ height: 44px;
3899
+ line-height: 44px;
3900
+ text-align: center;
3901
+ }
3902
+
3903
+ #titleBar .title a {
3904
+ color: inherit;
3905
+ border: 0;
3906
+ }
3907
+
3908
+ #titleBar .toggle {
3909
+ text-decoration: none;
3910
+ height: 60px;
3911
+ left: 0;
3912
+ position: absolute;
3913
+ top: 0;
3914
+ width: 90px;
3915
+ outline: 0;
3916
+ border: 0;
3917
+ }
3918
+
3919
+ #titleBar .toggle:before {
3920
+ -moz-osx-font-smoothing: grayscale;
3921
+ -webkit-font-smoothing: antialiased;
3922
+ display: inline-block;
3923
+ font-style: normal;
3924
+ font-variant: normal;
3925
+ text-rendering: auto;
3926
+ line-height: 1;
3927
+ text-transform: none !important;
3928
+ font-family: 'Font Awesome 5 Free';
3929
+ font-weight: 900;
3930
+ }
3931
+
3932
+ #titleBar .toggle:before {
3933
+ background: #e44c65;
3934
+ color: rgba(255, 255, 255, 0.5);
3935
+ content: '\f0c9';
3936
+ display: block;
3937
+ font-size: 18px;
3938
+ height: 44px;
3939
+ left: 0;
3940
+ line-height: 44px;
3941
+ position: absolute;
3942
+ text-align: center;
3943
+ top: 0;
3944
+ width: 54px;
3945
+ }
3946
+
3947
+ #navPanel {
3948
+ -moz-backface-visibility: hidden;
3949
+ -webkit-backface-visibility: hidden;
3950
+ -ms-backface-visibility: hidden;
3951
+ backface-visibility: hidden;
3952
+ -moz-transform: translateX(-275px);
3953
+ -webkit-transform: translateX(-275px);
3954
+ -ms-transform: translateX(-275px);
3955
+ transform: translateX(-275px);
3956
+ -moz-transition: -moz-transform 0.5s ease;
3957
+ -webkit-transition: -webkit-transform 0.5s ease;
3958
+ -ms-transition: -ms-transform 0.5s ease;
3959
+ transition: transform 0.5s ease;
3960
+ display: block;
3961
+ height: 100%;
3962
+ left: 0;
3963
+ overflow-y: auto;
3964
+ position: fixed;
3965
+ top: 0;
3966
+ width: 275px;
3967
+ z-index: 10002;
3968
+ background: #181920;
3969
+ padding: 0.75em 1.25em;
3970
+ }
3971
+
3972
+ #navPanel .link {
3973
+ border: 0;
3974
+ border-top: solid 1px rgba(255, 255, 255, 0.05);
3975
+ color: rgba(255, 255, 255, 0.75);
3976
+ display: block;
3977
+ height: 3em;
3978
+ line-height: 3em;
3979
+ text-decoration: none;
3980
+ }
3981
+
3982
+ #navPanel .link:hover {
3983
+ color: inherit !important;
3984
+ }
3985
+
3986
+ #navPanel .link:first-child {
3987
+ border-top: 0;
3988
+ }
3989
+
3990
+ #navPanel .link.depth-0 {
3991
+ color: #ffffff;
3992
+ font-weight: 300;
3993
+ }
3994
+
3995
+ #navPanel .link .indent-1 {
3996
+ display: inline-block;
3997
+ width: 1.25em;
3998
+ }
3999
+
4000
+ #navPanel .link .indent-2 {
4001
+ display: inline-block;
4002
+ width: 2.5em;
4003
+ }
4004
+
4005
+ #navPanel .link .indent-3 {
4006
+ display: inline-block;
4007
+ width: 3.75em;
4008
+ }
4009
+
4010
+ #navPanel .link .indent-4 {
4011
+ display: inline-block;
4012
+ width: 5em;
4013
+ }
4014
+
4015
+ #navPanel .link .indent-5 {
4016
+ display: inline-block;
4017
+ width: 6.25em;
4018
+ }
4019
+
4020
+ body.navPanel-visible #page-wrapper {
4021
+ -moz-transform: translateX(275px);
4022
+ -webkit-transform: translateX(275px);
4023
+ -ms-transform: translateX(275px);
4024
+ transform: translateX(275px);
4025
+ }
4026
+
4027
+ body.navPanel-visible #titleBar {
4028
+ -moz-transform: translateX(275px);
4029
+ -webkit-transform: translateX(275px);
4030
+ -ms-transform: translateX(275px);
4031
+ transform: translateX(275px);
4032
+ }
4033
+
4034
+ body.navPanel-visible #navPanel {
4035
+ -moz-transform: translateX(0);
4036
+ -webkit-transform: translateX(0);
4037
+ -ms-transform: translateX(0);
4038
+ transform: translateX(0);
4039
+ }
4040
+
4041
+ /* Footer */
4042
+
4043
+ #footer {
4044
+ padding: 3.25em 1.5em;
4045
+ }
4046
+
4047
+ }
4048
+
4049
+ /* XSmall */
4050
+
4051
+ @media screen and (max-width: 480px) {
4052
+
4053
+ /* Basic */
4054
+
4055
+ html, body {
4056
+ min-width: 320px;
4057
+ }
4058
+
4059
+ body, input, select, textarea {
4060
+ font-size: 12pt;
4061
+ }
4062
+
4063
+ /* Button */
4064
+
4065
+ input[type="submit"],
4066
+ input[type="reset"],
4067
+ input[type="button"],
4068
+ .button {
4069
+ padding: 0;
4070
+ }
4071
+
4072
+ /* Spotlight */
4073
+
4074
+ .spotlight .image.main {
4075
+ max-height: 50vh;
4076
+ }
4077
+
4078
+ .spotlight .content {
4079
+ padding: 3em 1.25em 1em 1.25em !important;
4080
+ }
4081
+
4082
+ /* Wrapper */
4083
+
4084
+ .wrapper {
4085
+ padding: 3em 1.25em 1em 1.25em;
4086
+ }
4087
+
4088
+ /* Banner */
4089
+
4090
+ #banner .content {
4091
+ padding: 3em 1.5625em 5.25em 1.5625em;
4092
+ }
4093
+
4094
+ /* Footer */
4095
+
4096
+ #footer {
4097
+ padding: 3em 1.25em;
4098
+ }
4099
+
4100
+ #footer .copyright {
4101
+ line-height: inherit;
4102
+ }
4103
+
4104
+ #footer .copyright li {
4105
+ border-left: 0;
4106
+ display: block;
4107
+ margin: 0;
4108
+ padding: 0;
4109
+ }
4110
+
4111
+ }