/*!
 * Project:   NCJW 2017
 * Date:      2017/02/15
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font: 17px/1.47 azo-sans-web,Azo Sans,Helvetica Neue,Helvetica,Arial,sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, textarea, input, select, option, button { color: #45484c; font: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, main, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 25px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }
body > :not(.root-a), body > :not(.root-a) div, body > :not(.root-a) form { margin-bottom: 0; }

@media screen and (max-width: 1023px) { html { font-size: 16px; } }
@media screen and (max-width:  599px) { html { font-size: 15px; } }

@font-face { font-family: 'Aleo'; font-weight: normal; font-style: normal; src: url('../fonts/aleo/aleo-regular.eot'); src: url('../fonts/aleo/aleo-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/aleo/aleo-regular.woff') format('woff'), url('../fonts/aleo/aleo-regular.ttf') format('truetype'), url('../fonts/aleo/aleo-regular.svg#aleoregular') format('svg'); }
@font-face { font-family: 'Aleo'; font-weight: bold; font-style: normal; src: url('../fonts/aleo/aleo-bold.eot'); src: url('../fonts/aleo/aleo-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/aleo/aleo-bold.woff') format('woff'), url('../fonts/aleo/aleo-bold.ttf') format('truetype'), url('../fonts/aleo/aleo-bold.svg#aleobold') format('svg'); }
@font-face { font-family: 'Icons'; src: url('../fonts/icomoon/fonts/icomoon.eot?z8888v'); src: url('../fonts/icomoon/fonts/icomoon.eot?#iefixz8888v') format('embedded-opentype'), url('../fonts/icomoon/fonts/icomoon.ttf?z8888v') format('truetype'), url('../fonts/icomoon/fonts/icomoon.woff?z8888v') format('woff'), url('../fonts/icomoon/fonts/icomoon.svg?z8888v#icomoon') format('svg'); font-weight: normal; font-style: normal; }

/*!
 * Layout
/* ---------------------------------------- */

.root-a { position: relative; overflow: hidden; width: 100%; min-width: 320px; margin: 0; padding: 0; box-sizing: border-box; }
 .root-a *, .root-a *:before, .root-a *:after { box-sizing: inherit; }
 .root-a > .wrap { margin: 0; }
  .root-a .contain { max-width: 1240px; margin-left: auto; margin-right: auto; border-left: 30px solid transparent; border-right: 30px solid transparent; }
  .root-a .contain.-medium { max-width: 840px; }
  .root-a .contain.-small { max-width: 660px; }
  .root-a .expand { position: relative; width: 100vw; max-width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }

@media screen and (max-width: 719px) {
.root-a .contain { border-left-width: 20px; border-right-width: 20px; }
}

/* grid */

.grid-a { overflow: hidden; margin: 0 0 35px; }
.grid-a:first-child { margin-top: 0; }
 .grid-a > .wrap { margin: -50px -25px 0; font-size: 0; letter-spacing: -1em; }
 .grid-a > .wrap { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .grid-a > .wrap > .cell { display: inline-block; position: relative; width: 24.999%; margin: 0; border: 1px solid transparent; border-width: 50px 25px 0; background-clip: padding-box; font-size: 16px; letter-spacing: 0; vertical-align: top; }
  .grid-a > .wrap > .w25 { width: 24.999%; } .grid-a > .wrap > .w33 { width: 33.333%; } .grid-a > .wrap > .w40 { width: 39.999%; } .grid-a > .wrap > .w50 { width: 49.999%; } .grid-a > .wrap > .w60 { width: 59.999%; } .grid-a > .wrap > .w67 { width: 66.666%; } .grid-a > .wrap > .w75 { width: 74.999%; } .grid-a > .wrap > .w100 { width: 100%; }

@media screen and (min-width: 720px) and (max-width: 1249px) { .grid-a > .wrap > .w25\@medium { width: 24.999%; } .grid-a > .wrap > .w33\@medium { width: 33.333%; } .grid-a > .wrap > .w40\@medium { width: 39.999%; } .grid-a > .wrap > .w50\@medium { width: 49.999%; } .grid-a > .wrap > .w60\@medium { width: 59.999%; } .grid-a > .wrap > .w67\@medium { width: 66.666%; } .grid-a > .wrap > .w75\@medium { width: 74.999%; } .grid-a > .wrap > .w100\@medium { width: 100%; } }
@media screen and (max-width: 719px) { .grid-a > .wrap > .cell { width: 100%; } .grid-a > .wrap > .w25\@small { width: 24.999%; } .grid-a > .wrap > .w33\@small { width: 33.333%; } .grid-a > .wrap > .w40\@small { width: 39.999%; } .grid-a > .wrap > .w50\@small { width: 49.999%; } .grid-a > .wrap > .w60\@small { width: 59.999%; } .grid-a > .wrap > .w67\@small { width: 66.666%; } .grid-a > .wrap > .w75\@small { width: 74.999%; } .grid-a > .wrap > .w100\@small { display: block; width: 100%; } }

/*!
 * Modules
/* ---------------------------------------- */

.archive-a { }
 .archive-a > .wrap { border-top: 5px solid #8dd500; }
  .archive-a > .wrap .teaser-a:first-child { border-top: none; }

@media screen and (max-width: 1023px) {
.archive-a > .wrap { margin-top: -25px; border-top: none; }
}

/* browser warning */

.browser-a { margin: 0 0 40px; padding: 20px 40px; background: #b22; color: #fff; text-align: center; }
 .browser-a a { color: #fff !important; text-decoration: underline; }

/* content wrapper */

.content-a { margin-bottom: 0; }

/* call to action bar */

.ctabar-a { border-top: 1px solid #dadadb; background: #002d71; color: #fff; line-height: 75px; }
 .ctabar-a:after { display: table; clear: both; content: ''; }
 .ctabar-a .hx { float: left; margin: 0; padding-left: 38px; border-left: 5px solid #8dd500; color: inherit; font: inherit; font-size: 1.29rem; }
 .ctabar-a ul { float: right; margin: 0; padding: 0; }
  .ctabar-a li { float: left; width: 180px; margin: 0; text-transform: uppercase; text-align: center; }
   .ctabar-a li:before { display: none; }
   .ctabar-a li a { display: block; min-width: 0; min-height: 75px; padding: 0; border: none; font-size: 1.18rem; line-height: 75px; vertical-align: top; }
    .ctabar-a li .fa-custom { font: 0.85em/75px Icons; line-height: inherit; }
   .ctabar-a li.join a { background-color: #fff; }
   .ctabar-a li.join a:hover { background-color: #f2f1ed; }
    .ctabar-a li.join .fa-custom:before { content: '\e902'; }
   .ctabar-a li.act a { background-color: #f68e13; }
   .ctabar-a li.act a:hover { background-color: #ffa523; }
    .ctabar-a li.act .fa-custom:before { content: '\e900'; }
   .ctabar-a li.donate a { background-color: #1057c1; color: #fff; }
   .ctabar-a li.donate a:hover { background-color: #2975ec; color: #fff; }
    .ctabar-a li.donate .fa-custom:before { content: '\e901'; }

@media screen and (max-width: 1365px) {
.ctabar-a li { width: 150px; }
 .ctabar-a li a { min-width: 0; font-size: 1rem; }
}
@media screen and (max-width: 1023px) {
.ctabar-a .hx { float: none; padding-left: 20px; padding-right: 20px; text-align: center; }
.ctabar-a ul { float: none; margin: 0; padding: 0; }
 .ctabar-a li { width: 33.33%; }
}
@media screen and (max-width: 599px) {
.ctabar-a .hx { padding-top: 25px; padding-bottom: 25px; font-size: 1.11rem; line-height: 25px; text-align: left; }
.ctabar-a li { float: none; width: auto; }
 .ctabar-a li a { padding-left: 30px; padding-right: 30px; font-size: 1.2rem; text-align: left; }
}

/* stories grid */

.featured-a { position: relative; overflow: hidden; }
 .featured-a > .header-b { width: 450px; max-width: 41.379%; margin: 0 0 -100px; padding: 0 30px 0 0; text-align: left; }
  .featured-a > .header-b .hx span { display: block; }
  .featured-a > .header-b .hx em { margin-left: 25%; }
 .featured-a > .wrap { margin: -20px -10px 0; font-size: 0; letter-spacing: -1em; text-align: right; }
 .featured-a.-center > .wrap { text-align: center; }
  .featured-a > .wrap > .item { display: inline-block; width: 58.619%; margin: 0; border: 1px solid transparent; border-width: 20px 10px 0; font-size: 17px; font-size: 1rem; letter-spacing: 0; vertical-align: top; text-align: left; }
  .featured-a > .wrap > .item:nth-child(4n+1) { vertical-align: bottom; }
  .featured-a > .wrap > .item.-medium { width: 41.379%; }
  .featured-a > .wrap > .item.-small { width: 32.759%; }
   .featured-a > .wrap > .item.-small .teaser-b .wrap { font-size: 15px; }
  .featured-a > .wrap > .item.-special { float: right; margin: -16.95% 0 -100% !important; padding-right: 5.639%; }
 .featured-a > .more { max-width: 780px; margin: 60px auto 0; text-align: center; }

@media screen and (max-width: 1279px) {
.featured-a > .wrap > .item.-special { padding-right: 0; }
 .featured-a > .wrap > .item.-medium .teaser-b .wrap { font-size: 15px; }
 .featured-a > .wrap > .item.-small .teaser-b .wrap { font-size: 14px; }
}
@media screen and (max-width: 1023px) {
.featured-a > .header-b {width: auto; max-width: 100%; margin: 0 0 30px; padding: 0; text-align: center; }
 .featured-a > .header-b .hx { padding-right: 70px; }
 .featured-a > .header-b .hx em { margin-left: 0; padding-left: 100px; }
 .featured-a > .wrap { text-align: center; }
  .featured-a > .wrap > .item,
  .featured-a > .wrap > .item.-small,
  .featured-a > .wrap > .item.-medium { width: 49.99%; }
  .featured-a > .wrap > .item:nth-child(4n+1) { vertical-align: top; }
   .featured-a > .wrap > .item .teaser-b .wrap,
   .featured-a > .wrap > .item.-medium .teaser-b .wrap,
   .featured-a > .wrap > .item.-small .teaser-b .wrap { font-size: 14px; }
   .featured-a > .wrap > .item .teaser-b .hx { font-size: 1.29rem; }
  .featured-a > .wrap > .item.-special { float: none; min-width: 320px; max-width: 320px; margin: 0 !important; }
}
@media screen and (max-width: 719px) {
.featured-a > .wrap > .item .teaser-b .hx { font-size: 1.13rem; }
.featured-a > .wrap > .item .teaser-b .wrap { display: none; }
.featured-a > .more { margin-top: 40px; }
}
@media screen and (max-width: 599px) {
.featured-a > .wrap > .item,
.featured-a > .wrap > .item.-small,
.featured-a > .wrap > .item.-medium { width: 100%; }
.featured-a > .wrap > .item.-special { min-width: 0; max-width: 100%; }
.featured-a > .header-b .hx { margin-left: -50px; padding-right: 0; }
 .featured-a > .header-b .hx em { padding-left: 50px; }
}

/* cards carousel */

.featured-b { margin-bottom: 0; background: #204072; color: #fff; }
 .featured-b .header { margin-bottom: 60px; text-align: center; }
  .featured-b .header > .hx { margin-bottom: 40px; color: inherit; }
  .featured-b .nav { display: none; }
  .js .featured-b .nav { display: block; }
   .featured-b .nav ul { padding: 0; font-size: 0; letter-spacing: -1em; }
    .featured-b .nav li { display: inline-block; padding: 20px 0; font-size: 15px; font-size: 1rem; letter-spacing: 0; vertical-align: top; }
    .featured-b .nav li ~ li { border-left: 1px solid #7e91b0; }
     .featured-b .nav li:before { display: none; }
     .featured-b .nav li a { padding: 0 30px; color: #7e91b0; text-transform: lowercase; }
     .featured-b .nav li.is-active a { color: #fff; }
      .featured-b .nav li:not(.is-active) i { border-color: #7e91b0; color: #7e91b0; background-color: transparent; }
       .featured-b .nav li:not(.is-active) i:after { opacity: 0; }
       .featured-b .nav li:not(.is-active) i:before { color: #7e91b0; -webkit-transition: none; transition: none; }
 .featured-b .section { color: inherit; box-shadow: none; font-size: 1.88rem; line-height: 50px; font-weight: bold; text-align: center; }
  .featured-b .section i { display: inline-block; position: relative; content: ''; width: 50px; height: 50px; margin: 0 15px 0 0; padding-left: 2px; border: 1px solid; border-radius: 50%; background: currentColor; color: #8dd500; font: 0.75em/48px Icons; text-align: center; vertical-align: top; }
  .featured-b .section i { -webkit-transition: inherit; transition: inherit; }
   .featured-b .section i:after { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
   .featured-b .section i:before { display: block; position: relative; color: #1a3765; }
   .featured-b .section.you i:before { content: '\e907'; }
   .featured-b .section.friends i:before { content: '\e906'; }
   .featured-b .section.community i:before { left: -0.035em; content: '\e905'; font-size: 1.5em; }
   .featured-b .section i:after { position: absolute; left: 50%; top: 100%; content: ''; margin: 0 0 0 -7px; border: 1px solid transparent; border-width: 9px 7px; border-top-color: currentColor; }
  .featured-b .tab { margin-bottom: 40px; }
  .js .featured-b .tab { overflow: hidden; height: 0; margin-bottom: 0; }
  .js .featured-b .tab.is-active { overflow: visible; height: auto; }
   .js .featured-b .tab > .hx { display: none; margin-bottom: 30px; }

@media screen and (max-width: 1279px) {
.featured-b .nav li { padding: 10px 0; }
.featured-b .section { font-size: 1.4rem; }
}
@media screen and (max-width: 1023px) {
.featured-b .header { margin-bottom: 40px; }
.featured-b .section { font-size: 2rem; }
.js .featured-b .nav { display: none; }
.js .featured-b .tab { overflow: visible; height: auto; }
.js .featured-b .tab + .tab { margin-top: 40px; padding-top: 40px; border-top: 1px solid #7e91b0; }
 .js .featured-b .tab > .hx { display: block; }
}
@media screen and (max-width: 479px) {
.featured-b .section { font-size: 1.75rem; }
.featured-b .section i { display: block; margin: 0 auto 10px !important; }
}

/* sharables */

.featured-c { position: relative; background: #272726; }
 .featured-c > .background { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; margin: 0; }
  .featured-c > .background img { display: block; width: 100%; min-width: 100%; max-width: none; height: 100%; min-height: 100%; margin: 0 auto; object-fit: cover; }
  .no-objectfit .featured-c > .background img { position: absolute; left: 50%; top: 50%; width: auto; height: auto; -webkit-transform: translate3d(-50%,-50%,0) scale(1.01); -ms-transform: translate3d(-50%,-50%,0) scale(1.01); transform: translate3d(-50%,-50%,0) scale(1.01); }
 .featured-c > .contain { position: relative; max-width: 100%; padding-left: 280px; padding-right: 300px; }
  .featured-c > .contain > .hx { position: absolute; left: 0; z-index: 9; width: 225px; margin: 30px 0 0; color: #f68e12; font-size: 1.88rem; font-weight: normal; text-transform: uppercase; text-align: right; }
   .featured-c > .contain > .hx span { display: block; }
   .featured-c > .contain > .hx em { display: inline-block; margin-top: 0.45em; padding: 0 0.15em 0 0.1em; color: #fff; font: 0.59em/1.2 Aleo,Georgia,serif; text-transform: none; vertical-align: top; }
   .featured-c > .contain > .hx em { -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); }
  .featured-c .slick-list { overflow: visible; }
   .featured-c .slick-slide { -webkit-transition: opacity 0.75s; transition: opacity 0.75s; }
   .featured-c .slick-slide:not(.slick-active) { opacity: 0.3; }

@media screen and (max-width: 1365px) {
.featured-c > .contain { padding-left: 180px; padding-right: 180px; }
 .featured-c > .contain > .hx { position: relative; left: auto; width: auto; margin: -20px 0 30px; padding-left: 10px; text-align: left; }
  .featured-c > .contain > .hx span { display: inline; }
}
@media screen and (max-width: 1279px) {
.featured-c > .contain { padding-left: 100px; padding-right: 100px; }
}
@media screen and (max-width: 1023px) {
.featured-c > .contain { padding-left: 0; padding-right: 0; }
 .featured-c > .contain > .hx { margin-top: 0; }
}
@media screen and (max-width: 719px) {
.featured-c > .contain > .hx { padding-left: 0; text-align: center; }
}
@media screen and (max-width: 599px) {
 .featured-c > .contain > .hx em { display: block; margin-top: 0px; }
}

/* fields */

.fields-a { }
 .fields-a .hx { margin-bottom: 30px; }
 .fields-a .action { margin-top: 40px; }

/* sidebar filters */

.filters-a { }
 .filters-a .hx { display: none; margin: 0; padding: 15px 25px; border-bottom: 1px solid transparent; font: inherit; font-size: 15px; line-height: 25px; font-weight: bold; }
 .filters-a.current_page_item > .hx,
 .filters-a.is-active > .hx { border-bottom-color: #d7d7d1; }
  .filters-a .hx:before { display: inline-block; content: '\e90a'; margin-right: 10px; font: 20px/25px Icons; vertical-align: top; }
  .filters-a .hx:after { float: right; content: '\f078'; font: 15px/25px FontAwesome; vertical-align: top; }
  .filters-a.current_page_item .hx:after
  .filters-a.is-active .hx:after { content: '\f077'; }
 .filters-a .wrap { margin-bottom: 0; }
 .filters-a.current_page_item .wrap,
 .filters-a.is-active .wrap { display: block; }
  .filters-a .hxa { margin-bottom: 40px; font: inherit; }
   .filters-a .hxa a { display: block; padding: 50px; border-bottom: 1px solid #d7d7d1; box-shadow: none; color: inherit; }
  .filters-a .hxb { margin: 0 50px 20px; font-size: 13px; line-height: 20px; text-transform: uppercase; text-align: center; }
  .filters-a .hxb ~ .hxb { margin-top: 40px; padding-top: 40px; border-top: 1px solid #d7d7d1; }
   .filters-a a { position: relative; }
   .filters-a a:not(:hover) { color: inherit; }
    .filters-a a span { box-shadow: inset 0 -1px 0 transparent; }
    .filters-a a:hover span { box-shadow: inset 0 -1px 0 #8ed400; }
    .filters-a a:before { position: absolute; left: 100%; top: 50%; content: ''; margin: -7px 0 0; border: 7px solid transparent; }
   .filters-a .current_page_item > a,
   .filters-a .is-active > a { background-color: #8dd500; color: #002d71; }
    .filters-a .current_page_item > a:before,
    .filters-a .is-active > a:before { border-left-color: #8dd500; }
  .filters-a ul { padding: 0; }
   .filters-a li { margin: 0; font-size: 15px; }
   .js .filters-a ul[data-short] li:nth-child(n+5) { display: none; }
   .js .filters-a ul[data-short].is-open li:nth-child(n+5) { display: block; }
   .js .filters-a ul[data-short] li.more { display: block; padding: 10px 50px; font-size: 13px; font-weight: bold; text-transform: uppercase; cursor: pointer; }
   .js .filters-a ul[data-short].is-open li.more { display: none; }
    .filters-a li:before { display: none; }
    .filters-a li a { display: block; padding: 10px 50px; box-shadow: none; }

@media screen and (max-width: 1279px) {
.filters-a .hxa { margin-bottom: 30px; }
 .filters-a .hxa a { padding: 40px 30px; }
 .filters-a li a { padding: 10px 30px; }
 .js .filters-a ul[data-short] li.more { padding: 10px 30px; }
.filters-a .hxb ~ .hxb { margin: 30px; padding-top: 30px; }
}
@media screen and (max-width: 1023px) {
.filters-a .hx { display: block; }
.filters-a .wrap { padding-bottom: 30px; }
.filters-a:not(.is-active) .wrap { display: none; }
 .filters-a .hxa { margin-bottom: 20px; }
  .filters-a .hxa a { padding: 30px 30px; }
}

/* global footer */

.footer-a { position: relative; z-index: 1; margin-bottom: 0; background: #f2f1ee; }
 .footer-a a:not(:hover) { box-shadow: inset 0 -1px 0 transparent; }
 .footer-a .ctabar-a { margin-bottom: 0; border-top: none; box-shadow: 0 -2px 0 rgba(69,72,76,0.2)}
 .footer-a .contain { padding-top: 10px; }
  .footer-a .section { margin: 0; padding: 40px 0; font-size: 15px; }
   .footer-a .section:after { display: table; clear: both; content: ''; }
  .footer-a .section + .section { border-top: 1px solid #d7d6d1; }
   .footer-a .section a:not(.link-a) { color: inherit; }
  .footer-a .section.a {  }
   .footer-a .logo { float: left; width: 265px; margin: 0 -100% 0 0; }
    .footer-a .logo img { display: block; margin: 0 0 0 auto; }
   .footer-a .nav { margin: 0 310px 0 330px; }
    .footer-a .nav ul { float: left; width: 50%; margin: 0 0 5px; padding: 0 15px; }
     .footer-a .nav li { }
      .footer-a .nav li:before { display: none; }
   .footer-a .joinus { float: right; width: 280px; margin: 0 0 0 -100%; }
    .footer-a .joinus > span { display: block; margin-bottom: 3px; }
  .footer-a .section.b {  }
   .footer-a .section.b a { box-shadow: none; }
   .footer-a .section.b .signup-a { float: left; min-width: 530px; margin-bottom: 0; }
   .footer-a .section.b .awards { display: table; float: right; margin-right: -10px; margin-bottom: 0; padding: 0; font-size: 0; letter-spacing: -1em; }
    .footer-a .section.b .awards li { display: table-cell; width: 33.33%; margin-bottom: 0; padding: 0 10px; vertical-align: middle; text-align: center; }
     .footer-a .section.b .awards li:before { display: none; }
  .footer-a .section.c { font-size: 13px; }
   .footer-a .copys { float: left; margin-bottom: 0; }
   .footer-a .socials-a { margin: -2px 0 0; }
   .footer-a .links { float: right; margin-bottom: 0; }
    .footer-a .links small { padding: 0 7px; font: inherit; }

@media screen and (max-width: 1279px) {
.footer-a .nav { margin-right: 280px; }
.footer-a .joinus { width: 240px; }
}
@media screen and (max-width: 1023px) {
.footer-a .logo { float: none; width: auto; margin: 0 0 30px; }
.footer-a .nav { float: left; margin: 0; width: 66.66%; }
 .footer-a .nav ul { margin-left: -15px; }
.footer-a .joinus { width: 33.33%; }
.footer-a .section.b .signup-a { float: none; min-width: 0; margin-bottom: 30px; }
.footer-a .section.b .awards { float: none; width: 100%; width: calc(100% + 20px); margin: 0 -10px; padding: 0; }
 .mie .footer-a .section.b .awards li img { width: 100%; }
}
@media screen and (max-width: 719px) {
.footer-a .section { padding: 30px 0; }
 .footer-a .nav { float: none; width: auto; margin-bottom: 30px; margin-left: -15px; margin-right: -15px; }
  .footer-a .nav:after { display: table; clear: both; content: ''; }
  .footer-a .nav ul { margin-left: 0; }
 .footer-a .joinus { float: none; width: auto; margin: 0; }
 .footer-a .copys { float: none; margin-bottom: 15px; }
 .footer-a .socials-a { margin: 0 0 0 -7px; text-align: left; }
 .footer-a .links { float: none; margin-bottom: 15px; }
}
@media screen and (max-width: 599px) {
.footer-a .contain { padding-top: 0; }
}
@media screen and (max-width: 479px) {
.footer-a .nav ul { float: none; width: auto; margin-bottom: 5px; }
}

/* section header */

.header-a { position: relative; margin-bottom: 40px; padding: 50px 0; background: #0b2246; color: #fff; text-align: center; }
.header-a.-small { padding: 30px 0; }
 .header-a:before { position: absolute; left: 50%; top: 100%; content: ''; margin: 0 0 0 -15px; border: 15px solid transparent; border-top-color: #0b2246; }
 .header-a .hx { color: inherit; }

@media screen and (max-width: 1023px) {
.header-a { padding-top: 40px; padding-bottom: 40px; }
}
@media screen and (max-width: 719px) {
.header-a { padding-top: 30px; padding-bottom: 30px; }
}

/* page header: stories  */

.header-b { max-width: 960px; margin-left: auto; margin-right: auto; text-align: center; }
 .header-b > .hx { margin-bottom: 30px; color: #de6e24; font-size: 3.18rem; font-weight: normal; text-transform: uppercase; }
  .header-b > .hx em { display: inline-block; margin-top: 0.45em; padding: 0 0.15em 0 0.1em; color: #002d71; font: 0.59em/1 Aleo,Georgia,serif; text-transform: none; vertical-align: top; }
  .header-b > .hx em { -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); }
 .header-b > p.-large { font-size: 1.29rem; }
 .header-b > .socials-b { margin-top: 40px; }

@media screen and (max-width: 599px) {
.header-b > .hx { margin-bottom: 25px; font-size: 2.39rem; }
}

/* page header: updates */

.header-c { position: relative; margin-bottom: 0; background: #0b2246; color: #fff; text-align: center; }
 .header-c .image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; margin: 0; opacity: 0.2; }
  .header-c .image img { display: block; width: 100%; min-width: 100%; max-width: none; height: 100%; min-height: 100%; margin: 0 auto; object-fit: cover; }
  .no-objectfit .header-c .image img { position: absolute; left: 50%; top: 50%; width: auto; height: auto; -webkit-transform: translate3d(-50%,-50%,0) scale(1.01); -ms-transform: translate3d(-50%,-50%,0) scale(1.01); transform: translate3d(-50%,-50%,0) scale(1.01); }
 .header-c .contain { position: relative; max-width: 960px; }
  .header-c .hxa { margin-bottom: 25px; color: inherit; }
  .header-c .hxa + .hxb { margin-top: -20px; }
  .header-c .hxb {  color: inherit; }

/* slider header:work; */

.header-d { position: relative; z-index: 10; margin-bottom: 40px; padding: 40px; background: #0b2246; color: #fff; }
 .header-d:before { position: absolute; left: 40px; top: 100%; content: ''; border: 15px solid transparent; border-top-color: #0b2246; }
 .header-d .hx { color: inherit; }
  .header-d .hx span { display: block; color: #de6e24; font-size: 0.52em; font-weight: normal; text-transform: uppercase; }

@media screen and (max-width: 719px) {
.header-d { padding: 30px 20px; }
}

/* work hero */

.hero-a { position: relative; margin: 0; }
 .hero-a > .main { min-height: 600px; height: calc(100vh - 120px); max-height: 600px; margin: 0; color: #fff; }
  .hero-a .image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; margin: 0; }
   .hero-a .image img { display: block; width: 100%; min-width: 100%; max-width: none; height: 100%; min-height: 100%; margin: 0 auto; object-fit: cover; }
   .hero-a .image:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%, transparent 75%); background: linear-gradient(to right, rgba(0,0,0,0.3) 0%, transparent 75%); }
  .no-objectfit .hero-a .image img { position: absolute; left: 50%; top: 50%; width: auto; height: auto; -webkit-transform: translate3d(-50%,-50%,0) scale(1.01); -ms-transform: translate3d(-50%,-50%,0) scale(1.01); transform: translate3d(-50%,-50%,0) scale(1.01); }
  .hero-a > .main .wrap { position: absolute; left: 0; right: 0; top: 50%; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
   .hero-a > .main .wrap .contain { padding-bottom: 60px; }
    .hero-a > .main .wrap .contain > * { max-width: 600px; }
    .hero-a > .main .wrap .hx { color: #fff; }
  .hero-a > .main .cts { position: absolute; left: 0; right: 0; bottom: 0; }
 .hero-a > .side { position: absolute; right: 0; top: 0; bottom: 0; padding: 50px 0; }
 .hero-a > .side { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .hero-a > .side .box { width: 360px; padding: 40px; background: #fff; font-size: 15px; }
   .hero-a > .side .hx { color: inherit; text-align: center; }
   .hero-a > .side .action { margin-bottom: 40px; }
   .hero-a > .side .related { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d7d7d1; }

@media screen and (max-width: 1279px) {
.hero-a > .main { height: calc(100vh - 50px); }
}
@media screen and (max-width: 1023px) {
.hero-a > .main { position: relative; }
.hero-a > .side { position: relative; right: auto; top: auto; bottom: auto; padding: 0; }
 .hero-a > .side .box { width: auto; }
}
@media screen and (max-width: 719px) {
.hero-a > .main { min-height: 400px; }
.safari .hero-a > .main { height: calc(100vh - 120px); }
.hero-a > .side .box { padding: 30px 20px 0; }
}

/* home hero */

.hero-b { position: relative; min-height: 600px; height: calc(100vh - 120px); max-height: 600px; margin: 0; color: #fff; }
 .hero-b .image { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; margin: 0; }
  .hero-b .image img { display: block; width: 100%; min-width: 100%; max-width: none; height: 100%; min-height: 100%; margin: 0 auto; object-fit: cover; }
  .no-objectfit .hero-b .image img { position: absolute; left: 50%; top: 50%; width: auto; height: auto; -webkit-transform: translate3d(-50%,-50%,0) scale(1.01); -ms-transform: translate3d(-50%,-50%,0) scale(1.01); transform: translate3d(-50%,-50%,0) scale(1.01); }
  .hero-b .image:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: -webkit-linear-gradient(transparent 0%, rgba(0,0,0,0.5) 100%); background: linear-gradient(transparent 0%, rgba(0,0,0,0.5) 100%); }
 .hero-b .wrap { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; text-align: center; }
  .hero-b .contain { max-width: 800px; }
   .hero-b .hx { color: inherit; }
   .hero-b .button-a { min-width: 300px; }
   .hero-b .scroll-a { margin-top: 30px; }

@media screen and (max-width: 1279px) {
.hero-b { height: calc(100vh - 50px); }
.safari .hero-b { height: calc(100vh - 120px); }
}
@media screen and (max-width: 719px) {
.hero-b { min-height: 400px; }
}
@media screen and (max-width: 599px) {
.hero-b .wrap { padding-bottom: 50px; }
 .hero-b .action { margin-bottom: 0; }
  .hero-b .button-a { min-width: 220px; }
 .hero-b .scroll-a { display: none; margin-top: 10px; }
}

/* home wrapper pt1 */

.homewrap-a { position: relative; margin-bottom: 0; padding-bottom: 150px; }
 .homewrap-a .background { position: absolute; left: -1250px; right: -1250px; top: 0; bottom: -250px; overflow: hidden; margin: 0; }
  .homewrap-a .background img { display: block; position: relative; margin: 0 auto; }
 .homewrap-a .things-a { position: absolute; left: 0; right: 0; z-index: 11; margin: 0; }
  .homewrap-a .things-a > .contain { position: relative; }
   .homewrap-a .things-a > .contain:after { display: table; clear: both; content: ''; }
   .homewrap-a .things-a > .contain:before { position: absolute; right: -40px; top: 0; bottom: 0; left: -1500px; content: ''; background: #fff; }
 .homewrap-a .content { position: relative; padding: 550px 0 0; }
  .homewrap-a .content:after { display: table; clear: both; content: ''; }
  .homewrap-a .content > .main { float: left;width: 420px; margin: 0; }
   .homewrap-a .content > .main .hx { position: relative; margin-bottom: 15px; }
    .homewrap-a .content > .main .hx:before { position: absolute; left: -25px; top: -17px; content: ''; width: 70px; height: 70px; border: 1px solid #f68e12; border-width: 5px 0 0 5px; pointer-events: none; }
    .homewrap-a .content > .main .hx:after { display: block; content: ''; width: 1px; height: 150px; margin: 25px 20px 0; background: rgba(69,72,76,0.5); }
    .homewrap-a .content > .main .hx em { display: inline-block; position: relative; font: inherit; }
     .homewrap-a .content > .main .hx em:before { position: absolute; left: -5px; top: 10px; bottom: -5px; right: -5px; content: ''; background: #fff; }
     .homewrap-a .content > .main .hx em span { position: relative; }
  .homewrap-a .content > .side { float: right; width: 470px; margin: 0; padding-top: 180px; color: #fff; text-align: center; }
  .homewrap-a .content > .side .slick-arrow:not(:hover) { background-color: #8c96ab; color: #3d424b; }

@media screen and (max-width: 1279px) {
.homewrap-a { padding-bottom: 100px; }
 .homewrap-a .background img { top: -200px; }
 .homewrap-a .content { padding-top: 350px; }
}
@media screen and (max-width: 1023px) {
.homewrap-a { margin-bottom: 100px; }
 .homewrap-a .things-a { position: relative; left: auto; right: auto; }
 .homewrap-a .outer { position: relative; }
  .homewrap-a .background { top: -200px; }
   .homewrap-a .background img { top: 0; left: -100px; }
  .homewrap-a .content { padding: 0; }
   .homewrap-a .content > .main { float: none; width: auto; min-height: 520px; margin-bottom: 30px; padding: 70px 20px 0; }
    .homewrap-a .content > .main .hx { margin-bottom: 25px; }
     .homewrap-a .content > .main .hx:after { display: none; }
   .homewrap-a .content > .side { float: none; width: auto; padding-top: 0; }
}

/* home wrapper pt2 */

.homewrap-b { position: relative; z-index: 1; overflow: hidden; margin-bottom: 0; padding-bottom: 150px; }
 .homewrap-b .background { position: absolute; left: -1250px; right: -1250px; top: 200px; bottom: -10001px; }
  .homewrap-b .background img { display: block; margin: 0 auto; }
 .homewrap-b .contain { position: relative; padding-bottom: 50px; }
  .homewrap-b .featured-a { padding-bottom: 400px; }

@media screen and (max-width: 1279px) {
.homewrap-b { padding-bottom: 50px; }
 .homewrap-b .background { top: 0; }
  .homewrap-b .featured-a { padding-bottom: 200px; }
}
@media screen and (max-width: 1023px) {
.homewrap-b .background { display: none; }
.homewrap-b .featured-a { padding-bottom: 50px; }
}
@media screen and (max-width: 599px) {
.homewrap-b .contain { padding-bottom: 0; }
}

/* minor headers */

.hx-a { color: #de6e24; font-size: 2.47rem; font-weight: normal; text-transform: uppercase; }
 .hx-a span { display: block; }
 .hx-a em { display: inline-block; margin-top: 0.45em; padding: 0 0.15em 0 0.1em; color: #002d71; font: 0.59em/1 Aleo,Georgia,serif; text-transform: none; vertical-align: top; }
 .hx-a em { -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); }

@media screen and (max-width: 719px) {
.hx-a { font-size: 2rem; }
}

/* image helper */

.img-a { display: block; position: relative; overflow: hidden; height: 0; padding-top: 77.5%; background: url(../images/spinner-b.gif) 50% 50% no-repeat; text-align: center; }
 .img-a img { display: block; position: absolute; left: 0; top: 0; min-width: 100%; min-height: 100%; }
 .img-a img { left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
 .img-a.nocover img { min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; }

.img-a.square { padding-top: 100%; }

/* responsive map */

.map-a { position: relative; overflow: hidden; height: 0; padding-bottom: 90%; /* (width / height = padding-bottom) */ }
 .map-a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* mini wrappers: work intro */

.miniwrap-a {  }
 .miniwrap-a:after { display: table; clear: both; content: ''; }
 .miniwrap-a > .main { float: left; width: 66.66%; margin: 0; padding: 0 50px 0 0; font-size: 1.41rem; line-height: 1.75; }
 .miniwrap-a > .side { float: right; width: 33.33%; margin: 0; font-size: 1.18rem; line-height: 1.25; }
  .miniwrap-a > .side .item { margin-bottom: 50px; padding-left: 30px; border: 3px solid #8dd500; border-width: 0 0 0 3px; }
  .miniwrap-a > .side big { display: block; padding-bottom: 10px; font-size: 3.5em; line-height: 1; font-weight: bold; }

@media screen and (max-width: 1023px) {
.miniwrap-a > .main { float: none; width: auto; margin: 0 0 30px; padding: 0; }
.miniwrap-a > .side { float: none; width: auto; }
 .miniwrap-a > .side .item { margin-bottom: 0; padding: 30px 10px 0; border-width: 3px 0 0; text-align: center; }
}
@media screen and (max-width: 599px) {
.miniwrap-a > .main { font-size: 1.27rem; line-height: 1.4; }
.miniwrap-a > .side { font-size: 1.1rem; }
}

/* mini wrappers: news + slider */

.miniwrap-b {  }
 .miniwrap-b:after { display: table; clear: both; content: ''; }
 .miniwrap-b > .main { float: left; width: 100%; margin: 0 -100% 0 0; padding: 0 600px 0 0; }
  .miniwrap-b > .main .signup { }
   .miniwrap-b > .main .signup:after { display: table; clear: both; content: ''; }
   .miniwrap-b > .main .signup p:first-child { float: left; width: 57.5%; margin: 0; padding: 0 10px 0 0; }
   .miniwrap-b > .main .signup p.icon { position: relative; float: right; width: 42.5%; padding-left: 75px; }
    .miniwrap-b > .main .signup p.icon:before { position: absolute; left: 0; top: 50%; content: ''; width: 25px; height: 1px; margin: -2px 0 0; background: #f68e12; }
    .miniwrap-b > .main .signup p.icon:after { position: absolute; left: 35px; top: 50%; content: '\f003'; width: 30px; height: 30px; margin: -17px 0 0; color: #f68e12; font: 24px/30px FontAwesome; }
 .miniwrap-b > .side { float: right; position: relative; width: 480px; margin: 0; }

@media screen and (min-width: 1280px) {
.miniwrap-b.-v2 > .side { max-width: 380px; padding-top: 150px; }
}
@media screen and (max-width: 1279px) and (min-width: 1024px) {
.miniwrap-b.-v1 > .main { padding-right: 500px; }
.miniwrap-b.-v1 > .side { width: 420px; }
.miniwrap-b.-v2 > .main { padding-right: 550px; }
 .miniwrap-b > .main .signup p:first-child { float: none; width: auto; margin: 0 0 20px; padding: 0; }
 .miniwrap-b > .main .signup p.icon { float: none; width: auto; }
}
@media screen and (max-width: 1023px) {
.miniwrap-b > .main { float: none; width: auto; margin: 0 0 50px; padding: 0; }
.miniwrap-b > .side { float: none; width: auto; }
 .miniwrap-b > .side .teaser-b .hx { font-size: 1.29rem; }
}
@media screen and (max-width: 599px) {
.miniwrap-b > .main .signup p:first-child { float: none; width: auto; margin: 0 0 20px; padding: 0; }
.miniwrap-b > .main .signup p.icon { float: none; width: auto; }
.miniwrap-b.-v1 > .side { margin-left: -20px; margin-right: -20px; }
}
@media screen and (max-width: 479px) {
.miniwrap-b > .main .signup p.icon { max-width: 265px; }
}

/* more link with line */

.more-a { margin-top: 20px; text-align: center; }
 .more-a:before { display: block; content: ''; width: 1px; height: 80px; margin: 0 auto 20px !important; background: #939494; }

@media screen and (max-width: 599px) {
.more-a:before { display: none; }
}

/* scroll sign */

.scroll-a { display: inline-block; position: relative; padding-bottom: 50px; font-size: 13px; font-weight: bold; text-transform: uppercase; vertical-align: top; }
 .scroll-a:before { position: absolute; left: 50%; bottom: 0; content: ''; width: 1px; height: 40px; background: currentColor; opacity: 0.5; }

@media screen and (min-width: 1025px) {
 .scroll-a span { -webkit-animation: scrollfx 3s infinite; animation: scrollfx 3s infinite; }
 .scroll-a span:nth-child(1) { -webkit-animation-delay: 0.06s; animation-delay: 0.06s; }
 .scroll-a span:nth-child(2) { -webkit-animation-delay: 0.12s; animation-delay: 0.12s; }
 .scroll-a span:nth-child(3) { -webkit-animation-delay: 0.18s; animation-delay: 0.18s; }
 .scroll-a span:nth-child(4) { -webkit-animation-delay: 0.24s; animation-delay: 0.24s; }
 .scroll-a span:nth-child(5) { -webkit-animation-delay: 0.30s; animation-delay: 0.30s; }
 .scroll-a span:nth-child(6) { -webkit-animation-delay: 0.36s; animation-delay: 0.36s; }
 .scroll-a span:nth-child(7) { -webkit-animation-delay: 0.42s; animation-delay: 0.42s; }
 .scroll-a span:nth-child(8) { -webkit-animation-delay: 0.48s; animation-delay: 0.48s; }
 .scroll-a span:nth-child(9) { -webkit-animation-delay: 0.54s; animation-delay: 0.54s; }
 .scroll-a span:nth-child(10) { -webkit-animation-delay: 0.60s; animation-delay: 0.60s; }
 .scroll-a span:nth-child(11) { -webkit-animation-delay: 0.66s; animation-delay: 0.66s; }
 .scroll-a span:nth-child(12) { -webkit-animation-delay: 0.72s; animation-delay: 0.72s; }
 .scroll-a span:nth-child(13) { -webkit-animation-delay: 0.78s; animation-delay: 0.78s; }
 .scroll-a span:nth-child(14) { -webkit-animation-delay: 0.84s; animation-delay: 0.84s; }
 .scroll-a span:nth-child(15) { -webkit-animation-delay: 0.90s; animation-delay: 0.90s; }
 .scroll-a span:nth-child(16) { -webkit-animation-delay: 0.96s; animation-delay: 0.96s; }
 .scroll-a span:nth-child(17) { -webkit-animation-delay: 1.02s; animation-delay: 1.02s; }
 .scroll-a span:nth-child(18) { -webkit-animation-delay: 1.08s; animation-delay: 1.08s; }
 .scroll-a span:nth-child(19) { -webkit-animation-delay: 1.14s; animation-delay: 1.14s; }
 .scroll-a span:nth-child(19) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

@-webkit-keyframes scrollfx { 0%, 80%, 100% { opacity: 0.5; } 90% { opacity: 1; } }
@keyframes scrollfx { 0%, 80%, 100% { opacity: 0.5; } 90% { opacity: 1; } }

}
@media screen and (max-width: 1024px) {
 .scroll-a span { -webkit-animation: scrollop 2s infinite; animation: scrollop 2s infinite; }
@-webkit-keyframes scrollop { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }
@keyframes scrollop { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }
}
@media screen and (max-width: 599px) {
.scroll-a { font-size: 11px; }
}

/* signup form */

.signup-a { }
 .signup-a p { position: relative; }
  .signup-a label:first-child { display: block; margin: 0 0 10px; font-size: 1.29rem; font-weight: bold; }
  .signup-a label:first-child { display: block; margin: 0 0 10px; font-size: 1.29rem; font-weight: bold; }
  .signup-a .wrap { display: block; position: relative; padding-right: 190px; }
   .signup-a input[type] { border-color: #fff; border-radius: 0; }
   .signup-a button { position: absolute; right: 0; top: 0; width: 190px; padding-left: 9px; padding-right: 9px; }

@media screen and (max-width: 479px) {
.signup-a .wrap { padding-right: 0; }
 .signup-a button { position: relative; right: 0; top: 0; width: 100%; }
}

/* skip links */

.skips-a { position: absolute; top: 50%; left: 0; z-index: 9999; list-style: none; width: 100%; height: 0; margin: -30px 0 0; padding: 0; text-align: center; }
 .skips-a li { position: absolute; left: 0; top: 0; width: 100%; height: 0; font: bold 50px/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
  .skips-a li:before { display: none;  }
  .skips-a li a { display: inline-block; position: fixed; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); border-radius: 20px;  background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
  .skips-a li a:focus, .top-a > .skips li a:active { position: relative; left: 0; }

/* slick defaults */

.slick-slide { margin-bottom: 0; border-top-width: 0; outline: none; }
 .slick-slide > * { outline: none; }
.slick-arrow { position: absolute; left: 50%; top: 50%; z-index: 10; width: 3.33em; min-width: 0; height: 3.33em; margin: -1.67em 0 0; margin-left: calc(-50vw + 30px); min-height: 0; padding: 0; border: none; border-radius: 50%; background: rgba(0,0,0,0.5); color: #fff; font: 24px/3.4 Icons; text-align: center; text-indent: -10001px; }
.slick-next { margin-left: calc(50vw - 30px - 3.33em); }
 .slick-arrow:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: '\e908'; text-indent: 0; }
 .slick-next:before { content: '\e904'; }
.slick-arrow.slick-disabled { opacity: 0.2; pointer-events: none; }
.slick-dots { position: absolute; left: 0; bottom: -40px; right: 0; padding: 0; font-size: 0; letter-spacing: -1em; text-align: center; }
 .slick-dots li { display: inline-block; margin: 0 5px; vertical-align: top; }
  .slick-dots li:before { display: none; }
  .slick-dots button { overflow: hidden; width: 12px; min-width: 0; min-height: 0; height: 12px; padding: 0; border: 1px solid !important; border-radius: 50%; background: currentColor; color: #4e678f; font-size: 0; line-height: 1; text-indent: 321%; white-space: nowrap; }
  .slick-dots button:hover { background: currentColor; color: #fff; }
  .slick-dots .slick-active button { color: #fff; }
  .-dots-light .slick-dots button { color: #dadadb; }
  .-dots-light .slick-dots .slick-active button { color: #8dd500; }

/* slider: cards */

.slider-a { margin-left: -10px; margin-right: -10px; }
 .slider-a > .wrap { margin: -20px -10px 0; font-size: 0; letter-spacing: -1em; text-align: center; }
 .slider-a .slick-slider { margin: 0; }
  .slider-a .slick-track { margin-left: auto; margin-right: auto; }
   .slider-a .item { display: inline-block; width: 33.33%; margin: 0; border: 1px solid transparent; border-width: 20px 10px 0; font-size: 15px; font-size: 1rem; letter-spacing: 0; vertical-align: top; text-align: left; }
   .slider-a .slick-slide { border-top-width: 0; }
  .js .slider-a > .wrap > .item:nth-child(n+4) { display: none; }

@media screen and (min-width: 1280px) {
.slider-a .slick-dots { display: none !important; }
}
@media screen and (max-width: 1279px) {
.slider-a { padding-bottom: 0; }
 .slider-a .slick-arrow { display: none !important; }
 .slider-a .slick-dots { position: relative; bottom: auto; margin-top: 30px; }
}
@media screen and (max-width: 1023px) {
.slider-a .item { width: 49.99%; }
}
@media screen and (max-width: 719px) {
.slider-a .item { width: 100%; }
}

/* slider: sharables */

.slider-b { }
 .slider-b > .wrap { margin: -20px -10px 0; font-size: 0; letter-spacing: -1em; text-align: center; }
 .slider-b .slick-slider { margin: 0; }
  .slider-b .slick-track { margin-left: auto; margin-right: auto; }
   .slider-b .item { display: inline-block; width: 49.99%; margin: 0; border: 1px solid transparent; border-width: 20px 10px 0; font-size: 15px; font-size: 1rem; letter-spacing: 0; vertical-align: top; text-align: left; }
   .slider-b .slick-slide { border-top-width: 0; }
   .slider-b .slick-dots { display: none !important; }
  .js .slider-b > .wrap > .item:nth-child(n+3) { display: none; }

@media screen and (max-width: 1279px) {
.slider-b .slick-arrow { font-size: 18px; }
}
@media screen and (max-width: 1023px) {
.slider-b .slick-arrow { display: none !important; }
.slider-b .slick-dots { display: block !important; position: relative; bottom: auto; margin-top: 30px; }
 .slider-b .slick-dots :not(.slick-active) button { color: #777; }
}
@media screen and (max-width: 719px) {
.slider-b .item { width: 100%; }
}

/* slider: work key points */

.slider-c { }

@media screen and (max-width: 1023px) {
.slider-c .slick-arrow { display: none !important; }
.slider-c .slick-dots { position: relative; bottom: auto; margin-top: 35px; }
 .slider-c .slick-dots button { color: #cfcfce; }
 .slider-c .slick-dots .slick-active button { color: #8dd500; }
}

/* slider: work stop */

.slider-d { }
 .slider-d > .wrap { margin: 0; }
   .slider-d .item { display: block; margin: 0; }
   .slider-d .slick-dots { }
   .slider-d .slick-arrow { display: none !important; }
  .js .slider-d > .wrap > .item:nth-child(n+2) { display: none; }

/* slider: home stats */

.slider-e { }
 .slider-e > .hx { margin-bottom: 30px; color: #f68e12; font: bold 22px/1.2 Aleo,Georgia,serif; font-size: 1.29rem; }
 .slider-e > .wrap { position: relative; padding: 0 60px; }
  .js .slider-e > .wrap .item { display: none; margin: 0; }
  .js .slider-e > .wrap .item:first-child,
  .js .slider-e > .wrap .item.slick-slide { display: block; }
   .slider-e > .wrap strong { display: block; font-size: 4.12rem; font-weight: bold; }
 .slider-e .slick-dots button { width: 10px; height: 10px; }
 .slider-e .slick-arrow { left: 0; margin-left: 0; font-size: 12px; }
 .slider-e .slick-next { left: auto; right: 0; margin-right: 0; }

@media screen and (max-width: 1023px) {
.slider-e > .hx { margin-bottom: 5px; }
.slider-e > .wrap { padding: 0; }
.slider-e .slick-arrow { display: none !important; }
}
@media screen and (max-width: 599px) {
.slider-e > .wrap strong { font-size: 3.3rem; }
}

/* socials (base) */

.socials-a { margin: 0 0 50px; }
 .socials-a ul { padding: 0; font-size: 0; letter-spacing: -1em; }
  .socials-a li { display: inline-block; margin: 0; font: 24px/30px Icons; letter-spacing: 0; vertical-align: top; }
  .socials-a li ~ li { margin-left: 15px; }
   .socials-a li:before { display: none; }
   .socials-a li a { display: block; min-width: 30px; color: inherit; box-shadow: none; font: inherit; font-weight: inherit; text-align: center; }
   .socials-a li a:hover { color: #8ed400; }
    .socials-a li .fa { vertical-align: top;t }
    .socials-a li span { display: none; }

/* socials (substory) */

.socials-b { margin: 0 0 50px; text-align: center; }
 .socials-b ul { display: inline-block; padding: 0; border-left: 1px solid #d7d7d1; font-size: 0; letter-spacing: -1em; vertical-align: top; }
  .socials-b li { display: inline-block; margin: 0; border-right: 1px solid #d7d7d1; font: 24px/40px Icons; letter-spacing: 0; vertical-align: top; }
   .socials-b li:before { display: none; }
   .socials-b li a { display: block; min-width: 2.92em; box-shadow: none; font: inherit; font-weight: inherit; text-align: center; }
    .socials-b li .fa { line-height: inherit; vertical-align: top; }
    .socials-b li span { display: none; }
 .socials-b.-light ul { border-left-color: rgba(255,255,255,0.2); }
  .socials-b.-light li { border-right-color: rgba(255,255,255,0.2); }
   .socials-b.-light a { color: #fff; }

@media screen and (max-width: 599px) {
.socials-b li { font-size: 20px; line-height: 30px; }
}

/* us map */

.states-a { }
 .states-a .map { position: relative; max-width: 960px; margin: 0 auto 60px; padding: 0; }
  .states-a .select { display: none; }
   .states-a .select select { padding-left: 0; border-color: transparent; border-radius: 0; border-bottom-color: #7f96b8; color: #002d71; font-size: 20px; font-weight: bold; text-align: right; }
  .states-a .svgmap { display: block; width: 100%; margin: 0 auto; }
  .ie11 .states-a .svgmap { width: 960px; height: 726px; }
  .native.android .states-a .svgmap { width: 280px; height: 211px; }
   .states-a .states path { fill: #c9c9c6; stroke: #fff; stroke-width: 0.7; }
   .states-a .states path { -webkit-transition: all 0.35s; transition: all 0.35s; }
   .states-a .states path:hover { fill: #8c8c8b; }
   .states-a .dots circle { fill: #8dd500; stroke: rgba(0,45,113,0.6); stroke-width: 5; pointer-events: none; }
  .states-a .minors { position: absolute; right: -35px; top: 180px; width: 50px; margin: 0; padding: 0; border: 1px solid #d7d7d1; }
   .states-a .minors li { margin: 0; line-height: 39px; font-size: 15px; text-align: center; }
   .states-a .minors li { -webkit-transition: background 0.35s; transition: background 0.35s; }
   .states-a .minors li:hover { background-color: #eee; }
   .states-a .minors li ~ li { border-top: 1px solid #d7d7d1; }
    .states-a .minors li:before { display: none; }
 .states-a .entries { position: absolute; left: 50%; top: 0; z-index: 121; width: 0; height: 0; margin: 0; font-size: 15px; }
  .states-a .entry { display: none; position: relative; width: 360px; margin: 0; margin-top: -15px; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); }
   .states-a .entry.is-active { display: block; }
   .states-a .entry.bottom { margin-top: 15px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
   .states-a .entry.left { margin-top: 0; margin-left: -20px; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
   .states-a .entry.right { margin-top: 0; margin-left: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .states-a .empty { margin: 0; padding: 40px; border-top: 5px solid #8dd500; background: #0b2246; color: #fff; }
   .states-a .empty:before { position: absolute; left: 50%; top: 100%; content: ''; margin-left: -10px; border: 10px solid transparent; border-top-color: #fff; pointer-events: none; }
   .states-a .empty.left:before { top: 50%; left: 100%; margin: -10px 0 0; border-color: transparent; border-left-color: #0b2246; }
   .states-a .empty.right:before { top: 50%; left: auto; right: 100%; margin: -10px 0 0; border-color: transparent; border-right-color: #0b2246; }
   .states-a .empty .hx { margin: 0 0 10px; color: inherit; }
  .states-a .details { margin: 0; background: #fff; box-shadow: 1px 1px 0 #dadadb, inset 0 0 0 1px #dadadb; }
   .states-a .details > .hx { position: relative; overflow: hidden; margin: 0; padding: 40px; background: #0b2246; color: #fff; }
    .states-a .details > .hx:before { position: absolute; right: 0; bottom: 0; content: ''; border: 1px solid transparent; border-width: 15px 50px; border-color: transparent #8dd500 #8dd500 transparent; pointer-events: none; }
    .states-a .details > .hx small { display: block; font: bold 15px/1.4 Aleo,Georgia,serif; }
   .states-a .details > .subentries { overflow: auto; overflow-x: hidden; max-height: 380px; margin: 0; -webkit-overflow-scrolling: touch; }
    .states-a .details > .subentries::-webkit-scrollbar { -webkit-appearance: none; }
    .states-a .details > .subentries::-webkit-scrollbar:corner-present { border: none; }
    .states-a .details > .subentries::-webkit-scrollbar:vertical { width: 16px; }
    .states-a .details > .subentries::-webkit-scrollbar:horizontal { height: 16px; }
    .states-a .details > .subentries::-webkit-scrollbar-thumb { border: 4px solid #fff; background: #d7d7d1; }
    .states-a .details .subentry { margin: 0; padding: 30px 40px 35px; }
    .states-a .details .subentry + .subentry { border-top: 1px solid #e0e1e2; }
     .states-a .details .subentry .hx { margin-bottom: 15px; }
     .states-a .details ul { padding-left: 30px; }
      .states-a .details li { margin-bottom: 10px; }
       .states-a .details li:before { margin-left: -30px; width: 20px; text-align: center; }
       .states-a .details .icon:before { content: ''; width: 20px; margin-left: -30px; color: #8cd500; font: 16px/20px FontAwesome; text-align: center; }
       .states-a .details .icon.pin:before { content: '\f041'; }
       .states-a .details .icon.phone:before { content: '\f095'; }
       .states-a .details .icon.email:before { content: '\f003'; }
       .states-a .details .icon.url:before { content: '\f08e'; }
       .states-a .details .icon.facebook:before { content: '\f09a'; }
       .states-a .details .icon.twitter:before { content: '\f099'; }
       .states-a .details li .fa { float: left; content: ''; width: 20px; margin-left: -30px; background: #fff; color: #8cd500; font: 16px/20px FontAwesome; text-align: center; }
       .states-a .details li a:not(:hover) { box-shadow: inset 0 -1px 0 transparent; }
 .states-a .join { text-align: center; }

@media screen and (max-width: 1023px) {
.states-a .map { margin-bottom: 40px; }
 .states-a .select { display: block; }
 .states-a .svgmap { pointer-events: none; }
 .states-a .minors { display: none; }
.states-a .entries { position: relative; left: auto; top: auto; width: auto; height: auto; margin: 0 -20px 40px; }
 .states-a .entry,
 .states-a .entry.bottom,
 .states-a .entry.left,
 .states-a .entry.right { width: auto; margin-top: 0; -webkit-transform: none; -ms-transform: none; transform: none; }
 .states-a .entry.is-active-mini { display: block; }
 .states-a .empty { padding: 30px 20px; }
  .states-a .empty:before { display: none; }
  .states-a .details { box-shadow: none; }
   .states-a .details > .hx { margin: 0 0 30px; padding: 30px 20px; }
   .states-a .details > .subentries { overflow: visible; max-height: none; }
    .states-a .details .subentry { margin: 0 20px 30px; padding: 0 0 30px; border-bottom: 1px solid #e0e1e2; }
    .states-a .details .subentry + .subentry { border-top: none; }
}

/* full story */

.story-a { }
 .story-a > header { text-align: center; }
  .story-a > header .hx { margin-bottom: 20px; }
  .story-a > header p { margin-bottom: 20px; }
  .story-a > header .category { font: bold 15px/1.3 Aleo,Georgia,serif; }
   .story-a > header .category a { box-shadow: none; }
   .story-a > header .fa-circle { display: inline-block; margin: 4px 5px 0 0; color: #f68e12; font-size: 0.75em; vertical-align: top; }
  .story-a > header .meta { font-size: 14px; }
   .story-a > header .meta small { padding: 0 7px; font: inherit; }
   .story-a > header .download { display: inline-block; box-shadow: none; font-size: 15px; line-height: 20px; font-weight: bold; vertical-align: top; }
    .story-a > header .download:before { display: inline-block; content: '\e903'; margin: 0 10px 0 0; color: #002d71; font: 24px/20px Icons; vertical-align: top; }
 .story-a > section { }
  .story-a figure { position: relative; margin-top: 30px; margin-bottom: 30px; width: 100% !important; }
   .story-a figure img { display: block; width: 100% !important; height: auto !important;}
 .story-a > footer { }

@media screen and (min-width: 1220px) {
.story-a figure figcaption { position: absolute; left: 100%; bottom: 0; width: 220px; padding: 0 0 0 20px; }
}
@media screen and (max-width: 719px) {
.story-a > header { margin-top: -40px; margin-left: -40px; margin-right: -40px; padding: 40px; background: #f2f1ee; }
.story-a > header + section > figure:first-child { margin-top: -40px; }
.story-a figure {  width: auto !important;}
}

/* responsive tables */

.table-a { margin: 40px 0; }
.table-a:first-child { margin-top: 0; }

@media screen and (max-width: 719px) {
.table-a { margin: 30px 0; }

.table-a.-scroll { position: relative; margin-right: -20px; margin-left: -20px; }
 .table-a.-scroll:after { position: absolute; right: 20px; bottom: -16px; content: ''; width: 18px; height: 24px; background: url(../images/table-a-icon-a.png) no-repeat; background-size: contain; opacity: 0.75; }
 .table-a.-scroll:after { -webkit-animation: swipeleft 2s infinite; animation: swipeleft 2s infinite; }
 .table-a.-scroll > .wrap { overflow: auto; overflow-y: hidden; padding: 0; -webkit-overflow-scrolling: touch; }
  .table-a.-scroll table { min-width: 680px; }
  .native.android .table-a.-scroll table { width: 600px; }
   .table-a.-scroll table th:last-child, .table-a.-scroll table td:last-child { padding-right: 40px !important; }

.table-a.-fold { }
 .table-a.-fold table { display: block; width: auto; margin: 0 -20px; }
  .table-a.-fold table thead { display: none; }
  .table-a.-fold table tbody { display: block; }
  .table-a.-fold table tr { display: block; width: 100%; margin: 0; padding: 10px 20px 15px; border: 1px solid #e6e6e6; border-width: 1px 0; }
  .table-a.-fold table tr + tr { margin-top: -1px; }
   .table-a.-fold table th, .table-a.-fold table td { display: block; margin-bottom: 3px; margin-top: 3px; padding: 0; border: none !important; }
   .table-a.-fold table [data-th]:before { display: block; content: attr(data-th) ':'; margin: 10px 0 0; font-size: 10px; font-weight: bold; text-transform: uppercase; }

@-webkit-keyframes swipeleft { 0% { opacity: 0; -webkit-transform: translate3d(0,0,0); } 60% { -webkit-transform: translate3d(-20px,0,0); opacity: 0.75; } 80% { opacity: 0.75; } 100% { opacity: 0; -webkit-transform: translate3d(-20px,0,0); } }
@keyframes swipeleft { 0% { opacity: 0; transform: translate3d(0,0,0); } 60% { transform: translate3d(-20px,0,0); opacity: 0.75; } 80% { opacity: 0.75; } 100% { opacity: 0; transform: translate3d(-20px,0,0); } }
}

/* news teaser */

.teaser-a { margin: 0 0 25px; padding: 25px 0; border: 1px solid #d7d7d1; border-width: 1px 0; }
.teaser-a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.teaser-a + .teaser-a { border-top: none; margin-top: -25px; }
 .teaser-a .image { -webkit-box-flex: 1; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 180px; margin: 0; }
 .no-flexbox .teaser-a .image { margin-right: -100%; }
  .teaser-a .image a { display: block; position: relative; box-shadow: none; }
   .teaser-a .image a.video:after { position: absolute; left: 50%; top: 50%; content: '\f04b'; width: 50px; height: 50px; margin: -25px 0 0 -25px; padding: 1px 0 0 2px; border-radius: 50%; background: rgba(0,0,0,0.65); color: #fff; font: 18px/50px FontAwesome; text-align: center; }
   .teaser-a .image img { display: block; width: 100%; }
 .teaser-a .image + .wrap { padding-left: 20px; }
 .no-flexbox .teaser-a .image + .wrap { margin-left: 180px; padding-left: 20px; }
 .teaser-a .wrap { }
  .teaser-a .category { margin-bottom: 5px; font: bold 15px/1.3 Aleo,Georgia,serif; }
   .teaser-a .category a { box-shadow: none; }
   .teaser-a .category .fa-circle { display: inline-block; margin: 4px 5px 0 0; color: #f68e12; font-size: 0.75em; vertical-align: top; }
  .teaser-a .hx { margin-bottom: 5px; }
   .teaser-a .hx .fa-external-link { margin-left: 8px; font-size: 0.8em; }
  .teaser-a .meta { font-size: 14px; }
   .teaser-a .meta small { padding: 0 7px; font: inherit; }

@media screen and (max-width: 479px) {
.teaser-a { display: block; }
 .teaser-a .image { width: auto; margin-bottom: 20px; }
 .no-flexbox .teaser-a .image { margin-right: 0; }
 .teaser-a .image + .wrap { padding-left: 0; }
 .no-flexbox .teaser-a .image + .wrap { margin-left: 0; padding-left: 0; }
}

/* About pages overrides*/

.about-a .teaser-a { border: none; padding-top: 0;}
 .about-a .hx.title { border-bottom: 5px solid #8dd500; margin-bottom: 40px; padding-bottom: 20px; }
/* story teaser */

.teaser-b { }
 .teaser-b > a { display: block; position: relative; overflow: hidden; box-shadow: none !important; background: #021e48; color: #fff !important; }
  .teaser-b > a:after { position: absolute; right: 20px; bottom: 20px; content: '\e904'; font: 20px/1 Icons; opacity: 1; }
  .no-touchevents .teaser-b > a:hover:after { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
  .teaser-b > a:after { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; }
  .no-touchevents .teaser-b > a:hover:after { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }
  .teaser-b .image { position: relative; margin: 0; }
  .teaser-b .image { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  .no-touchevents .teaser-b > a:hover .image { opacity: 0.3; }
   .teaser-b .image:after { position: absolute; left: 0; bottom: 0; right: 0; height: 130px; content: ''; background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.85)); background: linear-gradient(transparent, rgba(0,0,0,0.85)); }
   .teaser-b .image img { display: block; width: 100%; }
  .teaser-b .image.-low-quality { background: #28292a; }
   .teaser-b .image.-low-quality img { opacity: 0.7; }
  .teaser-b .hx { position: absolute; left: 0; right: 0; top: 100%; margin: 0; padding: 0 0 20px; color: inherit; font-size: 22px; line-height: 1.22; font-weight: bold; opacity: 0; }
  .teaser-b .hx.-small { font-size: 17px; }
  .teaser-b .hx { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; }
  .teaser-b > a .hx { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; }
  .no-touchevents .teaser-b > a:hover .hx { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 0; }
   .teaser-b .hx span { display: block; padding: 0 20px; border-left: 5px solid #f68e12; }
  .teaser-b .wrap { position: absolute; left: 0; top: 0; max-width: 500px; padding: 20px 0 0 0; opacity: 1; }
  .teaser-b .wrap { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; }
  .teaser-b > a .wrap { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; }
  .no-touchevents .teaser-b > a:hover .wrap { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
   .teaser-b .wrap .inner { padding-left: 20px; padding-right: 80px; border-left: 5px solid #f68e12; }
    .teaser-b .wrap p { margin-bottom: 15px; }
     .teaser-b .wrap cite { margin-top: 0; font-size: 14px; font-weight: normal; }

/* action card */

.teaser-c { min-height: 290px; margin-bottom: 40px; padding: 40px 30px; border-top: 5px solid #8dd500; background: #fff; color: #45484c; text-align: center; }
 .teaser-c .hx { margin-bottom: 20px; color: inherit; font-size: 22px; line-height: 1.27; font-weight: bold; }
 .teaser-c .extra { margin-top: 40px; font-size: 15px; line-height: 20px; font-weight: bold; }
  .teaser-c .extra a { box-shadow: none; }
   .teaser-c .extra a:before { display: inline-block; content: '\e909'; margin: 0 10px 0 0; font: 20px/1 Icons; vertical-align: top; }

@media screen and (max-width: 599px) {
.teaser-c { min-height: 200px; margin-bottom: 30px; padding: 30px 20px; }
}

/* action card simplified  */

.teaser-d { margin-bottom: 40px; text-align: center; }
 .teaser-d .hx { margin-bottom: 10px; color: inherit; font-size: 22px; line-height: 1.27; font-weight: bold; }
 .teaser-d .extra { font-size: 15px; line-height: 20px; font-weight: bold; }
  .teaser-d .extra a { box-shadow: none; }
   .teaser-d .extra a:before { display: inline-block; content: '\e909'; margin: 0 10px 0 0; font: 20px/1 Icons; vertical-align: top; }

/* work card large */

.teaser-e { border: 1px solid #e0e1e2; }
 .teaser-e > a { display: block; position: relative; overflow: hidden; color: inherit; box-shadow: none !important; }
  .teaser-e .hx { position: absolute; left: 0; top: 0; right: 0; z-index: 2; padding: 20px 30px; background: #fff; font-size: 1.28rem; line-height: 1.27; text-align: center; }
  .teaser-e .hx,
  .teaser-e .wrap,
  .teaser-e .image,
  .teaser-e .image:after,
  .teaser-e .intro p { -webkit-transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; -webkit-backface-visibility: hidden; }
  .teaser-e a:hover .hx { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
  .teaser-e .wrap { position: relative; }
  .teaser-e a:hover .wrap { -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); }
   .teaser-e .image { margin: 0; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
    .teaser-e .image:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: #021e48; opacity: 0; }
   .teaser-e a:hover .image:after { opacity: 0.7; }
    .teaser-e .image img { display: block; width: 100%; }
   .teaser-e .intro { position: absolute; left: 0; bottom: 0; right: 0; padding: 25px; color: #fff; }
    .teaser-e .intro:before { position: absolute; left: 0; top: 100%; right: 0; content: '\e904'; height: 60px; padding: 20px; background: #f68e12; font: 18px/20px Icons; text-align: right; }
    .teaser-e .intro p { max-width: 280px; opacity: 0; }
    .teaser-e a:hover .intro p { opacity: 1; }

@media screen and (max-width: 1279px) {
.teaser-e .hx { font-size: 20px; }
}
@media screen and (max-width: 1023px) {
.teaser-e .hx { padding-left: 20px; padding-right: 20px; }
}

/* work card small */

.teaser-f { }
 .teaser-f > a { display: block; color: inherit; box-shadow: none !important; }
  .teaser-f .image { margin: 0 0 15px; background: #021e48; }
   .teaser-f .image img { display: block; width: 100%; }
   .teaser-f .image img { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
   .teaser-f a:hover .image img { opacity: 0.7; }
  .teaser-f .hx { color: #002d71; font: inherit; font-weight: bold; line-height: 1.3; text-align: center; }

/* sharable */

.teaser-g { position: relative; }
 .teaser-g .image { margin: 0; background: #021e48; }
  .teaser-g .image img { display: block; width: 100%; }
  .teaser-g .image img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
  .no-touchevents .teaser-g:hover .image img, .teaser-g.is-active .image img { opacity: 0.2; }
 .teaser-g .share { position: absolute; left: 10001px; right: 0; top: 50%; margin: -50px 0 0; padding: 0; text-align: center; font-size: 0; letter-spacing: -1em; opacity: 1; }
 .teaser-g .share { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s, left 0s 0.35s; transition: opacity 0.35s, transform 0.35s, left 0s 0.35s; }
 .teaser-g .share { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; }
 .no-touchevents .teaser-g:hover .share, .teaser-g.is-active .share { left: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
 .no-touchevents .teaser-g:hover .share, .teaser-g.is-active .share { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
  .teaser-g .share li { display: inline-block; margin: 0; padding: 25px 50px; font-size: 50px; line-height: 1; letter-spacing: 0; vertical-align: top; }
  .teaser-g .share li ~ li { border-left: 1px solid #364a66; }
   .teaser-g .share li:before { display: none; }
   .teaser-g .share li a { display: block; width: 50px; box-shadow: none !important; color: #f68e12; text-align: center; }

@media screen and (max-width: 1365px) {
.teaser-g .share { margin-top: -40px; }
 .teaser-g .share li { padding: 20px 30px; font-size: 40px; }
}

/* stories special */

.teaser-h { position: relative; background: #002d71; color: #fff; }
 .teaser-h .image { margin: 0; opacity: 0.25; }
  .teaser-h .image img { display: block; width: 100%; }
 .teaser-h .wrap { position: absolute; left: 20px; top: 20px; right: 20px; bottom: 90px; margin: 0; text-align: center; }
 .teaser-h .wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .teaser-h .icon { margin-bottom: 10px; }
   .teaser-h .icon img { display: block; margin: 0 auto; }
  .teaser-h .hx { color: inherit; }
 .teaser-h .action { position: absolute; left: 20px; bottom: 20px; right: 20px; margin: 0; }
  .teaser-h .button-a { padding-left: 10px; padding-right: 10px; white-space: nowrap; }

/* 3 things tabs */

.things-a { }
 .things-a .header { position: relative; float: left; width: 300px; margin: 0; vertical-align: top; }
  .things-a .hx-a { margin-bottom: 0; }
   .things-a .hx-a span { padding-left: 45px; }
  .things-a .dropdown { position: relative; z-index: 11; font-size: 1.18rem; line-height: 30px; text-align: right; }
   .things-a .dropdown p { position: relative; z-index: 13; margin: 0 20px; padding: 10px 25px 10px 0; border-bottom: 1px solid #7f96b8; color: #002d71; font-weight: bold; }
    .things-a .dropdown p:before { float: right; content: '\f107'; margin: 5px -20px 0 0; font: 20px/1 FontAwesome; }
    .things-a .dropdown.is-active p:before { content: '\f106'; }
   .things-a .dropdown ul { display: none; position: absolute; left: 0; right: 0; top: 0; padding: 70px 0 20px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.25); }
   .things-a .dropdown.is-active ul { display: block; }
    .things-a .dropdown li { margin: 0; }
     .things-a .dropdown li:before { display: none; }
     .things-a .dropdown li a { display: block; padding: 5px 45px; box-shadow: none; color: inherit; }
     .things-a .dropdown li.is-active a { background-color: #8dd500; color: #002d71; }
 .things-a .tab { position: relative; margin: 0 0 0 325px; padding: 30px 0 0; }
 .js .things-a .tab { display: none; }
 .js .things-a .tab.is-active { display: block; }
  .things-a .tab ol { padding: 0; font-size: 0; letter-spacing: -1em; }
   .things-a .tab li { display: inline-block; width: 33.33%; padding-left: 75px; font-size: 1.18rem; letter-spacing: 0; vertical-align: top; }
    .things-a .tab li:before { content: counter(ordered); margin: -0.5em 0 0 -35px; color: #de6e24; font-size: 1.6em; line-height: 1; font-weight: bold; }

@media screen and (max-width: 1279px) {
.js .things-a .tab { padding-top: 10px; }
.things-a .tab li { display: block; width: auto; margin-bottom: 20px; }
 .things-a .tab li:before { margin-top: -2px; }
}
@media screen and (max-width: 719px) {
.things-a .header { float: none; width: auto; max-width: 360px; margin: 0 auto 30px; }
.things-a .tab { margin-left: 0; }
 .things-a .tab li { padding-left: 45px; }
}

/* custom tick boxes */

.tick-a { }
:root .tick-a { position: absolute; left: -10001px; }
:root .tick-a + label { display: inline-block; position: relative; max-width: 100%; padding-left: 50px; vertical-align: top; }
 :root .tick-a + label:before { position: absolute; left: 0; top: 0; content: ''; width: 24px; height: 24px; margin: 0; padding: 0; background: #fff; box-shadow: inset 0 0 0 1px #e3e3e3; color: #36bde9; background-clip: content-box; font: 20px/24px FontAwesome; text-align: center; vertical-align: top; }
 :root .tick-a[type=radio] + label:before { padding: 7px; border-radius: 50%; }
 :root .tick-a[type=radio]:checked + label:before { background-color: currentColor; }
 :root .tick-a[type=checkbox]:checked + label:before { content: '\f00c'; }

/* global header */

.top-a { position: relative; z-index: 101; min-height: 120px; margin: 0; }
 .top-a > .wrap { position: fixed; left: 0; top: 0; right: 0; padding-bottom: 2px; overflow: hidden; }
  .top-a > .wrap > .inner { position: relative; height: 120px; padding: 0 0 0 256px; border-left: 5px solid #8dd500; background: #002d71; box-shadow: 0 2px 0 rgba(69,72,76,0.1); color: #fff; -webkit-backface-visibility: hidden; }
  .top-a.is-compact > .wrap > .inner { -webkit-transform: translate3d(0,-45px,0); -ms-transform: translate3d(0,-45px,0); transform: translate3d(0,-45px,0); }
  .top-a > .wrap > .inner { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
   .top-a .logo { position: absolute; left: 0; bottom: 0; width: 266px; height: 120px; margin: 0; padding: 28px 0 0; border-right: 1px solid #023d97; text-align: center; }
    .top-a .logo a { display: inline-block; position: relative; top: 0; overflow: hidden; height: 84px; padding-bottom: 3px; box-shadow: none !important; vertical-align: top; }
    .top-a .logo img { display: block; margin: 0 auto; }
    .top-a .logo img { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
    .top-a.is-compact .logo img { -webkit-transform: translate3d(0,38px,0); -ms-transform: translate3d(0,38px,0); transform: translate3d(0,38px,0); }
   .top-a .toggler { display: none; position: absolute; right: 0; top: 0; width: 81px; border-left: 1px solid #023d97; color: #fff; font-size: 13px; line-height: 50px; font-weight: bold; text-transform: uppercase; text-align: center; cursor: pointer; }
   .top-a .toggler { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
   .top-a .mowrap { margin-bottom: 0; }
    .top-a .moinner { }
     .top-a .nav { margin: 0; }
      .top-a .nav ul { list-style: none; margin: 0; padding: 0; font-size: 0; letter-spacing: -1em; }
       .top-a .nav li { display: inline-block; margin: 0; font-size: 15px; letter-spacing: 0; vertical-align: top; }
       .top-a .nav li ~ li { margin-left: 40px; }
        .top-a .nav li:before { display: none; }
        .top-a .nav li a { display: inline-block; color: inherit; vertical-align: top; }
        .top-a .nav li a:not(:hover) { box-shadow: inset 0 -1px 0 transparent; }
        .top-a .nav li a:hover, .top-a .nav li a:focus, .top-a .nav li a:active {  }
        .top-a .nav li em { position: absolute; left: -10001px; top: -10001px; }
     .top-a .nav.a { position: absolute; left: 266px; right: 540px; bottom: 0; text-align: center; }
      .top-a .nav.a ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 20px; }
       .top-a .nav.a li { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; }
       .top-a .nav.a li { padding-bottom: 22px; font-size: 20px; line-height: 30px; font-weight: bold; }
       .flexbox .top-a .nav.a li ~ li { margin-left: 20px; }
        .top-a .nav.a li a { box-shadow: 0 2px 0 transparent; }
        .top-a .nav.a li a:hover { box-shadow: 0 2px 0 #8ed400; }
     .top-a .nav.b { position: absolute; left: 266px; right: 0; top: 0; height: 45px; padding: 12px 180px 0 0; border-bottom: 1px solid #023d97; line-height: 20px; text-align: right; }
     .top-a .socials-a { position: absolute; right: 40px; top: 12px; padding-left: 20px; border-left: 1px solid #023d97; }
      .top-a .socials-a li { font-size: 20px; line-height: 20px; }
       .top-a .socials-a li a { min-width: 20px; }
     .top-a .ctabar-a { position: absolute; right: 0; bottom: 0; margin: 0; border-top: none; }
     .top-a .searchbar { position: absolute; left: 267px; top: 0; bottom: 0; right: 0; z-index: 11; margin: 0; padding: 25px 120px 0 0; background: #002d71; }
     .top-a .searchbar { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }
     .top-a .searchbar:not(.is-active) { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
      .top-a .searchbar p { margin: 0; padding: 0 150px 0 150px; }
       .top-a .searchbar .fields { display: block; position: relative; }
        .top-a .searchbar input { height: 60px; padding-left: 0; padding-right: 40px; border-color: transparent; border-bottom-color: #33578d; background: transparent; color: #fff; font-size: 32px; line-height: 58px; }
        .top-a .searchbar button { position: absolute; right: 0; top: 0; width: 40px; padding-top: 0; padding-bottom: 0; min-width: 0; min-height: 0; height: 60px; padding-left: 0; padding-right: 0; border-color: transparent; background-color: transparent; color: #fff; font: bold 26px/58px Icons; text-align: right; }
         .top-a .searchbar button:before { content: '\e90b'; }
         .top-a .searchbar button span { display: none; }
       .top-a .searchbar .close { position: absolute; right: 0; top: 0; width: 120px; height: 121px; border-left: 1px solid #33578d; cursor: pointer; }
        .top-a .searchbar .close:before { display: block; content: '\e902'; font: 24px/120px Icons; text-align: center; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@media screen and (max-width: 1365px) {
.top-a .nav.a { right: 450px; }
 .top-a .nav.a li { font-size: 18px; }
}
@media screen and (max-width: 1199px) and (min-width: 1100px) {
.top-a > .wrap > .inner { padding-left: 200px; }
 .top-a .logo { width: 200px; }
  /*.top-a .logo img { width: 208px !important; max-width: none; margin: 0 0 0 -50px; }*/
  .top-a .logo img { width: 180px !important;  }
 .top-a .nav.a { left: 200px; }
 .top-a .nav.b { left: 200px; }
}
@media screen and (max-width: 1099px) {
.top-a { min-height: 50px; }
 .top-a > .wrap { position: relative; overflow: visible; padding-bottom: 0; }
  .top-a > .wrap > .inner { height: 50px; padding: 0; box-shadow: none; }
  .top-a.is-compact > .wrap > .inner { -webkit-transform: none; -ms-transform: none; transform: none; }
  /*
   .top-a .logo { width: 130px; height: 50px; padding: 0; border: none; }
    .top-a .logo a { height: 50px; padding: 12px 0 0; }
     .top-a .logo img { max-width: none; width: 160px; margin: 0 0 0 -50px; }
  */
   .top-a .logo { width: 130px; height: 50px; padding: 0; border: none; }
    .top-a .logo a { height: 40px; padding: 12px 0 0; }
     .top-a .logo img { max-width: none; width: 160px; }

     .top-a.is-compact .logo img { -webkit-transform: none; -ms-transform: none; transform: none; }
   .top-a .toggler { display: block; }
   .is-nav-active .top-a .toggler:before { content: attr(data-close); }
   .is-nav-active .top-a .toggler span { display: none; }
   .top-a .mowrap { display: none; position: absolute; left: -5px; top: 100%; right: 0; height: 10001px; padding: 0; background: rgba(255,255,255,0.75); }
   .is-nav-active .top-a .mowrap { display: block; }
    .top-a .moinner { padding-top: 30px; background: #0b2246; }
     .top-a .nav { margin-bottom: 30px; }
      .top-a .nav li { display: block; margin-bottom: 10px; }
      .top-a .nav li ~ li { margin-left: 0; }
     .top-a .nav.a { position: relative; left: auto; right: auto; bottom: auto; }
      .top-a .nav.a ul { display: block; }
       .top-a .nav.a li { display: block; }
       .top-a .nav.a li { padding-bottom: 0; }
       .flexbox .top-a .nav.a li ~ li { margin-left: 0; }
     .top-a .nav.b { position: relative; left: auto; right: auto; top: auto; height: auto; padding: 0; border-bottom: none; text-align: center; }
      .top-a .nav.b li { display: block; margin-bottom: 15px; }
      .top-a .nav.b li.search { display: none; }
     .top-a .socials-a { position: relative; right: auto; top: auto; margin-bottom: 30px; padding-left: 0; border-left: none; text-align: center; }
     .top-a .ctabar-a { position: relative; right: auto; bottom: auto; }
     .top-a .searchbar { position: relative; left: auto; top: auto; bottom: auto; right: auto; margin-bottom: 40px; padding: 0; background: transparent; }
     .top-a .searchbar:not(.is-active) { -webkit-transform: none; -ms-transform: none; transform: none; }
      .top-a .searchbar p { max-width: 260px; margin: 0 auto; padding: 0; }
       .top-a .searchbar .fields { }
        .top-a .searchbar input { height: 40px; padding-right: 30px; border-bottom-color: #3c4e6b; font-size: 22px; line-height: 38px; }
        .top-a .searchbar button { width: 30px; height: 40px; font-size: 18px; line-height: 38px; text-align: center; }
       .top-a .searchbar .close { display: none; }
}
@media screen and (max-width: 1099px) and (min-width: 600px) {
.top-a .ctabar-a ul { width: 100%; }
 .top-a .ctabar-a li { width: 33.33%; }
}

/* tweet */

.tweet-a { }
 .tweet-a .hx { font: inherit; font-size: 22px; line-height: 30px; font-weight: bold; }
  .tweet-a .hx a { display: block; position: relative; padding: 45px 0 45px 150px; box-shadow: inset 0 -1px transparent; }
   .tweet-a .hx .fa { position: absolute; left: 0; top: 0; width: 120px; height: 120px; border-radius: 50%; background: #f68e12; color: #fff; font-size: 50px; line-height: 120px; text-align: center; }
    .tweet-a .hx .fa:after { position: absolute; left: 100%; top: 50%; content: ''; margin: -11px 0 0 -2px; border: 1px solid transparent; border-width: 12px 15px; border-left-color: #f68e12; }
 .tweet-a blockquote { margin: 0; padding: 0; color: inherit; font: inherit; }
  .tweet-a blockquote a:not(:hover) { box-shadow: inset 0 -1px transparent; }

/* responsive video */

.video-a { display: block; position: relative; overflow: hidden; height: 0; padding: 0 0 56.25%; }
 .video-a iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* work grid */

.work-a {  }
 .work-a > .wrap { }
 .work-a.-compact > .wrap { margin: -40px -10px 0; }
  .work-a.-compact > .wrap > .cell { border-width: 40px 10px 0; }

@media screen and (max-width: 1279px) {
 .work-a > .wrap { margin: -30px -15px 0; }
  .work-a > .wrap > .cell { border-width: 30px 15px 0; }
}
@media screen and (max-width: 1023px) {
.work-a > .wrap > .cell.w25 { width: 33.33%; }
.work-a > .wrap > .cell.w33 { width: 49.99%; }
}
@media screen and (max-width: 599px) {
.work-a > .wrap > .cell.w25 { width: 49.99%; }
.work-a > .wrap > .cell.w33 { width: 100%; }
}
@media screen and (max-width: 374px) {
.work-a > .wrap > .cell.w25 { width: 100%; }
}

/* wrappers: story */

.wrap-a { position: relative; overflow: hidden; margin-bottom: 0; }
 .wrap-a > .background { margin: 0; }
  .wrap-a > .background:before { position: absolute; left: 0; top: 0; right: 0; content: ''; height: 700px; margin: 0; background: #f2f1ee; }
  .wrap-a > .background.-large:before { height: 1000px; }
  .wrap-a > .background:before { -webkit-transform: skewY(15deg); -ms-transform: skewY(15deg); transform: skewY(15deg); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }
 .wrap-a > .contain { position: relative; }

@media screen and (max-width: 719px) {
.wrap-a > .background { display: none; }
}

/* wrappers: take action */

.wrap-b { position: relative; margin-bottom: 0; padding-bottom: 40px; background: url(../images/wrap-b-bg-a.png) 50% 100% no-repeat; }
.wrap-b + .featured-b { background-image: url(../images/featured-b-bg-a.png); background-position: 50% 0; background-repeat: no-repeat; }

/* wrappers: stories */

.wrap-c { position: relative; overflow: hidden; margin-bottom: 0; padding-bottom: 400px; }
 .wrap-c > .background { position: absolute; left: -1250px; right: -1250px; bottom: 0; content: ''; margin: 0; text-align: center; }
 .wrap-c > .background:empty { top: 0; background: url(../images/wrap-c-bg-a.png) 50% 100% no-repeat; }
  .wrap-c > .background img { display: block; margin: 0 auto; }
 .wrap-c > .contain { position: relative; }

@media screen and (max-width: 719px) {
.wrap-c { padding-bottom: 40px; }
 .wrap-c > .background { display: none; }
}

/* wrappers: action */

.wrap-d { overflow: hidden; background: url(../images/wrap-d-bg-a.png) 50% 100% no-repeat; }
 .wrap-d > .contain { }
  .wrap-d > .contain:after { display: table; clear: both; content: ''; }
  .wrap-d > .contain > .side { float: left; position: relative; width: 37.5%; margin: 0; padding-right: 90px; }
   .wrap-d > .contain > .side:before { position: absolute; left: -1000px; right: 0; top: 0; bottom: -1000px; content: ''; background: #f2f1ee; background: rgba(242,241,238,0.9); }
   .wrap-d > .contain > .side > .wrap { position: relative; }
  .wrap-d > .contain > .main { float: right; width: 62.5%; margin: 0; padding-left: 90px; }

@media screen and (max-width: 1279px) {
.wrap-d > .contain > .side { padding-right: 40px; }
.wrap-d > .contain > .main { padding-left: 40px; }
}
@media screen and (max-width: 1023px) {
.wrap-d { background: none; }
.wrap-d > .contain > .side { float: none; width: auto; padding-right: 0; }
 .wrap-d > .contain > .side:before { left: -50px; right: -50px; bottom: 0; }
.wrap-d > .contain > .main { float: none; width: auto; padding-left: 0; }
}

/* wrappers: archives */

.wrap-e { position: relative; overflow: hidden; }
 .wrap-e > .side { position: relative; float: left; margin: 0 -100% 0 0; width: 360px; }
  .wrap-e > .side:before { position: absolute; left: 0; right: 0; top: 0; bottom: -10001px; content: ''; background: #f2f1ee; }
  .wrap-e > .side > .wrap { position: relative; padding-bottom: 20px;}
 .wrap-e > .main { padding-left: 400px; }

@media screen and (max-width: 1279px) {
.wrap-e > .side { width: 300px; }
.wrap-e > .main { padding-left: 320px; padding-right: 20px; }
}
@media screen and (max-width: 1023px) {
.wrap-e > .side { float: none; width: auto; margin: 0; padding: 0; background: #f2f1ee; }
 .wrap-e > .side:before { display: none; }
.wrap-e > .main { padding-left: 0; padding-right: 0; }
}

/* wrappers: our work */

.wrap-f {  }
 .wrap-f > .header { position: relative; margin: 0 0 -337px; padding-bottom: 337px; background: url(../images/wrap-f-bg-a.png) 50% 100% no-repeat; }
  .wrap-f > .header .bar { height: 190px; padding: 20px 0 25px; color: #fff; font-size: 1.88rem; font-weight: bold; text-align: center; }
  .wrap-f > .header .bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .no-flexbox .wrap-f > .header .bar { padding-top: 45px; }
   .wrap-f > .header .bar strong { display: block; margin-top: 5px; font-size: 1.69em; line-height: 1; }
    .wrap-f > .header .bar strong span { display: inline-block; padding: 0 5px; background: #fff; color: #002d71; }
 .wrap-f > .content { position: relative; }

/* wrappers: our work (home) */

.wrap-g { position: relative; overflow: hidden; margin: 0; background: #e2e0dd; }
 .wrap-g > .background { position: absolute; left: -1250px; right: -1250px; top: 0; bottom: 0; content: ''; margin: 0; text-align: center; }
  .wrap-g > .background img { display: block; margin: 0 auto; }
 .wrap-g > .background:empty { background: url(../images/wrap-g-bg-a.png) 50% 0 no-repeat; }
 .wrap-g > .contain { position: relative; }
  .wrap-g .teaser-e { border-color: transparent; }
  .wrap-g .header-b { max-width: 600px; color: #fff; }
   .wrap-g .header-b em { color: #fff; }

/*!
 * Animations
/* ---------------------------------------- */

@media screen and (min-width: 1025px) {

.js [data-animate-in] { -webkit-transition: opacity 0.75s, -webkit-transform 0.75s; transition: opacity 0.75s, transform 0.75s; }
.js [data-animate-in$="/1"] { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.js [data-animate-in$="/2"] { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.js [data-animate-in$="/3"] { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.js [data-animate-in$="/4"] { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.js [data-animate-in$="/5"] { -webkit-transition-delay: 1.0s; transition-delay: 1.0s; }
.js [data-animate-in]:not(.is-animated-in) { opacity: 0; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); }

}

/*!
 * Global modifiers
/* ---------------------------------------- */

.-mB0 { margin-bottom: 0; }
.-mBa,.-mYa,.-mAa{margin-bottom:100px}.-mTa,.-mYa,.-mAa{margin-top:100px}.-mLa,.-mXa,.-mAa{margin-left:100px}.-mRa,.-mXa,.-mAa{margin-right:100px}.-pBa,.-pYa,.-pAa{padding-bottom:100px}.-pTa,.-pYa,.-pAa{padding-top:100px}.-pLa,.-pXa,.-pAa{padding-left:100px}.-pRa,.-pXa,.-pAa{padding-right:100px}
.-mBb,.-mYb,.-mAb{margin-bottom:50px}.-mTb,.-mYb,.-mAb{margin-top:50px}.-mLb,.-mXb,.-mAb{margin-left:50px}.-mRb,.-mXb,.-mAb{margin-right:50px}.-pBb,.-pYb,.-pAb{padding-bottom:50px}.-pTb,.-pYb,.-pAb{padding-top:50px}.-pLb,.-pXb,.-pAb{padding-left:50px}.-pRb,.-pXb,.-pAb{padding-right:50px}
@media screen and (max-width: 1279px) { .-mBa,.-mYa,.-mAa{margin-bottom:60px}.-mTa,.-mYa,.-mAa{margin-top:60px}.-mLa,.-mXa,.-mAa{margin-left:60px}.-mRa,.-mXa,.-mAa{margin-right:60px}.-pBa,.-pYa,.-pAa{padding-bottom:60px}.-pTa,.-pYa,.-pAa{padding-top:60px}.-pLa,.-pXa,.-pAa{padding-left:60px}.-pRa,.-pXa,.-pAa{padding-right:60px}.-mBb,.-mYb,.-mAb{margin-bottom:40px}.-mTb,.-mYb,.-mAb{margin-top:40px}.-mLb,.-mXb,.-mAb{margin-left:40px}.-mRb,.-mXb,.-mAb{margin-right:40px}.-pBb,.-pYb,.-pAb{padding-bottom:40px}.-pTb,.-pYb,.-pAb{padding-top:40px}.-pLb,.-pXb,.-pAb{padding-left:40px}.-pRb,.-pXb,.-pAb{padding-right:40px}}
@media screen and (max-width: 719px) { .-mBa,.-mYa,.-mAa{margin-bottom:40px}.-mTa,.-mYa,.-mAa{margin-top:40px}.-mLa,.-mXa,.-mAa{margin-left:40px}.-mRa,.-mXa,.-mAa{margin-right:40px}.-pBa,.-pYa,.-pAa{padding-bottom:40px}.-pTa,.-pYa,.-pAa{padding-top:40px}.-pLa,.-pXa,.-pAa{padding-left:40px}.-pRa,.-pXa,.-pAa{padding-right:40px}.-mBb,.-mYb,.-mAb{margin-bottom:30px}.-mTb,.-mYb,.-mAb{margin-top:30px}.-mLb,.-mXb,.-mAb{margin-left:30px}.-mRb,.-mXb,.-mAb{margin-right:30px}.-pBb,.-pYb,.-pAb{padding-bottom:30px}.-pTb,.-pYb,.-pAb{padding-top:30px}.-pLb,.-pXb,.-pAb{padding-left:30px}.-pRb,.-pXb,.-pAb{padding-right:30px}}

.-cxa { color: #002d71; } .-bxa { background-color: #002d71; } /* vivid blue, links */
.-cxb { color: #f68e13; } .-bxb { background-color: #f68e13; } /* orange, accents */
.-cxc { color: #45484d; } .-bxc { background-color: #45484d; } /* gray, text */
.-cxd { color: #8cd500; } .-bxd { background-color: #8cd500; } /* green, accents */
.-cxe { color: #de6e24; } .-bxe { background-color: #de6e24; } /* orange, page title */
.-cxf { color: #0b2146; } .-bxf { background-color: #0b2146; } /* dark blue, background */
.-cxg { color: #204071; } .-bxg { background-color: #204071; } /* blue, background */
.-cxh { color: #f2f1ed; } .-bxh { background-color: #f2f1ed; } /* white, background */

/*!
 * Buttons
/* ---------------------------------------- */

.button-a, button, input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; height: auto; min-width: 180px; min-height: 50px; padding: 14px 24px; border: 1px solid #f68e12; box-shadow: none; background: #f68e12; color: #002d71; font-size: 15px; letter-spacing: 0.05em; font-weight: bold; line-height: 20px; text-align: center; text-transform: uppercase; text-decoration: none !important; outline: none; }
.button-a:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { border-color: #ffa523; background-color: #ffa523; box-shadow: none; color: #002d71; }
 .button-a .fa:first-child { margin-right: 10px; }
 .button-a > span { display: inline-block; }
 .button-a .fa:last-child { margin-left: 5px; }
.button-a.-block { display: block; width: 100%; }

 .button-a .fa, .button-a span { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
 .button-a .fa:first-child { margin-left: -5px; }
 .button-a .fa:first-child ~ .fa:last-child { margin-left: -5px; opacity: 0; }
 .button-a:hover .fa:first-child { -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transform: translateX(-15px); opacity: 0; }
 .button-a:hover .fa:last-child { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }
 .button-a:hover .fa:first-child + span { -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
 .button-a:hover .fa:first-child ~ .fa:last-child { opacity: 1; }

@media screen and (min-width: 599px) {
.button-a.-large { min-height: 70px; padding: 21px 19px; font-size: 20px; line-height: 26px; }
}

.button-b { display: block; position: relative; margin: 0 auto; padding: 40px 20px; border: 1px solid #d7d7d1; box-shadow: none !important; color: inherit; font-size: 13px; font-weight: bold; letter-spacing: 0.05em; text-transform: uppercase; text-align: center; }
 .button-b span { display: block; }
 .button-b .s { display: none; }
 .button-b.is-loading .t { display: none; }
 .button-b.is-loading .s { display: block; }

@media screen and (max-width: 719px) {
.button-b { padding: 30px 15px; }
}

.link-a { display: inline-block; color: #002d71; box-shadow: none !important; font-size: 15px; letter-spacing: 0.05em; font-weight: bold; line-height: 20px; text-transform: uppercase; outline: none; }
.link-a span { box-shadow: inset 0 -1px 0 transparent; -webkit-transition: box-shadow 0.35s; transition: box-shadow 0.35s; }
.link-a:hover span { box-shadow: inset 0 -1px 0 #8ed400; }
 .link-a .fa:first-child { margin-right: 5px; }
 .link-a .fa:last-child { margin-left: 5px; -webkit-transition: margin 0.35s; transition: margin 0.35s; }
 .link-a:hover .fa:last-child { margin-left: 10px; }

.link-b { display: inline-block; position: relative; padding-left: 35px; box-shadow: none !important; font-weight: bold; vertical-align: top; }
 .link-b:before { position: absolute; left: 0; top: 50%; content: '\e909'; width: 30px; margin: -12px 0 0; font: 24px/1 Icons; vertical-align: top; text-align: center; }
 .link-b > span { box-shadow: inset 0 -1px transparent; -webkit-transition: box-shadow 0.35s; transition: box-shadow 0.35s; }
 .link-b:hover > span { box-shadow: inset 0 -1px #8ed400; }

.link-c { color: inherit; font-size: 13px; font-weight: bold; letter-spacing: .05em; text-transform: uppercase; }
.link-c:not(:hover) { box-shadow: inset 0 -1px 0 transparent; }
.link-c:hover { box-shadow: inset 0 -1px 0; }

.link-d { box-shadow: none !important; }
.link-d.-ci { color: inherit; }
 .link-d > span { box-shadow: inset 0 -1px transparent; -webkit-transition: box-shadow 0.35s; transition: box-shadow 0.35s; }
 .link-d:hover > span { box-shadow: inset 0 -1px #8ed400; }
 .link-d .fa:last-child { margin-left: 5px; -webkit-transition: margin 0.35s; transition: margin 0.35s; }
 .link-d:hover .fa:last-child { margin-left: 10px; }

/*!
 * Helpers
/* ---------------------------------------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

.alignright { float: right; margin: 0 0 20px 20px; }
.alignleft { float: left; margin: 0 20px 20px 0; }
 .alignright img, .alignleft img { display: block; max-width: none; }

[hidden] { display: none !important; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }

@media screen and (min-width: 1250px) { .hide\@large, .hide:not(.show\@large) { display: none !important; } }
@media screen and (max-width: 1249px) and (min-width: 720px) { .hide\@medium, .hide:not(.show\@medium) { display: none !important; } }
@media screen and (max-width: 719px) { .hide\@small, .hide:not(.show\@small) { display: none !important; } }

/*!
 * Defaults
/* ---------------------------------------- */

form { }
 label { cursor: pointer; vertical-align: middle; }
 label:first-child { display: block; margin: 0 0 5px; }
  label em { color: #f00; }
 input[type=text], input[type=password], input[type=search], input[type=email], input[type=tel], textarea, select { width: 100%; height: 50px; padding: 0 19px; border: 1px solid #d7d7d1; border-radius: 3px; background: #fff; font-size: 16px; line-height: 48px; vertical-align: top; -webkit-appearance: none; outline: none; }
 .native.android input:not([type=checkbox]):not([type=radio]) { padding-top: 15px; padding-bottom: 15px; line-height: 20px; }
 input[type="checkbox"], input[type="radio"] { padding: 0; }
 input::-ms-clear { display: none; }
 textarea { overflow: auto; height: auto; padding: 14px 19px; line-height: 20px; resize: vertical; }
 textarea.autoresize { min-height: 50px; max-height: 150px; }
 select { padding: 8px 35px 8px 18px; background: #fff url(../images/select-a.png) 100% 50% no-repeat; background-size: auto 8px; line-height: normal; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
 select::-ms-expand { display: none; }
 .firefox select { padding-left: 13px; }
 button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
 button[disabled], input[disabled] { cursor: default; }

 ::-webkit-input-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 :-ms-input-placeholder { color: #aaa !important; font-style: normal; opacity: 1; }
 ::-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 .placeholder, .placeholdersjs { color: #aaa !important; font-style: normal; opacity: 1; }
 select:invalid { color: #aaa; }

 input[type].required, input[type].error, textarea.required, textarea.error, select.required, select.error { border-color: #EF4242; color: #EF4242; }

/* tables */

table { display: table; width: 100%; margin: 60px 0; border-collapse: collapse; border-spacing: 0; font-size: 15px; } table:first-child { margin-top: 0; }
 table th, table td { padding: 10px 20px; border: 1px solid #d7d7d1; text-align: left; }
 table tr > :first-child { border-left-width: 0; }
 table tr > :last-child { border-right-width: 0; }
 table thead th { border-color: #023d97; background-color: #002d71; color: #fff; }

@media screen and (max-width: 719px) {
table { margin: 30px 0; }
table th, table td { font-size: 14px; }
}
@media screen and (max-width: 479px) {
table th, table td { font-size: 13px; }
}

/* headers */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #002e74; font: bold 10px/1.2 sans-serif; font-family: inherit; text-transform: none; }
h1, .h1 { font-size: 3.18rem; line-height: 1.11; }
h2, .h2 { font-size: 2.47rem; line-height: 1.14; }
h3, .h3 { font-size: 1.88rem; line-height: 1.15; }
h4, .h4 { color: #45484d; font-size: 1.29rem; line-height: 1.27; }
h5, .h5, h6, .h6 { color: #45484d; font-size: 1rem; line-height: 1.47; }

@media screen and (max-width: 599px) {
h1, .h1 { font-size: 2.39rem; line-height: 1.1; }
h2, .h2 { font-size: 1.85rem; line-height: 1.2; }
h3, .h3 { font-size: 1.50rem; line-height: 1.25; }
}

/* lists */

ul, ol, dl, blockquote { padding-left: 40px; }

ol, ul { list-style: none; counter-reset: ordered; }
 li { margin-bottom: 5px; counter-increment: ordered; }
  ol li:before { position: absolute; content: counter(ordered) '.'; width: 15px; margin: 0 0 0 -30px; color: #8cd500; font-weight: bold; text-align: right; }
  ul li:before { float: left; overflow: hidden; content: '\2022'; color: #8cd500; margin: 0 0 0 -20px; font-size: 1.5em; line-height: 0.8; }

dl { margin: 40px 0; } dl:first-child { margin-top: 0; }
 dt { display: block; margin-bottom: 20px; font-weight: bold; }
 dt ~ dt { margin-top: 40px; }
 dd { margin-bottom: 25px; }

@media screen and (max-width: 719px) {
ul, ol, dl, blockquote { padding-left: 25px; }
ol li:before { margin-left: -25px; }
dl { margin: 30px 0; }
}

/* links */

a { background: transparent; color: #002d71; box-shadow: inset 0 -1px 0; text-decoration: none; }
a, a:before, a:after, label, button, input[type=submit] { -webkit-transition: border 0.35s, background 0.35s, color 0.35s, box-shadow 0.35s, opacity 0.35s, -webkit-transform 0.35s; transition: border 0.35s, background 0.35s, color 0.35s, box-shadow 0.35s, opacity 0.35s, transform 0.35s; }
a:hover, a:focus, a:active { color: #002d71; box-shadow: inset 0 -1px 0 #8ed400; text-decoration: none; }
a.-blend:not(:hover) { box-shadow: inset 0 -1px 0 transparent; color: inherit; }
 a span { cursor: pointer; }

/* images */

figure { }
 img { max-width: 100%; border-width: 0; box-sizing: content-box; } .ie8 img { max-width: none; }
 figcaption { display: block; margin-top: 10px; font-size: 15px; line-height: 1.3; }

@media screen and (max-width: 719px) {

figure { margin-left: -20px; margin-right: -20px; }
 figcaption { margin: 20px 20px 0; padding: 0 0 20px; border-bottom: 1px solid #d7d7d1; }

}

/* other */

blockquote { margin: 60px 0; padding: 0; color: #de6e24; font: 32px/1.16 Aleo,Georgia,serif; font-size: 1.88rem; } blockquote:first-child { margin-top: 0; }
 cite { display: block; margin-top: 20px; font: inherit; font-size: 1rem; font-weight: bold; }

@media screen and (max-width: 719px) {
blockquote { margin: 40px 0; font-size: 1.62rem; }
}

pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; }
hr { overflow: hidden; width: 100%; height: 1px; margin: 40px 0; border: none; border: none; background: #d7d7d1; font-size: 0; }
sup, sub { font-size: 0.6875em; vertical-align: top; } sub { vertical-align: bottom; }
b, strong { font-weight: bolder; }

/* WordPress / Admin overrides and other theme adjustments. */

#wpadminbar a, #wpadminbar a:hover, #wpadminbar a:focus, #wpadminbar a:active { box-shadow: none; }
 .admin-bar .top-a > .wrap { top: 32px; }
@media screen and (max-width: 1099px) {
  .admin-bar .top-a > .wrap { top: 0; }
}

.tweet-a .tweet-details { display: none; }

/*!
 * Libs
/* ---------------------------------------- */

.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* Every Action */

.ngp-form .at-inner { background-color: transparent !important; }
.ngp-form ol li:before { content: '' }
.side .at h1 { font-size: 2.09rem !important; line-height: 1.1; color: #002e74; font: bold 2.09rem/1.1 azo-sans-web,Azo Sans,Helvetica Neue,Helvetica,Arial,sans-serif !important; }
.side .at .at-steps li { font-size: 10px !important; }
/*.side .at header.at-title { display: none;  }*/
.action-template-default .wrap-d > .contain > .side { padding-right: 40px; }
 .action-template-default .wrap-d > .contain > .side:before { background: #f3f3f3; background: rgba(242,242,232,0.9); }
.two-col-action-hide { margin-bottom: 0; }
 .two-col-action-hide figure { margin-bottom: 0 !important; }

@media screen and (min-width: 1024px) { 
  .two-col-action-hide { display: none; }
}
@media screen and (max-width: 1023px) { 
  .two-col-action-show { display: none; } 
  .side .at header.HeaderHtml { display: none; }
  .side .at .at-error-console { margin-bottom: 0 !important; }
  .side .at .at-steps { border-top: none !important; }
} 


/*
 * Misc client additions
 */
.membForm1 { margin-left: -5%; }
p.-center { text-align: center; }