1 @import url(font-awesome.min.css);
2 @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700,900");
7 Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
12 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
18 vertical-align: baseline;
21 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
37 blockquote:before, blockquote:after, q:before, q:after {
43 border-collapse: collapse;
48 -webkit-text-size-adjust: none;
53 *, *:before, *:after {
54 -moz-box-sizing: border-box;
55 -webkit-box-sizing: border-box;
56 box-sizing: border-box;
62 border-bottom: solid 1px transparent;
63 -moz-box-sizing: border-box;
64 -webkit-box-sizing: border-box;
65 box-sizing: border-box;
70 -moz-box-sizing: border-box;
71 -webkit-box-sizing: border-box;
72 box-sizing: border-box;
75 .row:after, .row:before {
82 .row.uniform > * > :first-child {
86 .row.uniform > * > :last-child {
98 .row.uniform.\30 \25 > * {
102 .row.uniform.\30 \25 {
103 margin: 0em 0 -1px 0em;
111 margin: 0 0 -1px -2em;
115 padding: 2em 0 0 2em;
119 margin: -2em 0 -1px -2em;
127 margin: 0 0 -1px -4em;
130 .row.uniform.\32 00\25 > * {
131 padding: 4em 0 0 4em;
134 .row.uniform.\32 00\25 {
135 margin: -4em 0 -1px -4em;
143 margin: 0 0 -1px -3em;
146 .row.uniform.\31 50\25 > * {
147 padding: 3em 0 0 3em;
150 .row.uniform.\31 50\25 {
151 margin: -3em 0 -1px -3em;
159 margin: 0 0 -1px -1em;
162 .row.uniform.\35 0\25 > * {
163 padding: 1em 0 0 1em;
166 .row.uniform.\35 0\25 {
167 margin: -1em 0 -1px -1em;
171 padding: 0 0 0 0.5em;
175 margin: 0 0 -1px -0.5em;
178 .row.uniform.\32 5\25 > * {
179 padding: 0.5em 0 0 0.5em;
182 .row.uniform.\32 5\25 {
183 margin: -0.5em 0 -1px -0.5em;
186 .\31 2u, .\31 2u\24 {
192 .\31 1u, .\31 1u\24 {
193 width: 91.6666666667%;
198 .\31 0u, .\31 0u\24 {
199 width: 83.3333333333%;
211 width: 66.6666666667%;
217 width: 58.3333333333%;
229 width: 41.6666666667%;
235 width: 33.3333333333%;
247 width: 16.6666666667%;
253 width: 8.3333333333%;
274 margin-left: 91.66667%;
278 margin-left: 83.33333%;
286 margin-left: 66.66667%;
290 margin-left: 58.33333%;
298 margin-left: 41.66667%;
302 margin-left: 33.33333%;
310 margin-left: 16.66667%;
314 margin-left: 8.33333%;
317 @media screen and (max-width: 1680px) {
324 margin: 0 0 -1px -2em;
328 padding: 2em 0 0 2em;
332 margin: -2em 0 -1px -2em;
340 margin: 0 0 -1px -4em;
343 .row.uniform.\32 00\25 > * {
344 padding: 4em 0 0 4em;
347 .row.uniform.\32 00\25 {
348 margin: -4em 0 -1px -4em;
356 margin: 0 0 -1px -3em;
359 .row.uniform.\31 50\25 > * {
360 padding: 3em 0 0 3em;
363 .row.uniform.\31 50\25 {
364 margin: -3em 0 -1px -3em;
372 margin: 0 0 -1px -1em;
375 .row.uniform.\35 0\25 > * {
376 padding: 1em 0 0 1em;
379 .row.uniform.\35 0\25 {
380 margin: -1em 0 -1px -1em;
384 padding: 0 0 0 0.5em;
388 margin: 0 0 -1px -0.5em;
391 .row.uniform.\32 5\25 > * {
392 padding: 0.5em 0 0 0.5em;
395 .row.uniform.\32 5\25 {
396 margin: -0.5em 0 -1px -0.5em;
399 .\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
405 .\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
406 width: 91.6666666667%;
411 .\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
412 width: 83.3333333333%;
417 .\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
423 .\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
424 width: 66.6666666667%;
429 .\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
430 width: 58.3333333333%;
435 .\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
441 .\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
442 width: 41.6666666667%;
447 .\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
448 width: 33.3333333333%;
453 .\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
459 .\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
460 width: 16.6666666667%;
465 .\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
466 width: 8.3333333333%;
471 .\31 2u\24\28xlarge\29 + *,
472 .\31 1u\24\28xlarge\29 + *,
473 .\31 0u\24\28xlarge\29 + *,
474 .\39 u\24\28xlarge\29 + *,
475 .\38 u\24\28xlarge\29 + *,
476 .\37 u\24\28xlarge\29 + *,
477 .\36 u\24\28xlarge\29 + *,
478 .\35 u\24\28xlarge\29 + *,
479 .\34 u\24\28xlarge\29 + *,
480 .\33 u\24\28xlarge\29 + *,
481 .\32 u\24\28xlarge\29 + *,
482 .\31 u\24\28xlarge\29 + * {
487 margin-left: 91.66667%;
491 margin-left: 83.33333%;
499 margin-left: 66.66667%;
503 margin-left: 58.33333%;
511 margin-left: 41.66667%;
515 margin-left: 33.33333%;
523 margin-left: 16.66667%;
527 margin-left: 8.33333%;
532 @media screen and (max-width: 1280px) {
539 margin: 0 0 -1px -2em;
543 padding: 2em 0 0 2em;
547 margin: -2em 0 -1px -2em;
555 margin: 0 0 -1px -4em;
558 .row.uniform.\32 00\25 > * {
559 padding: 4em 0 0 4em;
562 .row.uniform.\32 00\25 {
563 margin: -4em 0 -1px -4em;
571 margin: 0 0 -1px -3em;
574 .row.uniform.\31 50\25 > * {
575 padding: 3em 0 0 3em;
578 .row.uniform.\31 50\25 {
579 margin: -3em 0 -1px -3em;
587 margin: 0 0 -1px -1em;
590 .row.uniform.\35 0\25 > * {
591 padding: 1em 0 0 1em;
594 .row.uniform.\35 0\25 {
595 margin: -1em 0 -1px -1em;
599 padding: 0 0 0 0.5em;
603 margin: 0 0 -1px -0.5em;
606 .row.uniform.\32 5\25 > * {
607 padding: 0.5em 0 0 0.5em;
610 .row.uniform.\32 5\25 {
611 margin: -0.5em 0 -1px -0.5em;
614 .\31 2u\28large\29, .\31 2u\24\28large\29 {
620 .\31 1u\28large\29, .\31 1u\24\28large\29 {
621 width: 91.6666666667%;
626 .\31 0u\28large\29, .\31 0u\24\28large\29 {
627 width: 83.3333333333%;
632 .\39 u\28large\29, .\39 u\24\28large\29 {
638 .\38 u\28large\29, .\38 u\24\28large\29 {
639 width: 66.6666666667%;
644 .\37 u\28large\29, .\37 u\24\28large\29 {
645 width: 58.3333333333%;
650 .\36 u\28large\29, .\36 u\24\28large\29 {
656 .\35 u\28large\29, .\35 u\24\28large\29 {
657 width: 41.6666666667%;
662 .\34 u\28large\29, .\34 u\24\28large\29 {
663 width: 33.3333333333%;
668 .\33 u\28large\29, .\33 u\24\28large\29 {
674 .\32 u\28large\29, .\32 u\24\28large\29 {
675 width: 16.6666666667%;
680 .\31 u\28large\29, .\31 u\24\28large\29 {
681 width: 8.3333333333%;
686 .\31 2u\24\28large\29 + *,
687 .\31 1u\24\28large\29 + *,
688 .\31 0u\24\28large\29 + *,
689 .\39 u\24\28large\29 + *,
690 .\38 u\24\28large\29 + *,
691 .\37 u\24\28large\29 + *,
692 .\36 u\24\28large\29 + *,
693 .\35 u\24\28large\29 + *,
694 .\34 u\24\28large\29 + *,
695 .\33 u\24\28large\29 + *,
696 .\32 u\24\28large\29 + *,
697 .\31 u\24\28large\29 + * {
702 margin-left: 91.66667%;
706 margin-left: 83.33333%;
714 margin-left: 66.66667%;
718 margin-left: 58.33333%;
726 margin-left: 41.66667%;
730 margin-left: 33.33333%;
738 margin-left: 16.66667%;
742 margin-left: 8.33333%;
747 @media screen and (max-width: 980px) {
750 padding: 0 0 0 1.5em;
754 margin: 0 0 -1px -1.5em;
758 padding: 1.5em 0 0 1.5em;
762 margin: -1.5em 0 -1px -1.5em;
770 margin: 0 0 -1px -3em;
773 .row.uniform.\32 00\25 > * {
774 padding: 3em 0 0 3em;
777 .row.uniform.\32 00\25 {
778 margin: -3em 0 -1px -3em;
782 padding: 0 0 0 2.25em;
786 margin: 0 0 -1px -2.25em;
789 .row.uniform.\31 50\25 > * {
790 padding: 2.25em 0 0 2.25em;
793 .row.uniform.\31 50\25 {
794 margin: -2.25em 0 -1px -2.25em;
798 padding: 0 0 0 0.75em;
802 margin: 0 0 -1px -0.75em;
805 .row.uniform.\35 0\25 > * {
806 padding: 0.75em 0 0 0.75em;
809 .row.uniform.\35 0\25 {
810 margin: -0.75em 0 -1px -0.75em;
814 padding: 0 0 0 0.375em;
818 margin: 0 0 -1px -0.375em;
821 .row.uniform.\32 5\25 > * {
822 padding: 0.375em 0 0 0.375em;
825 .row.uniform.\32 5\25 {
826 margin: -0.375em 0 -1px -0.375em;
829 .\31 2u\28medium\29, .\31 2u\24\28medium\29 {
835 .\31 1u\28medium\29, .\31 1u\24\28medium\29 {
836 width: 91.6666666667%;
841 .\31 0u\28medium\29, .\31 0u\24\28medium\29 {
842 width: 83.3333333333%;
847 .\39 u\28medium\29, .\39 u\24\28medium\29 {
853 .\38 u\28medium\29, .\38 u\24\28medium\29 {
854 width: 66.6666666667%;
859 .\37 u\28medium\29, .\37 u\24\28medium\29 {
860 width: 58.3333333333%;
865 .\36 u\28medium\29, .\36 u\24\28medium\29 {
871 .\35 u\28medium\29, .\35 u\24\28medium\29 {
872 width: 41.6666666667%;
877 .\34 u\28medium\29, .\34 u\24\28medium\29 {
878 width: 33.3333333333%;
883 .\33 u\28medium\29, .\33 u\24\28medium\29 {
889 .\32 u\28medium\29, .\32 u\24\28medium\29 {
890 width: 16.6666666667%;
895 .\31 u\28medium\29, .\31 u\24\28medium\29 {
896 width: 8.3333333333%;
901 .\31 2u\24\28medium\29 + *,
902 .\31 1u\24\28medium\29 + *,
903 .\31 0u\24\28medium\29 + *,
904 .\39 u\24\28medium\29 + *,
905 .\38 u\24\28medium\29 + *,
906 .\37 u\24\28medium\29 + *,
907 .\36 u\24\28medium\29 + *,
908 .\35 u\24\28medium\29 + *,
909 .\34 u\24\28medium\29 + *,
910 .\33 u\24\28medium\29 + *,
911 .\32 u\24\28medium\29 + *,
912 .\31 u\24\28medium\29 + * {
917 margin-left: 91.66667%;
921 margin-left: 83.33333%;
929 margin-left: 66.66667%;
933 margin-left: 58.33333%;
941 margin-left: 41.66667%;
945 margin-left: 33.33333%;
953 margin-left: 16.66667%;
957 margin-left: 8.33333%;
962 @media screen and (max-width: 736px) {
969 margin: 0 0 -1px -1em;
973 padding: 1em 0 0 1em;
977 margin: -1em 0 -1px -1em;
985 margin: 0 0 -1px -2em;
988 .row.uniform.\32 00\25 > * {
989 padding: 2em 0 0 2em;
992 .row.uniform.\32 00\25 {
993 margin: -2em 0 -1px -2em;
997 padding: 0 0 0 1.5em;
1001 margin: 0 0 -1px -1.5em;
1004 .row.uniform.\31 50\25 > * {
1005 padding: 1.5em 0 0 1.5em;
1008 .row.uniform.\31 50\25 {
1009 margin: -1.5em 0 -1px -1.5em;
1013 padding: 0 0 0 0.5em;
1017 margin: 0 0 -1px -0.5em;
1020 .row.uniform.\35 0\25 > * {
1021 padding: 0.5em 0 0 0.5em;
1024 .row.uniform.\35 0\25 {
1025 margin: -0.5em 0 -1px -0.5em;
1029 padding: 0 0 0 0.25em;
1033 margin: 0 0 -1px -0.25em;
1036 .row.uniform.\32 5\25 > * {
1037 padding: 0.25em 0 0 0.25em;
1040 .row.uniform.\32 5\25 {
1041 margin: -0.25em 0 -1px -0.25em;
1044 .\31 2u\28small\29, .\31 2u\24\28small\29 {
1050 .\31 1u\28small\29, .\31 1u\24\28small\29 {
1051 width: 91.6666666667%;
1056 .\31 0u\28small\29, .\31 0u\24\28small\29 {
1057 width: 83.3333333333%;
1062 .\39 u\28small\29, .\39 u\24\28small\29 {
1068 .\38 u\28small\29, .\38 u\24\28small\29 {
1069 width: 66.6666666667%;
1074 .\37 u\28small\29, .\37 u\24\28small\29 {
1075 width: 58.3333333333%;
1080 .\36 u\28small\29, .\36 u\24\28small\29 {
1086 .\35 u\28small\29, .\35 u\24\28small\29 {
1087 width: 41.6666666667%;
1092 .\34 u\28small\29, .\34 u\24\28small\29 {
1093 width: 33.3333333333%;
1098 .\33 u\28small\29, .\33 u\24\28small\29 {
1104 .\32 u\28small\29, .\32 u\24\28small\29 {
1105 width: 16.6666666667%;
1110 .\31 u\28small\29, .\31 u\24\28small\29 {
1111 width: 8.3333333333%;
1116 .\31 2u\24\28small\29 + *,
1117 .\31 1u\24\28small\29 + *,
1118 .\31 0u\24\28small\29 + *,
1119 .\39 u\24\28small\29 + *,
1120 .\38 u\24\28small\29 + *,
1121 .\37 u\24\28small\29 + *,
1122 .\36 u\24\28small\29 + *,
1123 .\35 u\24\28small\29 + *,
1124 .\34 u\24\28small\29 + *,
1125 .\33 u\24\28small\29 + *,
1126 .\32 u\24\28small\29 + *,
1127 .\31 u\24\28small\29 + * {
1132 margin-left: 91.66667%;
1136 margin-left: 83.33333%;
1144 margin-left: 66.66667%;
1148 margin-left: 58.33333%;
1156 margin-left: 41.66667%;
1160 margin-left: 33.33333%;
1168 margin-left: 16.66667%;
1172 margin-left: 8.33333%;
1177 @media screen and (max-width: 480px) {
1184 margin: 0 0 -1px -1em;
1188 padding: 1em 0 0 1em;
1192 margin: -1em 0 -1px -1em;
1195 .row.\32 00\25 > * {
1200 margin: 0 0 -1px -2em;
1203 .row.uniform.\32 00\25 > * {
1204 padding: 2em 0 0 2em;
1207 .row.uniform.\32 00\25 {
1208 margin: -2em 0 -1px -2em;
1211 .row.\31 50\25 > * {
1212 padding: 0 0 0 1.5em;
1216 margin: 0 0 -1px -1.5em;
1219 .row.uniform.\31 50\25 > * {
1220 padding: 1.5em 0 0 1.5em;
1223 .row.uniform.\31 50\25 {
1224 margin: -1.5em 0 -1px -1.5em;
1228 padding: 0 0 0 0.5em;
1232 margin: 0 0 -1px -0.5em;
1235 .row.uniform.\35 0\25 > * {
1236 padding: 0.5em 0 0 0.5em;
1239 .row.uniform.\35 0\25 {
1240 margin: -0.5em 0 -1px -0.5em;
1244 padding: 0 0 0 0.25em;
1248 margin: 0 0 -1px -0.25em;
1251 .row.uniform.\32 5\25 > * {
1252 padding: 0.25em 0 0 0.25em;
1255 .row.uniform.\32 5\25 {
1256 margin: -0.25em 0 -1px -0.25em;
1259 .\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
1265 .\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
1266 width: 91.6666666667%;
1271 .\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
1272 width: 83.3333333333%;
1277 .\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
1283 .\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
1284 width: 66.6666666667%;
1289 .\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
1290 width: 58.3333333333%;
1295 .\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
1301 .\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
1302 width: 41.6666666667%;
1307 .\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
1308 width: 33.3333333333%;
1313 .\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
1319 .\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
1320 width: 16.6666666667%;
1325 .\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
1326 width: 8.3333333333%;
1331 .\31 2u\24\28xsmall\29 + *,
1332 .\31 1u\24\28xsmall\29 + *,
1333 .\31 0u\24\28xsmall\29 + *,
1334 .\39 u\24\28xsmall\29 + *,
1335 .\38 u\24\28xsmall\29 + *,
1336 .\37 u\24\28xsmall\29 + *,
1337 .\36 u\24\28xsmall\29 + *,
1338 .\35 u\24\28xsmall\29 + *,
1339 .\34 u\24\28xsmall\29 + *,
1340 .\33 u\24\28xsmall\29 + *,
1341 .\32 u\24\28xsmall\29 + *,
1342 .\31 u\24\28xsmall\29 + * {
1346 .\-11u\28xsmall\29 {
1347 margin-left: 91.66667%;
1350 .\-10u\28xsmall\29 {
1351 margin-left: 83.33333%;
1359 margin-left: 66.66667%;
1363 margin-left: 58.33333%;
1371 margin-left: 41.66667%;
1375 margin-left: 33.33333%;
1383 margin-left: 16.66667%;
1387 margin-left: 8.33333%;
1392 @media screen and (max-width: 360px) {
1399 margin: 0 0 -1px -1em;
1403 padding: 1em 0 0 1em;
1407 margin: -1em 0 -1px -1em;
1410 .row.\32 00\25 > * {
1415 margin: 0 0 -1px -2em;
1418 .row.uniform.\32 00\25 > * {
1419 padding: 2em 0 0 2em;
1422 .row.uniform.\32 00\25 {
1423 margin: -2em 0 -1px -2em;
1426 .row.\31 50\25 > * {
1427 padding: 0 0 0 1.5em;
1431 margin: 0 0 -1px -1.5em;
1434 .row.uniform.\31 50\25 > * {
1435 padding: 1.5em 0 0 1.5em;
1438 .row.uniform.\31 50\25 {
1439 margin: -1.5em 0 -1px -1.5em;
1443 padding: 0 0 0 0.5em;
1447 margin: 0 0 -1px -0.5em;
1450 .row.uniform.\35 0\25 > * {
1451 padding: 0.5em 0 0 0.5em;
1454 .row.uniform.\35 0\25 {
1455 margin: -0.5em 0 -1px -0.5em;
1459 padding: 0 0 0 0.25em;
1463 margin: 0 0 -1px -0.25em;
1466 .row.uniform.\32 5\25 > * {
1467 padding: 0.25em 0 0 0.25em;
1470 .row.uniform.\32 5\25 {
1471 margin: -0.25em 0 -1px -0.25em;
1474 .\31 2u\28xxsmall\29, .\31 2u\24\28xxsmall\29 {
1480 .\31 1u\28xxsmall\29, .\31 1u\24\28xxsmall\29 {
1481 width: 91.6666666667%;
1486 .\31 0u\28xxsmall\29, .\31 0u\24\28xxsmall\29 {
1487 width: 83.3333333333%;
1492 .\39 u\28xxsmall\29, .\39 u\24\28xxsmall\29 {
1498 .\38 u\28xxsmall\29, .\38 u\24\28xxsmall\29 {
1499 width: 66.6666666667%;
1504 .\37 u\28xxsmall\29, .\37 u\24\28xxsmall\29 {
1505 width: 58.3333333333%;
1510 .\36 u\28xxsmall\29, .\36 u\24\28xxsmall\29 {
1516 .\35 u\28xxsmall\29, .\35 u\24\28xxsmall\29 {
1517 width: 41.6666666667%;
1522 .\34 u\28xxsmall\29, .\34 u\24\28xxsmall\29 {
1523 width: 33.3333333333%;
1528 .\33 u\28xxsmall\29, .\33 u\24\28xxsmall\29 {
1534 .\32 u\28xxsmall\29, .\32 u\24\28xxsmall\29 {
1535 width: 16.6666666667%;
1540 .\31 u\28xxsmall\29, .\31 u\24\28xxsmall\29 {
1541 width: 8.3333333333%;
1546 .\31 2u\24\28xxsmall\29 + *,
1547 .\31 1u\24\28xxsmall\29 + *,
1548 .\31 0u\24\28xxsmall\29 + *,
1549 .\39 u\24\28xxsmall\29 + *,
1550 .\38 u\24\28xxsmall\29 + *,
1551 .\37 u\24\28xxsmall\29 + *,
1552 .\36 u\24\28xxsmall\29 + *,
1553 .\35 u\24\28xxsmall\29 + *,
1554 .\34 u\24\28xxsmall\29 + *,
1555 .\33 u\24\28xxsmall\29 + *,
1556 .\32 u\24\28xxsmall\29 + *,
1557 .\31 u\24\28xxsmall\29 + * {
1561 .\-11u\28xxsmall\29 {
1562 margin-left: 91.66667%;
1565 .\-10u\28xxsmall\29 {
1566 margin-left: 83.33333%;
1569 .\-9u\28xxsmall\29 {
1573 .\-8u\28xxsmall\29 {
1574 margin-left: 66.66667%;
1577 .\-7u\28xxsmall\29 {
1578 margin-left: 58.33333%;
1581 .\-6u\28xxsmall\29 {
1585 .\-5u\28xxsmall\29 {
1586 margin-left: 41.66667%;
1589 .\-4u\28xxsmall\29 {
1590 margin-left: 33.33333%;
1593 .\-3u\28xxsmall\29 {
1597 .\-2u\28xxsmall\29 {
1598 margin-left: 16.66667%;
1601 .\-1u\28xxsmall\29 {
1602 margin-left: 8.33333%;
1610 width: device-width;
1614 -ms-overflow-style: scrollbar;
1617 @media screen and (max-width: 480px) {
1626 background: #ffffff;
1629 body.is-loading *, body.is-loading *:before, body.is-loading *:after {
1630 -moz-animation: none !important;
1631 -webkit-animation: none !important;
1632 -ms-animation: none !important;
1633 animation: none !important;
1634 -moz-transition: none !important;
1635 -webkit-transition: none !important;
1636 -ms-transition: none !important;
1637 transition: none !important;
1642 body, input, select, textarea {
1644 font-family: "Source Sans Pro", Helvetica, sans-serif;
1650 @media screen and (max-width: 1680px) {
1652 body, input, select, textarea {
1658 @media screen and (max-width: 1280px) {
1660 body, input, select, textarea {
1667 -moz-transition: border-bottom-color 0.2s ease, color 0.2s ease;
1668 -webkit-transition: border-bottom-color 0.2s ease, color 0.2s ease;
1669 -ms-transition: border-bottom-color 0.2s ease, color 0.2s ease;
1670 transition: border-bottom-color 0.2s ease, color 0.2s ease;
1671 text-decoration: none;
1673 border-bottom: dotted 1px rgba(88, 88, 88, 0.5);
1677 border-bottom-color: transparent;
1678 color: #f2849e !important;
1698 letter-spacing: -0.035em;
1705 @media screen and (max-width: 736px) {
1714 @media screen and (max-width: 360px) {
1722 h2, h3, h4, h5, h6 {
1726 text-transform: uppercase;
1727 letter-spacing: 0.35em;
1730 h2 a, h3 a, h4 a, h5 a, h6 a {
1754 @media screen and (max-width: 980px) {
1756 h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
1762 @media screen and (max-width: 736px) {
1787 border-left: solid 4px #c9c9c9;
1790 padding: 0.5em 0 0.5em 2em;
1794 background: rgba(144, 144, 144, 0.075);
1796 border: solid 1px #c9c9c9;
1797 font-family: "Courier New", monospace;
1800 padding: 0.25em 0.65em;
1804 -webkit-overflow-scrolling: touch;
1805 font-family: "Courier New", monospace;
1819 border-bottom: solid 1px #c9c9c9;
1839 /* Section/Article */
1841 section.special, article.special {
1849 @media screen and (max-width: 736px) {
1860 text-decoration: none;
1861 border-bottom: none;
1866 -moz-osx-font-smoothing: grayscale;
1867 -webkit-font-smoothing: antialiased;
1868 font-family: FontAwesome;
1870 font-weight: normal;
1871 text-transform: none !important;
1879 -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
1880 -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
1881 -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
1882 transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
1883 background-color: transparent;
1884 border: solid 1px #c9c9c9;
1888 display: inline-block;
1890 line-height: 2.65em;
1894 .icon.style2:before {
1898 .icon.style2:hover {
1900 border-color: #f2849e;
1903 .icon.style2:active {
1904 background-color: rgba(242, 132, 158, 0.1);
1910 list-style: decimal;
1912 padding-left: 1.25em;
1916 padding-left: 0.25em;
1926 padding-left: 0.5em;
1935 border-top: solid 1px #c9c9c9;
1939 ul.alt li:first-child {
1948 margin: -1em 0 2em -1em;
1952 display: inline-block;
1953 padding: 1em 0 0 1em;
1963 display: inline-block;
1965 vertical-align: middle;
1968 ul.actions li:last-child {
1972 ul.actions.small li {
1973 padding: 0 0.5em 0 0;
1976 ul.actions.vertical li {
1981 ul.actions.vertical li:first-child {
1985 ul.actions.vertical li > * {
1989 ul.actions.vertical.small li {
1990 padding: 0.5em 0 0 0;
1993 ul.actions.vertical.small li:first-child {
2001 table-layout: fixed;
2002 width: calc(100% + 1em);
2006 display: table-cell;
2010 ul.actions.fit li > * {
2014 ul.actions.fit.small {
2015 margin-left: -0.5em;
2016 width: calc(100% + 0.5em);
2019 ul.actions.fit.small li {
2020 padding: 0 0 0 0.5em;
2023 @media screen and (max-width: 480px) {
2036 ul.actions li:first-child {
2042 margin: 0 !important;
2045 ul.actions li > *.icon:before {
2049 ul.actions.small li {
2050 padding: 0.5em 0 0 0;
2053 ul.actions.small li:first-child {
2076 margin: -1em 0 2em 0;
2089 margin: 0 0 1.3em 0;
2090 vertical-align: top;
2095 width: calc(50% + 1em) !important;
2100 width: calc(50% - 1em) !important;
2108 form .half:nth-last-child(2) {
2118 @media screen and (max-width: 480px) {
2121 width: 100% !important;
2126 width: 100% !important;
2130 form .half:nth-last-child(2) {
2131 margin: 0 0 1.3em 0;
2144 input[type="password"],
2145 input[type="email"],
2149 -moz-appearance: none;
2150 -webkit-appearance: none;
2151 -ms-appearance: none;
2153 background-color: transparent;
2156 border-bottom: solid 1px #c9c9c9;
2161 text-decoration: none;
2165 input[type="text"]:invalid,
2166 input[type="password"]:invalid,
2167 input[type="email"]:invalid,
2168 input[type="tel"]:invalid,
2174 input[type="text"]:focus,
2175 input[type="password"]:focus,
2176 input[type="email"]:focus,
2177 input[type="tel"]:focus,
2180 border-bottom-color: #f2849e;
2181 box-shadow: inset 0 -1px 0 0 #f2849e;
2185 text-decoration: none;
2190 .select-wrapper:before {
2191 -moz-osx-font-smoothing: grayscale;
2192 -webkit-font-smoothing: antialiased;
2193 font-family: FontAwesome;
2195 font-weight: normal;
2196 text-transform: none !important;
2199 .select-wrapper:before {
2205 pointer-events: none;
2213 .select-wrapper select::-ms-expand {
2218 input[type="password"],
2219 input[type="email"],
2229 input[type="checkbox"],
2230 input[type="radio"] {
2231 -moz-appearance: none;
2232 -webkit-appearance: none;
2233 -ms-appearance: none;
2243 input[type="checkbox"] + label,
2244 input[type="radio"] + label {
2245 text-decoration: none;
2248 display: inline-block;
2251 padding-left: 2.55em;
2252 padding-right: 0.75em;
2256 input[type="checkbox"] + label:before,
2257 input[type="radio"] + label:before {
2258 -moz-osx-font-smoothing: grayscale;
2259 -webkit-font-smoothing: antialiased;
2260 font-family: FontAwesome;
2262 font-weight: normal;
2263 text-transform: none !important;
2266 input[type="checkbox"] + label:before,
2267 input[type="radio"] + label:before {
2269 border: solid 1px #c9c9c9;
2271 display: inline-block;
2274 line-height: 1.725em;
2281 input[type="checkbox"]:checked + label:before,
2282 input[type="radio"]:checked + label:before {
2283 background: #585858;
2284 border-color: #585858;
2289 input[type="checkbox"]:focus + label:before,
2290 input[type="radio"]:focus + label:before {
2291 border-color: #f2849e;
2292 box-shadow: 0 0 0 1px #f2849e;
2295 input[type="checkbox"] + label:before {
2299 input[type="radio"] + label:before {
2300 border-radius: 100%;
2307 border: solid 1px #c9c9c9;
2313 .box > :last-child > :last-child,
2314 .box > :last-child > :last-child > :last-child {
2329 display: inline-block;
2338 .image.left, .image.right {
2342 .image.left img, .image.right img {
2348 padding: 0 1.5em 1em 0;
2354 padding: 0 0 1em 1.5em;
2378 @media screen and (max-width: 736px) {
2389 -webkit-overflow-scrolling: touch;
2399 border: solid 1px #c9c9c9;
2404 table tbody tr:nth-child(2n + 1) {
2405 background-color: rgba(144, 144, 144, 0.075);
2409 padding: 0.75em 0.75em;
2415 padding: 0 0.75em 0.75em 0.75em;
2420 border-bottom: solid 2px #c9c9c9;
2424 border-top: solid 2px #c9c9c9;
2428 border-collapse: separate;
2431 table.alt tbody tr td {
2432 border: solid 1px #c9c9c9;
2433 border-left-width: 0;
2434 border-top-width: 0;
2437 table.alt tbody tr td:first-child {
2438 border-left-width: 1px;
2441 table.alt tbody tr:first-child td {
2442 border-top-width: 1px;
2455 input[type="submit"],
2456 input[type="reset"],
2457 input[type="button"],
2460 -moz-appearance: none;
2461 -webkit-appearance: none;
2462 -ms-appearance: none;
2464 -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
2465 -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
2466 -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
2467 transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
2468 background-color: transparent;
2471 box-shadow: inset 0 0 0 2px #585858;
2472 color: #585858 !important;
2474 display: inline-block;
2478 letter-spacing: 0.35em;
2479 line-height: 3.45em;
2481 padding: 0 1.25em 0 1.6em;
2483 text-decoration: none;
2484 text-overflow: ellipsis;
2485 text-transform: uppercase;
2486 white-space: nowrap;
2489 input[type="submit"].icon:before,
2490 input[type="reset"].icon:before,
2491 input[type="button"].icon:before,
2493 .button.icon:before {
2494 margin-right: 0.5em;
2497 input[type="submit"].fit,
2498 input[type="reset"].fit,
2499 input[type="button"].fit,
2507 input[type="submit"]:hover,
2508 input[type="reset"]:hover,
2509 input[type="button"]:hover,
2512 color: #f2849e !important;
2513 box-shadow: inset 0 0 0 2px #f2849e;
2516 input[type="submit"]:active,
2517 input[type="reset"]:active,
2518 input[type="button"]:active,
2521 background-color: rgba(242, 132, 158, 0.1);
2524 input[type="submit"].small,
2525 input[type="reset"].small,
2526 input[type="button"].small,
2532 input[type="submit"].big,
2533 input[type="reset"].big,
2534 input[type="button"].big,
2540 input[type="submit"].special,
2541 input[type="reset"].special,
2542 input[type="button"].special,
2546 background-color: #585858;
2547 color: #ffffff !important;
2550 input[type="submit"].special:hover,
2551 input[type="reset"].special:hover,
2552 input[type="button"].special:hover,
2553 button.special:hover,
2554 .button.special:hover {
2555 background-color: #f2849e;
2558 input[type="submit"].special:active,
2559 input[type="reset"].special:active,
2560 input[type="button"].special:active,
2561 button.special:active,
2562 .button.special:active {
2563 background-color: #ee5f81;
2566 input[type="submit"].disabled, input[type="submit"]:disabled,
2567 input[type="reset"].disabled,
2568 input[type="reset"]:disabled,
2569 input[type="button"].disabled,
2570 input[type="button"]:disabled,
2575 -moz-pointer-events: none;
2576 -webkit-pointer-events: none;
2577 -ms-pointer-events: none;
2578 pointer-events: none;
2586 display: -webkit-flex;
2589 -moz-flex-wrap: wrap;
2590 -webkit-flex-wrap: wrap;
2591 -ms-flex-wrap: wrap;
2594 margin: -2.5em 0 0 -2.5em;
2598 -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
2599 -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
2600 -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
2601 transition: transform 0.5s ease, opacity 0.5s ease;
2603 width: calc(33.33333% - 2.5em);
2604 margin: 2.5em 0 0 2.5em;
2607 .tiles article > .image {
2608 -moz-transition: -moz-transform 0.5s ease;
2609 -webkit-transition: -webkit-transform 0.5s ease;
2610 -ms-transition: -ms-transform 0.5s ease;
2611 transition: transform 0.5s ease;
2619 .tiles article > .image img {
2624 .tiles article > .image:before {
2625 -moz-pointer-events: none;
2626 -webkit-pointer-events: none;
2627 -ms-pointer-events: none;
2628 pointer-events: none;
2629 -moz-transition: background-color 0.5s ease, opacity 0.5s ease;
2630 -webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
2631 -ms-transition: background-color 0.5s ease, opacity 0.5s ease;
2632 transition: background-color 0.5s ease, opacity 0.5s ease;
2645 .tiles article > .image:after {
2646 -moz-pointer-events: none;
2647 -webkit-pointer-events: none;
2648 -ms-pointer-events: none;
2649 pointer-events: none;
2650 -moz-transition: opacity 0.5s ease;
2651 -webkit-transition: opacity 0.5s ease;
2652 -ms-transition: opacity 0.5s ease;
2653 transition: opacity 0.5s ease;
2661 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");
2662 background-position: center;
2663 background-repeat: no-repeat;
2664 background-size: 100% 100%;
2669 .tiles article > a {
2671 display: -webkit-flex;
2674 -moz-flex-direction: column;
2675 -webkit-flex-direction: column;
2676 -ms-flex-direction: column;
2677 flex-direction: column;
2678 -moz-align-items: center;
2679 -webkit-align-items: center;
2680 -ms-align-items: center;
2681 align-items: center;
2682 -moz-justify-content: center;
2683 -webkit-justify-content: center;
2684 -ms-justify-content: center;
2685 justify-content: center;
2686 -moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
2687 -webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
2688 -ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
2689 transition: background-color 0.5s ease, transform 0.5s ease;
2700 text-decoration: none;
2704 .tiles article > a > :last-child {
2708 .tiles article > a:hover {
2709 color: #ffffff !important;
2712 .tiles article > a h2 {
2716 .tiles article > a .content {
2717 -moz-transition: max-height 0.5s ease, opacity 0.5s ease;
2718 -webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
2719 -ms-transition: max-height 0.5s ease, opacity 0.5s ease;
2720 transition: max-height 0.5s ease, opacity 0.5s ease;
2728 .tiles article > a .content > :last-child {
2732 .tiles article.style1 > .image:before {
2733 background-color: #f2849e;
2736 .tiles article.style2 > .image:before {
2737 background-color: #7ecaf6;
2740 .tiles article.style3 > .image:before {
2741 background-color: #7bd0c1;
2744 .tiles article.style4 > .image:before {
2745 background-color: #c75b9b;
2748 .tiles article.style5 > .image:before {
2749 background-color: #ae85ca;
2752 .tiles article.style6 > .image:before {
2753 background-color: #8499e7;
2756 body:not(.is-touch) .tiles article:hover > .image {
2757 -moz-transform: scale(1.1);
2758 -webkit-transform: scale(1.1);
2759 -ms-transform: scale(1.1);
2760 transform: scale(1.1);
2763 body:not(.is-touch) .tiles article:hover > .image:before {
2764 background-color: #333333;
2768 body:not(.is-touch) .tiles article:hover > .image:after {
2772 body:not(.is-touch) .tiles article:hover .content {
2781 body.is-loading .tiles article {
2782 -moz-transform: scale(0.9);
2783 -webkit-transform: scale(0.9);
2784 -ms-transform: scale(0.9);
2785 transform: scale(0.9);
2789 body.is-touch .tiles article .content {
2794 @media screen and (max-width: 1280px) {
2797 margin: -1.25em 0 0 -1.25em;
2801 width: calc(33.33333% - 1.25em);
2802 margin: 1.25em 0 0 1.25em;
2807 @media screen and (max-width: 980px) {
2810 margin: -2.5em 0 0 -2.5em;
2814 width: calc(50% - 2.5em);
2815 margin: 2.5em 0 0 2.5em;
2820 @media screen and (max-width: 736px) {
2823 margin: -1.25em 0 0 -1.25em;
2827 width: calc(50% - 1.25em);
2828 margin: 1.25em 0 0 1.25em;
2831 .tiles article:hover > .image {
2832 -moz-transform: scale(1.0);
2833 -webkit-transform: scale(1.0);
2834 -ms-transform: scale(1.0);
2835 transform: scale(1.0);
2840 @media screen and (max-width: 480px) {
2848 margin: 1.25em 0 0 0;
2856 padding: 3em 0 0.1em 0 ;
2864 letter-spacing: 0.35em;
2865 margin: 0 0 2.5em 0;
2866 text-decoration: none;
2867 text-transform: uppercase;
2868 display: inline-block;
2872 display: inline-block;
2873 vertical-align: middle;
2876 #header .logo .symbol {
2877 margin-right: 0.65em;
2880 #header .logo .symbol img {
2895 display: -webkit-flex;
2898 -moz-align-items: center;
2899 -webkit-align-items: center;
2900 -ms-align-items: center;
2901 align-items: center;
2912 #header nav ul li a {
2918 background-color: rgba(255, 255, 255, 0.5);
2923 letter-spacing: 0.35em;
2924 text-transform: uppercase;
2927 #header nav ul li a[href="#menu"] {
2928 -webkit-tap-highlight-color: transparent;
2934 white-space: nowrap;
2937 #header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
2938 -moz-transition: opacity 0.2s ease;
2939 -webkit-transition: opacity 0.2s ease;
2940 -ms-transition: opacity 0.2s ease;
2941 transition: opacity 0.2s ease;
2949 background-position: center;
2950 background-repeat: no-repeat;
2951 background-size: 2em 2em;
2954 #header nav ul li a[href="#menu"]:before {
2955 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23f2849e%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
2959 #header nav ul li a[href="#menu"]:after {
2960 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23585858%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
2964 #header nav ul li a[href="#menu"]:hover:before {
2968 #header nav ul li a[href="#menu"]:hover:after {
2972 @media screen and (max-width: 736px) {
2975 padding: 4em 0 0.1em 0 ;
2983 #header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
2984 background-size: 1.5em 1.5em;
2992 -moz-transition: opacity 0.45s ease;
2993 -webkit-transition: opacity 0.45s ease;
2994 -ms-transition: opacity 0.45s ease;
2995 transition: opacity 0.45s ease;
3000 -moz-transform: translateX(22em);
3001 -webkit-transform: translateX(22em);
3002 -ms-transform: translateX(22em);
3003 transform: translateX(22em);
3004 -moz-transition: -moz-transform 0.45s ease, visibility 0.45s;
3005 -webkit-transition: -webkit-transform 0.45s ease, visibility 0.45s;
3006 -ms-transition: -ms-transform 0.45s ease, visibility 0.45s;
3007 transition: transform 0.45s ease, visibility 0.45s;
3014 -webkit-overflow-scrolling: touch;
3015 background: #585858;
3023 -moz-transition: opacity 0.45s ease;
3024 -webkit-transition: opacity 0.45s ease;
3025 -ms-transition: opacity 0.45s ease;
3026 transition: opacity 0.45s ease;
3027 -webkit-overflow-scrolling: touch;
3038 #menu > .inner > ul {
3044 #menu > .inner > ul > li {
3046 border-top: solid 1px rgba(255, 255, 255, 0.15);
3049 #menu > .inner > ul > li a {
3057 #menu > .inner > ul > li:first-child {
3063 -moz-transition: opacity 0.45s ease, -moz-transform 0.45s ease;
3064 -webkit-transition: opacity 0.45s ease, -webkit-transform 0.45s ease;
3065 -ms-transition: opacity 0.45s ease, -ms-transform 0.45s ease;
3066 transition: opacity 0.45s ease, transform 0.45s ease;
3067 -moz-transform: scale(0.25) rotate(180deg);
3068 -webkit-transform: scale(0.25) rotate(180deg);
3069 -ms-transform: scale(0.25) rotate(180deg);
3070 transform: scale(0.25) rotate(180deg);
3071 -webkit-tap-highlight-color: transparent;
3084 white-space: nowrap;
3087 #menu > .close:before, #menu > .close:after {
3088 -moz-transition: opacity 0.2s ease;
3089 -webkit-transition: opacity 0.2s ease;
3090 -ms-transition: opacity 0.2s ease;
3091 transition: opacity 0.2s ease;
3099 background-position: center;
3100 background-repeat: no-repeat;
3101 background-size: 2em 2em;
3104 #menu > .close:before {
3105 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23f2849e%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
3109 #menu > .close:after {
3110 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23585858%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
3114 #menu > .close:hover:before {
3118 #menu > .close:hover:after {
3122 @media screen and (max-width: 736px) {
3125 -moz-transform: translateX(16.5em);
3126 -webkit-transform: translateX(16.5em);
3127 -ms-transform: translateX(16.5em);
3128 transform: translateX(16.5em);
3133 padding: 2.75em 1.5em;
3140 text-indent: 4.25em;
3143 #menu > .close:before, #menu > .close:after {
3144 background-size: 1.5em 1.5em;
3149 body.is-menu-visible #wrapper {
3150 -moz-pointer-events: none;
3151 -webkit-pointer-events: none;
3152 -ms-pointer-events: none;
3153 pointer-events: none;
3158 body.is-menu-visible #menu {
3159 -moz-transform: translateX(0);
3160 -webkit-transform: translateX(0);
3161 -ms-transform: translateX(0);
3162 transform: translateX(0);
3163 visibility: visible;
3166 body.is-menu-visible #menu > * {
3170 body.is-menu-visible #menu .close {
3171 -moz-transform: scale(1.0) rotate(0deg);
3172 -webkit-transform: scale(1.0) rotate(0deg);
3173 -ms-transform: scale(1.0) rotate(0deg);
3174 transform: scale(1.0) rotate(0deg);
3181 padding: 0em 0 6em 0 ;
3184 @media screen and (max-width: 736px) {
3187 padding: 0em 0 4em 0 ;
3195 padding: 5em 0 6em 0 ;
3196 background-color: #f6f6f6;
3201 display: -webkit-flex;
3204 -moz-flex-wrap: wrap;
3205 -webkit-flex-wrap: wrap;
3206 -ms-flex-wrap: wrap;
3208 -moz-flex-direction: row;
3209 -webkit-flex-direction: row;
3210 -ms-flex-direction: row;
3211 flex-direction: row;
3214 #footer > .inner > * > :last-child {
3218 #footer > .inner section:nth-child(1) {
3219 width: calc(66% - 2.5em);
3220 margin-right: 2.5em;
3223 #footer > .inner section:nth-child(2) {
3224 width: calc(33% - 2.5em);
3228 #footer > .inner .copyright {
3234 color: rgba(88, 88, 88, 0.5);
3237 #footer > .inner .copyright a {
3241 #footer > .inner .copyright li {
3242 display: inline-block;
3243 border-left: solid 1px rgba(88, 88, 88, 0.15);
3249 #footer > .inner .copyright li:first-child {
3255 @media screen and (max-width: 1280px) {
3258 padding: 5em 0 3em 0 ;
3261 #footer > .inner section:nth-child(1) {
3262 width: calc(66% - 1.25em);
3263 margin-right: 1.25em;
3266 #footer > .inner section:nth-child(2) {
3267 width: calc(33% - 1.25em);
3268 margin-left: 1.25em;
3273 @media screen and (max-width: 980px) {
3275 #footer > .inner section:nth-child(1) {
3280 #footer > .inner section:nth-child(2) {
3281 width: calc(33% - 2.5em);
3287 @media screen and (max-width: 736px) {
3290 padding: 3em 0 1em 0 ;
3294 -moz-flex-direction: column;
3295 -webkit-flex-direction: column;
3296 -ms-flex-direction: column;
3297 flex-direction: column;
3300 #footer > .inner section:nth-child(1) {
3306 #footer > .inner section:nth-child(2) {
3315 #footer > .inner .copyright {
3321 @media screen and (max-width: 480px) {
3323 #footer > .inner .copyright {
3327 #footer > .inner .copyright li {
3330 margin: 0.75em 0 0 0;
3332 line-height: inherit;
3335 #footer > .inner .copyright li:first-child {
3343 #wrapper > * > .inner {
3350 @media screen and (max-width: 736px) {
3352 #wrapper > * > .inner {