1 @import url
(font-awesome
.min
.css
);
2 @import url
("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");
7 Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
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
{
26 vertical-align: baseline
;}
28 article
, aside
, details
, figcaption
, figure
,
29 footer
, header
, hgroup
, menu
, nav
, section
{
44 blockquote:before
, blockquote:after
, q:before
, q:after
{
50 border-collapse: collapse
;
55 -webkit-text-size-adjust: none
;
59 background-color: transparent
;
63 input::-moz-focus-inner
{
68 input
, select
, textarea
{
69 -moz-appearance: none
;
70 -webkit-appearance: none
;
82 -ms-overflow-style: scrollbar
;
85 @media screen and
(max-width: 480px) {
94 box-sizing: border-box
;
97 *, *:before
, *:after
{
105 body
.is-preload
*, body
.is-preload
*:before
, body
.is-preload
*:after
, body
.is-resizing
*, body
.is-resizing
*:before
, body
.is-resizing
*:after
{
106 -moz-animation: none
!important
;
107 -webkit-animation: none
!important
;
108 -ms-animation: none
!important
;
109 animation: none
!important
;
110 -moz-transition: none
!important
;
111 -webkit-transition: none
!important
;
112 -ms-transition: none
!important
;
113 transition: none
!important
;
118 body
, input
, select
, textarea
{
120 font-family: "Open Sans", sans-serif
;
126 @media screen and
(max-width: 1680px) {
128 body
, input
, select
, textarea
{
134 @media screen and
(max-width: 1280px) {
136 body
, input
, select
, textarea
{
142 @media screen and
(max-width: 360px) {
144 body
, input
, select
, textarea
{
151 -moz-transition: color
0.2s ease-in-out
, border-bottom-color
0.2s ease-in-out
;
152 -webkit-transition: color
0.2s ease-in-out
, border-bottom-color
0.2s ease-in-out
;
153 -ms-transition: color
0.2s ease-in-out
, border-bottom-color
0.2s ease-in-out
;
154 transition: color
0.2s ease-in-out
, border-bottom-color
0.2s ease-in-out
;
155 border-bottom: dotted
1px;
157 text-decoration: none
;
161 border-bottom-color: #f56a6a;
162 color: #f56a6a !important
;
182 h1
, h2
, h3
, h4
, h5
, h6
{
184 font-family: "Roboto Slab", serif
;
190 h1 a
, h2 a
, h3 a
, h4 a
, h5 a
, h6 a
{
192 text-decoration: none
;
222 @media screen and
(max-width: 1680px) {
230 @media screen and
(max-width: 980px) {
238 @media screen and
(max-width: 736px) {
264 border-left: solid
3px rgba
(210, 215, 217, 0.75);
267 padding: 0.5em 0 0.5em 2em;
271 background: rgba
(230, 235, 237, 0.25);
272 border-radius: 0.375em;
273 border: solid
1px rgba
(210, 215, 217, 0.75);
274 font-family: "Courier New", monospace
;
277 padding: 0.25em 0.65em;
281 -webkit-overflow-scrolling: touch
;
282 font-family: "Courier New", monospace
;
296 border-bottom: solid
1px rgba
(210, 215, 217, 0.75);
321 box-sizing: border-box
;
322 align-items: stretch
;
326 box-sizing: border-box
;
329 .row.gtr-uniform > * > :last-child {
334 justify-content: flex-start
;
338 justify-content: center
;
342 justify-content: flex-end
;
346 align-items: flex-start
;
354 align-items: flex-end
;
362 width: 8.3333333333%;
366 margin-left: 8.3333333333%;
370 width: 16.6666666667%;
374 margin-left: 16.6666666667%;
386 width: 33.3333333333%;
390 margin-left: 33.3333333333%;
394 width: 41.6666666667%;
398 margin-left: 41.6666666667%;
410 width: 58.3333333333%;
414 margin-left: 58.3333333333%;
418 width: 66.6666666667%;
422 margin-left: 66.6666666667%;
434 width: 83.3333333333%;
438 margin-left: 83.3333333333%;
442 width: 91.6666666667%;
446 margin-left: 91.6666666667%;
466 .row.gtr-0.gtr-uniform {
470 .row.gtr-0.gtr-uniform > * {
476 margin-left: -0.375em;
480 padding: 0 0 0 0.375em;
483 .row.gtr-25.gtr-uniform {
484 margin-top: -0.375em;
487 .row.gtr-25.gtr-uniform > * {
488 padding-top: 0.375em;
493 margin-left: -0.75em;
497 padding: 0 0 0 0.75em;
500 .row.gtr-50.gtr-uniform {
504 .row.gtr-50.gtr-uniform > * {
514 padding: 0 0 0 1.5em;
521 .row.gtr-uniform > * {
527 margin-left: -2.25em;
531 padding: 0 0 0 2.25em;
534 .row.gtr-150.gtr-uniform {
538 .row.gtr-150.gtr-uniform > * {
551 .row.gtr-200.gtr-uniform {
555 .row.gtr-200.gtr-uniform > * {
559 @media screen and
(max-width: 1680px) {
564 box-sizing: border-box
;
565 align-items: stretch
;
569 box-sizing: border-box
;
572 .row.gtr-uniform > * > :last-child {
577 justify-content: flex-start
;
581 justify-content: center
;
585 justify-content: flex-end
;
589 align-items: flex-start
;
597 align-items: flex-end
;
604 .row > .col-1-xlarge {
605 width: 8.3333333333%;
608 .row > .off-1-xlarge {
609 margin-left: 8.3333333333%;
612 .row > .col-2-xlarge {
613 width: 16.6666666667%;
616 .row > .off-2-xlarge {
617 margin-left: 16.6666666667%;
620 .row > .col-3-xlarge {
624 .row > .off-3-xlarge {
628 .row > .col-4-xlarge {
629 width: 33.3333333333%;
632 .row > .off-4-xlarge {
633 margin-left: 33.3333333333%;
636 .row > .col-5-xlarge {
637 width: 41.6666666667%;
640 .row > .off-5-xlarge {
641 margin-left: 41.6666666667%;
644 .row > .col-6-xlarge {
648 .row > .off-6-xlarge {
652 .row > .col-7-xlarge {
653 width: 58.3333333333%;
656 .row > .off-7-xlarge {
657 margin-left: 58.3333333333%;
660 .row > .col-8-xlarge {
661 width: 66.6666666667%;
664 .row > .off-8-xlarge {
665 margin-left: 66.6666666667%;
668 .row > .col-9-xlarge {
672 .row > .off-9-xlarge {
676 .row > .col-10-xlarge {
677 width: 83.3333333333%;
680 .row > .off-10-xlarge {
681 margin-left: 83.3333333333%;
684 .row > .col-11-xlarge {
685 width: 91.6666666667%;
688 .row > .off-11-xlarge {
689 margin-left: 91.6666666667%;
692 .row > .col-12-xlarge {
696 .row > .off-12-xlarge {
709 .row.gtr-0.gtr-uniform {
713 .row.gtr-0.gtr-uniform > * {
719 margin-left: -0.375em;
723 padding: 0 0 0 0.375em;
726 .row.gtr-25.gtr-uniform {
727 margin-top: -0.375em;
730 .row.gtr-25.gtr-uniform > * {
731 padding-top: 0.375em;
736 margin-left: -0.75em;
740 padding: 0 0 0 0.75em;
743 .row.gtr-50.gtr-uniform {
747 .row.gtr-50.gtr-uniform > * {
757 padding: 0 0 0 1.5em;
764 .row.gtr-uniform > * {
770 margin-left: -2.25em;
774 padding: 0 0 0 2.25em;
777 .row.gtr-150.gtr-uniform {
781 .row.gtr-150.gtr-uniform > * {
794 .row.gtr-200.gtr-uniform {
798 .row.gtr-200.gtr-uniform > * {
804 @media screen and
(max-width: 1280px) {
809 box-sizing: border-box
;
810 align-items: stretch
;
814 box-sizing: border-box
;
817 .row.gtr-uniform > * > :last-child {
822 justify-content: flex-start
;
826 justify-content: center
;
830 justify-content: flex-end
;
834 align-items: flex-start
;
842 align-items: flex-end
;
849 .row > .col-1-large {
850 width: 8.3333333333%;
853 .row > .off-1-large {
854 margin-left: 8.3333333333%;
857 .row > .col-2-large {
858 width: 16.6666666667%;
861 .row > .off-2-large {
862 margin-left: 16.6666666667%;
865 .row > .col-3-large {
869 .row > .off-3-large {
873 .row > .col-4-large {
874 width: 33.3333333333%;
877 .row > .off-4-large {
878 margin-left: 33.3333333333%;
881 .row > .col-5-large {
882 width: 41.6666666667%;
885 .row > .off-5-large {
886 margin-left: 41.6666666667%;
889 .row > .col-6-large {
893 .row > .off-6-large {
897 .row > .col-7-large {
898 width: 58.3333333333%;
901 .row > .off-7-large {
902 margin-left: 58.3333333333%;
905 .row > .col-8-large {
906 width: 66.6666666667%;
909 .row > .off-8-large {
910 margin-left: 66.6666666667%;
913 .row > .col-9-large {
917 .row > .off-9-large {
921 .row > .col-10-large {
922 width: 83.3333333333%;
925 .row > .off-10-large {
926 margin-left: 83.3333333333%;
929 .row > .col-11-large {
930 width: 91.6666666667%;
933 .row > .off-11-large {
934 margin-left: 91.6666666667%;
937 .row > .col-12-large {
941 .row > .off-12-large {
954 .row.gtr-0.gtr-uniform {
958 .row.gtr-0.gtr-uniform > * {
964 margin-left: -0.375em;
968 padding: 0 0 0 0.375em;
971 .row.gtr-25.gtr-uniform {
972 margin-top: -0.375em;
975 .row.gtr-25.gtr-uniform > * {
976 padding-top: 0.375em;
981 margin-left: -0.75em;
985 padding: 0 0 0 0.75em;
988 .row.gtr-50.gtr-uniform {
992 .row.gtr-50.gtr-uniform > * {
1002 padding: 0 0 0 1.5em;
1009 .row.gtr-uniform > * {
1015 margin-left: -2.25em;
1019 padding: 0 0 0 2.25em;
1022 .row.gtr-150.gtr-uniform {
1023 margin-top: -2.25em;
1026 .row.gtr-150.gtr-uniform > * {
1027 padding-top: 2.25em;
1039 .row.gtr-200.gtr-uniform {
1043 .row.gtr-200.gtr-uniform > * {
1049 @media screen and
(max-width: 980px) {
1054 box-sizing: border-box
;
1055 align-items: stretch
;
1059 box-sizing: border-box
;
1062 .row.gtr-uniform > * > :last-child {
1067 justify-content: flex-start
;
1071 justify-content: center
;
1075 justify-content: flex-end
;
1079 align-items: flex-start
;
1083 align-items: center
;
1087 align-items: flex-end
;
1090 .row > .imp-medium {
1094 .row > .col-1-medium {
1095 width: 8.3333333333%;
1098 .row > .off-1-medium {
1099 margin-left: 8.3333333333%;
1102 .row > .col-2-medium {
1103 width: 16.6666666667%;
1106 .row > .off-2-medium {
1107 margin-left: 16.6666666667%;
1110 .row > .col-3-medium {
1114 .row > .off-3-medium {
1118 .row > .col-4-medium {
1119 width: 33.3333333333%;
1122 .row > .off-4-medium {
1123 margin-left: 33.3333333333%;
1126 .row > .col-5-medium {
1127 width: 41.6666666667%;
1130 .row > .off-5-medium {
1131 margin-left: 41.6666666667%;
1134 .row > .col-6-medium {
1138 .row > .off-6-medium {
1142 .row > .col-7-medium {
1143 width: 58.3333333333%;
1146 .row > .off-7-medium {
1147 margin-left: 58.3333333333%;
1150 .row > .col-8-medium {
1151 width: 66.6666666667%;
1154 .row > .off-8-medium {
1155 margin-left: 66.6666666667%;
1158 .row > .col-9-medium {
1162 .row > .off-9-medium {
1166 .row > .col-10-medium {
1167 width: 83.3333333333%;
1170 .row > .off-10-medium {
1171 margin-left: 83.3333333333%;
1174 .row > .col-11-medium {
1175 width: 91.6666666667%;
1178 .row > .off-11-medium {
1179 margin-left: 91.6666666667%;
1182 .row > .col-12-medium {
1186 .row > .off-12-medium {
1199 .row.gtr-0.gtr-uniform {
1203 .row.gtr-0.gtr-uniform > * {
1209 margin-left: -0.375em;
1213 padding: 0 0 0 0.375em;
1216 .row.gtr-25.gtr-uniform {
1217 margin-top: -0.375em;
1220 .row.gtr-25.gtr-uniform > * {
1221 padding-top: 0.375em;
1226 margin-left: -0.75em;
1230 padding: 0 0 0 0.75em;
1233 .row.gtr-50.gtr-uniform {
1234 margin-top: -0.75em;
1237 .row.gtr-50.gtr-uniform > * {
1238 padding-top: 0.75em;
1243 margin-left: -1.5em;
1247 padding: 0 0 0 1.5em;
1254 .row.gtr-uniform > * {
1260 margin-left: -2.25em;
1264 padding: 0 0 0 2.25em;
1267 .row.gtr-150.gtr-uniform {
1268 margin-top: -2.25em;
1271 .row.gtr-150.gtr-uniform > * {
1272 padding-top: 2.25em;
1284 .row.gtr-200.gtr-uniform {
1288 .row.gtr-200.gtr-uniform > * {
1294 @media screen and
(max-width: 736px) {
1299 box-sizing: border-box
;
1300 align-items: stretch
;
1304 box-sizing: border-box
;
1307 .row.gtr-uniform > * > :last-child {
1312 justify-content: flex-start
;
1316 justify-content: center
;
1320 justify-content: flex-end
;
1324 align-items: flex-start
;
1328 align-items: center
;
1332 align-items: flex-end
;
1339 .row > .col-1-small {
1340 width: 8.3333333333%;
1343 .row > .off-1-small {
1344 margin-left: 8.3333333333%;
1347 .row > .col-2-small {
1348 width: 16.6666666667%;
1351 .row > .off-2-small {
1352 margin-left: 16.6666666667%;
1355 .row > .col-3-small {
1359 .row > .off-3-small {
1363 .row > .col-4-small {
1364 width: 33.3333333333%;
1367 .row > .off-4-small {
1368 margin-left: 33.3333333333%;
1371 .row > .col-5-small {
1372 width: 41.6666666667%;
1375 .row > .off-5-small {
1376 margin-left: 41.6666666667%;
1379 .row > .col-6-small {
1383 .row > .off-6-small {
1387 .row > .col-7-small {
1388 width: 58.3333333333%;
1391 .row > .off-7-small {
1392 margin-left: 58.3333333333%;
1395 .row > .col-8-small {
1396 width: 66.6666666667%;
1399 .row > .off-8-small {
1400 margin-left: 66.6666666667%;
1403 .row > .col-9-small {
1407 .row > .off-9-small {
1411 .row > .col-10-small {
1412 width: 83.3333333333%;
1415 .row > .off-10-small {
1416 margin-left: 83.3333333333%;
1419 .row > .col-11-small {
1420 width: 91.6666666667%;
1423 .row > .off-11-small {
1424 margin-left: 91.6666666667%;
1427 .row > .col-12-small {
1431 .row > .off-12-small {
1444 .row.gtr-0.gtr-uniform {
1448 .row.gtr-0.gtr-uniform > * {
1454 margin-left: -0.375em;
1458 padding: 0 0 0 0.375em;
1461 .row.gtr-25.gtr-uniform {
1462 margin-top: -0.375em;
1465 .row.gtr-25.gtr-uniform > * {
1466 padding-top: 0.375em;
1471 margin-left: -0.75em;
1475 padding: 0 0 0 0.75em;
1478 .row.gtr-50.gtr-uniform {
1479 margin-top: -0.75em;
1482 .row.gtr-50.gtr-uniform > * {
1483 padding-top: 0.75em;
1488 margin-left: -1.5em;
1492 padding: 0 0 0 1.5em;
1499 .row.gtr-uniform > * {
1505 margin-left: -2.25em;
1509 padding: 0 0 0 2.25em;
1512 .row.gtr-150.gtr-uniform {
1513 margin-top: -2.25em;
1516 .row.gtr-150.gtr-uniform > * {
1517 padding-top: 2.25em;
1529 .row.gtr-200.gtr-uniform {
1533 .row.gtr-200.gtr-uniform > * {
1539 @media screen and
(max-width: 480px) {
1544 box-sizing: border-box
;
1545 align-items: stretch
;
1549 box-sizing: border-box
;
1552 .row.gtr-uniform > * > :last-child {
1557 justify-content: flex-start
;
1561 justify-content: center
;
1565 justify-content: flex-end
;
1569 align-items: flex-start
;
1573 align-items: center
;
1577 align-items: flex-end
;
1580 .row > .imp-xsmall {
1584 .row > .col-1-xsmall {
1585 width: 8.3333333333%;
1588 .row > .off-1-xsmall {
1589 margin-left: 8.3333333333%;
1592 .row > .col-2-xsmall {
1593 width: 16.6666666667%;
1596 .row > .off-2-xsmall {
1597 margin-left: 16.6666666667%;
1600 .row > .col-3-xsmall {
1604 .row > .off-3-xsmall {
1608 .row > .col-4-xsmall {
1609 width: 33.3333333333%;
1612 .row > .off-4-xsmall {
1613 margin-left: 33.3333333333%;
1616 .row > .col-5-xsmall {
1617 width: 41.6666666667%;
1620 .row > .off-5-xsmall {
1621 margin-left: 41.6666666667%;
1624 .row > .col-6-xsmall {
1628 .row > .off-6-xsmall {
1632 .row > .col-7-xsmall {
1633 width: 58.3333333333%;
1636 .row > .off-7-xsmall {
1637 margin-left: 58.3333333333%;
1640 .row > .col-8-xsmall {
1641 width: 66.6666666667%;
1644 .row > .off-8-xsmall {
1645 margin-left: 66.6666666667%;
1648 .row > .col-9-xsmall {
1652 .row > .off-9-xsmall {
1656 .row > .col-10-xsmall {
1657 width: 83.3333333333%;
1660 .row > .off-10-xsmall {
1661 margin-left: 83.3333333333%;
1664 .row > .col-11-xsmall {
1665 width: 91.6666666667%;
1668 .row > .off-11-xsmall {
1669 margin-left: 91.6666666667%;
1672 .row > .col-12-xsmall {
1676 .row > .off-12-xsmall {
1689 .row.gtr-0.gtr-uniform {
1693 .row.gtr-0.gtr-uniform > * {
1699 margin-left: -0.375em;
1703 padding: 0 0 0 0.375em;
1706 .row.gtr-25.gtr-uniform {
1707 margin-top: -0.375em;
1710 .row.gtr-25.gtr-uniform > * {
1711 padding-top: 0.375em;
1716 margin-left: -0.75em;
1720 padding: 0 0 0 0.75em;
1723 .row.gtr-50.gtr-uniform {
1724 margin-top: -0.75em;
1727 .row.gtr-50.gtr-uniform > * {
1728 padding-top: 0.75em;
1733 margin-left: -1.5em;
1737 padding: 0 0 0 1.5em;
1744 .row.gtr-uniform > * {
1750 margin-left: -2.25em;
1754 padding: 0 0 0 2.25em;
1757 .row.gtr-150.gtr-uniform {
1758 margin-top: -2.25em;
1761 .row.gtr-150.gtr-uniform > * {
1762 padding-top: 2.25em;
1774 .row.gtr-200.gtr-uniform {
1778 .row.gtr-200.gtr-uniform > * {
1784 /* Section/Article */
1786 section
.special
, article
.special
{
1791 font-family: "Roboto Slab", serif
;
1794 letter-spacing: 0.075em;
1796 text-transform: uppercase
;
1799 header
.major
> :last-child
{
1800 border-bottom: solid
3px #f56a6a;
1801 display: inline-block
;
1803 padding: 0 0.75em 0.5em 0;
1806 header
.main
> :last-child
{
1825 input
[type
="password"],
1826 input
[type
="email"],
1828 input
[type
="search"],
1832 -moz-appearance: none
;
1833 -webkit-appearance: none
;
1834 -ms-appearance: none
;
1836 background: #ffffff;
1837 border-radius: 0.375em;
1839 border: solid
1px rgba
(210, 215, 217, 0.75);
1844 text-decoration: none
;
1848 input
[type
="text"]:invalid
,
1849 input
[type
="password"]:invalid
,
1850 input
[type
="email"]:invalid
,
1851 input
[type
="tel"]:invalid
,
1852 input
[type
="search"]:invalid
,
1853 input
[type
="url"]:invalid
,
1859 input
[type
="text"]:focus
,
1860 input
[type
="password"]:focus
,
1861 input
[type
="email"]:focus
,
1862 input
[type
="tel"]:focus
,
1863 input
[type
="search"]:focus
,
1864 input
[type
="url"]:focus
,
1867 border-color: #f56a6a;
1868 box-shadow: 0 0 0 1px #f56a6a;
1872 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(210, 215, 217, 0.75)' /%3E%3C/svg%3E");
1873 background-size: 1.25em;
1874 background-repeat: no-repeat
;
1875 background-position: calc
(100% - 1em) center
;
1877 padding-right: 2.75em;
1878 text-overflow: ellipsis
;
1883 background: #ffffff;
1886 select:focus::-ms-value
{
1887 background-color: transparent
;
1890 select::-ms-expand
{
1895 input
[type
="password"],
1896 input
[type
="email"],
1898 input
[type
="search"],
1905 padding: 0.75em 1em;
1908 input
[type
="checkbox"],
1909 input
[type
="radio"] {
1910 -moz-appearance: none
;
1911 -webkit-appearance: none
;
1912 -ms-appearance: none
;
1922 input
[type
="checkbox"] + label
,
1923 input
[type
="radio"] + label
{
1924 text-decoration: none
;
1927 display: inline-block
;
1930 padding-left: 2.4em;
1931 padding-right: 0.75em;
1935 input
[type
="checkbox"] + label:before
,
1936 input
[type
="radio"] + label:before
{
1937 -moz-osx-font-smoothing: grayscale
;
1938 -webkit-font-smoothing: antialiased
;
1939 font-family: FontAwesome
;
1941 font-weight: normal
;
1942 text-transform: none
!important
;
1945 input
[type
="checkbox"] + label:before
,
1946 input
[type
="radio"] + label:before
{
1947 background: #ffffff;
1948 border-radius: 0.375em;
1949 border: solid
1px rgba
(210, 215, 217, 0.75);
1951 display: inline-block
;
1954 line-height: 1.58125em;
1961 input
[type
="checkbox"]:checked
+ label:before
,
1962 input
[type
="radio"]:checked
+ label:before
{
1963 background: #3d4449;
1964 border-color: #3d4449;
1969 input
[type
="checkbox"]:focus
+ label:before
,
1970 input
[type
="radio"]:focus
+ label:before
{
1971 border-color: #f56a6a;
1972 box-shadow: 0 0 0 1px #f56a6a;
1975 input
[type
="checkbox"] + label:before
{
1976 border-radius: 0.375em;
1979 input
[type
="radio"] + label:before
{
1980 border-radius: 100%;
1983 ::-webkit-input-placeholder
{
1984 color: #9fa3a6 !important
;
1989 color: #9fa3a6 !important
;
1993 ::-moz-placeholder
{
1994 color: #9fa3a6 !important
;
1998 :-ms-input-placeholder
{
1999 color: #9fa3a6 !important
;
2006 border-radius: 0.375em;
2007 border: solid
1px rgba
(210, 215, 217, 0.75);
2013 .box
> :last-child
> :last-child
,
2014 .box > :last-child > :last-child > :last-child {
2027 text-decoration: none
;
2028 border-bottom: none
;
2033 -moz-osx-font-smoothing: grayscale
;
2034 -webkit-font-smoothing: antialiased
;
2035 font-family: FontAwesome
;
2037 font-weight: normal
;
2038 text-transform: none
!important
;
2048 border-radius: 0.375em;
2050 display: inline-block
;
2055 border-radius: 0.375em;
2059 .image.left, .image.right {
2063 .image.left img, .image.right img {
2069 padding: 0 1.5em 1em 0;
2075 padding: 0 0 1em 1.5em;
2104 -moz-transition: -moz-transform
0.2s ease
;
2105 -webkit-transition: -webkit-transform
0.2s ease
;
2106 -ms-transition: -ms-transform
0.2s ease
;
2107 transition: transform
0.2s ease
;
2111 -moz-transform: scale
(1.075);
2112 -webkit-transform: scale
(1.075);
2113 -ms-transform: scale
(1.075);
2114 transform: scale
(1.075);
2120 list-style: decimal
;
2122 padding-left: 1.25em;
2126 padding-left: 0.25em;
2136 padding-left: 0.5em;
2145 border-top: solid
1px rgba
(210, 215, 217, 0.75);
2149 ul
.alt
li:first-child
{
2172 display: -webkit-flex
;
2183 vertical-align: middle
;
2186 ul
.actions
.special
{
2187 -moz-justify-content: center
;
2188 -webkit-justify-content: center
;
2189 -ms-justify-content: center
;
2190 justify-content: center
;
2195 ul
.actions
.special
li:first-child
{
2199 ul
.actions
.stacked
{
2200 -moz-flex-direction: column
;
2201 -webkit-flex-direction: column
;
2202 -ms-flex-direction: column
;
2203 flex-direction: column
;
2207 ul
.actions
.stacked li
{
2208 padding: 1.3em 0 0 0;
2211 ul
.actions
.stacked
li:first-child
{
2216 width: calc
(100% + 1em);
2221 -webkit-flex-grow: 1;
2224 -moz-flex-shrink: 1;
2225 -webkit-flex-shrink: 1;
2231 ul
.actions
.fit li
> * {
2235 ul
.actions
.fit
.stacked
{
2248 display: inline-block
;
2252 ul
.icons
li:last-child
{
2260 ul
.icons li
.icon:before
{
2272 text-decoration: none
;
2273 border-top: solid
1px rgba
(210, 215, 217, 0.75);
2274 margin: 1.5em 0 0 0;
2275 padding: 1.5em 0 0 3em;
2279 ul
.contact
li:before
{
2280 -moz-osx-font-smoothing: grayscale
;
2281 -webkit-font-smoothing: antialiased
;
2282 font-family: FontAwesome
;
2284 font-weight: normal
;
2285 text-transform: none
!important
;
2288 ul
.contact
li:before
{
2290 display: inline-block
;
2294 line-height: 1.125em;
2301 ul
.contact
li:first-child
{
2307 ul
.contact
li:first-child:before
{
2324 display: inline-block
;
2326 vertical-align: middle
;
2329 ul
.pagination li
> .page
{
2330 -moz-transition: background-color
0.2s ease-in-out
, color
0.2s ease-in-out
;
2331 -webkit-transition: background-color
0.2s ease-in-out
, color
0.2s ease-in-out
;
2332 -ms-transition: background-color
0.2s ease-in-out
, color
0.2s ease-in-out
;
2333 transition: background-color
0.2s ease-in-out
, color
0.2s ease-in-out
;
2335 border-radius: 0.375em;
2336 display: inline-block
;
2347 ul
.pagination li
> .page
.active
{
2348 background-color: #f56a6a;
2349 color: #ffffff !important
;
2352 ul
.pagination li
> .page
.active:hover
{
2353 background-color: #f67878;
2356 ul
.pagination li
> .page
.active:active
{
2357 background-color: #f45c5c;
2360 ul
.pagination
li:first-child
{
2361 padding-right: 0.75em;
2364 ul
.pagination
li:last-child
{
2365 padding-left: 0.75em;
2368 @media screen and
(max-width: 480px) {
2370 ul
.pagination
li:nth-child
(n
+2):nth-last-child
(n
+2) {
2374 ul
.pagination
li:first-child
{
2383 -webkit-overflow-scrolling: touch
;
2393 border: solid
1px rgba
(210, 215, 217, 0.75);
2398 table tbody
tr:nth-child
(2n + 1) {
2399 background-color: rgba
(230, 235, 237, 0.25);
2403 padding: 0.75em 0.75em;
2410 padding: 0 0.75em 0.75em 0.75em;
2415 border-bottom: solid
2px rgba
(210, 215, 217, 0.75);
2419 border-top: solid
2px rgba
(210, 215, 217, 0.75);
2423 border-collapse: separate
;
2426 table
.alt tbody tr td
{
2427 border: solid
1px rgba
(210, 215, 217, 0.75);
2428 border-left-width: 0;
2429 border-top-width: 0;
2432 table
.alt tbody tr
td:first-child
{
2433 border-left-width: 1px;
2436 table
.alt tbody
tr:first-child td
{
2437 border-top-width: 1px;
2450 input
[type
="submit"],
2451 input
[type
="reset"],
2452 input
[type
="button"],
2455 -moz-appearance: none
;
2456 -webkit-appearance: none
;
2457 -ms-appearance: none
;
2459 -moz-transition: background-color
0.2s ease-in-out
, color
0.2s ease-in-out
;
2460 -webkit-transition: background-color
0.2s ease-in-out
, color
0.2s ease-in-out
;
2461 -ms-transition: background-color
0.2s ease-in-out
, color
0.2s ease-in-out
;
2462 transition: background-color
0.2s ease-in-out
, color
0.2s ease-in-out
;
2463 background-color: transparent
;
2464 border-radius: 0.375em;
2466 box-shadow: inset
0 0 0 2px #f56a6a;
2467 color: #f56a6a !important
;
2469 display: inline-block
;
2470 font-family: "Roboto Slab", serif
;
2474 letter-spacing: 0.075em;
2478 text-decoration: none
;
2479 text-transform: uppercase
;
2480 white-space: nowrap
;
2483 input
[type
="submit"]:hover
,
2484 input
[type
="reset"]:hover
,
2485 input
[type
="button"]:hover
,
2488 background-color: rgba
(245, 106, 106, 0.05);
2491 input
[type
="submit"]:active
,
2492 input
[type
="reset"]:active
,
2493 input
[type
="button"]:active
,
2496 background-color: rgba
(245, 106, 106, 0.15);
2499 input
[type
="submit"].icon:before
,
2500 input
[type
="reset"].icon:before
,
2501 input
[type
="button"].icon:before
,
2503 .button.icon:before {
2504 margin-right: 0.5em;
2507 input
[type
="submit"].fit
,
2508 input
[type
="reset"].fit
,
2509 input
[type
="button"].fit
,
2515 input
[type
="submit"].small
,
2516 input
[type
="reset"].small
,
2517 input
[type
="button"].small
,
2523 input
[type
="submit"].large
,
2524 input
[type
="reset"].large
,
2525 input
[type
="button"].large
,
2530 line-height: 3.65em;
2533 input
[type
="submit"].primary
,
2534 input
[type
="reset"].primary
,
2535 input
[type
="button"].primary
,
2538 background-color: #f56a6a;
2540 color: #ffffff !important
;
2543 input
[type
="submit"].primary:hover
,
2544 input
[type
="reset"].primary:hover
,
2545 input
[type
="button"].primary:hover
,
2546 button
.primary:hover
,
2547 .button.primary:hover {
2548 background-color: #f67878;
2551 input
[type
="submit"].primary:active
,
2552 input
[type
="reset"].primary:active
,
2553 input
[type
="button"].primary:active
,
2554 button
.primary:active
,
2555 .button.primary:active {
2556 background-color: #f45c5c;
2559 input
[type
="submit"].disabled
, input
[type
="submit"]:disabled
,
2560 input
[type
="reset"].disabled
,
2561 input
[type
="reset"]:disabled
,
2562 input
[type
="button"].disabled
,
2563 input
[type
="button"]:disabled
,
2568 pointer-events: none
;
2574 .mini-posts article {
2575 border-top: solid
1px rgba
(210, 215, 217, 0.75);
2580 .mini-posts article .image {
2582 margin: 0 0 1.5em 0;
2585 .mini-posts article .image img {
2590 .mini-posts article:first-child {
2600 display: -webkit-flex
;
2603 -moz-flex-wrap: wrap
;
2604 -webkit-flex-wrap: wrap
;
2605 -ms-flex-wrap: wrap
;
2607 margin: 0 0 2em -3em;
2608 width: calc
(100% + 3em);
2612 -moz-align-items: center
;
2613 -webkit-align-items: center
;
2614 -ms-align-items: center
;
2615 align-items: center
;
2617 display: -webkit-flex
;
2620 margin: 0 0 3em 3em;
2622 width: calc
(50% - 3em);
2625 .features article:nth-child(2n - 1) {
2626 margin-right: 1.5em;
2629 .features article:nth-child(2n) {
2633 .features article:nth-last-child(1), .features article:nth-last-child(2) {
2637 .features article .icon {
2639 -webkit-flex-grow: 0;
2642 -moz-flex-shrink: 0;
2643 -webkit-flex-shrink: 0;
2654 .features article .icon:before {
2661 .features article .icon:after {
2662 -moz-transform: rotate
(45deg);
2663 -webkit-transform: rotate
(45deg);
2664 -ms-transform: rotate
(45deg);
2665 transform: rotate
(45deg);
2666 border-radius: 0.25rem;
2667 border: solid
2px rgba
(210, 215, 217, 0.75);
2672 margin: -3.5em 0 0 -3.5em;
2678 .features article .content {
2680 -webkit-flex-grow: 1;
2683 -moz-flex-shrink: 1;
2684 -webkit-flex-shrink: 1;
2690 .features article .content > :last-child {
2694 @media screen and
(max-width: 980px) {
2706 .features article:nth-child(2n - 1) {
2710 .features article:nth-child(2n) {
2714 .features article:nth-last-child(1), .features article:nth-last-child(2) {
2718 .features article:last-child {
2722 .features article .icon {
2728 .features article .icon:before {
2732 .features article .icon:after {
2734 margin: -3em 0 0 -3em;
2740 @media screen and
(max-width: 480px) {
2743 -moz-flex-direction: column
;
2744 -webkit-flex-direction: column
;
2745 -ms-flex-direction: column
;
2746 flex-direction: column
;
2747 -moz-align-items: -moz-flex-start
;
2748 -webkit-align-items: -webkit-flex-start
;
2749 -ms-align-items: -ms-flex-start
;
2750 align-items: flex-start
;
2753 .features article .icon {
2756 margin: 0 0 1.5em 0;
2760 .features article .icon:before {
2764 .features article .icon:after {
2766 margin: -2em 0 0 -2em;
2772 @media screen and
(max-width: 480px) {
2774 .features article .icon:before {
2784 display: -webkit-flex
;
2787 -moz-flex-wrap: wrap
;
2788 -webkit-flex-wrap: wrap
;
2789 -ms-flex-wrap: wrap
;
2791 margin: 0 0 2em -6em;
2792 width: calc
(100% + 6em);
2797 -webkit-flex-grow: 0;
2800 -moz-flex-shrink: 1;
2801 -webkit-flex-shrink: 1;
2804 margin: 0 0 6em 6em;
2806 width: calc
(33.3333333333% - 6em);
2809 .posts article:before {
2810 background: rgba
(210, 215, 217, 0.75);
2813 height: calc
(100% + 6em);
2820 .posts article:after {
2821 background: rgba
(210, 215, 217, 0.75);
2828 width: calc
(100% + 6em);
2831 .posts article > :last-child {
2835 .posts article .image {
2840 .posts article .image img {
2845 @media screen and
(min-width: 1681px) {
2847 .posts article:nth-child(3n + 1):before {
2851 .posts article:nth-child(3n + 1):after {
2855 .posts article:nth-last-child(1), .posts article:nth-last-child(2), .posts article:nth-last-child(3) {
2859 .posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before, .posts article:nth-last-child(3):before {
2863 .posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after, .posts article:nth-last-child(3):after {
2869 @media screen and
(max-width: 1680px) {
2872 width: calc
(50% - 6em);
2875 .posts article:nth-last-child(3) {
2881 @media screen and
(min-width: 481px) and
(max-width: 1680px) {
2883 .posts article:nth-child(2n + 1):before {
2887 .posts article:nth-child(2n + 1):after {
2891 .posts article:nth-last-child(1), .posts article:nth-last-child(2) {
2895 .posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before {
2899 .posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after {
2905 @media screen and
(max-width: 736px) {
2908 margin: 0 0 2em -4.5em;
2909 width: calc
(100% + 4.5em);
2913 margin: 0 0 4.5em 4.5em;
2914 width: calc
(50% - 4.5em);
2917 .posts article:before {
2918 height: calc
(100% + 4.5em);
2922 .posts article:after {
2924 width: calc
(100% + 4.5em);
2927 .posts article:nth-last-child(3) {
2928 margin-bottom: 4.5em;
2933 @media screen and
(max-width: 480px) {
2941 margin: 0 0 4.5em 0;
2945 .posts article:before {
2949 .posts article:after {
2953 .posts article:last-child {
2957 .posts article:last-child:after {
2967 display: -webkit-flex
;
2970 -moz-flex-direction: row-reverse
;
2971 -webkit-flex-direction: row-reverse
;
2972 -ms-flex-direction: row-reverse
;
2973 flex-direction: row-reverse
;
2981 -webkit-flex-grow: 1;
2984 -moz-flex-shrink: 1;
2985 -webkit-flex-shrink: 1;
2992 padding: 0 6em 0.1em 6em ;
2997 #main > .inner
> section
{
2998 padding: 6em 0 4em 0 ;
2999 border-top: solid
2px rgba
(210, 215, 217, 0.75);
3002 #main > .inner
> section:first-of-type
{
3003 border-top: 0 !important
;
3006 @media screen and
(max-width: 1680px) {
3009 padding: 0 5em 0.1em 5em ;
3012 #main > .inner
> section
{
3013 padding: 5em 0 3em 0 ;
3018 @media screen and
(max-width: 1280px) {
3021 padding: 0 4em 0.1em 4em ;
3024 #main > .inner
> section
{
3025 padding: 4em 0 2em 0 ;
3030 @media screen and
(max-width: 736px) {
3033 padding: 0 2em 0.1em 2em ;
3036 #main > .inner
> section
{
3037 padding: 3em 0 1em 0 ;
3045 text-decoration: none
;
3049 #search form:before
{
3050 -moz-osx-font-smoothing: grayscale
;
3051 -webkit-font-smoothing: antialiased
;
3052 font-family: FontAwesome
;
3054 font-weight: normal
;
3055 text-transform: none
!important
;
3058 #search form:before
{
3059 -moz-transform: scaleX
(-1);
3060 -webkit-transform: scaleX
(-1);
3061 -ms-transform: scaleX
(-1);
3062 transform: scaleX
(-1);
3078 #search form input
[type
="text"] {
3079 padding-right: 2.75em;
3084 -webkit-flex-grow: 0;
3087 -moz-flex-shrink: 0;
3088 -webkit-flex-shrink: 0;
3091 -moz-transition: margin-left
0.5s ease
, box-shadow
0.5s ease
;
3092 -webkit-transition: margin-left
0.5s ease
, box-shadow
0.5s ease
;
3093 -ms-transition: margin-left
0.5s ease
, box-shadow
0.5s ease
;
3094 transition: margin-left
0.5s ease
, box-shadow
0.5s ease
;
3095 background-color: #f5f6f7;
3102 font-size: 1.3888888889em;
3106 padding: 2.2222222222em 2.2222222222em 2.4444444444em 2.2222222222em ;
3111 #sidebar > .inner
> * {
3112 border-bottom: solid
2px rgba
(210, 215, 217, 0.75);
3113 margin: 0 0 3.5em 0;
3114 padding: 0 0 3.5em 0;
3117 #sidebar > .inner
> * > :last-child
{
3121 #sidebar > .inner
> *:last-child
{
3127 #sidebar > .inner
> .alt
{
3128 background-color: #eff1f2;
3130 margin: -2.2222222222em 0 4.4444444444em -2.2222222222em;
3131 padding: 2.2222222222em;
3132 width: calc
(100% + 4.4444444444em);
3136 text-decoration: none
;
3137 -moz-transition: left
0.5s ease
;
3138 -webkit-transition: left
0.5s ease
;
3139 -ms-transition: left
0.5s ease
;
3140 transition: left
0.5s ease
;
3141 -webkit-tap-highlight-color: rgba
(255, 255, 255, 0);
3157 #sidebar .toggle:before
{
3158 -moz-osx-font-smoothing: grayscale
;
3159 -webkit-font-smoothing: antialiased
;
3160 font-family: FontAwesome
;
3162 font-weight: normal
;
3163 text-transform: none
!important
;
3166 #sidebar .toggle:before
{
3171 line-height: inherit
;
3182 @media screen and
(max-width: 1680px) {
3189 padding: 1.6666666667em 1.6666666667em 1.3333333333em 1.6666666667em ;
3193 #sidebar > .inner
> .alt
{
3194 margin: -1.6666666667em 0 3.3333333333em -1.6666666667em;
3195 padding: 1.6666666667em;
3196 width: calc
(100% + 3.3333333333em);
3202 line-height: 6.25em;
3207 #sidebar .toggle:before
{
3217 @media screen and
(max-width: 1280px) {
3220 box-shadow: 0 0 5em 0 rgba
(0, 0, 0, 0.175);
3233 -webkit-overflow-scrolling: touch
;
3242 #sidebar > .inner:after
{
3254 #sidebar .toggle:before
{
3256 margin-left: -0.4375em;
3259 body
.is-preload #sidebar
{
3265 @media screen and
(max-width: 736px) {
3268 text-indent: 7.25em;
3272 #sidebar .toggle:before
{
3274 margin-left: -0.0625em;
3275 margin-top: -0.25em;
3280 #sidebar .toggle:after
{
3281 background: rgba
(222, 225, 226, 0.75);
3282 border-radius: 0.375em;
3297 display: -webkit-flex
;
3300 border-bottom: solid
5px #f56a6a;
3301 padding: 6em 0 1em 0;
3316 font-family: "Roboto Slab", serif
;
3324 @media screen and
(max-width: 1680px) {
3332 @media screen and
(max-width: 736px) {
3356 padding: 6em 0 4em 0 ;
3358 display: -webkit-flex
;
3364 margin-top: -0.125em;
3369 -webkit-flex-grow: 1;
3372 -moz-flex-shrink: 1;
3373 -webkit-flex-shrink: 1;
3381 -webkit-flex-grow: 0;
3384 -moz-flex-shrink: 0;
3385 -webkit-flex-shrink: 0;
3389 margin: 0 0 2em 4em;
3393 #banner .image img
{
3395 -moz-object-fit: cover
;
3396 -webkit-object-fit: cover
;
3397 -ms-object-fit: cover
;
3399 -moz-object-position: center
;
3400 -webkit-object-position: center
;
3401 -ms-object-position: center
;
3402 object-position: center
;
3406 @media screen and
(orientation: portrait
) {
3409 -moz-flex-direction: column-reverse
;
3410 -webkit-flex-direction: column-reverse
;
3411 -ms-flex-direction: column-reverse
;
3412 flex-direction: column-reverse
;
3421 -webkit-flex-grow: 0;
3424 -moz-flex-shrink: 0;
3425 -webkit-flex-shrink: 0;
3433 -webkit-flex-grow: 0;
3436 -moz-flex-shrink: 0;
3437 -webkit-flex-shrink: 0;
3449 @media screen and
(orientation: portrait
) and
(max-width: 480px) {
3459 #footer .copyright
{
3464 #footer .copyright a
{
3471 -moz-user-select: none
;
3472 -webkit-user-select: none
;
3473 -ms-user-select: none
;
3476 font-family: "Roboto Slab", serif
;
3478 letter-spacing: 0.075em;
3482 text-transform: uppercase
;
3485 #menu ul a
, #menu ul span
{
3494 #menu ul
a:hover
, #menu ul
span:hover
{
3498 #menu ul a
.opener
, #menu ul span
.opener
{
3499 -moz-transition: color
0.2s ease-in-out
;
3500 -webkit-transition: color
0.2s ease-in-out
;
3501 -ms-transition: color
0.2s ease-in-out
;
3502 transition: color
0.2s ease-in-out
;
3503 text-decoration: none
;
3504 -webkit-tap-highlight-color: rgba
(255, 255, 255, 0);
3508 #menu ul a
.opener:before
, #menu ul span
.opener:before
{
3509 -moz-osx-font-smoothing: grayscale
;
3510 -webkit-font-smoothing: antialiased
;
3511 font-family: FontAwesome
;
3513 font-weight: normal
;
3514 text-transform: none
!important
;
3517 #menu ul a
.opener:before
, #menu ul span
.opener:before
{
3518 -moz-transition: color
0.2s ease-in-out
, -moz-transform
0.2s ease-in-out
;
3519 -webkit-transition: color
0.2s ease-in-out
, -webkit-transform
0.2s ease-in-out
;
3520 -ms-transition: color
0.2s ease-in-out
, -ms-transform
0.2s ease-in-out
;
3521 transition: color
0.2s ease-in-out
, transform
0.2s ease-in-out
;
3528 #menu ul a
.opener:hover:before
, #menu ul span
.opener:hover:before
{
3532 #menu ul a
.opener
.active
+ ul
, #menu ul span
.opener
.active
+ ul
{
3536 #menu ul a
.opener
.active:before
, #menu ul span
.opener
.active:before
{
3537 -moz-transform: rotate
(-180deg);
3538 -webkit-transform: rotate
(-180deg);
3539 -ms-transform: rotate
(-180deg);
3540 transform: rotate
(-180deg);
3544 border-top: solid
1px rgba
(210, 215, 217, 0.75);
3545 margin: 0.5em 0 0 0;
3546 padding: 0.5em 0 0 0;
3549 #menu > ul
> li
> ul
{
3552 margin: 0.5em 0 1.5em 0;
3556 #menu > ul
> li
> ul a
, #menu
> ul
> li
> ul span
{
3560 #menu > ul
> li
> ul
> li
{
3561 margin: 0.125em 0 0 0;
3562 padding: 0.125em 0 0 0;
3565 #menu > ul
> li:first-child
{