@import "fontawesome-all.min.css";

@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300italic,600italic,300,600";

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
margin:0;
padding:0;
border:0;
font:;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-family:inherit;
vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}

body {
-webkit-text-size-adjust:none
}

blockquote,q {
quotes:none
}

blockquote:after,blockquote:before,q:after,q:before {
content:none
}

table {
border-collapse:collapse;
border-spacing:0;
margin:0 0 2rem;
width:100%
}

mark {
background-color:transparent;
color:inherit
}

input::-moz-focus-inner {
border:0;
padding:0
}

input {
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
appearance:none
}

@media screen and (max-width:480px) {
body,html {
min-width:320px
}
}

html {
box-sizing:border-box;
font-size:16pt
}

*,:after,:before {
box-sizing:inherit
}

body {
background:#1b1f22
}

body.is-preload *,body.is-preload :after,body.is-preload :before {
-moz-animation:none!important;
-webkit-animation:none!important;
-ms-animation:none!important;
animation:none!important;
-moz-transition:none!important;
-webkit-transition:none!important;
-ms-transition:none!important;
transition:none!important
}

@media screen and (max-width:1680px) {
html {
font-size:12pt
}
}

@media screen and (max-width:736px) {
html {
font-size:11pt
}
}

@media screen and (max-width:360px) {
html {
font-size:10pt
}
}

body,input {
color:#fff
}

body,input,select,textarea {
font:300 1rem/1.65 "Source Sans Pro",sans-serif
}

a {
-moz-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-bottom-color .2s ease-in-out;
-webkit-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-bottom-color .2s ease-in-out;
-ms-transition:color .2s ease-in-out,background-color .2s ease-in-out,border-bottom-color .2s ease-in-out;
transition:color .2s ease-in-out,background-color .2s ease-in-out,border-bottom-color .2s ease-in-out;
border-bottom:dotted 1px #ffffff80
}

a:hover {
border-bottom-color:transparent
}

b,h1,h2,h3,h4,h5,h6,strong {
color:#fff;
font-weight:600
}

em,i {
font-style:italic
}

blockquote,dl,form,p {
margin:0 0 2rem
}

h1,h2,h3,h4,h5,h6 {
margin:0 0 1rem;
text-transform:uppercase
}

h1,h2 {
font-size:2.25rem;
line-height:1.3;
letter-spacing:.5rem
}

h3,h4,h5,h6 {
line-height:1.5;
letter-spacing:.2rem
}

a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
color:inherit;
text-decoration:none
}

h1.major,h2.major,h3.major,h4.major,h5.major,h6.major {
border-bottom:solid 1px #fff;
width:-moz-max-content;
width:-webkit-max-content;
width:-ms-max-content;
width:max-content;
padding-bottom:.5rem;
margin:0 0 2rem
}

h2 {
font-size:1.5rem;
line-height:1.4
}

h3 {
font-size:1rem
}

h4,sub,sup {
font-size:.8rem
}

h5 {
font-size:.7rem
}

h6 {
font-size:.6rem
}

@media screen and (max-width:736px) {
h1 {
font-size:1.75rem;
line-height:1.4
}

h2 {
font-size:1.25em;
line-height:1.5
}
}

sub,sup {
position:relative;
top:.5rem
}

sup {
top:-.5rem
}

blockquote {
border-left:solid 4px #fff;
font-style:italic;
padding:.5rem 0 .5rem 2rem
}

code,pre {
font:.9rem "Courier New",monospace
}

code {
background:#ffffff13;
border-radius:4px;
margin:0 .25rem;
padding:.25rem .65rem
}

pre {
-webkit-overflow-scrolling:touch;
margin:0 0 2rem
}

pre code {
display:block;
line-height:1.75;
padding:1rem 1.5rem;
overflow-x:auto
}

hr {
border:0;
border-bottom:solid 1px #fff;
margin:2.75rem 0
}

.align-left {
text-align:left
}

.align-center {
text-align:center
}

.align-right {
text-align:right
}

#header .content .inner>:last-child,.box>:last-child,.box>:last-child>:last-child,.box>:last-child>:last-child>:last-child,form>:last-child {
margin-bottom:0
}

form>.fields {
display:-moz-flex;
display:-webkit-flex;
display:-ms-flex;
display:flex;
-moz-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:calc(100% + 3rem);
margin:-1.5rem 0 2rem -1.5rem
}

form>.fields>.field {
-moz-flex-grow:0;
-webkit-flex-grow:0;
-ms-flex-grow:0;
flex-grow:0;
-moz-flex-shrink:0;
-webkit-flex-shrink:0;
-ms-flex-shrink:0;
flex-shrink:0;
padding:1.5rem 0 0 1.5rem;
width:calc(100% - 1.5rem)
}

form>.fields>.field.half {
width:calc(50% - .75rem)
}

form>.fields>.field.third {
width:calc(100%/3 - .5rem)
}

form>.fields>.field.quarter {
width:calc(25% - .375rem)
}

@media screen and (max-width:480px) {
form>.fields {
width:calc(100% + 3rem);
margin:-1.5rem 0 2rem -1.5rem
}

form>.fields>.field {
padding:1.5rem 0 0 1.5rem
}

form>.fields>.field,form>.fields>.field.half,form>.fields>.field.quarter,form>.fields>.field.third {
width:calc(100% - 1.5rem)
}
}

label {
color:#fff;
display:block;
font-size:.8rem;
font-weight:300;
letter-spacing:.2rem;
line-height:1.5;
margin:0 0 1rem;
text-transform:uppercase
}

input[type=email],input[type=password],input[type=tel],input[type=text],select {
padding:0 1rem
}

input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea {
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
appearance:none;
-moz-transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
-webkit-transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
-ms-transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
background-color:transparent;
border-radius:4px;
border:solid 1px #fff;
color:inherit;
display:block;
outline:0;
text-decoration:none;
width:100%
}

input[type=email]:invalid,input[type=password]:invalid,input[type=tel]:invalid,input[type=text]:invalid,select:invalid,textarea:invalid {
box-shadow:none
}

input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus {
background:#ffffff13;
border-color:#fff;
box-shadow:0 0 0 1px #fff
}

select {
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='%23ffffff' /%3E%3C/svg%3E");
background-size:1.25rem;
background-repeat:no-repeat;
background-position:calc(100% - 1rem) center;
padding-right:2.75rem;
text-overflow:ellipsis
}

select option {
color:#fff;
background:#1b1f22
}

select:focus::-ms-value {
background-color:transparent
}

select::-ms-expand {
display:none
}

input[type=email],input[type=password],input[type=text],select {
height:2.75rem
}

textarea {
padding:.75rem 1rem
}

input[type=checkbox],input[type=radio] {
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
appearance:none;
display:block;
float:left;
margin-right:-2rem;
opacity:0;
width:1rem;
z-index:-1
}

input[type=checkbox]+label,input[type=radio]+label {
text-decoration:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
color:#fff;
cursor:pointer;
display:inline-block;
font-size:.8rem;
font-weight:300;
margin:0 0 .5rem;
padding-left:2.65rem;
padding-right:.75rem;
position:relative
}

input[type=checkbox]+label:before,input[type=radio]+label:before {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-style:normal;
font-variant:normal;
text-rendering:auto;
line-height:1;
text-transform:none!important;
font-family:"Font Awesome 5 Free";
font-weight:900;
-moz-transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
-webkit-transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
-ms-transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out;
border:solid 1px #fff;
content:"";
display:inline-block;
height:1.65rem;
left:0;
line-height:1.65rem;
position:absolute;
text-align:center;
top:-.15rem;
width:1.65rem
}

input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before {
background:#fff!important;
border-color:#fff!important;
color:#1b1f22;
content:""
}

input[type=checkbox]:focus+label:before,input[type=radio]:focus+label:before {
background:#ffffff13;
border-color:#fff;
box-shadow:0 0 0 1px #fff
}

input[type=checkbox]+label:before {
border-radius:4px
}

input[type=radio]+label:before {
border-radius:100%
}

::-webkit-input-placeholder {
color:#ffffff80!important;
opacity:1
}

:-moz-placeholder {
color:#ffffff80!important;
opacity:1
}

::-moz-placeholder {
color:#ffffff80!important;
opacity:1
}

:-ms-input-placeholder {
color:#ffffff80!important;
opacity:1
}

.formerize-placeholder {
color:#ffffff80!important;
opacity:1
}

.box {
border-radius:4px;
border:solid 1px #fff;
margin-bottom:2rem;
padding:1.5em
}

.box.alt {
border:0;
border-radius:0;
padding:0
}

.icon,.image {
position:relative
}

.icon {
text-decoration:none;
border-bottom:none
}

.icon:before {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
display:inline-block;
font-style:normal;
font-variant:normal;
text-rendering:auto;
text-transform:none!important;
font-family:"Font Awesome 5 Free";
font-weight:400;
line-height:inherit
}

.icon>.label {
display:none
}

.icon.solid:before {
font-weight:900
}

.icon.brands:before {
font-family:"Font Awesome 5 Brands"
}

.image {
border-radius:4px;
border:0;
display:inline-block
}

.image:before {
pointer-events:none;
background-image:url(../../images/overlay.png);
background-color:#13151980;
content:"";
height:100%;
left:0;
opacity:.5;
position:absolute;
top:0;
width:100%
}

.image img,.image:before {
border-radius:4px;
display:block
}

.image.left,.image.right {
max-width:40%
}

.image.fit img,.image.left img,.image.main img,.image.right img,ul.actions.fit li>*,ul.actions.fit.stacked {
width:100%
}

.image.left {
float:left;
padding:0 1.5em 1em 0;
top:.25em
}

.image.right {
float:right;
padding:0 0 1em 1.5em;
top:.25em
}

.image.fit,.image.main {
display:block;
margin:0 0 2rem;
width:100%
}

.image.main {
margin:2.5rem 0
}

@media screen and (max-width:736px) {
.image.main {
margin:2rem 0
}
}

@media screen and (max-width:480px) {
.image.main {
margin:1.5rem 0
}
}

ol,ul {
list-style:decimal;
margin:0 0 2rem;
padding-left:1.25em
}

ol li {
padding-left:.25em
}

ul {
list-style:disc;
padding-left:1em
}

ul li {
padding-left:.5em
}

ul.alt {
list-style:none;
padding-left:0
}

ul.alt li {
border-top:solid 1px #fff;
padding:.5em 0
}

ul.alt li:first-child {
border-top:0;
padding-top:0
}

dl dt {
display:block;
font-weight:600;
margin:0 0 1rem
}

dl dd {
margin-left:2rem
}

ul.actions {
display:-moz-flex;
display:-webkit-flex;
display:-ms-flex;
display:flex;
cursor:default;
list-style:none;
margin-left:-1rem;
padding-left:0
}

ul.actions li {
padding:0 0 0 1rem;
vertical-align:middle
}

ul.actions.special {
-moz-justify-content:center;
-webkit-justify-content:center;
-ms-justify-content:center;
justify-content:center;
width:100%;
margin-left:0
}

ul.actions.special li:first-child {
padding-left:0
}

ul.actions.stacked {
-moz-flex-direction:column;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
margin-left:0
}

ul.actions.stacked li {
padding:1.3rem 0 0
}

ul.actions.stacked li:first-child {
padding-top:0
}

ul.actions.fit {
width:calc(100% + 1rem)
}

ul.actions.fit li {
-moz-flex-grow:1;
-webkit-flex-grow:1;
-ms-flex-grow:1;
flex-grow:1;
-moz-flex-shrink:1;
-webkit-flex-shrink:1;
-ms-flex-shrink:1;
flex-shrink:1;
width:100%
}

@media screen and (max-width:480px) {
ul.actions:not(.fixed) {
-moz-flex-direction:column;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
margin-left:0;
width:100%!important
}

ul.actions:not(.fixed) li {
-moz-flex-grow:1;
-webkit-flex-grow:1;
-ms-flex-grow:1;
flex-grow:1;
-moz-flex-shrink:1;
-webkit-flex-shrink:1;
-ms-flex-shrink:1;
flex-shrink:1;
padding:1rem 0 0;
text-align:center;
width:100%
}

ul.actions:not(.fixed) li .button,ul.actions:not(.fixed) li button,ul.actions:not(.fixed) li input[type=button],ul.actions:not(.fixed) li input[type=reset],ul.actions:not(.fixed) li input[type=submit],ul.actions:not(.fixed) li>* {
width:100%
}

ul.actions:not(.fixed) li:first-child {
padding-top:0
}

ul.actions:not(.fixed) li .button.icon:before,ul.actions:not(.fixed) li button.icon:before,ul.actions:not(.fixed) li input[type=button].icon:before,ul.actions:not(.fixed) li input[type=reset].icon:before,ul.actions:not(.fixed) li input[type=submit].icon:before {
margin-left:-.5em
}
}

ul.icons {
cursor:default;
list-style:none;
padding-left:0
}

ul.icons li {
display:inline-block;
padding:0 .75em 0 0
}

ul.icons li:last-child {
padding-right:0
}

ul.icons li a {
border-radius:100%;
box-shadow:inset 0 0 0 1px #fff;
display:inline-block;
height:2.25rem;
line-height:2.25rem;
text-align:center;
width:2.25rem
}

#header nav ul li a:hover,#main article .close:hover:before,.button:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,ul.icons li a:hover {
background-color:#ffffff13
}

#header nav ul li a:active,#main article .close:active:before,.button:active,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active,ul.icons li a:active {
background-color:#ffffff2d
}

.table-wrapper {
-webkit-overflow-scrolling:touch;
overflow-x:auto
}

table tbody tr {
border:solid 1px #fff;
border-left:0;
border-right:0
}

table tbody tr:nth-child(2n+1) {
background-color:#ffffff13
}

table td {
padding:.75em
}

table th {
color:#fff;
font-size:.9em;
font-weight:600;
padding:0 .75em .75em;
text-align:left
}

table thead {
border-bottom:solid 2px #fff
}

table tfoot {
border-top:solid 2px #fff
}

table.alt {
border-collapse:separate
}

table.alt tbody tr td {
border:solid 1px #fff;
border-left-width:0;
border-top-width:0
}

table.alt tbody tr td:first-child {
border-left-width:1px
}

table.alt tbody tr:first-child td {
border-top-width:1px
}

table.alt thead {
border-bottom:0
}

table.alt tfoot {
border-top:0
}

.button,button,input[type=button],input[type=reset],input[type=submit] {
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
appearance:none;
-moz-transition:background-color .2s ease-in-out,color .2s ease-in-out;
-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;
-ms-transition:background-color .2s ease-in-out,color .2s ease-in-out;
transition:background-color .2s ease-in-out,color .2s ease-in-out;
background-color:transparent;
border-radius:4px;
border:0;
box-shadow:inset 0 0 0 1px #fff;
color:#fff!important;
cursor:pointer;
display:inline-block;
font-size:.8rem;
font-weight:300;
height:2.75rem;
letter-spacing:.2rem;
line-height:2.75rem;
outline:0;
padding:0 1.25rem 0 1.35rem;
text-align:center;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap
}

.button.icon:before,button.icon:before,input[type=button].icon:before,input[type=reset].icon:before,input[type=submit].icon:before {
margin-right:.5em
}

.button.fit,button.fit,input[type=button].fit,input[type=reset].fit,input[type=submit].fit {
width:100%
}

.button.small,button.small,input[type=button].small,input[type=reset].small,input[type=submit].small {
font-size:.6rem;
height:2.0625rem;
line-height:2.0625rem
}

.button.primary,button.primary,input[type=button].primary,input[type=reset].primary,input[type=submit].primary {
background-color:#fff;
color:#1b1f22!important;
font-weight:600
}

.button.disabled,.button:disabled,button.disabled,button:disabled,input[type=button].disabled,input[type=button]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=submit].disabled,input[type=submit]:disabled {
pointer-events:none;
cursor:default;
opacity:.25
}

button,input[type=button],input[type=reset],input[type=submit] {
line-height:calc(2.75rem - 2px)
}

#bg,#wrapper {
width:100%;
transform:translate3d(0,0,0)
}

#bg {
-moz-transform:none;
-webkit-transform:none;
-ms-transform:none;
transform:none;
-webkit-backface-visibility:hidden;
position:fixed;
will-change:opacity,backdrop-filter;
top:0;
left:0;
height:100vh;
z-index:1
}

#bg:after,#bg:before {
content:"";
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}

#bg:before {
-moz-transition:background-color 2.5s ease-in-out;
-webkit-transition:background-color 2.5s ease-in-out;
-ms-transition:background-color 2.5s ease-in-out;
transition:background-color 2.5s ease-in-out;
-moz-transition-delay:.75s;
-webkit-transition-delay:.75s;
-ms-transition-delay:.75s;
transition-delay:.75s;
background-image:linear-gradient(to top,#13151980,#13151980),url(../../images/overlay.png);
background-size:auto,256px 256px;
background-position:center,center;
background-repeat:no-repeat,repeat;
z-index:2
}

#bg:after {
-moz-transform:none;
-webkit-transform:none;
-ms-transform:none;
transform:none;
-moz-transition:-moz-transform .1s ease-in-out,-moz-filter .1s ease-in-out;
-webkit-transition:-webkit-transform .1s ease-in-out,-webkit-filter .1s ease-in-out;
-ms-transition:-ms-transform .1s ease-in-out,-ms-filter .1s ease-in-out;
transition:transform .1s ease-in-out,filter .1s ease-in-out;
background-image:url(../../images/bg.jpg);
background-position:center;
background-size:cover;
background-repeat:no-repeat;
z-index:1
}

body.is-article-visible #bg:after {
-moz-filter:blur(.2rem);
-webkit-filter:blur(.2rem);
-ms-filter:blur(.2rem);
filter:blur(.2rem)
}

body.is-preload #bg:before {
background-color:#000
}

#wrapper {
display:-moz-flex;
display:-webkit-flex;
display:-ms-flex;
display:flex;
-moz-flex-direction:column;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-moz-align-items:center;
-webkit-align-items:center;
-ms-align-items:center;
align-items:center;
-moz-justify-content:space-between;
-webkit-justify-content:space-between;
-ms-justify-content:space-between;
justify-content:space-between;
position:relative;
min-height:100vh;
padding:4rem 2rem;
will-change:transform,opacity;
z-index:3
}

#header>:before,#wrapper:before {
content:"";
display:block
}

@media screen and (max-width:1680px) {
#wrapper {
padding:3rem 2rem
}
}

@media screen and (max-width:736px) {
#wrapper {
padding:2rem 1rem
}
}

@media screen and (max-width:480px) {
#wrapper {
padding:1rem
}
}

#header {
display:-moz-flex;
display:-webkit-flex;
display:-ms-flex;
display:flex;
-moz-flex-direction:column;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-moz-align-items:center;
-webkit-align-items:center;
-ms-align-items:center;
align-items:center;
-moz-transition:-moz-transform .1s ease-in-out,-moz-filter .1s ease-in-out,opacity .1s ease-in-out;
-webkit-transition:-webkit-transform .1s ease-in-out,-webkit-filter .1s ease-in-out,opacity .1s ease-in-out;
-ms-transition:-ms-transform .1s ease-in-out,-ms-filter .1s ease-in-out,opacity .1s ease-in-out;
transition:transform .1s ease-in-out,filter .1s ease-in-out,opacity .1s ease-in-out;
background-image:-moz-radial-gradient(#00000040 25%,transparent 55%);
background-image:-webkit-radial-gradient(#00000040 25%,transparent 55%);
background-image:-ms-radial-gradient(#00000040 25%,transparent 55%);
background-image:radial-gradient(#00000040 25%,transparent 55%);
max-width:100%;
text-align:center
}

#header>* {
-moz-transition:opacity .1s ease-in-out;
-webkit-transition:opacity .1s ease-in-out;
-ms-transition:opacity .1s ease-in-out;
transition:opacity .1s ease-in-out;
position:relative;
margin-top:3.5rem
}

#header>:before {
position:absolute;
top:calc(-3.5rem - 1px);
left:calc(50% - 1px);
width:1px;
height:calc(3.5rem + 1px);
background:#fff
}

#header>:first-child {
margin-top:0
}

#header>:first-child:before {
display:none
}

#header .logo {
width:5.5rem;
height:5.5rem;
line-height:5.5rem;
border:solid 1px #fff;
border-radius:100%
}

#header .logo .icon:before {
font-size:2rem
}

#header .content {
border-style:solid;
border-color:#fff;
border-top-width:1px;
border-bottom-width:1px;
max-width:100%
}

#header .content .inner {
-moz-transition:max-height .75s ease,padding .75s ease,opacity .1s ease-in-out;
-webkit-transition:max-height .75s ease,padding .75s ease,opacity .1s ease-in-out;
-ms-transition:max-height .75s ease,padding .75s ease,opacity .1s ease-in-out;
transition:max-height .75s ease,padding .75s ease,opacity .1s ease-in-out;
-moz-transition-delay:.25s;
-webkit-transition-delay:.25s;
-ms-transition-delay:.25s;
transition-delay:.25s;
padding:3rem 2rem;
max-height:40rem;
overflow:hidden
}

#header .content p {
text-transform:uppercase;
letter-spacing:.2rem;
font-size:.8rem;
line-height:2
}

#header nav ul {
display:-moz-flex;
display:-webkit-flex;
display:-ms-flex;
display:flex;
margin-bottom:0;
list-style:none;
padding-left:0;
border:solid 1px #fff;
border-radius:4px
}

#header nav ul li {
padding-left:0;
border-left:solid 1px #fff
}

#header nav ul li:first-child {
border-left:0
}

#header nav ul li a {
display:block;
min-width:7.5rem;
height:2.75rem;
line-height:2.75rem;
padding:0 1.25rem 0 1.45rem;
text-transform:uppercase;
letter-spacing:.2rem;
font-size:.8rem;
border-bottom:0
}

#header nav.use-middle:after {
content:"";
display:block;
position:absolute;
top:0;
left:calc(50% - 1px);
width:1px;
height:100%;
background:#fff
}

#header nav.use-middle ul li.is-middle {
border-left:0
}

body.is-article-visible #header {
-moz-transform:scale(.95);
-webkit-transform:scale(.95);
-ms-transform:scale(.95);
transform:scale(.95);
-moz-filter:blur(.1rem);
-webkit-filter:blur(.1rem);
-ms-filter:blur(.1rem);
filter:blur(.1rem);
opacity:0
}

body.is-preload #header {
-moz-filter:blur(.125rem);
-webkit-filter:blur(.125rem);
-ms-filter:blur(.125rem);
filter:blur(.125rem)
}

body.is-preload #header>* {
opacity:0
}

body.is-preload #header .content .inner {
max-height:0;
padding-top:0;
padding-bottom:0;
opacity:0
}

@media screen and (max-width:980px) {
#header .content p br {
display:none
}
}

@media screen and (max-width:736px) {
#header>* {
margin-top:2rem
}

#header>:before {
top:calc(-2rem - 1px);
height:calc(2rem + 1px)
}

#header .logo {
width:4.75rem;
height:4.75rem;
line-height:4.75rem
}

#header .logo .icon:before {
font-size:1.75rem
}

#header .content .inner {
padding:2.5rem 1rem
}

#header .content p {
line-height:1.875
}
}

@media screen and (max-width:480px) {
#header {
padding:1.5rem 0
}

#header .content .inner {
padding:2.5rem 0
}

#header nav ul {
-moz-flex-direction:column;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
min-width:10rem;
max-width:100%
}

#header nav ul li {
border-left:0;
border-top:solid 1px #fff
}

#header nav ul li:first-child {
border-top:0
}

#header nav ul li a {
height:3rem;
line-height:3rem;
min-width:0;
width:100%
}

#header nav.use-middle:after {
display:none
}
}

#main,#main article {
position:relative;
max-width:100%
}

#main {
-moz-flex-grow:1;
-webkit-flex-grow:1;
-ms-flex-grow:1;
flex-grow:1;
-moz-flex-shrink:1;
-webkit-flex-shrink:1;
-ms-flex-shrink:1;
flex-shrink:1;
display:-moz-flex;
display:-webkit-flex;
display:-ms-flex;
display:flex;
-moz-align-items:center;
-webkit-align-items:center;
-ms-align-items:center;
align-items:center;
-moz-justify-content:center;
-webkit-justify-content:center;
-ms-justify-content:center;
justify-content:center;
-moz-flex-direction:column;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
z-index:3
}

#main article {
-moz-transform:translateY(.25rem);
-webkit-transform:translateY(.25rem);
-ms-transform:translateY(.25rem);
transform:translateY(.25rem);
-moz-transition:opacity .1s ease-in-out,-moz-transform .1s ease-in-out;
-webkit-transition:opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
-ms-transition:opacity .1s ease-in-out,-ms-transform .1s ease-in-out;
transition:opacity .1s ease-in-out,transform .1s ease-in-out;
padding:4.5rem 2.5rem 1.5rem;
width:40rem;
background-color:#1b1f22d9;
border-radius:4px;
opacity:0
}

#main article.active {
-moz-transform:translateY(0);
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
opacity:1
}

#main article .close {
display:block;
position:absolute;
top:0;
right:0;
width:4rem;
height:4rem;
cursor:pointer;
text-indent:4rem;
overflow:hidden;
white-space:nowrap
}

#main article .close:before {
-moz-transition:background-color .2s ease-in-out;
-webkit-transition:background-color .2s ease-in-out;
-ms-transition:background-color .2s ease-in-out;
transition:background-color .2s ease-in-out;
content:"";
display:block;
position:absolute;
top:.75rem;
left:.75rem;
width:2.5rem;
height:2.5rem;
border-radius:100%;
background-position:center;
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' zoomAndPan='disable'%3E%3Cstyle%3Eline %7B stroke: %23ffffff%3B stroke-width: 1%3B %7D%3C/style%3E%3Cline x1='2' y1='2' x2='18' y2='18' /%3E%3Cline x1='18' y1='2' x2='2' y2='18' /%3E%3C/svg%3E");
background-size:20px 20px;
background-repeat:no-repeat
}

@media screen and (max-width:736px) {
#main article {
padding:3.5rem 2rem .5rem
}

#main article .close:before {
top:.875rem;
left:.875rem;
width:2.25rem;
height:2.25rem;
background-size:14px 14px
}
}

@media screen and (max-width:480px) {
#main article {
padding:3rem 1.5rem .5rem
}
}

#footer {
-moz-transition:-moz-transform .1s ease-in-out,-moz-filter .1s ease-in-out,opacity .1s ease-in-out;
-webkit-transition:-webkit-transform .1s ease-in-out,-webkit-filter .1s ease-in-out,opacity .1s ease-in-out;
-ms-transition:-ms-transform .1s ease-in-out,-ms-filter .1s ease-in-out,opacity .1s ease-in-out;
transition:transform .1s ease-in-out,filter .1s ease-in-out,opacity .1s ease-in-out;
width:100%;
max-width:100%;
margin-top:2rem;
text-align:center
}

#footer .copyright {
letter-spacing:.2rem;
font-size:.6rem;
opacity:.75;
margin-bottom:0;
text-transform:uppercase
}

body.is-article-visible #footer {
-moz-transform:scale(.95);
-webkit-transform:scale(.95);
-ms-transform:scale(.95);
transform:scale(.95);
-moz-filter:blur(.1rem);
-webkit-filter:blur(.1rem);
-ms-filter:blur(.1rem);
filter:blur(.1rem);
opacity:0
}

body.is-preload #footer {
opacity:0
}