@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i");


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 {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
.by {
padding-bottom: 6em;
}
.by img {
position: relative;
display: block;
max-width: 200px;
width: 100%;
margin: 0 auto;
}
.by img:hover {
opacity:.4;
}
#footer .by a {
border: none;
}
.skip {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip:focus {
position: static;
width: auto;
height: auto;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
-webkit-text-size-adjust: none;
}
mark {
background-color: transparent;
color: inherit;
}

/* Basic */

@-ms-viewport {
width: device-width;
}
body {
-ms-overflow-style: scrollbar;
}
@media screen and (max-width: 480px) {

html, body {
min-width: 320px;
}
}

html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
body {
background: #fff;
}
body.is-preload *, body.is-preload *:before, body.is-preload *:after {
animation: none !important;
transition: none !important;
}

/* Type */

body {
background-color: #fff;
color: #888;
}
body, input, select, textarea {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 1em;
line-height: 2;
}
strong, b {
font-weight: 700;
}
em, i {
font-style: italic;
}
sub {
font-size: 0.8em;
position: relative;
top: 0.5em;
}
sup {
font-size: 0.8em;
position: relative;
top: -0.5em;
}
blockquote {
border-left: solid 12px;
font-style: italic;
margin: 0 0 2.5em 0;
padding: 0.625em 0 0.625em 2.5em;
}
code {
border-radius: 4px;
border: solid 1px;
font-family: "Courier New", monospace;
font-size: 0.9em;
margin: 0 0.25em;
padding: 0.25em 0.65em;
}
pre {
-webkit-overflow-scrolling: touch;
font-family: "Courier New", monospace;
font-size: 0.9em;
margin: 0 0 2.5em 0;
}
pre code {
display: block;
line-height: 1.75;
padding: 1em 1.5em;
overflow-x: auto;
}
hr {
border: 0;
border-bottom: solid 1px;
margin: 2.5em 0;
}
hr.major {
margin: 3.75em 0;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
strong, b {
color: #555;
}
hr {
border-bottom-color: rgba(144, 144, 144, 0.25);
}

/* Row */

.row {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
align-items: stretch;
}
.row > * {
box-sizing: border-box;
}
.row.gtr-uniform > * > :last-child {
margin-bottom: 0;
}
.row.aln-left {
justify-content: flex-start;
}
.row.aln-center {
justify-content: center;
}
.row.aln-right {
justify-content: flex-end;
}
.row.aln-top {
align-items: flex-start;
}
.row.aln-middle {
align-items: center;
}
.row.aln-bottom {
align-items: flex-end;
}

.row>.imp{order:-1}.row>.col-1{width:8.33333%}.row>.off-1{margin-left:8.33333%}.row>.col-2{width:16.66667%}.row>.off-2{margin-left:16.66667%}.row>.col-3{width:25%}.row>.off-3{margin-left:25%}.row>.col-4{width:33.33333%}.row>.off-4{margin-left:33.33333%}.row>.col-5{width:41.66667%}.row>.off-5{margin-left:41.66667%}.row>.col-6{width:50%}.row>.off-6{margin-left:50%}.row>.col-7{width:58.33333%}.row>.off-7{margin-left:58.33333%}.row>.col-8{width:66.66667%}.row>.off-8{margin-left:66.66667%}.row>.col-9{width:75%}.row>.off-9{margin-left:75%}.row>.col-10{width:83.33333%}.row>.off-10{margin-left:83.33333%}.row>.col-11{width:91.66667%}.row>.off-11{margin-left:91.66667%}.row>.col-12{width:100%}.row>.off-12{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.375em}.row.gtr-25>*{padding:0 0 0 .375em}.row.gtr-25.gtr-uniform{margin-top:-.375em}.row.gtr-25.gtr-uniform>*{padding-top:.375em}.row.gtr-50{margin-top:0;margin-left:-.75em}.row.gtr-50>*{padding:0 0 0 .75em}.row.gtr-50.gtr-uniform{margin-top:-.75em}.row.gtr-50.gtr-uniform>*{padding-top:.75em}.row{margin-top:0;margin-left:-1.5em}.row>*{padding:0 0 0 1.5em}.row.gtr-uniform{margin-top:-1.5em}.row.gtr-uniform>*{padding-top:1.5em}.row.gtr-150{margin-top:0;margin-left:-2.25em}.row.gtr-150>*{padding:0 0 0 2.25em}.row.gtr-150.gtr-uniform{margin-top:-2.25em}.row.gtr-150.gtr-uniform>*{padding-top:2.25em}.row.gtr-200{margin-top:0;margin-left:-3em}.row.gtr-200>*{padding:0 0 0 3em}.row.gtr-200.gtr-uniform{margin-top:-3em}.row.gtr-200.gtr-uniform>*{padding-top:3em}@media screen and (max-width:1680px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-xlarge{order:-1}.row>.col-1-xlarge{width:8.33333%}.row>.off-1-xlarge{margin-left:8.33333%}.row>.col-2-xlarge{width:16.66667%}.row>.off-2-xlarge{margin-left:16.66667%}.row>.col-3-xlarge{width:25%}.row>.off-3-xlarge{margin-left:25%}.row>.col-4-xlarge{width:33.33333%}.row>.off-4-xlarge{margin-left:33.33333%}.row>.col-5-xlarge{width:41.66667%}.row>.off-5-xlarge{margin-left:41.66667%}.row>.col-6-xlarge{width:50%}.row>.off-6-xlarge{margin-left:50%}.row>.col-7-xlarge{width:58.33333%}.row>.off-7-xlarge{margin-left:58.33333%}.row>.col-8-xlarge{width:66.66667%}.row>.off-8-xlarge{margin-left:66.66667%}.row>.col-9-xlarge{width:75%}.row>.off-9-xlarge{margin-left:75%}.row>.col-10-xlarge{width:83.33333%}.row>.off-10-xlarge{margin-left:83.33333%}.row>.col-11-xlarge{width:91.66667%}.row>.off-11-xlarge{margin-left:91.66667%}.row>.col-12-xlarge{width:100%}.row>.off-12-xlarge{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.375em}.row.gtr-25>*{padding:0 0 0 .375em}.row.gtr-25.gtr-uniform{margin-top:-.375em}.row.gtr-25.gtr-uniform>*{padding-top:.375em}.row.gtr-50{margin-top:0;margin-left:-.75em}.row.gtr-50>*{padding:0 0 0 .75em}.row.gtr-50.gtr-uniform{margin-top:-.75em}.row.gtr-50.gtr-uniform>*{padding-top:.75em}.row{margin-top:0;margin-left:-1.5em}.row>*{padding:0 0 0 1.5em}.row.gtr-uniform{margin-top:-1.5em}.row.gtr-uniform>*{padding-top:1.5em}.row.gtr-150{margin-top:0;margin-left:-2.25em}.row.gtr-150>*{padding:0 0 0 2.25em}.row.gtr-150.gtr-uniform{margin-top:-2.25em}.row.gtr-150.gtr-uniform>*{padding-top:2.25em}.row.gtr-200{margin-top:0;margin-left:-3em}.row.gtr-200>*{padding:0 0 0 3em}.row.gtr-200.gtr-uniform{margin-top:-3em}.row.gtr-200.gtr-uniform>*{padding-top:3em}}@media screen and (max-width:1280px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-large{order:-1}.row>.col-1-large{width:8.33333%}.row>.off-1-large{margin-left:8.33333%}.row>.col-2-large{width:16.66667%}.row>.off-2-large{margin-left:16.66667%}.row>.col-3-large{width:25%}.row>.off-3-large{margin-left:25%}.row>.col-4-large{width:33.33333%}.row>.off-4-large{margin-left:33.33333%}.row>.col-5-large{width:41.66667%}.row>.off-5-large{margin-left:41.66667%}.row>.col-6-large{width:50%}.row>.off-6-large{margin-left:50%}.row>.col-7-large{width:58.33333%}.row>.off-7-large{margin-left:58.33333%}.row>.col-8-large{width:66.66667%}.row>.off-8-large{margin-left:66.66667%}.row>.col-9-large{width:75%}.row>.off-9-large{margin-left:75%}.row>.col-10-large{width:83.33333%}.row>.off-10-large{margin-left:83.33333%}.row>.col-11-large{width:91.66667%}.row>.off-11-large{margin-left:91.66667%}.row>.col-12-large{width:100%}.row>.off-12-large{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.375em}.row.gtr-25>*{padding:0 0 0 .375em}.row.gtr-25.gtr-uniform{margin-top:-.375em}.row.gtr-25.gtr-uniform>*{padding-top:.375em}.row.gtr-50{margin-top:0;margin-left:-.75em}.row.gtr-50>*{padding:0 0 0 .75em}.row.gtr-50.gtr-uniform{margin-top:-.75em}.row.gtr-50.gtr-uniform>*{padding-top:.75em}.row{margin-top:0;margin-left:-1.5em}.row>*{padding:0 0 0 1.5em}.row.gtr-uniform{margin-top:-1.5em}.row.gtr-uniform>*{padding-top:1.5em}.row.gtr-150{margin-top:0;margin-left:-2.25em}.row.gtr-150>*{padding:0 0 0 2.25em}.row.gtr-150.gtr-uniform{margin-top:-2.25em}.row.gtr-150.gtr-uniform>*{padding-top:2.25em}.row.gtr-200{margin-top:0;margin-left:-3em}.row.gtr-200>*{padding:0 0 0 3em}.row.gtr-200.gtr-uniform{margin-top:-3em}.row.gtr-200.gtr-uniform>*{padding-top:3em}}@media screen and (max-width:980px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-medium{order:-1}.row>.col-1-medium{width:8.33333%}.row>.off-1-medium{margin-left:8.33333%}.row>.col-2-medium{width:16.66667%}.row>.off-2-medium{margin-left:16.66667%}.row>.col-3-medium{width:25%}.row>.off-3-medium{margin-left:25%}.row>.col-4-medium{width:33.33333%}.row>.off-4-medium{margin-left:33.33333%}.row>.col-5-medium{width:41.66667%}.row>.off-5-medium{margin-left:41.66667%}.row>.col-6-medium{width:50%}.row>.off-6-medium{margin-left:50%}.row>.col-7-medium{width:58.33333%}.row>.off-7-medium{margin-left:58.33333%}.row>.col-8-medium{width:66.66667%}.row>.off-8-medium{margin-left:66.66667%}.row>.col-9-medium{width:75%}.row>.off-9-medium{margin-left:75%}.row>.col-10-medium{width:83.33333%}.row>.off-10-medium{margin-left:83.33333%}.row>.col-11-medium{width:91.66667%}.row>.off-11-medium{margin-left:91.66667%}.row>.col-12-medium{width:100%}.row>.off-12-medium{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.375em}.row.gtr-25>*{padding:0 0 0 .375em}.row.gtr-25.gtr-uniform{margin-top:-.375em}.row.gtr-25.gtr-uniform>*{padding-top:.375em}.row.gtr-50{margin-top:0;margin-left:-.75em}.row.gtr-50>*{padding:0 0 0 .75em}.row.gtr-50.gtr-uniform{margin-top:-.75em}.row.gtr-50.gtr-uniform>*{padding-top:.75em}.row{margin-top:0;margin-left:-1.5em}.row>*{padding:0 0 0 1.5em}.row.gtr-uniform{margin-top:-1.5em}.row.gtr-uniform>*{padding-top:1.5em}.row.gtr-150{margin-top:0;margin-left:-2.25em}.row.gtr-150>*{padding:0 0 0 2.25em}.row.gtr-150.gtr-uniform{margin-top:-2.25em}.row.gtr-150.gtr-uniform>*{padding-top:2.25em}.row.gtr-200{margin-top:0;margin-left:-3em}.row.gtr-200>*{padding:0 0 0 3em}.row.gtr-200.gtr-uniform{margin-top:-3em}.row.gtr-200.gtr-uniform>*{padding-top:3em}}@media screen and (max-width:736px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-small{order:-1}.row>.col-1-small{width:8.33333%}.row>.off-1-small{margin-left:8.33333%}.row>.col-2-small{width:16.66667%}.row>.off-2-small{margin-left:16.66667%}.row>.col-3-small{width:25%}.row>.off-3-small{margin-left:25%}.row>.col-4-small{width:33.33333%}.row>.off-4-small{margin-left:33.33333%}.row>.col-5-small{width:41.66667%}.row>.off-5-small{margin-left:41.66667%}.row>.col-6-small{width:50%}.row>.off-6-small{margin-left:50%}.row>.col-7-small{width:58.33333%}.row>.off-7-small{margin-left:58.33333%}.row>.col-8-small{width:66.66667%}.row>.off-8-small{margin-left:66.66667%}.row>.col-9-small{width:75%}.row>.off-9-small{margin-left:75%}.row>.col-10-small{width:83.33333%}.row>.off-10-small{margin-left:83.33333%}.row>.col-11-small{width:91.66667%}.row>.off-11-small{margin-left:91.66667%}.row>.col-12-small{width:100%}.row>.off-12-small{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.3125em}.row.gtr-25>*{padding:0 0 0 .3125em}.row.gtr-25.gtr-uniform{margin-top:-.3125em}.row.gtr-25.gtr-uniform>*{padding-top:.3125em}.row.gtr-50{margin-top:0;margin-left:-.625em}.row.gtr-50>*{padding:0 0 0 .625em}.row.gtr-50.gtr-uniform{margin-top:-.625em}.row.gtr-50.gtr-uniform>*{padding-top:.625em}.row{margin-top:0;margin-left:-1.25em}.row>*{padding:0 0 0 1.25em}.row.gtr-uniform{margin-top:-1.25em}.row.gtr-uniform>*{padding-top:1.25em}.row.gtr-150{margin-top:0;margin-left:-1.875em}.row.gtr-150>*{padding:0 0 0 1.875em}.row.gtr-150.gtr-uniform{margin-top:-1.875em}.row.gtr-150.gtr-uniform>*{padding-top:1.875em}.row.gtr-200{margin-top:0;margin-left:-2.5em}.row.gtr-200>*{padding:0 0 0 2.5em}.row.gtr-200.gtr-uniform{margin-top:-2.5em}.row.gtr-200.gtr-uniform>*{padding-top:2.5em}}@media screen and (max-width:480px){.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}.row>*{box-sizing:border-box}.row.gtr-uniform>*>:last-child{margin-bottom:0}.row.aln-left{justify-content:flex-start}.row.aln-center{justify-content:center}.row.aln-right{justify-content:flex-end}.row.aln-top{align-items:flex-start}.row.aln-middle{align-items:center}.row.aln-bottom{align-items:flex-end}.row>.imp-xsmall{order:-1}.row>.col-1-xsmall{width:8.33333%}.row>.off-1-xsmall{margin-left:8.33333%}.row>.col-2-xsmall{width:16.66667%}.row>.off-2-xsmall{margin-left:16.66667%}.row>.col-3-xsmall{width:25%}.row>.off-3-xsmall{margin-left:25%}.row>.col-4-xsmall{width:33.33333%}.row>.off-4-xsmall{margin-left:33.33333%}.row>.col-5-xsmall{width:41.66667%}.row>.off-5-xsmall{margin-left:41.66667%}.row>.col-6-xsmall{width:50%}.row>.off-6-xsmall{margin-left:50%}.row>.col-7-xsmall{width:58.33333%}.row>.off-7-xsmall{margin-left:58.33333%}.row>.col-8-xsmall{width:66.66667%}.row>.off-8-xsmall{margin-left:66.66667%}.row>.col-9-xsmall{width:75%}.row>.off-9-xsmall{margin-left:75%}.row>.col-10-xsmall{width:83.33333%}.row>.off-10-xsmall{margin-left:83.33333%}.row>.col-11-xsmall{width:91.66667%}.row>.off-11-xsmall{margin-left:91.66667%}.row>.col-12-xsmall{width:100%}.row>.off-12-xsmall{margin-left:100%}.row.gtr-0{margin-top:0;margin-left:0em}.row.gtr-0>*{padding:0 0 0 0em}.row.gtr-0.gtr-uniform{margin-top:0em}.row.gtr-0.gtr-uniform>*{padding-top:0em}.row.gtr-25{margin-top:0;margin-left:-.3125em}.row.gtr-25>*{padding:0 0 0 .3125em}.row.gtr-25.gtr-uniform{margin-top:-.3125em}.row.gtr-25.gtr-uniform>*{padding-top:.3125em}.row.gtr-50{margin-top:0;margin-left:-.625em}.row.gtr-50>*{padding:0 0 0 .625em}.row.gtr-50.gtr-uniform{margin-top:-.625em}.row.gtr-50.gtr-uniform>*{padding-top:.625em}.row{margin-top:0;margin-left:-1.25em}.row>*{padding:0 0 0 1.25em}.row.gtr-uniform{margin-top:-1.25em}.row.gtr-uniform>*{padding-top:1.25em}.row.gtr-150{margin-top:0;margin-left:-1.875em}.row.gtr-150>*{padding:0 0 0 1.875em}.row.gtr-150.gtr-uniform{margin-top:-1.875em}.row.gtr-150.gtr-uniform>*{padding-top:1.875em}.row.gtr-200{margin-top:0;margin-left:-2.5em}.row.gtr-200>*{padding:0 0 0 2.5em}.row.gtr-200.gtr-uniform{margin-top:-2.5em}.row.gtr-200.gtr-uniform>*{padding-top:2.5em}}

/* Box */

.box {
border-radius: 4px;
border: solid 1px;
margin-bottom: 2.5em;
padding: 1.5em;
}
.box > :last-child,
.box > :last-child > :last-child,
.box > :last-child > :last-child > :last-child {
margin-bottom: 0;
}
.box.alt {
border: 0;
border-radius: 0;
padding: 0;
}
.box {
border-color: rgba(144, 144, 144, 0.25);
}

/* Button */
input[type="submit"].apex,
input[type="reset"].apex,
input[type="button"].apex,
button.apex,
.button.apex {
text-align:center;
display:block;
appearance: none;
transition: 0.2s ease-in-out, color 0.2s ease-in-out;
font-size: 0.85em;
color: #ffffff;
background: url('pattern.png');
font-weight: 700;
border-radius: 4px;
line-height: 3em;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
padding: 0em 2.5em 0em 2.5em;
margin-top: 1em;
margin-bottom: 1em;
width:200px;
}
input[type="submit"].apex:hover, 
input[type="reset"].apex:hover,
input[type="button"].apex:hover,
button.apex:hover,
.button.apex:hover {
color:#ffffff;
opacity:.65;
}
input[type="submit"].apex:active,
input[type="reset"].apex:active,
input[type="button"].apex:active,
button.apex:active,
.button.apex:active {
background: rgba(34,94,132,1);
}
button.apex:active,
.button.apex:active {
background-color: #f0c3fa;
outline: 3px dotted #a307fc;
}
button.apex:focus,
.button.apex:focus {
color: #ffffff;
background-image: none;
background-color: #d004fc;
outline: 3px dotted #a307fc;
}
@media screen and (max-width: 1050px) {
input[type="submit"].apex,
input[type="reset"].apex,
input[type="button"].apex,
button.apex,
.button.apex {
margin-right:auto;
margin-left:auto;
}
}

/* Icon */

.icon {
text-decoration: none;
border-bottom: none;
position: relative;
}
.icon:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
text-transform: none !important;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
.icon.solid:before {
font-weight: 900;
}
.icon.brands:before {
font-family: 'Font Awesome 5 Brands';
}
.icon > .label {
display: none;
}

/* Image */

.image {
border-radius: 4px;
border: 0;
display: inline-block;
position: relative;
}
.image[data-position] img {
-moz-object-fit: cover;
-webkit-object-fit: cover;
-ms-object-fit: cover;
object-fit: cover;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image[data-position="top left"] img {
-moz-object-position: top left;
-webkit-object-position: top left;
-ms-object-position: top left;
object-position: top left;
}
.image[data-position="top"] img {
-moz-object-position: top;
-webkit-object-position: top;
-ms-object-position: top;
object-position: top;
}
.image[data-position="top right"] img {
-moz-object-position: top right;
-webkit-object-position: top right;
-ms-object-position: top right;
object-position: top right;
}
.image[data-position="right"] img {
-moz-object-position: right;
-webkit-object-position: right;
-ms-object-position: right;
object-position: right;
}
.image[data-position="bottom right"] img {
-moz-object-position: bottom right;
-webkit-object-position: bottom right;
-ms-object-position: bottom right;
object-position: bottom right;
}
.image[data-position="bottom"] img {
-moz-object-position: bottom;
-webkit-object-position: bottom;
-ms-object-position: bottom;
object-position: bottom;
}
.image[data-position="bottom left"] img {
-moz-object-position: bottom left;
-webkit-object-position: bottom left;
-ms-object-position: bottom left;
object-position: bottom left;
}
.image[data-position="left"] img {
-moz-object-position: left;
-webkit-object-position: left;
-ms-object-position: left;
object-position: left;
}
.image[data-position="center"] img {
-moz-object-position: center;
-webkit-object-position: center;
-ms-object-position: center;
object-position: center;
}
.image[data-position="25% 25%"] img {
-moz-object-position: 25% 25%;
-webkit-object-position: 25% 25%;
-ms-object-position: 25% 25%;
object-position: 25% 25%;
}
.image[data-position="75% 25%"] img {
-moz-object-position: 75% 25%;
-webkit-object-position: 75% 25%;
-ms-object-position: 75% 25%;
object-position: 75% 25%;
}
.image[data-position="75% 75%"] img {
-moz-object-position: 75% 75%;
-webkit-object-position: 75% 75%;
-ms-object-position: 75% 75%;
object-position: 75% 75%;
}
.image[data-position="25% 75%"] img {
-moz-object-position: 25% 75%;
-webkit-object-position: 25% 75%;
-ms-object-position: 25% 75%;
object-position: 25% 75%;
}
.image img {
border-radius: 4px;
display: block;
max-width: 100%;
}
.image.left, .image.right {
max-width: 40%;
}
.image.left img, .image.right img {
width: 100%;
}
.image.left {
float: left;
margin: 0 1.5em 1em 0;
top: 0.25em;
}
.image.right {
float: right;
margin: 0 0 1em 1.5em;
top: 0.25em;
}
.image.fit {
display: block;
margin: 0 0 2.5em 0;
width: 100%;
}
.image.fit img {
width: 100%;
}
.image.main {
display: block;
margin: 0 0 3.75em 0;
width: 100%;
}
.image.main img {
width: 100%;
}

@media screen and (max-width: 736px) {

.image.main {
margin: 0 0 2.5em 0;
}
}

a.image {
overflow: hidden;
}
a.image img {
-moz-transition: -moz-transform 0.2s ease;
-webkit-transition: -webkit-transform 0.2s ease;
-ms-transition: -ms-transform 0.2s ease;
transition: transform 0.2s ease;
}
a.image:hover img {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}

/* List */

ol {
list-style: decimal;
margin: 0 0 2.5em 0;
padding-left: 1.25em;
}
ol li {
padding-left: 0.25em;
}
ul {
list-style: disc;
}
ul li {

}
ul.alt {
list-style: none;
padding-left: 0;
}
ul.alt li {
border-top: solid 1px;
padding: 0.5em 0;
}
ul.alt li:first-child {
border-top: 0;
padding-top: 0;
}
dl {
margin: 0 0 2.5em 0;
}
dl dt {
display: block;
font-weight: 700;
margin: 0 0 1.25em 0;
}
dl dd {
margin-left: 2.5em;
}
ul.alt li {
border-top-color: rgba(144, 144, 144, 0.25);
}

/* Actions */

ul.actions {
list-style: none;
}
ul.actions li {

}
ul.actions.special {
justify-content: center;
}
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.625em 0 0 0;
}
ul.actions.stacked li:first-child {
padding-top: 0;
}
ul.actions.fit {
width: calc(100% + 1.25em);
}
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%;
}
ul.actions.fit li > * {
width: 100%;
}
ul.actions.fit.stacked {
width: 100%;
}

@media screen and (max-width: 480px) {

}
}

/* Icons */

ul.icons {
cursor: default;
list-style: none;
padding-left: 0;
}
ul.icons li {
display: inline-block;
padding: 0 1em 0 0;
}
ul.icons li:last-child {
padding-right: 0;
}
ul.icons li .icon:before {
font-size: 2em;
}

/* Contact Icons */

ul.contact-icons {
list-style: none;
padding-left: 0;
}
ul.contact-icons li:before {
padding-left: 0;
margin-right: 1em;
}

/* Section/Article */

section.special, article.special {
text-align: center;
}
header p {
max-width: 50em;
position: relative;
margin-left: auto;
margin-right: auto;
}
header h1 + p,
header h2 + p,
header h3 + p {
margin-top: -1.375em;
}
header h4 + p,
header h5 + p,
header h6 + p {
font-size: 0.9em;
margin-top: -0.75em;
}
header.major {
text-align: center;
font-size:calc(100% + .5vw);
line-height:1.4em;
margin-top:1em;
margin-bottom: 0em;
margin-right:auto;
margin-left:auto;
}
header.major h2 {
text-align: center;
font-size:calc(100% + .65vw);
color:#03508f;
font-weight:700;
line-height:1.4em;
padding:0em 1em .25em 1em;
margin-top:0em;
margin-bottom: 0em;
margin-right:auto;
margin-left:auto;
max-width:950px;
}
header.major h3 {
text-align: center;
font-size:1em;
color: rgba(0, 0, 0, 1);
line-height:1.4em;
padding:0em 1em .75em 1em;
margin-top:.5em;
margin-bottom: .5em;
margin-right:auto;
margin-left:auto;
max-width:850px;
}
header.major h4 {
text-align: justify;
font-size:calc(50% + .15vw);
color: rgba(0, 0, 0, 1);
font-weight:700;
line-height:1.4em;
padding:0em 1em 3em 1em;
margin-top:0em;
margin-bottom: 0em;
margin-right:auto;
margin-left:auto;
max-width:950px;
}
header.major p {
text-align:justify;
font-size:calc(50% + .25vw);
color:rgba(0,0,0,.75);
line-height:1.4em;
padding:0em 1em .5em 1em;
margin-top: 0;
margin-bottom:0em;
margin-right:auto;
margin-left:auto;
max-width:900px;
}
@media screen and (max-width: 1280px) {
header.major {

}
}
@media screen and (max-width: 980px) {
header.major h2 {
font-size:1.15em;
}
}
@media screen and (max-width: 736px) {
header.major h2 {
font-size:1em;
}
header.major p {
max-width:450px;
}
}
@media screen and (max-width: 480px) {
header.major h2 {
font-size:.85em;
}
}
header p {
color: #bbb;
}

/* Posts */

.posts {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-bottom: 1em;
margin-top: 1em;
}
.posts > * {
flex-shrink: 1;
flex-grow: 0;
}
.posts > * {
width: 33.333%;
}
.posts > * {
padding: 0em 1em 0em 1em;
width: calc(33.333% + 1.5em);
}
.posts > :nth-child(2n + 1),
.posts > :nth-child(2n) {
width: calc(33.333% + 0em);
}
.posts h3 {
font-size:.9em;
line-height:1.35em;
padding:0;
margin:0;
min-height:80px;
}
.posts p {
margin: 0 0 0 0;
line-height: 1.5;
height: 150px;
}
.posts article {
border-radius: 4px;
text-align: center;
border: 2px solid #ffffff;
/*background-image: url('whitepattern.png');*/
margin-bottom:2.5em;
}
.posts .image {
display: block;
width: 100%;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.posts .image img {
width: 100%;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-top:0;
height: 13em;
}
.posts .content {
padding: .5em .75em 0em .75em;
height: 105px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

@media screen and (max-width: 980px) {

.posts > * {
padding: 0em 1em 0em 1em;
width: calc(50% + 0em);
}
.posts > :nth-child(2n + 1),
.posts > :nth-child(2n) {
width: calc(50% + 0em);
}
}
@media screen and (max-width: 736px) {
.posts h3 {
font-size:.8em;
}
}
@media screen and (max-width: 550px) {
.posts > * {
padding: 0em 1em 0em 1em;
width: 100%;
}
.posts .content {
padding: .5em .75em 0em .75em;
height: 85px;
}
.posts > :nth-child(2n + 1),
.posts > :nth-child(2n) {
width: 100%;
}
.posts h3 {
font-size:.75em;
min-height:70px;
}
}

/* Wrapper */

.wrapper {
padding: 1em 0em 1em 0em ;
position: relative;
overflow-x: hidden;
}
.wrapper > .inner {
text-align: center;
margin-right: auto;
margin-left: auto;
padding:0em 0em 0em 0em;
width: 100%;
max-width: 1200px;
}
.wrapper.style1 {
background-color: #946cc1;
color: #e4daf0;
}
.wrapper.style1 h4 {
color: #ffffff;
}
.wrapper.style1 hr {
border-bottom-color: rgba(255, 255, 255, 0.25);
}
.wrapper.style1 .box {
border-color: rgba(255, 255, 255, 0.25);
}
.wrapper.style4 {
background-image: url('pattern.png');
color: #d9f3f2;
padding: 6em 0 5em 0;
}
.wrapper.style4 strong, .wrapper.style4 b {
color: #ffffff;
}
.wrapper.style4 h2 {
position: relative;
text-align: center;
display: block;
font-size: calc(100% + 1vw);
color: #ffffff;
background:url('pattern.png');
text-transform: uppercase;
font-style: italic;
line-height: 1.35em;
margin-right: auto;
margin-left: auto;
margin-bottom: 1.5em;
}
.wrapper.style4 blockquote {
border-left-color: rgba(255, 255, 255, 0.25);
}
.wrapper.style4 code {
background: rgba(255, 255, 255, 0.075);
border-color: rgba(255, 255, 255, 0.25);
}
.wrapper.style4 hr {
border-bottom-color: rgba(255, 255, 255, 0.25);
}
.wrapper.style4 .box {
border-color: rgba(255, 255, 255, 0.25);
}
input[type="submit"].four, input[type="reset"].four, input[type="button"].four, button.four, .button.four {
text-align: center;
display: block;
appearance: none;
transition: 0.2s ease-in-out, color 0.2s ease-in-out;
font-size: 0.75em;
color: #ffffff;
background: url('pattern.png');
box-shadow: 0 1px 6px rgb(0 0 0 / 25%);
font-weight: 700;
border-radius: 4px;
line-height: 2.5em;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
padding: 0em 1.5em 0em 1.5em;
margin-right: auto;
margin-left: auto;
margin-top: .25em;
margin-bottom: 1em;
width: 125px;
}
input[type="submit"].four:hover, 
input[type="reset"].four:hover,
input[type="button"].four:hover,
button.four:hover,
.button.four:hover {
opacity:.65;
} 
input[type="submit"].four:focus,
input[type="reset"].four:focus,
input[type="button"].four:focus,
button.four:focus,
.button.four:focus {
color: #ffffff;
background-image: none;
background-color: #d004fc;
outline: 3px dotted #a307fc;
}
input[type="submit"].four:active,
input[type="reset"].four:active,
input[type="button"].four:active,
button.four:active,
.button.four:active {
background-color: rgba(255, 255, 255, 0.175);
}
.wrapper.style4 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='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E");
}
.wrapper.style4 select option {
color: #ffffff;
background: #67cfc9;
}
.wrapper.style4 ul.alt li {
border-top-color: rgba(255, 255, 255, 0.25);
}
.wrapper.style4 header p {
color: #c2ece9;
}
.wrapper.style4 table tbody tr {
border-color: rgba(255, 255, 255, 0.25);
}
.wrapper.style4 table tbody tr:nth-child(2n + 1) {
background-color: rgba(255, 255, 255, 0.075);
}
.wrapper.style4 table th {
color: #ffffff;
}
.wrapper.style4 table thead {
border-bottom-color: rgba(255, 255, 255, 0.25);
}
.wrapper.style4 table tfoot {
border-top-color: rgba(255, 255, 255, 0.25);
}
.wrapper.style4 table.alt tbody tr td {
border-color: rgba(255, 255, 255, 0.25);
}
@media screen and (max-width: 1280px) {
.wrapper {
padding: 1.5em 1em 1.5em 1em;
}
}
@media screen and (max-width: 980px) {
.wrapper {

}
.wrapper.style4 {
padding: 3em 0 5em 0;
}
}
@media screen and (max-width: 736px) {
.wrapper {
padding: 1.5em .5em 1.5em .5em;
}
}
@media screen and (max-width: 550px) {
input[type="submit"].four, input[type="reset"].four, input[type="button"].four, button.four, .button.four {
margin-top: -0.65em;
}
}
/* Carousel */

.carousel {
position: relative;
margin-bottom: 2.5em;
margin-right:auto;
margin-left:auto;
max-width:1200px;
width:100%;
}
.carousel article {
transform: translateY(0.5em);
transition: all 0.35s ease-in-out;
opacity: 0;
visibility: hidden;
margin: 0 auto;
background-color: #fff;
border-radius: 4px;
overflow: hidden;box-shadow: 0px 0px 35px 10px rgb(0, 0, 0,.35);
}
.carousel article.visible {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.carousel video {
width: 100%;
height: auto;
}
.carousel article .image {
display: block;
position: relative;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 23em;
overflow: hidden;
}
.carousel article .image img {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 100%;
width: 100%;
}
.carousel article .content {
background-image:url('whitepattern.png');
padding: 5em 5em 2.5em 5em ;
color: #888 !important;
text-align: center;
}
.carousel article .content h3 {
font-size:calc(100% + .75vw);
color: #555 !important;
line-height:1.35em;
padding:0em 0em 1em 0em;
}
.carousel article .content p {
text-align:justify;
font-size:calc(50% + .5vw);
color: rgba(0, 0, 0, 1);
line-height:1.65em;
min-height:10em;
}
.carousel nav a {
text-decoration: none;
transition: opacity 0.2s ease-in-out;
height: 10%;
opacity: 0.5;
position: absolute;
top: 45%;
width: 0em;
color: rgba(34,94,132,1);
text-shadow: -5px 0px 0px rgb(255 255 255);
}
.carousel nav a:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
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;
}
.carousel nav a .label {
display: none;
}
.carousel nav a:before {
display: block;
font-size: 4em;
height: 2em;
left: 50%;
line-height: 2em;
margin: -1em 0 0 -1em;
position: absolute;
text-align: center;
top: 45%;
width: 2em;
}
.carousel nav a.previous {
left: 5em;
}
.carousel nav a.next {
right: 5em;
}
.carousel nav a.previous:before {
content: '\f104';
}
.carousel nav a.next:before {
content: '\f105';
}
.carousel nav a:hover {
opacity: 1;
}

@media screen and (max-width: 1280px) {

.carousel article {
width: calc(100% - 2em);
}
.carousel article .image {
height: 17em;
}
.carousel article .content {
padding: 4em 4em 1.5em 4em ;
}
.carousel article .content br {
display: none;
}
.carousel nav a:before {
font-size: 4em;
}
}
@media screen and (max-width: 980px) {
.carousel article .image {
height: 15em;
}
}
@media screen and (max-width: 736px) {
.carousel article .image {
height: 12.5em;
}
.carousel article .content {
padding: 2em 1em 0.1em 1em ;
}
}
@media screen and (max-width: 650px) {
.carousel article .image {
height: 9.5em;
}
}
@media screen and (max-width: 550px) {
.carousel article .image {
height: 7em;
}
.carousel article .content p {
line-height:1.25em;
min-height:10em;
}
.carousel nav a:before {
font-size: 2.5em;
height: 2em;
left: 50%;
line-height: 2em;
top: -0.75em;
width: 2em;
}
}
@media screen and (max-width: 400px) {
.carousel article .image {
height: 6.5em;
}
.carousel article .content p {
line-height:1.25em;
min-height:11em;
}
}
/* Spotlight */

.spotlight {
padding: 4em 0;
position: relative;
}
.spotlight > .inner {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto;
max-width: 90%;
width: calc(100% - 0vw);
}
/*.spotlight video {
object-fit: cover;
width: 100%;
height: 100%;
}*/
.spotlight .image {
border-radius: 0;
height: 100%;
position: absolute;
top: 0;
width: 50%;
}
.spotlight .image img {
object-fit: cover;
border-radius: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.spotlight .content {
padding: 2.5em 2.5em 2.5em 2.5em ;
transition: opacity 0.25s ease-out, transform 0.25s ease-out;
background-color: rgba(255,255,255, .9);
box-shadow: 0px 0px 25px 15px rgb(0, 0, 0, .15);
border-radius: 4px;
position: relative;
z-index: 1;
width: 45%;
}
.spotlight .content p {
text-align:justify;
font-size:calc(60% + .25em);
color: #000000;
line-height:1.65em;
min-height:150px;
}
.spotlight.odd .image {
right: 0;
}
.spotlight.even > .inner {
flex-direction: row-reverse;
}
.spotlight.even .image {
left: 0;
}
.spotlight.accent1, .spotlight.accent2, .spotlight.accent3 {
background-image:url('whitepattern.png');
}
.spotlight.accent4 {
background-color: #225e84;
}
.spotlight.accent4 h2 {
color: #ffffff;
}
.spotlight .content h3 {
text-align:left;
font-size:calc(75% + 1vw);
color: rgba(0,0,0,.7);
font-weight:400;
letter-spacing:0px;
line-height:1.35em;
text-transform:none;
font-style:italic;
margin:0;
padding:0em 0em 1em 0em;
}
.spotlight.is-inactive h2 {
-moz-transform: translateY(-2em);
-webkit-transform: translateY(-2em);
-ms-transform: translateY(-2em);
transform: translateY(-2em);
opacity: 0;
}
.spotlight.is-inactive .content {
-moz-transform: translateY(2em);
-webkit-transform: translateY(2em);
-ms-transform: translateY(2em);
transform: translateY(2em);
opacity: 0;
}

@media screen and (max-width: 1280px) {

.spotlight {
padding: 5.5em 0;
}
.spotlight > .inner {
-moz-justify-content: -moz-flex-start;
-webkit-justify-content: -webkit-flex-start;
-ms-justify-content: -ms-flex-start;
justify-content: flex-start;
}
.spotlight .content {
padding: 4em 4em 1.5em 4em ;
width: 45%;
}
}

@media screen and (max-width: 1050px) {

.spotlight {
padding: 0;
text-align: center;
}
.spotlight > .inner {
display: block;
max-width: none;
width: 100%;
}
.spotlight ul.actions {
justify-content: center;
width: 100%;
margin-left: 0;
}
.spotlight ul.actions li:first-child {
padding-left: 0;
}
.spotlight .image {
height: 30vh;
min-height: 20em;
width: 100%;
position: relative;
}
.spotlight .content {
padding: 3em 2.5em 0.5em 2.5em ;
margin-top:-0.55em;
border-radius: 0;
width: 100%;
}
.spotlight .content h3 {
text-align: center;
max-width:500px;
margin-right:auto;
margin-left:auto;
}
.spotlight .content h3 br {
display: none;
}
.spotlight.is-inactive .content {
-moz-transform: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 0;
}
}
@media screen and (max-width: 736px) {
.spotlight .content p {
font-size:calc(40% + .25em);
line-height:1.5em;
}
.spotlight .content {
padding: 2em 1.5em 0.1em 1.5em ;
}
}
@media screen and (max-width: 550px) {
.spotlight .content h3 {
font-size: .95em;
}
.spotlight .content p {
font-size:.75em;
}
.spotlight .image {
height: 20vh;
min-height: 20em;
width: 100%;
position: relative;
}
}
@media screen and (max-width: 450px) {
.spotlight .content h3 {
font-size: .8em;
}
.spotlight .content p {
font-size:calc(40% + .25em);
line-height:1.5em;
}
}
/* Header */

#header {
display: flex;
justify-content: space-between;
align-items: center;
transition: background-color 0.2s ease;
background-color: #fff;
box-shadow: 0 0 0.5em 0 rgba(144, 144, 144, 0.25);
height: 3.5em;
left: 0;
line-height: 3.5em;
padding: 0 0 0 1.5em;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
#header a {
color: inherit;
font-size: 0.8em;
text-decoration: none;
text-transform: uppercase;
border: 0;
}
#header a:active, #header a:hover, #header a:focus {
color: #ffffff;
}
#header .logo {
display: block;
font-weight: 700;
height: inherit;
letter-spacing: 0.07em;
line-height: inherit;
}
#header .logo span {
font-weight: 400;
}
#header nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#header nav ul li {
display: inline-block;
padding: 0;
}
#header nav ul li a {
display: inline-block;
padding: 0 1.5em 0 1.5em;
position: relative;
}
#header nav ul li a[href="#menu"] {
text-decoration: none;
padding-right: 3em;
}
#header nav ul li a[href="#menu"]:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
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;
}
#header nav ul li a[href="#menu"]:before {
content: '\f0c9';
display: block;
height: 100%;
line-height: inherit;
position: absolute;
right: 1.5em;
text-align: center;
top: 0;
width: 1em;
}
#header.alt {
background-color: transparent;
box-shadow: none;
color: #fff;
}

@media screen and (max-width: 736px) {

#header {
height: 2.75em;
line-height: 2.75em;
padding: 0 0 0 0.75em;
}
#header nav ul li a {
padding: 0 0.75em 0 0.75em;
}
#header nav ul li a[href="#menu"] {
padding-right: 2.5em;
}
#header nav ul li a[href="#menu"]:before {
right: 1em;
}
}
@media screen and (max-width: 550px) {

#header .logo span {
}
#header nav ul li a[href="#menu"]:only-child {
text-indent: 4em;
white-space: nowrap;
}
#header nav ul li a[href="#menu"]:only-child:before {
text-indent: 0;
}
}

/* Menu */
#menu.visible {
transform: translateX(0);
box-shadow:  -2px 9px 20px rgba(255, 255, 255, 0.45);
visibility: visible;
}
#menu {
background:url('pattern.png');
color: #ffffff;
transform: translateX(20em);
transition: transform 0.5s ease, visibility 0.5s;
box-shadow: none;
height: 100%;
width: 20em;
overflow-y: auto;
padding: 3em 2em;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
z-index: 10002;
}
#menu input, #menu select, #menu textarea {
color: #ffffff;
}
#menu a {
color: #ffffff;
}#mneu a:hover {
color:rgba(255,255,255,.5);
}
#menu strong, #menu b {
color: #ffffff;
}
#menu h1, #menu h2, #menu h3, #menu h4, #menu h5, #menu h6 {
color: #ffffff;
}
#menu blockquote {
border-left-color: rgba(255, 255, 255, 0.25);
}
#menu code {
background: rgba(255, 255, 255, 0.075);
border-color: rgba(255, 255, 255, 0.25);
}
#menu hr {
border-bottom-color: rgba(255, 255, 255, 0.25);
}
#menu input[type="submit"].icon:before,
#menu input[type="reset"].icon:before,
#menu input[type="button"].icon:before,
#menu button.icon:before,
#menu .button.icon:before {
color: #ffffff;
}
#menu input[type="submit"].primary.icon:before,
#menu input[type="reset"].primary.icon:before,
#menu input[type="button"].primary.icon:before,
#menu button.primary.icon:before,
#menu .button.primary.icon:before {
color: #ffffff;
}
#menu > ul {
margin: 0 0 1.25em 0;
}
#menu > ul.links {
list-style: none;
padding: 0;
}
#menu > ul.links > li {
padding: 0;
}
#menu > ul.links > li > a:not(.button) {
border: 0;
border-top: solid 1px rgba(255, 255, 255, 0.25);
color: inherit;
display: block;
line-height: 3.5em;
text-decoration: none;
}
#menu > ul.links > li > .button {
display: block;
margin: 1.25em 0 0 0;
}
#menu > ul.links > li:first-child > a:not(.button) {
border-top: 0 !important;
}
#menu .close {
display: block;
text-decoration: none;
transition: color 0.2s ease-in-out;
text-transform: none !important;
text-align: center;
color: #ffffff;
background:#000000;
cursor: pointer;
line-height: 2em;
padding: 0em 0em 0em 0em;
border:1px solid rgba(255,255,255,.35);
border-radius:4px;
position: absolute;
top:1em;
right:.25em;
width: 30%;
}
#menu .close:before {
content: 'close';
font-size: 1em;
}
#menu .close:hover {
color: #ffffff;
}
@media screen and (max-width: 1050px) {
#menu {
background:rgba(0, 0, 0, .85);
}
}
@media screen and (max-width: 550px) {
#menu {
background:rgba(0, 0, 0, .85);
width:100%;
}
}

/* Banner */

#banner {
align-items: center;
display: flex;
justify-content: center;
background-color: #1e2731;
color: #ffffff;
background-image: url("../../images/banner.jpg");
background-position: center;
background-size: cover;
background-attachment: fixed;
cursor: default;
position: relative;
text-align: center;
padding: 8em 0em 13em 0em;
width:100%;
}
#banner strong, #banner b {
color: #ffffff;
}
#banner h1 {
font-family: 'Orbitron', sans-serif;
font-size:5em;
color:rgba(255,255,255, .8);
line-height: 1.2em;
text-shadow: 1px 2px 2px rgb(255 255 255 / 70%);
padding:0em 0em .5em 0em;
margin:0;
}
img#apexlogo {
max-width: 1000px;
width: 100%;
}
#banner h2 {
font-size:1em;
color: #ffffff;
line-height:1.25em;
text-transform:uppercase;
padding:0em 0em 2em 0em;
margin-right:auto;
margin-left:auto;
max-width:1000px;
}
#banner h3 {
font-size:1.35em;
color: #ffffff;
line-height:1.25em;
text-transform:uppercase;
padding:0em 0em 2em 0em;
margin-right:auto;
margin-left:auto;
max-width:1000px;
}
#banner h4 {
font-size:1em;
color: #ffffff;
line-height:1.25em;
text-transform:uppercase;
padding:2em 0em 0em 0em;
margin-right:auto;
margin-left:auto;
max-width:300px;
}
#banner h5, #banner h6 {
color: #ffffff;
}
#banner blockquote {
border-left-color: #ffffff;
}
#banner .inner ul {
width:100%;
}
#banner .inner ul li {
display:inline;
padding:0;
margin:0em .25em 0em .25em;
}
#banner code {
background: rgba(255, 255, 255, 0.075);
border-color: #ffffff;
}
#banner hr {
border-bottom-color: #ffffff;
}
input[type="submit"].banner,
input[type="reset"].banner ,
input[type="button"].banner,
.banner.button,
.banner.button {
display:inline-block;
text-align:center;
position:relative;
text-decoration:none;
font-size: 1em;
color: #ffffff;
background-color: transparent;
box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,.4);
cursor:pointer;
height: 3.25em;
line-height: 3.25em;
width:calc(30% - 0vw);
margin-right: .5em;
margin-left: .5em;
}
#banner input[type="submit"]:hover, 
#banner input[type="reset"]:hover,
#banner input[type="button"]:hover,
#banner button:hover,
#banner .button:hover,
#banner .button:hover {
background-color: rgba(255, 255, 255, 0.075);
}

#banner button:focus, #banner .button:focus {
color: #000000;
background-color: #f0c3fa;
outline: 3px dotted #a307fc;
}
#banner input[type="submit"]:active,
#banner input[type="reset"]:active,
#banner input[type="button"]:active,
#banner button:active,
#banner .button:active {
background-color: rgba(255, 255, 255, 0.175);
}
#banner:after {
transition: opacity 1s ease-in-out;
transition-delay: 0.5s;
content: '';
background-color: rgba(0,0,0, 0);
opacity: 0.85;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#banner .inner {
transition: opacity 1s ease-in-out;
position: relative;
padding:0em 3em 0em 3em;
width:100%;
z-index: 1;
}
#banner p {
margin-bottom: 2.5em;
}
body.is-ie #banner {
height: 100vh;
}
@media screen and (max-width: 1600px) {
#banner h2 {
max-width:950px;
}
}
@media screen and (max-width: 1280px) {
#banner h2 {
max-width:750px;
}
img#apexlogo {
max-width: 800px;
}
#banner h3 {
font-size:1.15em;
}
}
@media screen and (max-width: 980px) {
#banner h1 {
font-size:3.5em;
}
#banner h2 {
font-size:1.3em;
max-width:650px;
}
}
@media screen and (max-width: 736px) {
#banner h1 br {
display: none;
}
#banner h2 {
font-size:1em;
max-width:500px;
}
#banner h3 {
font-size:1em;
}
input[type="submit"].banner,
input[type="reset"].banner ,
input[type="button"].banner,
.banner.button,
.banner.button {
font-size: .75em;
height: 3.25em;
line-height: 3.25em;
width:calc(30% - 0vw);
}
}
@media screen and (max-width: 550px) {
#banner h1 br {
display: none;
}
#banner {
padding: 5em 0em 18em 0em;
}
#banner h1 {
font-size: 2.25em;
}
#banner h2 {
max-width:420px;
}
#banner h4 {
font-size:.8em;
max-width: 225px;
}
.banner.button {
font-size: .75em;
height: 3.25em;
line-height: 3.25em;
margin-right: 0em;
margin-left: 0em;
margin-bottom:.5em;
width:100%;
}
}
@media screen and (max-width: 480px) {

#banner h2 {
font-size:.85em;
max-width:420px;
}
#banner h3 {
font-size:.85em;
}
.banner.button {
font-size: .75em;
height: 3.25em;
line-height: 3.25em;
margin-right: 0em;
margin-left: 0em;
margin-bottom:.5em;
width:100%;
}
}
body.is-preload #banner:after {
opacity: 1;
}
body.is-preload #banner .inner {
opacity: 0;
}
.myheading {
background:url('pattern.png');
}
.myheading h2 {
text-align:center;
font-size:2em;
color:rgba(255,255,255,1);
background:url('pattern.png');
text-shadow: 0px 1px 1px #000000;
line-height:1.35em;
padding:2em 1em 2em 1em;
}
#main {
padding-top: 9em;
}
@media screen and (max-width: 980px) {
#main {
padding-top: 6.5em;
}
.myheading h2 {
font-size:calc(100% + 2vw);
max-width:600px;
margin-right:auto;
margin-left:auto;
}
}
@media screen and (max-width: 736px) {
#main {
padding-top: 5em;
}
}
@media screen and (max-width: 480px) {
.myheading h2 {
font-size:1.25em;
padding:2em 1em 2em 1em;
}
}
.sandpaper {
display:block;
background-image: url("../../images/banner.jpg");
background-position: center;
background-size: cover;
background-attachment: fixed;
padding:0em 0em 0em 0em;
width:100%;
}
.sandpaper h2 {
position:relative;
text-align:center;
font-size:calc(100% + 2vw);
color:#ffffff;
padding:5em 0em 5em 0em;
}
input[type="submit"].scroll, input[type="reset"].scroll, input[type="button"].scroll, button.scroll, 
.button.scroll { 
font-family: 'Open Sans', sans-serif; 
text-align: center; 
display: block; 
font-size: .7em; 
color: rgba(255, 255, 255, 1); 
font-weight: 700; 
background-image: linear-gradient(to right, rgba(34, 94, 132, 1), rgba(37, 101, 142, 1), rgba(34, 94, 132, 1)); 
background-color: rgba(0, 0, 0, .5); 
border:1px dotted rgba(255,255,255, 1);
border-radius: 4px; 
box-shadow: 0 4px 6px rgba(0, 0, 0, 0); 
cursor: pointer; 
letter-spacing: 0; 
outline: 0; 
line-height: 1.5em;  
padding: .35em 0em .35em 0em !important; 
width: 80px; 
margin-bottom: 1em; 
margin-top:1em; 
margin-right:auto; 
margin-left:auto;
}
.button.scroll:hover { 
background-image: linear-gradient(to right, rgba(34, 94, 132, .5), rgba(37, 101, 142, .5), rgba(34, 94, 132, .5));  
background-color: rgba(255, 255, 255, .6); 
color: #ffffff;
}
.button.scroll:focus { 
color: #ffffff;
background-image: none;
background-color: #d004fc;
outline: 3px dotted #a307fc;
}
#footer {
text-align:center;
padding: 6em 3em 3.5em 3em ;
background-image: url(pattern.png);
}
#footer .copyright {
color: #ffffff;
font-size: 2em;
margin: 2em 0 1.5em 0;
padding: 0;
text-align: center;
}
#footer .copyright li:first-child {
border: 0;
margin: 0;
padding-top:2em;
}
#footer h3 {
color: #ffffff;
font-size: 1.5em;
margin: 2em 0 1em 0;
padding: 0;
text-align: center;
}
#footer p {
text-align: justify;
color:#ffffff;
display: inline-block;
line-height: 1.35em;
margin-right: auto;
margin-left: auto;
max-width: 1000px;
}
#footer  a {
text-align: center;
display: block;
color: rgba(255,255,255,1);
text-decoration: none;
border-bottom: 1px dotted;
margin-bottom: 1em;
margin-left: auto;
margin-right: auto;
width: 300px;
max-width: 100%;
}
#footer  a:active, #footer  a:hover {
color: rgba(255,255,255,.5);
}
#footer  a:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
#footer a#email {
text-align: center;
display: inline;
color: rgba(255,255,255,1);
text-decoration: none;
border-bottom: 1px dotted;
margin-left: auto;
margin-right: auto;
width: 300px;
}
#footer a#email2 {
text-align: center;
display: inline;
color: rgba(255,255,255,1);
text-decoration: none;
border-bottom: 1px dotted;
margin-left: auto;
margin-right: auto;
width: 110px;
}
#footer  a#email:hover, #footer a#email2:hover {
color: rgba(255,255,255,.5);
}
 #footer a#email:focus {
color:#ffffff !important;
background-image: none;
outline: 3px dotted #a307fc;
background: #d004fc !important;
}
@media screen and (max-width: 980px) {

#footer {
padding: 4em 3em 1.5em 3em ;
}
}

@media screen and (max-width: 736px) {

#footer {
padding: 3em 2em 0.5em 2em ;
}
}