/*!
 * Project:   Bluegreen Alliance 2021
 * Date:      2016/05/10
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #fff; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #222; font: 16px/1.5 Lato,Helvetica Neue,Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0 0 24px; } :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; }

@font-face { font-family: 'States'; src: url('../fonts/states/states.eot?gyjbqg'); src: url('../fonts/states/states.eot?gyjbqg#iefix') format('embedded-opentype'), url('../fonts/states/states.ttf?gyjbqg') format('truetype'), url('../fonts/states/states.woff?gyjbqg') format('woff'), url('../fonts/states/states.svg?gyjbqg#icomoon') format('svg'); font-weight: normal; font-style: normal; }
[class*="icon-state-"] { font-family: 'States' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; }
.icon-state-ak:before{content:"\e900";}.icon-state-al:before{content:"\e901";}.icon-state-ar:before{content:"\e902";}.icon-state-az:before{content:"\e903";}.icon-state-ca:before{content:"\e904";}.icon-state-co:before{content:"\e905";}.icon-state-ct:before{content:"\e906";}.icon-state-de:before{content:"\e907";}.icon-state-fl:before{content:"\e908";}.icon-state-ga:before{content:"\e909";}.icon-state-hi:before{content:"\e90a";}.icon-state-ia:before{content:"\e90b";}.icon-state-id:before{content:"\e90c";}.icon-state-il:before{content:"\e90d";}.icon-state-in:before{content:"\e90e";}.icon-state-ks:before{content:"\e90f";}.icon-state-ky:before{content:"\e910";}.icon-state-la:before{content:"\e911";}.icon-state-ma:before{content:"\e912";}.icon-state-md:before{content:"\e913";}.icon-state-me:before{content:"\e914";}.icon-state-mi:before{content:"\e915";}.icon-state-mn:before{content:"\e916";}.icon-state-mo:before{content:"\e917";}.icon-state-ms:before{content:"\e918";}.icon-state-mt:before{content:"\e919";}.icon-state-nc:before{content:"\e91a";}.icon-state-nd:before{content:"\e91b";}.icon-state-ne:before{content:"\e91c";}.icon-state-nh:before{content:"\e91d";}.icon-state-nj:before{content:"\e91e";}.icon-state-nm:before{content:"\e91f";}.icon-state-nv:before{content:"\e920";}.icon-state-ny:before{content:"\e921";}.icon-state-oh:before{content:"\e922";}.icon-state-ok:before{content:"\e923";}.icon-state-or:before{content:"\e924";}.icon-state-pa:before{content:"\e925";}.icon-state-ri:before{content:"\e926";}.icon-state-sc:before{content:"\e927";}.icon-state-sd:before{content:"\e928";}.icon-state-tn:before{content:"\e929";}.icon-state-tx:before{content:"\e92a";}.icon-state-ut:before{content:"\e92b";}.icon-state-va:before{content:"\e92c";}.icon-state-vt:before{content:"\e92d";}.icon-state-wa:before{content:"\e92e";}.icon-state-wi:before{content:"\e92f";}.icon-state-wv:before{content:"\e930";}.icon-state-wy:before{content:"\e931";}

/*!
 * Layout
/* ---------------------------------------- */

.root-a { position: relative; overflow: hidden; width: 100%; min-width: 320px; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 .root-a *, .root-a *:before, .root-a *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }
 .root-a > .wrap { margin: 0; }
  .root-a .contain { max-width: 1240px; margin-left: auto; margin-right: auto; margin-bottom: 40px; border-left: 30px solid transparent; border-right: 30px solid transparent; }
  .root-a .decontain { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
  .root-a .contain.small { max-width: 1065px; }
   .root-a .contain .contain { border-left: none; border-right: none; }

@media screen and (max-width: 1023px) {
.root-a .contain { border-left-width: 20px; border-right-width: 20px; }
.root-a .contain, .root-a .contain.small { max-width: 768px; }
}
@media screen and (max-width: 719px) {
.root-a .contain, .root-a .contain.small { max-width: 600px; }
}

/* grid */

.grid-a { overflow: hidden; margin: 0 0 35px; }
.grid-a:first-child { margin-top: 0; }
.grid-a + .more-a { margin-top: -15px; }
 .grid-a > .wrap { margin: -20px -10px 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: 20px 10px 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%; }

.grid-a.-gg1 > .wrap { margin: -40px -50px 0; }
 .grid-a.-gg1 > .wrap > .cell { border-width: 40px 50px 0; }

@media screen and (min-width: 720px) and (max-width: 1023px) { .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
/* ---------------------------------------- */

/* accordion */

.accordion1 { border-bottom: 1px solid #C8D5D8; }
 .accordion1-title { margin: 0; padding: 20px 0; border-top: 1px solid #C8D5D8; cursor: pointer; transition-property: color; }
  .accordion1-title i { float: right; margin: 0 0 0 20px; font-size: 1.2em; text-align: center; }
  .accordion1-title.-open i { transform: rotate(180deg); }
 .accordion1-details { margin: 0; padding: 0; }
 .js .accordion1-title:not(.-open) + .accordion1-details { display: none; }
  .accordion1-details:after { display: block; content: ''; height: 30px; }

@media screen and (max-width: 719px) {
.accordion1 { --a1px: var(--sx); }
}

@media print {
.accordion1 { --a1px: 0; }
}

/* big type */

.big1 { display: block; color: #00BC4C; font-size: 50px; font-weight: 900; }

/* box */

.box1 { margin-bottom: 80px; padding: 80px 0; background: #E8F2F4; }
.box1.-nop { padding-top: 0; padding-bottom: 0; }
.box1.-sherpa { background: #00485C; color: #fff; }
.box1.-blue { background: #0075D6; color: #fff; }
.box1:not(.combo1) + .box1, .box1:not(.combo1) + .box1.wide-image { margin-top: -80px!important; }

@media screen and (max-width: 1023px) {
.box1 { margin-bottom: 60px; padding: 60px 0; }
}
@media screen and (max-width: 719px) {
.box1 { margin-bottom: 40px; padding: 40px 0; }
}

/* browser warning */

.browser-a { margin: 0; padding: 20px 40px; background: #b22; color: #fff; text-align: center; }
 .browser-a a { color: #fff !important; text-decoration: underline; }

/* microsite card */

.card1 { height: 100%; }
 .card1-wrap { display: block; position: relative; min-height: 480px; padding: 60px 40px; background: #fff; height: 100%; }
 .card1-wrap[class] { color: inherit; text-decoration: none; }
  .card1-wrap:before { position: absolute; left: 0; top: 0; z-index: 1; content: ''; width: 100%; height: 4px; background: #FDB94C; transform-origin: 0 50%; transform: scaleX(0); transition: all 0.35s ease; }
  .card1-wrap:hover:before { transform: scaleX(1); }
  .card1-title { color: #0075D6; transition: all 0.35s; }
  a:hover .card1-title { color: #000; }
  .card1-date { margin-top: -15px; color: #879EA2; font-size: 14px; }

@media screen and (max-width: 719px) {
 .card1-wrap { min-height: 0; padding: 30px 20px; }
}

/* split card */

.card2 { display: flex; align-items: center; }
 .card2-image { flex: none; width: 69.5%; margin: 0 -100px 0 0; }
  .card2-image img { width: 100%; }
 .card2-main { display: flex; flex-direction: column; flex: none; width: 39%; min-height: 460px; margin: 0; padding: 60px; border-top: 5px solid #FDB94C; background: #E8F2F4; z-index: 1; }
  .card2-header { width: 100%; }
  .card2-action { width: 100%; margin-top: auto; }

@media screen and (max-width: 1279px) {
.card2-main { min-height: 0; padding: 40px; }
}
@media screen and (max-width: 1023px) {
.card2 { align-items: flex-start; }
 .card2-image { margin-right: -100%; }
 .card2-main { width: 45%; margin-left: auto; margin-top: 60px; }
}
@media screen and (max-width: 719px) {
.card2 { display: block; }
 .card2-image { width: 100%; margin: 0; }
 .card2-main { width: 100%; margin-top: 0; padding: 30px 20px; }
}

/* blue split card */

.card3 { display: flex; margin-bottom: 0; background: #0075D6; color: #fff; }
 .card3-image { flex: none; width: 50%; margin: 0; object-fit: cover; object-position: 50% 50%; }
  .card3-image .img1 { height: 100%; }
 .card3.-flip .card3-image { order: 2; }
  .card3-image img { width: 100%; height: 100%; object-fit: cover; }
 .card3-main { display: flex; justify-content: center; align-items: center; flex-grow: 1; min-width: 0; padding: 80px; }
  .card3-wrap { display: flex; flex-direction: column; max-width: 650px; }
   .card3-header { margin-bottom: 0; }
    .card3-title { color: inherit; }
   .card3-action { margin-top: 60px; }
    .card3-action[class] a, .card3 a, .card3 a:hover { color: inherit; }
    .card3 a { text-decoration: underline; }
    .card3-action[class] a { text-decoration: none; }
    .card3 a:hover { text-decoration: none; }

.box1:not(.combo1) + .split { margin-top: -80px!important; }

@media screen and (max-width: 1279px) {
.card3-main { padding: 60px; }
}
@media screen and (max-width: 1023px) {
.card3-main { padding: 50px 35px; }
 .card3-action { margin-top: 35px; }
}
@media screen and (max-width: 719px) {
.card3 { display: block; }
 .card3-image { width: 100%; }
 .card3-main { padding: 30px 20px; }
  .card3-wrap { display: block; max-width: 100%; }
}

@media print {
.card3 { background: none; }
.card3[class] { color: inherit; }
}

/* microsite hero */

.combo1 {  }
 .combo1 .header-c { margin-bottom: 0; }
  .combo1 .header-c .wrap { display: flex; align-items: flex-end; max-width: 720px; padding-left: 80px; padding-right: 80px; }
   .combo1 .header-c .wrap .contain { width: 100%; max-width: 100%; border-width: 0; margin: 0; }
    .combo1 .header-c .wrap .contain > * { max-width: 100%; }
    .combo1 .header-c .combo1-image picture { display: block; width: 100%; height: 100%; margin: 0; }
    .combo1 .header-c .combo1-image img { width: 100%; max-width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }

@media screen and (max-width: 1023px) {
.combo1 .header-c .wrap { padding-left: 60px; padding-right: 60px; }
}
@media screen and (max-width: 719px) {
.combo1 .header-c .wrap { height: calc(var(--vhi, 100vh) - 70px - 50px); padding-left: 20px; padding-right: 20px; }
}

/* global content */

.content-a { max-width: 1420px; margin: 0 auto; padding: 250px 0 120px; }
.top-a.-slim ~ .content-a { padding-top: 170px; }
 .content-a > .-pull:first-child,
 .content-a > .header-a:first-child,
 .content-a > .header-b:first-child,
 .content-a > .header-c:first-child,
 .content-a > .header-d:first-child { margin-top: -80px; }
 .content-a > .wrap-a:last-child { margin-bottom: -120px !important; }

@media screen and (max-width: 1279px) {
.content-a { padding: 150px 0 80px; }
.top-a.-slim ~ .content-a { padding-top: 150px; }
 .content-a > .-pull:first-child,
 .content-a > .header-a:first-child,
 .content-a > .header-b:first-child,
 .content-a > .header-c:first-child,
 .content-a > .header-d:first-child { margin-top: -60px; }
 .content-a > .wrap-a:last-child { margin-bottom: -80px !important; }
}
@media screen and (max-width: 719px) {
.content-a { padding: 110px 0 60px; }
.top-a.-slim ~ .content-a { padding-top: 110px; }
 .content-a > .-pull:first-child,
 .content-a > .header-a:first-child,
 .content-a > .header-b:first-child,
 .content-a > .header-c:first-child,
 .content-a > .header-d:first-child { margin-top: -40px; }
 .content-a > .wrap-a:last-child { margin-bottom: -60px !important; }
}

/* take action box */

.cta-a { margin-bottom: 40px; }
 .cta-a .header { display: table; position: relative; width: 100%; margin: 0; }
  .cta-a figure { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; }
   .cta-a figure:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: #00485c; opacity: 0.7; }
   .cta-a figure img { display: block; }
  .cta-a .wrap { display: table-cell; position: relative; height: 350px; padding: 50px 0; vertical-align: bottom; }
   .cta-a .hx { position: relative; max-width: 460px; padding: 0 0 0 25px; color: #fff; }
    .cta-a .hx:before { position: absolute; left: 0; top: 0; bottom: 0; content: ''; width: 4px; background: #ffbf4f; }
 .cta-a .content { position: relative; margin-top: -60px; }
  .cta-a .box { display: table; max-width: 680px; margin: 0 0 0 auto; background: #00485c; color: #fff; }
   .cta-a .box p { display: table-cell; padding: 30px; vertical-align: top; }
   .cta-a .box p ~ p { padding-left: 0; }
   .cta-a .box .action { padding-right: 35px; vertical-align: middle; }
    .cta-a .box p .button-a { white-space: nowrap; }

@media screen and (max-width: 1279px) {
 .cta-a .content { margin-top: -20px; }
}
@media screen and (max-width: 1023px) {
.cta-a {  background: #00485c; }
 .cta-a figure { border-left: 4px solid #ffbf4f; }
 .cta-a .wrap { height: 250px; padding: 30px 0; }
  .cta-a .hx { padding-left: 0; }
   .cta-a .hx:before { display: none; }
 .cta-a .content { margin-top: 0; }
  .cta-a .box { max-width: 100%; }
   .cta-a .box p { padding-left: 0; }
   .cta-a .box .action { padding-right: 0; }
}
@media screen and (max-width: 719px) {
.cta-a .wrap { height: 200px; }
 .cta-a .box { padding: 20px 0; }
 .cta-a .box p { display: block; padding: 0; }
}

/* call to action */

.cta-b { margin-bottom: 40px; }
 .cta-b figure { margin-bottom: 20px; text-align: center; }
  .cta-b figure img { margin: 0 auto; }
 .cta-b .hx { margin-bottom: 15px; }
 .cta-b p { margin-bottom: 20px; }
 .cta-b p.action { margin-top: 25px; }

/* how can you help box */

.cta-c { margin-bottom: 40px; }
 .cta-c > .wrap { margin: 0; padding: 40px 50px 60px; border-top: 4px solid #ffbf4f; background: #00485c; color: #fff; }
  .cta-c > .wrap .hx { margin-bottom: 10px; color: #fff; }
  .cta-c > .wrap p { margin-bottom: 10px; }
  .cta-c > .wrap .action { margin-top: 20px; }
 .cta-c > .socials-b { width: 100%; padding-top: 30px; padding-bottom: 30px; text-align: center; }
  .cta-c > .socials-b p { margin-right: 50px; }
  .cta-c > .socials-b li ~ li { margin-left: 50px; }

@media screen and (max-width: 1023px) {
.cta-c > .wrap { padding: 30px 30px 40px; }
.cta-c > .socials-b { padding-top: 20px; padding-bottom: 20px; }
}
@media screen and (max-width: 599px) {
.cta-c > .wrap { margin: -40px -20px 0; padding: 25px 20px 30px; }
.cta-c > .socials-b { display: block; width: auto; margin-left: -20px; margin-right: -20px; }
}

/* video embeds */

.embed1 { display: block; position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%; }
 .embed1 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* facts */

.facts-a { position: relative; }
 .facts-a .hx { margin-bottom: 15px; color: #00bc4c; text-transform: uppercase; }
 .facts-a .items { }
  .facts-a .items p { margin-bottom: 20px; font-size: 14px; outline: none; }
  .facts-a .items p.slick-slide { margin-bottom: 0; }
   .facts-a .items big { display: block; margin: 0 0 10px !important; color: #00bc4c; font-size: 50px; line-height: 1.1; font-weight: bold; }
  .facts-a .slick-arrow { display: none !important; }
  .facts-a .slick-dots { position: absolute; right: 0; top: -30px; margin: 0; }

/* resource filters */

.filters-a { overflow: hidden; margin-bottom: 40px; }
 .filters-a p { float: right; margin: 0 0 0 30px; font-size: 14px; line-height: 30px; }
  .filters-a p a { color: inherit; }
 .filters-a ul { margin: -10px 0 0 -10px; padding: 0; font-size: 0; letter-spacing: -1em; }
  .filters-a li { display: inline-block; margin: 0; padding: 10px 0 0 10px; font-size: 14px; letter-spacing: 0; vertical-align: top; }
   .filters-a li:before { display: none; }

@media screen and (max-width: 599px) {
.filters-a { position: relative; padding-bottom: 50px; }
 .filters-a p { float: none; position: absolute; left: 0; right: 0; bottom: 0; margin: 0; text-align: left; }
}

/* floating images */

@media print, screen and (min-width: 600px) {
.float1 { display: block; float: right; width: var(--w, 380px); margin: 0 0 10px 20px; }
.float1.-left { float: left; margin-right: 20px; margin-left: 0; }
}

/* global footer */

.footer-a { margin-bottom: 0; padding: 80px 0; background: #00485c url(../images/footer-a-bg-a.jpg) 50% 0 no-repeat; background-size: cover; color: #759ea9; font-size: 14px; }
  .footer-a a { color: #759ea9; text-decoration: none !important; }
  .footer-a a:hover { color: #fff; }
 .footer-a .brand { overflow: hidden; margin: 0 0 50px; }
  .footer-a .logo { float: left; margin: 0; }
  .footer-a .socials-a { float: right; margin: 25px 18px 0 0; }
   .footer-a .socials-a li ~ li { margin-left: 30px; }
   .footer-a .socials-a a { color: #fff; }
 .footer-a .links { overflow: hidden; }
  .footer-a .links > .one { float: left; width: 50%; margin: 0; padding-right: 10px; }
  .footer-a .links > .two { float: right; width: 50%; margin: 0; padding-left: 10px; }
   .footer-a .nav { padding-left: 0; }
    .footer-a .nav li { position: relative; margin: 0 0 30px; font-size: 18px; font-weight: bold; }
     .footer-a .nav li:before { display: block; content: ''; width: 100%; height: 1px; margin: 0 0 30px; background: #2c6b7d; }
     .footer-a .nav li .toggle { display: none; position: absolute; right: 0; top: 15px; width: 40px; height: 40px; }
      .footer-a .nav li .toggle:before { display: block; content: '\f0d7'; color: #fff; font: 14px/40px FontAwesome; text-align: center; }
     .footer-a .nav > li > a { color: #fff; }
     .footer-a .nav li ul { margin-top: 10px; padding-left: 0; }
      .footer-a .nav li li { margin: 0 0 10px; font-size: 14px; font-weight: normal; }
       .footer-a .nav li li:before { display: none; }
   .footer-a .nav.a > li > ul { margin-left: -30px; }
    .footer-a .nav.a > li > ul > li { float: left; width: 33.33%; padding-left: 30px; }
     .bga .footer-a .nav.a > li > ul > li > a { color: #fff; font-size: 16px; }
   .footer-a .nav.b { float: left; width: 66.66%; margin: 0; padding-right: 10px; }
    .footer-a .nav.b > li:first-child:not(.regular) { float: left; width: 50%; margin-right: -100%; padding-right: 10px; }
    .footer-a .nav.b > li:first-child:not(.regular) ~ * { margin-left: 50%; padding-left: 10px; }
   .footer-a .corner { float: right; width: 33.33%; margin: 0; padding-left: 10px; }
    .footer-a .copys { line-height: 2; }
     .footer-a .copys strong { display: inline-block; line-height: 1.4; }
    .footer-a .button-a, .footer-a .button-b { display: block; width: 100%; margin: 0 0 30px; padding-left: 10px; padding-right: 10px; }
    .footer-a .button-a { width: calc(100% - 8px); }

@media screen and (min-width: 1280px) {
.footer-a .links.v2 > .one { width: 66.66%; }
.footer-a .links.v2 > .two { width: 33.33%; }
 .footer-a .links.v2 .nav.b {width: 50%; }
 .footer-a .links.v2 .corner { width: 50%; }
}
@media screen and (max-width: 1279px) {
.footer-a .links > .one, .footer-a .links > .two { float: none; width: auto; margin: 0 0 40px; padding-right: 0; padding-left: 0; }
.footer-a .links > .one:after, .footer-a .links > .two:after { display: table; clear: both; content: ''; }
.footer-a .nav.a > li > ul > li { }
}
@media screen and (max-width: 1023px) {
.footer-a { padding: 60px 0; }
}
@media screen and (max-width: 719px) {
 .footer-a .brand { margin-bottom: 40px; }
  .footer-a .logo { float: none; margin: 0 0 30px; text-align: center; }
   .footer-a .logo a { display: inline-block; vertical-align: top; }
    .footer-a .logo img { max-width: 200px; height: 50px !important; }
  .footer-a .socials-a { float: none; margin: 0; text-align: center; }
 .footer-a .links > .one { margin-bottom: 20px; }
  .footer-a .nav li:before { margin-bottom: 20px; }
  .footer-a .nav > li > a { font-size: 16px; }
  .footer-a .nav > li > .toggle { display: block; }
  .footer-a .nav li ul { display: none; margin-left: 0 !important; }
  .footer-a .nav li.is-active ul { display: block; }
   .footer-a .nav > li > ul > li { float: none !important; width: auto !important; padding-left: 0 !important; }
 .footer-a .nav.b { float: none; width: auto; margin-bottom: 50px; padding-right: 0; }
   .footer-a .nav.b > li { margin-bottom: 20px; }
   .footer-a .nav.b > li:first-child { float: none !important; width: auto !important; margin-right: 0 !important; padding: 0 !important; }
   .footer-a .nav.b > li:first-child ~ * { margin-left: 0 !important; padding-left: 0 !important; }
 .footer-a .corner { float: none; width: 240px; margin: 0 auto; padding-left: 0; }
}

/* foundation footer*/

.footer-b { margin-bottom: 0; padding: 40px 0; text-align: center; }
 .footer-b a { color: inherit !important; text-decoration: none !important; }
  .footer-b img { margin: 0 auto 15px; -webkit-transition: inherit; transition: inherit; }
  .footer-b a:hover img { opacity: 0.85; }
  .footer-b figcaption { margin-top: 20px; }

/* homepage gallery */

.gallery1 { --pb: 180px; position: relative; overflow: hidden; margin: 0; color: #fff; }
 .gallery1-entries { margin: 0; }
  .gallery1-entries .slick-track { display: flex; }
   .gallery1-entry[class] { height: auto; margin: 0; }
   .gallery1-entry:not(.slick-current) { transition-delay: 0.5s !important; }
   :root:not(.js) .gallery1-entry:nth-child(n+2) { display: none; }
    .gallery1-wrap { display: flex; height: 100%; position: relative; pointer-events: none; }
     .gallery1-image { flex: none; width: 100%; margin: 0 -100% 0 0; }
      .gallery1-image picture { display: block; width: 100%; height: 100%; margin: 0; }
       .gallery1-image img { width: 100%; max-width: 100%; height: 100%; object-fit: cover; object-position: 50% 0%; }
      .gallery1-image:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; margin: 0; background-image: linear-gradient(90deg, #000000 19%, #000000 100%); opacity: 0.5; }
     .gallery1-main { align-self: flex-end; position: relative; width: 100%; padding: var(--pt, 100px) 0 var(--pb); display: flex; flex-direction: column; }
      .gallery1-main > * { max-width: 700px; color: #fff; pointer-events: auto; }
      .gallery1-title { font-size: 45px; line-height: 1.15; font-weight: 900; text-transform: uppercase; letter-spacing: 0.03em; margin-top: auto; }
   .gallery1-entries .slick-dots { display: none !important; }
   .gallery1-entries .slick-arrow { display: none !important; }
 .gallery1-controls { display: flex; justify-content: center; align-items: flex-end; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; pointer-events: none; }
  .gallery1-cwrap { flex-grow: 1; position: relative; width: 100%; }
   .gallery1-index { --gx: 30px; display: flex; justify-content: space-between; margin: 0 0 0 calc(var(--gx) * -1); padding: 0 0 30px; font-size: 17px; pointer-events: auto; }
    .gallery1-index li { flex: 0 1 280px; min-width: 0; margin: 0; margin-left: var(--gx); cursor: pointer; }
     .gallery1-index li:before { display: none; }
     .gallery1-index li i { display: block; height: 3px; margin-bottom: 20px; background: rgba(255,255,255,0.3); transition: opacity 0.35s; }
      .gallery1-index li i:before { display: block; content: ''; height: 100%; background: currentColor; opacity: 0; transform-origin: 0 50%; transform: scaleX(0); transition: 500ms opacity, 0s 1000ms transform ease-in-out; }
      .gallery1-index li.-active i:before { transform: scaleX(1); transition-duration: 0s, var(--as); transition-delay: 0s, var(--ad); opacity: 1; }
     .gallery1-index li span { display: block; overflow: hidden; width: 100%; max-height: 100px; padding: 0; }

@media screen and (min-width: 1280px) {
 .gallery1-image picture { position: absolute; left: 0; top: 0; }
.gallery1-main { min-height: calc(var(--vhi) - 170px); }
.gallery1-index li:not(.-active) i { opacity: 0; }
}
@media screen and (max-width: 1279px) {
.gallery1 { --pb: 70px; }
  .gallery1-main > * { max-width: 720px; }
 .gallery1-index { --gx: 10px; }
  .gallery1-index li i { margin-bottom: 0; height: 6px; }
  .gallery1-index li span { display: none; }
}
@media screen and (max-width: 1023px) {
.gallery1 { --pt: 60px; }
}
@media screen and (max-width: 719px) {
.gallery1-image { height: 100%; min-height: calc(var(--vhi, 100vh) - 70px); }
 .gallery1-image:after { background-image: linear-gradient(0, #000000 21%, #000000 100%); opacity: 0.5; }
 .gallery1-title { font-size: 32px; }
}

/* microsite gallery */

.gallery2 { overflow: hidden; }
 .gallery2-outer { }
  .gallery2-header { display: flex; justify-content: space-between; align-items: flex-end; }
   .gallery2-title { min-width: 0; margin: 0; }
   .gallery2-counter { margin-left: 20px; font-size: 14px; font-weight: 900; }
  .gallery2-entries:not(.slick-slider) { display: flex; overflow: auto; }
   .gallery2-entries .slick-list { overflow: visible; margin-left: -60px; }
    .gallery2-entry { outline: none; }
    .gallery2-entry { flex: none; width: 100%; margin: 0 0 0 60px; transition: opacity 0.5s; }
    .gallery2-entry:not(.slick-slide):first-child { margin-left: 0; }
    .gallery2-entry.slick-slide:not(.slick-active) { opacity: 0.5; }
     .gallery2-img1 { width: 100%; display: flex; justify-content: center; }
      .gallery2-img1 img { object-fit: contain; }
     .gallery2-entry figcaption { max-width: 520px; margin-top: 20px; }
   .gallery2-entries .slick-arrow { bottom: auto; top: var(--ay, 50%); margin: -20px -50px 0; background: none !important; }
   .gallery2-entries .slick-arrow:hover { background: none !important; }
   .gallery2-entries .slick-arrow.slick-disabled { opacity: .33333; }
   .gallery2-entries .slick-dots { display: none !important; }
    .gallery2-entries .slick-dots button { width: 8px; height: 8px; border-width: 1px; }
    .gallery2-entries .slick-dots li:not(.slick-active) > button { opacity: 0.75; }

@media screen and (max-width: 1279px) {
.gallery2 { padding: 0 60px; }
}
@media screen and (max-width: 719px) {
.gallery2 { padding: 0; }
 .gallery2-entries .slick-arrow { display: none !important; }
 .gallery2-entries .slick-dots { display: block !important; }
}
@media screen and (max-width: 680px) {
  .gallery2-img1 { display: block;}
   .gallery2-img1 img { margin: auto; }
}

/* wide image */
.wide-image figcaption { max-width: 520px; margin-top: 20px; }

/* blue header */

.header-a { margin-bottom: 40px; padding: 70px 0; background: #e8f2f4; }
 .header-a small { display: block; margin: 0 0 10px !important; color: #99b1b5; font-size: 18px; font-weight: bold; letter-spacing: 0.1em; }

@media screen and (max-width: 719px) {
.header-a { padding: 40px 0; }
 .header-a small { margin-bottom: 5px !important; }
}

/* workareas header */

.header-b { display: table; width: 100%; position: relative; margin-bottom: 40px; }
 .header-b figure { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; }
  .header-b figure:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ''; }
  .header-b figure:before { background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(45deg, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); }
 .header-b .wrap { display: table-cell; position: relative; height: 400px; vertical-align: middle; }
  .header-b .hx { color: #fff; }
  .header-b .hx.short { max-width: 500px; }
   .header-b .hx .state { float: left; margin: -0.2em 10px 0 0; margin-right: 10px; font-size: 1.6em; vertical-align: middle; }
  .header-b .hxa { margin-bottom: 5px; color: #fff; }

@media screen and (min-width: 720px) {
.header-b.pull-search-b { margin-bottom: -130px; }
 .header-b.pull-search-b .wrap { padding-bottom: 130px; }
}
@media screen and (max-width: 1023px) {
.header-b .wrap { height: 300px; }
.header-b figure.single { margin: 0 -1500px; text-align: center; }
 .header-b figure.single:before { left: 50%; right: auto; width: 100vh; margin: 0 0 0 -50vh; }
 .header-b figure.single img { width: auto; max-width: none; height: 400px; }
}
@media screen and (max-width: 719px) {
.header-b.pull-search-b { margin-bottom: 0; }
.header-b .wrap { height: 200px; height: 55vw; }
 .header-b .wrap .contain { padding-top: 30px; padding-bottom: 30px; }
  .header-b .hx .state { display: none; }
}
@media screen and (max-width: 359px) {
.header-b .wrap { height: 200px; }
}

/* home header */

.header-c { display: table; width: 100%; position: relative; margin-bottom: 40px; }
 .header-c > figure { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; object-fit: cover; object-position: 50% 50%; }
  .header-c > figure:after { position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ''; }
  .header-c > figure:after { background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(45deg, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); }
   .header-c > figure img { width: 100%; max-width: 100%; height: 100%; }
 .header-c .wrap { display: table-cell; position: relative; height: 650px; padding: 60px 0; color: #fff; vertical-align: bottom; }
  .header-c .wrap .contain > * { max-width: 520px; }
   .header-c .hx { margin-bottom: 10px; color: #fff; }
   .header-c .brow { margin-bottom: 10px; color: #b6d3d8; font-size: 18px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; }
   .header-c .action { margin-top: 20px; }

@media screen and (max-width: 719px) {
.header-c .wrap { height: 450px; padding: 40px 0; }
 .header-c .brow { font-size: 15px; }
 .header-c .blurb { display: none; }
 .header-c .action { margin-top: 15px; }
}

/* foundation header */

.header-d { position: relative; margin: 0 0 40px; color: #fff; }
 .header-d .header { display: table; position: relative; width: 100%; margin: 0; background: #024256; }
  .header-d .header figure { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; opacity: 0.2; }
  .header-d .header .wrap { display: table-cell; height: 460px; vertical-align: middle; }
   .header-d .hx { color: inherit; padding-bottom: 180px; padding-top: 30px; font-size: 65px; font-weight: 300; line-height: 1.05; letter-spacing: 0; text-transform: none; }
 .header-d .more { position: absolute; left: 50%; bottom: 0; max-width: 1180px; margin: 0 0 0 -590px; padding: 50px 20px; background: #0eaf4f; }
  .header-d .more figure { position: absolute; right: 0; top: 0; bottom: 0; width: 220px; margin: 0; }
  .header-d .more:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: url(../images/header-d-bg-a.jpg) 50% 0 no-repeat; background-size: cover; opacity: 0.1; }
  .header-d .more p { padding-right: 220px; }

@media screen and (max-width: 1179px) {
.header-d .header .wrap { height: auto; }
 .header-d .hx { padding-bottom: 50px; padding-top: 50px; }
 .header-d .more { position: relative; left: auto; bottom: auto; max-width: 100%; margin: 0; padding: 30px 0; }
}
@media screen and (max-width: 1023px) {
.header-d .hx { font-size: 50px; }
}
@media screen and (max-width: 719px) {
.header-d .hx { font-size: 30px; }
.header-d .more { padding: 20px 0; }
 .header-d .more figure { display: none; }
 .header-d .more p { padding-right: 0; }
}

/* 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%; }

/* intro */

.intro-a { }
 .intro-a > .header { position: relative; max-width: 880px; margin: 0 auto 80px; padding: 40px 0; }
  .intro-a > .header .content { max-width: 500px; margin: 0 350px 0 0; }
  .intro-a > .header figure { position: absolute; right: 0; top: 0; width: 300px; }
 .intro-a > .features { }
  .intro-a > .features > .wrap { margin: -40px -20px 0; }
   .intro-a > .features > .wrap > .cell { border-width: 40px 20px 0; }
    .intro-a > .features > .wrap > .cell:after { display: table; clear: both; content: ''; }
  .intro-a > .features figure { float: left; width: 70px; margin: 0 -100% 0 0; }
  .intro-a > .features figure ~ * { margin-left: 90px; }
  .intro-a > .features .hx { margin-bottom: 5px; }

@media screen and (max-width: 1023px) {
.intro-a > .header { margin-bottom: 40px; }
}
@media screen and (max-width: 1023px) and (min-width: 719px) {
.intro-a > .features { max-width: 550px; margin-left: auto; margin-right: auto; }
.intro-a > .features .cell { width: 100%; }
}
@media screen and (max-width: 719px) {
.intro-a > .header { padding: 0; }
 .intro-a > .header .content { max-width: 100%; margin: 0 0 30px; }
 .intro-a > .header figure { position: static; right: auto; top: auto; width: auto; max-width: 300px; margin-left: auto; margin-right: auto; }
}

/* program intro line */

.introbox-a { position: relative; background: #00485c; border-top: 4px solid #ffbf4f; color: #fff; }
.\$mBa + .contain > .introbox-a:first-child { margin-top: -84px; }
 .introbox-a:after { display: table; clear: both; content: ''; }
 .introbox-a > p { margin: 0; padding: 20px; }

@media screen and (min-width: 1024px) {
.introbox-a > p { padding-right: 320px; }
.introbox-a > .socials-b { position: absolute; right: 0; top: 0; bottom: 0; width: 300px; margin: 0; }
 .introbox-a > .socials-b ul { position: absolute; left: 0; right: 0; top: 50%; margin: -12px 0 0; text-align: center; }
 .introbox-a > .socials-b li ~ li { margin-left: 50px; }
}
@media screen and (max-width: 1023px) {
.introbox-a { margin-left: -20px; margin-right: -20px; }
.\$mBa + .contain > .introbox-a:first-child { margin-top: -60px; }
 .introbox-a > .socials-b { width: 100%; text-align: center; }
  .introbox-a > .socials-b li ~ li { margin-left: 50px; }
}
@media screen and (max-width: 719px) {
.\$mBa + .contain > .introbox-a:first-child { margin-top: -40px; }
}

/* 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%; }

/* mobile nav */

.mobinav-a { display: none; position: fixed; left: 0; right: 0; top: 90px; z-index: 102; overflow: auto; height: calc(100vh - 90px); padding: 30px 0 100px; border-top: 1px solid #e6e6e6; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,0.15); -webkit-backface-visiblity: hidden; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
 .mobinav-a::-webkit-scrollbar { display: none; }
 .mobinav-a .nav { text-align: center; }
  .mobinav-a .nav ul { padding: 0; }
   .mobinav-a .nav li { margin: 0; line-height: 40px; }
    .mobinav-a .nav li:before { display: none; }
    .mobinav-a .nav li a { color: #00485c; text-decoration: none !important; }
    .mobinav-a .nav li em { display: none; }
 .mobinav-a .nav.a { max-width: 520px; margin-left: auto; margin-right: auto; padding: 0 20px; }
  .mobinav-a .nav.a li ul { display: none; position: relative; margin: 10px -20px 0; padding: 10px 20px; background: #e8f2f4; text-align: left; }
  .mobinav-a .nav.a li.is-active > ul { display: block; }
   .mobinav-a .nav.a li ul:before { position: absolute; left: 50%; bottom: 100%; content: ''; margin: 0 0 0 -8px; border: 8px solid transparent; border-bottom-color: #e8f2f4; }
   .mobinav-a .nav.a li li ~ li { margin-top: 5px; padding-top: 5px; border-top: 1px solid #c8d5d8; }
  .mobinav-a .nav.a .join { margin-bottom: 10px; }
   .mobinav-a .nav.a .join input, .mobinav-a .nav.a .join label { display: none; }
 .mobinav-a .nav.b { font-size: 24px; text-transform: uppercase; }
  .mobinav-a .nav.b li { margin-bottom: 20px; }
   .mobinav-a .nav.b .button-a { width: 100%; padding-top: 30px; padding-bottom: 30px; background-image: none; font-size: 18px; }
    .mobinav-a .nav.b .button-a:before { display: none; }
 .mobinav-a .search { padding-top: 10px; }
  .mobinav-a .search p { position: relative; }
   .mobinav-a .search label { display: none; }
   .mobinav-a .search input[type] { padding-left: 0; padding-right: 50px; border-color: #fff #fff #ccd8db; }
   .mobinav-a .search button { position: absolute; right: 0; top: 0; width: 20px; min-height: 30px; min-width: 0; margin: 5px 0 0; padding: 0; border-color: transparent !important; background: transparent !important; color: #00485c !important; }
    .mobinav-a .search button:before { display: none; }
    .mobinav-a .search button span { display: none; }

@media screen and (max-width: 1279px) {
.is-nav .mobinav-a { display: block; }
}
@media screen and (max-width: 719px) {
.mobinav-a { top: 70px; height: calc(100vh - 70px) }
 .mobinav-a .nav.b { font-size: 20px; }
  .mobinav-a .nav.b li { margin-bottom: 10px; }
  .mobinav-a .nav.b .button-a { font-size: 16px; padding-top: 20px; padding-bottom: 20px; }
}

/* more bar */

.more-a { overflow: hidden; text-align: right; }
.more-a.-short { max-width: 780px; margin-left: auto; }
 .more-a .button-c { position: relative; }
  .more-a .button-c:after { position: absolute; right: 100%; top: 50%; content: ''; width: 1500px; height: 1px; background: #ccd8db; }

/* workareas page layout */

.page-a { position: relative; margin-bottom: 80px; }
 .page-a .tx-a { max-width: 700px; }
 .page-a .entries { margin: 80px -10px 0; }
  .page-a .entries:after { display: table; clear: both; content: ''; }
  .page-a .entries .teaser-a { float: left; width: 50%; padding: 0 10px; }
  .page-a .entries .teaser-a:nth-child(odd) { float: left; clear: left; }
  .page-a .entries .teaser-a:nth-child(even) { float: right; clear: right; }
  .page-a .entries .teaser-a:nth-child(2) { margin-top: 300px; }
 .page-a .nums { position: absolute; right: 0; top: 0; width: 380px; padding: 0 40px; border: 1px solid #c8d5d8; border-width: 0 1px; font-size: 14px; }
  .page-a .nums big { display: block; margin: 0 0 10px !important; color: #00bc4c; font-size: 50px; line-height: 1.1; font-weight: bold; }

@media screen and (max-width: 1279px) {
.page-a .tx-a { max-width: 500px; }
}
@media screen and (max-width: 1023px) {
.page-a .tx-a { max-width: 100%; }
.page-a .entries { margin-top: 40px; }
 .page-a .entries .teaser-a:nth-child(2) { margin-top: 100px; }
.page-a .nums { position: relative; right: auto; top: auto; width: auto; padding: 0; border: none; }
}
@media screen and (max-width: 719px) {
.page-a .entries { margin-left: -20px; margin-right: -20px; margin-bottom: 30px; border-bottom: 1px solid #ccc; }
.page-a .entries .teaser-a { float: none; width: auto; padding: 0; }
.page-a .entries .teaser-a:nth-child(odd) { float: none; clear: none; }
.page-a .entries .teaser-a:nth-child(even) { float: none; clear: none; }
.page-a .entries .teaser-a:nth-child(2) { margin-top: 0; }
}

/* issue page layout */

.page-b { position: relative; }
 .page-b:after { display: table; clear: both; content: ''; }
 .page-b .cta-c { float: right; width: 380px; margin: -84px 0 0 -100%; }
 .page-b .cta-c ~ * { margin-right: 500px; }
 .page-b .tx-a { }
 .page-b .section { }
  .page-b .section > .column.a { float: left; width: 100%; margin: 0 -100% 0 0; padding-left: 500px; }
  .page-b .section > .column.b { float: left; width: 380px; padding: 0 40px; border: 1px solid #c8d5d8; border-width: 0 1px; }

@media screen and (max-width: 1279px) {
.page-b .cta-c ~ * { margin-right: 450px; }
.page-b .section > .column.a { padding-left: 430px; }
}
@media screen and (max-width: 1023px) {
.page-b .cta-c { float: none; width: auto; margin: 0 0 40px; }
.page-b .cta-c ~ * { margin-right: 0; }
.page-b .section > .column.a { float: none; margin: 0 0 40px; padding-left: 0; }
.page-b .section > .column.b { float: none; width: auto; padding: 0; border: none; }
}

/* home blue layout */

.page-c { position: relative; margin-bottom: 40px; border: 1px solid #e8f2f4; border-width: 120px 120px 100px; background: #e8f2f4; }
 .page-c:after { display: table; clear: both; content: ''; }
 .page-c .tx-c { position: absolute; left: 0; top: 0; max-width: 37.5%; margin: 0; }
 .page-c .entry { position: relative; margin: 0 0 40px; }
 .page-c .entry:nth-of-type(even) { }
  .page-c .entry:nth-of-type(even) .teaser-b { margin-left: 0; }
  .page-c .entry:nth-of-type(even) .teaser-e { right: 0; left: auto; }

@media screen and (min-width: 1024px) {
.page-c .entry + .entry { margin-top: -140px; }
 .page-c .entry .teaser-b { max-width: 57.5%; margin-left: auto; }
 .page-c .entry .teaser-e { position: absolute; left: 0; top: 50%; max-width: 37.5%; }
 .page-c .entry .teaser-e { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
}
@media screen and (max-width: 1439px) {
.page-c { border-width: 80px 60px 60px; }
}
@media screen and (max-width: 1279px) {
.page-c { border-width: 60px 30px 30px; }
 .page-c .tx-c { position: static; left: auto; top: auto; max-width: 100%; margin: 0 0 40px; }
  .page-c .teaser-e > .wrap { width: calc(100% - 160px); }
  .page-c .teaser-e > figure { width: 160px; padding-left: 20px; }
  .page-c .teaser-e > figure:first-child { padding-left: 0; padding-right: 20px; }
}
@media screen and (max-width: 1023px) {
.page-c > * { max-width: 728px !important; margin-left: auto !important; margin-right: auto !important; }
.page-c .teaser-e { max-width: 400px; margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 719px) {
.page-c { border-width: 30px 20px; }
 .page-c .tx-c { margin-bottom: 30px; }
 .page-c .teaser-b { margin-left: -20px !important; margin-right: -20px !important; }
 .page-c .teaser-e > .wrap { width: calc(100% - 90px); }
 .page-c .teaser-e > figure { width: 80px; }
}

/* programs page layout */

.page-d {  }
 .page-d:after { display: table; clear: both; content: ''; }
 .page-d > .side { float: left; width: 350px; max-width: 33.33%; margin: 0 -100% 0 0; padding: 0 30px 0 0; }
 .page-d > .main { margin: 0 0 0 33.33%; }
 .page-d > .bottom { display: none; margin-top: 40px; }

@media screen and (min-width: 1024px) {
 .page-d .stream-a .item { width: 49.999%; }
 .page-d .stream-a .item:nth-child(3n+1) { border-left-width: 1px; }
 .page-d .stream-a .item:nth-child(2n+1) { border-left-width: 0; }
}
@media screen and (max-width: 1023px) {
.page-d > .side { float: none; width: auto; max-width: 100%; margin: 0 0 40px; padding: 0; }
.page-d > .main { margin-left: 0; }
.page-d > .bottom { display: block; }
}

/* tan background */

.page-e { position: relative; margin-bottom: 40px; padding: 80px 0; background: #e8f2f4; }

/* programs wrap */

.programs-a { position: relative; margin-bottom: 0; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); padding: 60px 0; background: #00bc4c; }
 .programs-a > figure { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; opacity: 0.1; }
 .programs-a > .contain { position: relative; }

@media screen and (max-width: 1419px) {
.programs-a { margin-left: 0; margin-right: 0; }
}

/* related (basic interior / story-a) */

.related-a { }
 .related-a ul { padding: 0; }
  .related-a li { margin-bottom: 15px; font-weight: bold; }
  .related-a li:before { display: none; }

@media screen and (min-width: 600px) {
.related-a:after { display: table; clear: both; content: ''; }
.related-a > .one { float: left; margin: 0; width: 47.5%; max-width: 400px; }
.related-a > .two { float: right; margin: 0; width: 47.5%; max-width: 400px; }
}

/* related (take action) */

.related-b { }
 .related-b > div { margin-bottom: 40px; }

@media screen and (min-width: 600px) {
.related-b:after { display: table; clear: both; content: ''; }
.related-b > .one { float: left; margin: 0; width: 47.5%; max-width: 400px; }
.related-b > .two { float: right; margin: 0; width: 47.5%; max-width: 400px; }
}

/* scrolled table */

@media screen and (max-width: 599px) {
.responsitable-a { position: relative; margin: 30px -20px; }
 .responsitable-a:after { display: block; content: attr(data-help); margin: 15px 20px 0; font-size: 10px; font-weight: bold; text-transform: uppercase; }
 .responsitable-a > .wrap { overflow: scroll; padding: 0; }
 .responsitable-a table { width: 800px; margin: 0; }
  .responsitable-a table tr > :first-child { padding-left: 20px; }
}

/* searchbar */

.search-a { }
 .search-a p { position: relative; padding-right: 40px; }
  .search-a label:first-child { display: none; }
  .search-a input[type] { border-color: #e8f2f4; background: #e8f2f4; }
  .search-a button { position: absolute; right: 0; top: 0; width: 40px; height: 40px; min-height: 0; margin: 0; padding: 0; background: #00bc4c; line-height: 38px; }
  .search-a button:hover { background-color: #00ca52; }
   .search-a button:before { display: none; }
   .search-a button span { display: none; }

/* resources search */

.search-b { margin-bottom: 40px; border-bottom: 4px solid #00bc4c; }
 .search-b .togglers { display: none; margin: 0 0 -1px; padding: 0; border: 1px solid #c8d5d8; }
  .search-b .togglers:after { display: table; clear: both; content: ''; }
  .search-b .togglers li { float: left; width: 50%; margin: 0; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; }
  .search-b .togglers li ~ li { border-left: 1px solid #c8d5d8; }
   .search-b .togglers li:before { display: none; }
   .search-b .togglers li a { display: block; color: inherit; line-height: 50px; text-decoration: none !important; }
   .search-b .togglers li.is-active a { color: #00bc4c; }
    .search-b .togglers li .fa { margin-right: 10px; color: #222; font-size: 20px; line-height: 48px; vertical-align: top; }
 .search-b .searchbox { position: relative; margin: 0; }
  .search-b .searchbox .fa { position: absolute; left: 20px; top: 50%; margin: -15px 0 0; color: #111; font-size: 20px; line-height: 30px; }
  .search-b .searchbox input[type] { height: 80px; padding-left: 55px; font-size: 24px; font-weight: 300; line-height: 78px; }
 .search-b .filters { background: #fff; }
  .search-b .filters .inner { position: relative; overflow: hidden; margin: 0; border: 1px solid #c8d5d8; border-width: 0 1px; background: #fff; }
   .search-b .filters .section { position: relative; float: left; width: 25%; margin: 0; }
   .search-b .filters .section:before { position: absolute; right: 0; top: 0; content: ''; width: 1px; height: 1000px; background: #c8d5d8; }
   .search-b .filters .section:last-child:before { right: -1px; }
   .search-b .filters .section ~ .section { border-left: none; }
    .search-b .filters .hx { margin: 0; padding: 15px 30px; font-size: 16px; line-height: 20px; font-weight: bold; letter-spacing: 0; text-transform: none; cursor: pointer; }
     .search-b .filters .hx:before { display: inline-block; content: '\f0dd'; margin: -3px 8px 0 0; color: #111; font: 16px FontAwesome; line-height: inherit; vertical-align: top; }
    .search-b .filters .section .wrap { display: none; padding: 30px; border-top: 1px solid #c8d5d8; }
    .search-b .filters.is-active .section .wrap,
    .search-b .filters.is-active .section.is-active .wrap { display: block; }
     .search-b .filters ul { padding: 0; }
      .search-b .filters li { margin-bottom: 5px; font-size: 14px; }
       .search-b .filters li:before { display: none; }
       .search-b .filters li ul { margin-top: 5px; padding-left: 25px; }
       .search-b .filters li label:not(:last-child) { font-weight: bold; }
        .search-b .filters li label:before { margin-top: 0.25em; }
     .search-b .filters .date { position: relative; margin: 0 0 10px; padding-left: 50px; font-size: 14px; line-height: 40px; }
      .search-b .filters .date label { position: absolute; left: 0; top: 0; }
  .search-b .filters .action { display: none; padding: 20px; background: #00bc4c; text-align: center; }
  .search-b .filters.is-active .action { display: block; }
   .search-b .filters .action button { min-width: 180px; }

@media screen and (max-width: 1023px) {
.search-b .filters .section .wrap { padding: 20px; }
.search-b .filters li ul { padding-left: 0; padding-bottom: 10px; }
.search-b .filters .date { padding-left: 0; }
.search-b .filters .date label { display: block; position: static; left: auto; top: auto; line-height: 1.3; }
}
@media screen and (max-width: 719px) {
.search-b .togglers { display: block; }
.search-b .searchbox { display: none; }
.search-b.is-search .searchbox { display: block; }
 .search-b .searchbox input[type] { height: 60px; padding-left: 19px; padding-right: 55px; font-size: 18px; font-weight: normal; line-height: 58px; }
 .search-b .searchbox .fa { left: auto; right: 20px; }
.search-b .filters { display: none; }
.search-b.is-filter .filters { display: block; }
 .search-b .filters .hx { padding-left: 20px; }
 .search-b .filters .inner { border-width: 1px 1px 0; }
  .search-b .filters .section { float: none; width: auto; }
  .search-b .filters .section ~ .section { border-left: none; border-top: 1px solid #c8d5d8; }
   .search-b .filters .section ~ .section:before { display: none; }
   .search-b .filters .section .wrap { display: none; padding: 0 20px 20px 37px; border-top: none; }
   .search-b .filters.is-active .section .wrap { display: none; }
    .search-b .filters .section.is-active .wrap { display: block !important; }
    .search-b .filters li ul { padding-left: 25px; }
 .search-b .filters .action { display: block; }
}
@media screen and (max-width: 719px) {
.search-b { margin-left: -20px; margin-right: -20px; }
}

/* section */

.section-a { }
 .section-a > .header { position: relative; margin-bottom: 40px; }
  .section-a > .header .search-a { position: absolute; right: 0; top: 5px; width: 33.33%; padding-left: 65px; }
  .section-a > .header .search-a + .hx { margin-right: 33.33%; }
 .section-a > .grid-a { }
  .section-a .grid-a > .wrap { margin: -40px -50px 0; }
   .section-a .grid-a > .wrap > .cell { border-width: 40px 50px 0; }

@media screen and (max-width: 1023px) {
.section-a > .header .search-a { width: 50%; padding-left: 50px; }
.section-a > .header .search-a + .hx { margin-right: 50%; }
}
@media screen and (max-width: 719px) {
.section-a > .header .search-a { left: 0; right: 0; top: auto; bottom: 0; width: auto; margin: 0; padding-left: 0; }
.section-a > .header .search-a + .hx { margin-right: 0; padding-bottom: 55px; }
}

/* sidenav */

.sidenav-a { }
 .sidenav-a > .wrap { }
  .sidenav-a .hx { display: none; position: relative; margin: 0; padding: 15px 40px 15px 20px; background: #00bc4c; color: #fff; font-size: 21px; line-height: 1.3; letter-spacing: 0.05em; text-transform: uppercase; font-weight: normal; cursor: pointer; }
   .sidenav-a .hx:before { position: absolute; right: 20px; top: 50%; content: '\f0d7'; margin: -10px 0 0; font: 18px/20px FontAwesome; }
  .sidenav-a ul { padding: 0; }
   .sidenav-a li { margin: 0 0 5px; font-size: 21px; line-height: 1.4; text-transform: uppercase; }
   .sidenav-a li.is-active { color: #00bc4c; border-left-color: #00bc4c; }
    .sidenav-a li:before { display: none; }
    .sidenav-a li a { display: block; padding: 15px 20px 15px 25px; border-left: 4px solid #e8f2f4; color: #00485c; text-decoration: none !important; }
    .sidenav-a li.is-active a { border-left-color: #00bc4c; }
    .sidenav-a li a:hover, .sidenav-a li.is-active a { color: #00bc4c; }

@media screen and (max-width: 1023px) {
.\$mBa + .page-d > .side > .sidenav-a:first-child { margin-top: -60px; }
 .sidenav-a > .wrap { margin-left: -20px; margin-right: -20px; }
  .sidenav-a .hx { display: block;  }
  .sidenav-a ul { display: none; padding: 15px 20px; background: #00ca52; }
  .sidenav-a.is-active ul { display: block; }
   .sidenav-a li { font-size: 20px; }
    .sidenav-a li a { padding: 10px 15px 10px 20px; border-left-color: #fff !important; color: #fff !important; }
}
@media screen and (max-width: 719px) {
.\$mBa + .page-d > .side > .sidenav-a:first-child { margin-top: -40px; }
}

/* 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 styling */

.slick-arrow { position: absolute; left: 0; bottom: 0; z-index: 10; overflow: hidden; width: 40px; min-width: 0; height: 40px; min-height: 0; margin: 0; padding: 0; border: none; background: rgba(0,0,0,0.4) !important; color: #fff; line-height: 38px; text-indent: 321%; white-space: nowrap; }
.slick-arrow:hover { background-color: rgba(0,0,0,0.5) !important; }
.slick-arrow.slick-next { left: auto; right: 0; }
 .slick-arrow:before { position: absolute; left: 0; top: 0; content: '\f104'; width: 100%; margin: 0; background: none; font: 30px FontAwesome; line-height: inherit; text-indent: 0; }
 .slick-arrow.slick-next:before { padding-left: 1px; content: '\f105'; }

.slick-dots { list-style: none; margin: 30px 0 0; padding: 0; font-size: 0; letter-spacing: -1em; text-align: center; }
 .slick-dots li { display: inline-block; margin-bottom: 0; font-size: 14px; letter-spacing: 0; vertical-align: top; }
 .slick-dots li ~ li { margin-left: 10px; }
  .slick-dots li:before { display: none; }
  .slick-dots button { display: block; overflow: hidden; width: 10px; height: 10px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 2px solid #003c4d; border-radius: 50%; background: transparent; text-indent: -10001px; }
   .slick-dots button:before { display: none; }
  .slick-dots button:hover, .slick-dots .slick-active button { background-color: #003c4d; }

.-invertdots .slick-dots button { border-color: #fff; }
.-invertdots .slick-dots button:hover, .-invertdots .slick-dots .slick-active button { background-color: #fff; }

@media screen and (max-width: 599px) {
.slick-dots li ~ li { margin-left: 7px; }
 .slick-dots button { width: 10px; height: 10px; }
}

/* slider */

.slider-a { max-width: 740px; margin: 0 auto 40px; }
 .slider-a .items { position: relative; margin: 0 -20px; }
  .slider-a .item { outline: none; padding: 0 20px; }
  .slider-a .slick-slide { margin-bottom: 0; }
  .slider-a .slick-dots { position: absolute; left: 20px; top: 0; margin-top: 30px; }
  .slider-a .slick-arrow { display: none !important; }

@media screen and (max-width: 719px) {
.slider-a .slick-dots { margin-top: 0; }
}
@media screen and (max-width: 479px) {
.slider-a .items { padding-top: 20px; }
}

/* logos */

.slider-b { color: #fff; }
 .slider-b .hx { margin-bottom: 25px; color: inherit; letter-spacing: 0.1em; text-transform: uppercase; }
 .slider-b .items { position: relative; margin: 0 -25px; font-size: 0; letter-spacing: -1em; }
  .slider-b figure { display: inline-block; outline: none; margin: 0; padding: 0 25px; font-size: 14px; letter-spacing: 0; vertical-align: middle; }
  .slider-b .slick-initialized .slick-slide { display: inline-block; float: none; }
   .slider-b figure a { display: block; opacity: 0.4; }
   .slider-b figure a:hover { opacity: 1; }
    .slider-b figure img { display: block; margin: 0 auto; }
  .slider-b .slick-dots { position: absolute; right: 25px; top: -45px; margin: 0; }
   .slider-b .slick-dots button { border-color: #fff; }
   .slider-b .slick-dots button:hover, .slider-b .slick-dots .slick-active button { background-color: #fff; }
  .slider-b .slick-arrow { display: none !important; }

@media screen and (max-width: 719px) {
.slider-b .slick-dots { position: relative; right: auto; top: auto; margin: 30px 0 0; }
}

/* socials */

.socials-a { margin: 0 0 35px; line-height: 20px; }
 .socials-a p { display: inline-block; margin-right: 15px; margin-bottom: 0; color: #909090; font-size: 13px; text-transform: uppercase; vertical-align: top; }
 .socials-a ul { display: inline-block; padding: 0; font-size: 0; letter-spacing: -1em; vertical-align: top; }
  .socials-a li { display: inline-block; margin: 0; font-size: 20px; letter-spacing: 0; vertical-align: top; }
  .socials-a li ~ li { margin-left: 25px; }
   .socials-a li:before { display: none; }
   .socials-a li a { display: block; }
   .socials-a li a:hover { color: #0075d6; text-decoration: none; }
    .socials-a li span { display: none; }

/* social box */

.socials-b { display: inline-block; margin: 0 0 35px; padding: 20px; background: #e8f2f4; color: #00485c; line-height: 24px; vertical-align: top; }
 .socials-b p { display: inline-block; margin-right: 15px; margin-bottom: 0; font-size: 14px; font-weight: bold; vertical-align: top; }
 .socials-b ul { display: inline-block; padding: 0; font-size: 0; letter-spacing: -1em; vertical-align: top; }
  .socials-b li { display: inline-block; margin: 0; font-size: 24px; letter-spacing: 0; vertical-align: top; }
  .socials-b li ~ li { margin-left: 25px; }
   .socials-b li:before { display: none; }
   .socials-b li a { display: block; color: inherit; }
   .socials-b li a:hover { color: #0075d6; text-decoration: none; }
    .socials-b li span { display: none; }

/* states */

.states-a { padding: 0; font-size: 0; letter-spacing: -1em; text-align: center; }
 .states-a li { display: inline-block; width: 24.99%; max-width: 200px; padding: 10px 20px; border: 1px solid #124f60; border-width: 0 1px; font-size: 40px; font-weight: 300; letter-spacing: 0; text-align: center; vertical-align: top; }
 .states-a li ~ li { margin-left: -1px; }
  .states-a li:before { display: none; }
  .states-a li a { display: block; color: #fff; opacity: 0.4; text-decoration: none !important; }
  .states-a li a:hover { opacity: 1; }
   .states-a li span { display: block; font-size: 150px; line-height: 1; }
   .states-a li span i.icon-state-pa, .states-a li span i.icon-state-wa { font-size: 100px; }

   .states-a li strong { font: inherit; }

@media screen and (max-width: 1023px) {
.states-a li { font-size: 30px; }
 .states-a li span { font-size: 100px; }
 .states-a li span i.icon-state-pa, .states-a li span i.icon-state-wa { font-size: 80px; }

}
@media screen and (max-width: 719px) {
.states-a li { display: block; width: auto; max-width: 100%; margin: 0; border-width: 1px 0; font-size: 40px; line-height: 100px; }
.states-a li ~ li { margin-left: 0; margin-top: -1px; }
 .states-a li span { display: inline-block; width: 80px; font-size: 80px; vertical-align: middle; text-align: center; }
 .states-a li span i.icon-state-pa, .states-a li span i.icon-state-wa { font-size: 60px; }
 .states-a li strong { display: inline-block; width: 80px; vertical-align: middle; text-align: center; }
}
@media screen and (max-width: 359px) {
.states-a li span { font-size: 50px; }
 .states-a li span i.icon-state-pa, .states-a li span i.icon-state-wa { font-size: 30px; }

}

/* story */

.story-a { margin-bottom: 40px; }
 .story-a > header { margin-bottom: 40px; }
 .story-a > section { margin-bottom: 40px; }
  .story-a p, .story-a h2, .story-a h3, .story-a h4, .story-a h5, .story-a h6 { max-width: 825px; }
  .story-a blockquote p, .story-a .full { max-width: 100%; }

@media screen and (min-width: 719px) {
.story-a .socials-b { float: right; margin: 0 0 50px 100px; padding: 30px 20px; text-align: center; }
 .story-a .socials-b p { display: block; margin: 0 0 25px; line-height: 1.2; }
 .story-a .socials-b li { display: block; margin-bottom: 25px; }
 .story-a .socials-b li ~ li { margin-left: 0; }
}

/* resource stream */

.stream-a {  }
 .stream-a .hx { margin-bottom: 40px; }
 .stream-a .cards { position: relative; margin: 0 0 40px; padding: 0; font-size: 0; letter-spacing: -1em; }
 .stream-a .cards { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .stream-a .item { display: inline-block; width: 33.333%; margin: 0; padding: 50px; border: 1px solid #c8d5d8; border-width: 1px 0 0 1px; font-size: 16px; letter-spacing: 0; vertical-align: top; }
  .stream-a > .more { margin-bottom: 0; text-align: center; }
   .stream-a > .more a { display: inline-block; position: relative; }
    .stream-a > .more span { display: block; }
    .stream-a > .more .s { display: none; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; }
    .stream-a > .more .is-loading .t { visibility: hidden; }
    .stream-a > .more .is-loading .s { display: block; }
     .stream-a > .more .fa { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; }
  .stream-a > .end { margin-bottom: 0; font-size: 26px; font-weight: 300; text-transform: uppercase; text-align: center; }
  .stream-a > .more + .end { display: none; }

@media screen and (max-width: 1279px) {
.stream-a .item { padding: 30px; }
}
@media screen and (min-width: 1024px) {
.stream-a .item:nth-child(3n+1) { border-left-width: 0; }
}
@media screen and (max-width: 1023px) {
.stream-a .hx { margin-bottom: 30px; }
.stream-a .item { width: 49.999%; }
.stream-a .item:nth-child(2n+1) { border-left-width: 0; }
}
@media screen and (max-width: 599px) {
.stream-a .cards { display: block; }
.stream-a .item { display: block; width: auto; padding: 30px 0; border-width: 1px 0 0; }
}

/* microsite subnav */

.subnav1 { color: inherit; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2.4px; }
 .subnav1-wrap { }
  .subnav1-title { display: none; }
  .subnav1-entries { display: flex; justify-content: left; padding: 0; }
   .subnav1-entries li { margin: 0; }
    .subnav1-entries li:before { display: none; }
    .subnav1-entries li a { display: flex; justify-content: center; align-items: center; min-height: 80px; color: inherit; text-align: center; transition: all 0.35s; }
    .subnav1-entries li.-active a,
    .subnav1-entries li a:hover { box-shadow: inset 0 -4px #FDB94C; color: #FDB94C; text-decoration: none; }


@media screen and (max-width: 1440px) {
.subnav1 { padding: 0 30px; }
}

@media screen and (min-width: 1024px) {
.subnav1-entries li:not(:first-of-type) { margin-left: 50px; }
}
@media screen and (max-width: 1023px) {
.subnav1 { position: fixed; bottom: 0; left: 0; z-index: 11; width: 100%; height: 50px; }
 .subnav1-outer { position: absolute; right: 0; bottom: 0; width: 100%; background: #00485C; }
  .subnav1-inner { }
   .subnav1-title { display: flex; align-items: center; min-height: 50px; margin: 0; padding: 0 20px; }
   .js .subnav1-title { cursor: pointer; }
    .subnav1-title i { display: block; order: 2; margin-left: auto; text-align: center; }
    .subnav1.-open .subnav1-title i { transform: rotate(-180deg); }
   .subnav1-entries { display: none; padding: 20px 20px; border-top: 1px solid rgba(255,255,255,0.2); }
   .subnav1.-open .subnav1-entries { display: block; }
    .subnav1-entries li { margin-bottom: 15px; }
     .subnav1-entries li a { display: block; min-height: 0; text-align: left; }
     .subnav1-entries li.-active a,
     .subnav1-entries li a:hover { box-shadow: none; }

.-has-subnav1 { padding-bottom: 50px; }
}

/* story teaser (workareas) */

.teaser-a { margin-bottom: 40px; }
 .teaser-a > a { display: block; color: inherit !important; text-decoration: none !important; }
 .teaser-a > a:hover { background: #e8f2f4; }
  .teaser-a figure { overflow: hidden; margin: 0; }
   .teaser-a figure:after { display: block; position: relative; content: ''; height: 4px; background: transparent; -webkit-transition: background 0.25s; transition: background 0.25s; }
   .teaser-a a:hover figure:after { background: #fdb94c; }
   .teaser-a figure img { display: block; width: 100%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); }
   .teaser-a a:hover figure img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
  .teaser-a .wrap { padding: 40px; -webkit-transition: inherit; transition: inherit; }
   .teaser-a .hx { margin-bottom: 10px; color: #0075d6; }
    .teaser-a .hx:before { display: block; content: ''; width: 0; height: 0; margin: -20px 0 15px; border: 5px solid transparent; border-top-color: #fdb94c; }
   .teaser-a p { margin-bottom: 10px; }
   .teaser-a .action { opacity: 0; -webkit-transition: inherit; transition: inherit; }
   .teaser-a a:hover .action { opacity: 1; }

@media screen and (max-width: 1023px) {
.teaser-a .wrap { padding: 30px; }
}
@media screen and (max-width: 719px) {
.teaser-a + .teaser-a { margin-top: -40px; }
 .teaser-a > a:hover { background: none; }
  .teaser-a .wrap { padding: 30px 20px; }
   .teaser-a .hx:before { margin-top: -15px; }
   .teaser-a .action { opacity: 1; }
}

/* work teaser (workareas) */

.teaser-b { position: relative; overflow: hidden; }
 .teaser-b > a { display: block; color: inherit !important; text-decoration: none !important; }
  .teaser-b > a:after { position: absolute; left: 0; top: 0; right: 0; content: ''; height: 4px; background: transparent; }
  .teaser-b > a:hover:after { background-color: #ffbf4f; }
  .teaser-b figure { margin: 0; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); }
  .teaser-b a:hover figure { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
   .teaser-b figure img { display: block; width: 100%; }
  .teaser-b .wrap { position: absolute; left: 0; top: 0; right: 0; padding: 40px; color: #fff; }
   .teaser-b .hx { margin-bottom: 35px; color: inherit; }
   .teaser-b p { max-width: 370px; }
  .teaser-b .more { position: absolute; left: 40px; bottom: 0; max-width: 350px; padding: 30px; background: #00bc4c; }
   .teaser-b .more p { max-width: 100%; margin-bottom: 5px; color: #222; font-size: 18px; font-weight: 900; }
   .teaser-b ul { padding-left: 15px; color: #fff; }
    .teaser-b li { margin-bottom: 5px; line-height: 1.3; }
     .teaser-b li:before { content: '\f0da'; margin: 0 0 0 -15px; color: #fdb94c; font-family: FontAwesome; }
     .teaser-b li a { color: inherit; }

@media screen and (max-width: 719px) {
.teaser-b .hx { margin-bottom: 20px; }
 .teaser-b .wrap { padding: 25px 20px; }
.teaser-b .more { position: relative; left: auto; bottom: auto; max-width: 100%; padding: 20px; }
.teaser-b .blurb { display: none; }
}

/* round image story teaser */

.teaser-c { overflow: hidden; }
 .teaser-c figure { float: right; width: 320px; margin: 0 0 0 -100%; }
  .teaser-c figure img { border-radius: 50%; }
 .teaser-c figure ~ * { margin-right: 350px; }
 .teaser-c .hx { margin-bottom: 5px; margin-top: 80px; color: #010101; font-size: 24px; font-weight: 300; letter-spacing: 0; text-transform: none; }

@media screen and (max-width: 719px) {
.teaser-c figure { width: 200px; }
.teaser-c figure ~ * { margin-right: 230px; }
.teaser-c .hx { margin-top: 40px; font-size: 18px; }
}
@media screen and (max-width: 479px) {
.teaser-c figure { width: 120px; }
.teaser-c figure ~ * { margin-right: 150px; }
.teaser-c .hx { margin-top: 10px; font-size: 16px; }
}
@media screen and (max-width: 359px) {
.teaser-c figure { width: 100px; }
.teaser-c figure ~ * { margin-right: 120px; }
.teaser-c .hx { font-size: 15px; }
}

/* resource teaser */

.teaser-d { }
.teaser-d.blue { padding: 50px; background: #e8f2f4; }
 .teaser-d .brow { margin: 0 0 10px; color: #99b1b5; font-size: 12px; font-weight: bold; text-transform: uppercase; }
  .teaser-d .brow > span { padding: 0 3px; }
  .teaser-d .brow a { color: #00485c; }
 .teaser-d > a { display: block; color: inherit !important; text-decoration: none !important; }
  .teaser-d .hx { margin-bottom: 10px; color: #0075d6; }
  .teaser-d a:hover .hx { color: #007ee6; }
  .teaser-d .meta { margin-bottom: 10px; color: #879ea2; font-size: 14px; }

@media screen and (max-width: 719px) {
.teaser-d.blue { padding: 30px 20px; }
}

/* round image story teaser */

.teaser-e { font-size: 0; letter-spacing: -1em; }
 .teaser-e > .wrap { display: inline-block; width: calc(100% - 240px); margin: 0; padding: 0 0 0 20px; border-left: 1px solid #c8d5d8; font-size: 14px; letter-spacing: 0; vertical-align: middle; }
  .teaser-e > .wrap p { margin-bottom: 10px; }
 .teaser-e > figure { display: inline-block; width: 240px; margin: 0; font-size: 14px; letter-spacing: 0; vertical-align: middle; }
.no-csscalc .teaser-e > figure { display: none; }
  .teaser-e > figure img { width: 200px; margin-left: auto; border-radius: 50%; }
  .teaser-e > figure:first-child img { margin-left: 0; }

@media screen and (max-width: 719px) {
.teaser-e > .wrap { width: calc(100% - 100px); padding-left: 0 !important; padding-right: 0 !important; border: none !important; }
.teaser-e > figure { width: 80px; }
}

/* program teaser */

.teaser-f { background: #fff; }
 .teaser-f > a { display: block; min-height: 120px; position: relative; text-decoration: none !important; }
  .teaser-f > a:before { position: absolute; right: 30px; top: 50%; content: '\f054'; margin: -15px 0 0; color: #879ea2; font: 14px/30px FontAwesome; }
  .teaser-f > a:before { -webkit-transition: right 0.25s; transition: right 0.25s; }
  .teaser-f > a:hover:before { right: 25px; }
  .teaser-f > a:after { display: table; clear: both; content: ''; }
  .teaser-f figure { position: absolute; left: 0; top: 0; bottom: 0; width: 200px; margin: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
   .teaser-f figure[style] img { display: none; }
  .teaser-f .hx { margin: 0 0 0 200px; padding: 30px 70px 30px 30px; }

@media screen and (max-width: 719px) {
.teaser-f > a:before { display: none; }
.teaser-f figure { position: relative; left: auto; top: auto; bottom: auto; width: auto; }
.teaser-f figure[style] { padding-top: 60%; }
.teaser-f .hx { margin: 0; padding: 20px; }
}

/* foundation program teaser */

.teaser-g { position: relative; overflow: hidden; min-height: 540px; margin-bottom: 40px; color: #fff; }
.teaser-g + .teaser-g { margin-top: -40px; }
 .teaser-g > a { display: block; color: inherit !important; text-decoration: none !important; }
  .teaser-g figure { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; background-position: 50% 0; background-repeat: no-repeat; background-size: cover }
  .teaser-g figure { -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); }
  .teaser-g a:hover figure { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
   .teaser-g figure:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ''; }
   .teaser-g figure:before { background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(45deg, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); }
  .teaser-g .wrap { }
   .teaser-g .wrap .contain { position: relative; padding: 80px 0; }
    .teaser-g .wrap .contain:before { position: absolute; left: 0; top: 0; content: ''; width: 480px; height: 4px; background: #fdb94c; }
    .teaser-g .hx { max-width: 480px; margin-bottom: 15px; color: inherit; }
    .teaser-g p { max-width: 365px; }

@media screen and (max-width: 1023px) {
.teaser-g { min-height: 400px; }
}
@media screen and (max-width: 719px) {
.teaser-g figure:before { background: -webkit-linear-gradient(135deg, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(135deg, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); }
.teaser-g .wrap .contain { padding: 30px 0; }
 .teaser-g .wrap .contain:before { width: auto; right: 0; }
  .teaser-g .blurb { display: none; }
}

/* 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: 25px; vertical-align: top; }
 :root .tick-a + label:before { position: absolute; left: 0; top: 0; content: ''; width: 16px; height: 16px; margin: 0.3em 10px 0 0; padding: 3px; border: 1px solid #c8d5d8; background: #fff; background-clip: content-box; color: #00bc4c; font: 12px/14px FontAwesome; vertical-align: top; text-align: center; }
 :root .tick-a[type=radio] + label:before { border-radius: 50%; }
 :root .tick-a[type=checkbox]:checked + label:before { content: '\f00c'; padding: 0; }
 :root .tick-a[type=radio]:checked + label:before { background-color: #00bc4c; }

/* global header */

.top-a { position: fixed; top: 0; z-index: 101; overflow: hidden; width: 100%; margin: 0; padding: 0; border-top: 5px solid #00485c; box-shadow: 0 3px 5px rgba(0,0,0,0.15); background: #fff; }
 .admin-bar .top-a { top: 32px; }
 .top-a .contain { position: relative; }
  .top-a .logo { display: flex; align-items: center; min-height: 85px; margin: 0; padding: 0; }
   .top-a .logo a { display: inline-block; vertical-align: top; }
   .top-a .logo img { display: block; }
  .top-a .toggler { display: none; position: absolute; right: -10px; top: 50%; padding: 12px 9px; background: transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }
   .top-a .toggler span { display: block; overflow: hidden; width: 32px; height: 16px; padding: 5px 0; border: 2px solid #00485c; border-width: 2px 0; background: #00485c; background-clip: content-box; text-indent: 321%; white-space: nowrap; }
    .is-nav .top-a .toggler span { border: 0; background: 0; }
     .is-nav .top-a .toggler span::after, .is-nav .top-a .toggler span::before { display: block; content: ''; width: 25px; height: 2px; background-color: #00485c; position: absolute; top: 50%; }
      .is-nav .top-a .toggler span::after {transform: rotate(45deg); }
      .is-nav .top-a .toggler span::before {transform: rotate(-45deg); }
  .top-a .nav { margin: 0; }
   .top-a .nav ul { padding: 0; font-size: 0; letter-spacing: -1em; }
    .top-a .nav li { display: inline-block; margin: 0; font-size: 16px; line-height: 30px; letter-spacing: 0; vertical-align: top; }
    .top-a .nav li ~ li { margin-left: 30px; }
     .top-a .nav li:before { display: none; }
     .top-a .nav li a { display: block; color: #00485c; text-decoration: none !important; }
     .top-a .nav li a:hover { color: #0075d6; }
     .top-a .nav li em { position: absolute; left: -10001px; top: -10001px; }
  .top-a .nav.a { position: absolute; right: 0; top: 5px; }
   .top-a .nav.a ul { display: flex; align-items: center; min-height: 75px; }
    .top-a .nav.a li { position: relative; padding-bottom: 0; }
     .top-a .nav.a li ul { display: none; position: absolute; left: 50%; top: 100%; min-width: 220px; padding: 20px; border-top: 4px solid #0075d6; background: #fff; }
     .top-a .nav.a li:hover ul { display: block; }
     .top-a .nav.a li ul { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
      .top-a .nav.a li ul:before { position: absolute; left: 50%; bottom: 100%; content: ''; margin: 0 0 4px -8px; border: 8px solid transparent; border-bottom-color: #0075d6; }
      .top-a .nav.a li li { display: block; margin: 0; padding: 0; line-height: 1.3; }
      .top-a .nav.a li li ~ li { margin-top: 15px; padding-top: 15px; border-top: 1px solid #c8d5d8; }
     .top-a .nav.a li .button-f { min-width: 90px; }
     .top-a .search {  }
      .top-a .search p { position: relative; min-width: 20px; min-height: 40px; margin: 0; }
       .top-a .search label { position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; overflow: hidden; width: 20px; margin: 0; text-indent: 321%; white-space: nowrap; }
       .top-a .search.is-active label { display: none; }
       .top-a .search span { display: block; overflow: hidden; width: 0; margin: 0 0 0 auto; transition: width 0.35s; }
       .top-a .search.is-active span { width: 180px; }
        .top-a .search input { width: 100%; padding-left: 0; padding-right: 25px; border-width: 1px 0; border-top-color: transparent; border-bottom-color: #ccc; background-color: transparent; }
       .top-a .search button { position: absolute; right: 0; top: 0; width: 20px; min-height: 30px; min-width: 0; margin: 5px 0 0; padding: 0; border-color: transparent !important; background: transparent !important; color: #00485c !important; }
        .top-a .search button:before { display: none; }
        .top-a .search button span { display: none; }
    .top-a .join { }
    .top-a .nav .join + li { margin-left: 20px; }
     .top-a .join form { display: flex; justify-content: flex-end; }
      .top-a .join label { display: none; }
      .top-a .join input { flex: 1 0 0; border: none; background: #E8F2F4; color: #034A61; }
      .top-a .join input::placeholder { color: #034A61; }
      .top-a .join button { flex: none; }
  .top-a .nav.b { position: relative; padding-left: 90px; }
   .top-a .nav.b:before { position: absolute; left: -100%; right: -100%; top: 0; content: ''; height: 1px; background: #e6e6e6; }
   .top-a .nav.b:after { display: table; clear: both; content: ''; }
   .top-a .nav.b ul { }
    .top-a .nav.b li { float: left; position: relative; font-size: 24px; line-height: 80px; text-transform: uppercase; white-space: nowrap; }
    .top-a .nav.b li ~ li { margin-left: 100px; }
     .top-a .nav.b li.current-menu-item:after,
     .top-a .nav.b li.is-active:after { position: absolute; left: 0; bottom: 0; right: 0; content: ''; height: 4px; background: #fdb94c; }
     .top-a .nav.b li.current-menu-item a,
     .top-a .nav.b li.is-active a { color: #00485c; }
    .top-a .nav.b li.special { float: right; margin: 0 -120px 0 0; }
     .top-a .nav.b li.special a { padding: 0 165px 0 45px; color: #fff; font-size: 18px; line-height: inherit; text-align: left; }
      .top-a .nav.b li.special a:before { width: 1000px; margin-left: 0; }

@media screen and (max-width: 1460px) {
  .top-a .join input, .top-a .join label { display: none; }
}

@media screen and (min-width: 1280px) {
.top-a { height: 170px; transition: height 0.3s; will-change: height; }
.top-a.-slim { height: 90px; }
.top-a.-scrolled { height: 90px; }
 .top-a .nav.a { transition: transform 0.3s; will-change: transform; }
 .top-a.-scrolled .nav.a { transform: translateX(-150px); }
  .top-a .nav.b li.special { transition: transform 0.3s; will-change: transform; }
  .top-a.-scrolled .nav.b li.special { transform: translate(-70px,-85px); line-height: 85px; }
   .top-a .nav.b li.special a { transition: all 0.3s; transition-property: background, color, padding; will-change: transform, background; }
   .top-a.-scrolled  .nav.b li.special a { padding-left: 20px; padding-right: 20px; }
}
@media screen and (min-width: 1420px) {
 .top-a.-scrolled .join form { width: 280px; }
.top-a.-scrolled .nav.a { transform: translateX(-80px); }
 .top-a.-scrolled .nav.b li.special { transform: translateY(-85px); }
}

@media screen and (max-width: 1279px) {
.top-a[class] { height: auto; }
.top-a { padding: 0; }
 .top-a .logo { padding-bottom: 0; }
 .top-a .toggler { display: block; }
 .top-a .nav { display: none; }
}
@media screen and (max-width: 719px) {
.top-a .logo { min-height: 65px; }
 .top-a .logo img { width: auto !important; max-width: 175px; height: 40px !important; }
}

/* text styling */

.tx-a { font-size: 24px; line-height: 1.33; font-weight: 300; }
.tx-b { color: inherit; font-size: 18px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; }
.tx-c { font-size: 40px; line-height: 1.25; font-weight: 300; }

@media screen and (max-width: 1023px) {
.tx-a { font-size: 22px; }
.tx-c { font-size: 32px; }
}
@media screen and (max-width: 719px) {
.tx-a { font-size: 18px; line-height: 1.4; }
.tx-b { font-size: 16px; }
.tx-c { font-size: 24px; line-height: 1.4; }
}

/* responsive video */

.video-a { 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 */

.work1 { display: grid; grid-template-columns: repeat(var(--c, 3), 1fr); grid-row-gap: 20px; overflow: hidden; }
 .work1-entry { --p: 40px; display: flex; flex-direction: column; margin: 0; background: #E8F2F4; }
  .work1-wrap { display: block; position: relative; color: inherit; box-shadow: none; text-decoration: none; }
  .work1-wrap[class] { color: inherit; text-decoration: none; }
   .work1-wrap:before { position: absolute; left: 0; top: 0; z-index: 1; content: ''; width: 100%; height: 4px; background: #FDB94C; transform-origin: 0 50%; transform: scaleX(0); transition: all 0.35s ease; }
   .work1-wrap:hover:before { transform: scaleX(1); }
   .work1-header { --y: 100%; position: relative; overflow: hidden; margin: 0; }
    .work1-image { position: relative; margin: 0; }
     .work1-image:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background-image: linear-gradient(90deg, rgba(0,0,0,0.99) 7%, rgba(216,216,216,0.00) 100%); opacity: 0.6; }
     .work1-image img { width: 100%; }
     .work1-image figcaption { position: absolute; left: var(--p); bottom: var(--p); right: var(--p); z-index: 1; color: #fff; font-size: 30px; font-weight: 900; letter-spacing: 0; transition: all 0.35s; }
     @media (hover: hover) {
       a:hover .work1-image figcaption { transform: translateY(-200px); opacity: 0; }
     }
    .work1-details { position: absolute; left: 0; top: 0; overflow: auto; overflow-x: hidden; width: 100%; height: 100%; background: #fff; transform: translateY(var(--y)); transition: all 0.35s; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
    .work1-details::-webkit-scrollbar { display: none; }
    @media (hover: hover) {
      a:hover .work1-details { transform: translateY(0); opacity: 1; }
    }
     .work1-inner { display: flex; flex-direction: column; min-height: 100%; padding: 80px var(--p) var(--p); }
      .work1-hx { font-size: 30px; font-weight: 900; letter-spacing: 0; }
      .work1-more { margin-top: auto; color: #00485C; font-size: 12px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
  .work1-subwrap { flex-grow: 1; display: block; position: relative; color: inherit; box-shadow: none; text-decoration: none; }
   .work1-sub { display: flex; align-items: center; flex-grow: 1; position: relative; padding: var(--p); height: 100%; }
    .work1-sub:before { position: absolute; left: -1px; top: 0; bottom: 0; content: ''; border-left: 1px solid #C8D5D8; }
    .work1-subimage { flex: none; width: 80px; margin: 0 20px 0 0; }
     .work1-subimage img { width: 100%; border-radius: 50%; }
    .work1-subtitle { font-size: 16px; font-weight: 900; line-height: 1.4; letter-spacing: 0; }

@media screen and (max-width: 1279px) {
.work1 { --c: 2; }
}
@media screen and (max-width: 1023px) {
.work1-entry { --p: 30px; }
 .work1-inner { padding-top: 50px; }
}
@media screen and (max-width: 599px) {
.work1 { --c: 1; }
 .work1-entry { --p: 20px; }
}

/* wrapper */

.wrap-a { position: relative; padding: 80px 0; background: #003c4d; color: #fff; }
 .wrap-a:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; content: ''; background: #003c4d; }
 .wrap-a > .contain { position: relative; }

@media screen and (max-width: 1023px) {
.wrap-a { padding: 60px 0; }
}
@media screen and (max-width: 719px) {
.wrap-a { padding: 40px 0; }
}

/*!
 * Groups
/* ---------------------------------------- */

/*!
 * Buttons
/* ---------------------------------------- */

.button-a, button, input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; position: relative; height: auto; min-height: 60px; padding: 20px 35px; border: none; border-radius: 0; background: #007ee6 url(../images/button-a-bg-a.png) -1000px 0 repeat-y; color: #fff !important; font-size: 16px; font-weight: bold; line-height: 20px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; text-decoration: none !important; outline: none; }
 .button-a:before, button:before, input[type="submit"]:before, input[type="button"]:before, input[type="reset"]:before { position: absolute; left: 100%; top: 0; bottom: 0; content: ''; width: 4px; margin: 0 0 0 4px; background: #00bc4c; }
.button-a:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { background-color: #1d8ae5; background-position: 100% 0; }

.button-a.small { min-height: 40px; padding: 10px 20px; }

.button-b { display: inline-block; position: relative; height: auto; min-height: 60px; padding: 18px 35px; border: 2px solid #00485c; border-radius: 0; background: transparent; color: #00485c !important; font-size: 16px; font-weight: bold; line-height: 20px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; text-decoration: none !important; outline: none; }
.button-b.green { border-color: #00bc4c; color: #00bc4c !important; }
.button-b.green:hover { background-color: #00bc4c; color: #fff !important; }
.button-b.white { border-color: #fff; color: #fff !important; }
.button-b.white:hover { background-color: #fff; color: #00485c !important; }
.button-b.tiny { min-height: 30px; padding: 3px 13px; }

.button-b.green.fill { border-color: #00bc4c; background-color: #00bc4c !important; color: #fff !important;}
.button-b.green.fill:hover { background-color: transparent !important; }

.button-c { display: inline-block; position: relative; height: auto; min-height: 30px; padding: 4px 14px; border: 1px solid #c8d5d8; border-radius: 0; background: transparent; color: #879ea2 !important; font-size: 12px; font-weight: bold; line-height: 20px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; text-decoration: none !important; outline: none; }
.button-c.borderless { min-height: 20px; padding: 0; border: none; }
.button-c:hover { color: #00485c !important; }

.button-d { display: inline-block; position: relative; height: auto; min-height: 30px; padding: 5px 15px; border: none; border-radius: 15px; background: #e8f2f4; color: #111 !important; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-decoration: none !important; outline: none; }
a.button-d:hover, button.button-d:hover { background-color: #c8d5d8; }
 .button-d .fa { display: inline-block; width: 30px; height: 30px; margin: -5px -15px -5px 10px !important; padding: 0 2px 0 0; border-radius: 0 15px 15px 0; background: #c8d5d8; color: #e8f2f4; line-height: 30px; vertical-align: top; text-decoration: none !important; }
 .button-d .fa { -webkit-transition: inherit; transition: inherit; }
 .button-d a.fa { -webkit-transition: background 0.25s; transition: background 0.25s; }
 a.button-d:hover .fa, button.button-d:hover .fa, .button-d .fa:hover { background-color: #00485c; }

.button-e { font-size: 14px; font-weight: bold; text-transform: uppercase; }
.button-e.-sherpa { color: #00485C; }
 .button-e .fa { display: inline-block; margin: 0.9em 0 0 5px; color: #00bc4c; font-size: 0.6em; vertical-align: top; }

.button-f { display: inline-block; position: relative; height: auto; min-height: 40px; padding: 10px 10px; border: none; border-radius: 0; background: #00BC4C; color: #fff !important; font-size: 14px; font-weight: bold; line-height: 20px; letter-spacing: 0.12em; text-transform: uppercase; text-align: center; text-decoration: none !important; outline: none; }
.button-f:hover { opacity: 0.85; }
.button-f.blue { background-color: #00485C; }
 .button-f:before { display: none; }

[class*=button-].block { display: block; width: 100%; }

.mejs-container button { min-height: 0;}
 .mejs-container button:before{  background: transparent; }

/*!
 * 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; }
.ttu { text-transform: uppercase !important; }

.ie8 .hide\@large { display: none !important; }

.top-a .hide-header { display: none !important; }

@media screen and (min-width: 1px) { .hide { display: none !important; } }
@media screen and (min-width: 1250px) { .show\@large { display: block !important; } .hide\@large { display: none !important; } }
@media screen and (max-width: 1249px) and (min-width: 720px) { .show\@medium { display: block !important; } .hide\@medium { display: none !important; } }
@media screen and (max-width: 719px) { .show\@small { display: block !important; } .hide\@small { display: none !important; } }

/*!
 * Vars
/* ---------------------------------------- */

.-xw\:1 { max-width: 1420px; } .contain.-xw\:1 { max-width: 1500px; }
.-xw\:2 { max-width: 1280px; } .contain.-xw\:2 { max-width: 1340px; }
.-xw\:3 { max-width: 1180px; } .contain.-xw\:3 { max-width: 1240px; }
.-xw\:4 { max-width: 1065px; } .contain.-xw\:4 { max-width: 1125px; }
.-xw\:5 { max-width: 880px; } .contain.-xw\:5 { max-width: 940px; }
.-xw\:6 { max-width: 780px; } .contain.-xw\:6 { max-width: 840px; }

.-mx\:a { margin-left: auto; margin-right: auto; }

.\$mB0 { margin-bottom: 0 !important; } .\$mT0 { margin-top: 0 !important; } .\$mY0 { margin-bottom: 0 !important; margin-top: 0 !important; }
.\$mBa { margin-bottom: 80px !important; } .\$mTa { margin-top: 80px !important; } .\$mYa { margin-bottom: 80px !important; margin-top: 80px !important; }
.\$mBb { margin-bottom: 40px !important; } .\$mTb { margin-top: 40px !important; } .\$mYb { margin-bottom: 40px !important; margin-top: 40px !important; }

@media screen and (max-width: 1023px) {
.\$mBa { margin-bottom: 60px !important; } .\$mTa { margin-top: 60px !important; } .\$mYa { margin-bottom: 60px !important; margin-top: 60px !important; }
.\$mBb { margin-bottom: 30px !important; } .\$mTb { margin-top: 30px !important; } .\$mYb { margin-bottom: 30px !important; margin-top: 30px !important; }
}
@media screen and (max-width: 719px) {
.\$mBa { margin-bottom: 40px !important; } .\$mTa { margin-top: 40px !important; } .\$mYa { margin-bottom: 40px !important; margin-top: 40px !important; }
}

.-tt\:u { text-transform: uppercase; }

.-c\:i { color: inherit; }

/*!
 * 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: 40px; padding: 0 14px; border: 1px solid #ccc; border-radius: 0; background: #fff; vertical-align: top; line-height: 38px; -webkit-appearance: none; outline: none; }
 .native.android input:not([type=checkbox]):not([type=radio]) { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
 input[type="checkbox"], input[type="radio"] { padding: 0; }
 input::-ms-clear { display: none; }
 textarea { overflow: auto; height: auto; padding: 14px; line-height: 20px; resize: vertical; }
 textarea.autoresize { min-height: 40px; max-height: 160px; }
 select { padding: 8px 35px 8px 13px; background: #fff url(../images/select-a.png) 100% 50% no-repeat; line-height: normal; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
 select::-ms-expand { display: none; }
 .ie9 select, .ie8 select { padding-right: 13px; padding-left: 11px; background-image: none; }
 .ie8 select { padding-top: 10px; padding-bottom: 10px; }
 .firefox select { padding-left: 8px; }
 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; }
 ::-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
 .placeholder, .placeholdersjs { color: #aaa !important; font-style: normal; opacity: 1; }
 select:invalid { color: #aaa; }

/* tables */

table { display: table; width: 100%; margin: 40px 0; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 10px 20px; border: 1px solid #c8d5d8; text-align: left; }
 table thead th { padding-top: 15px; border-color: #00485c; background: #00485c; color: #fff; font-size: 18px; font-weight: bold; }
 table th:first-child, table td:first-child { border-left: none; }
 table th:last-child, table td:last-child { border-right: none; }

@media screen and (max-width: 1023px) {
table th, table td { padding: 10px; font-size: 14px; }
table thead th { padding-top: 10px; font-size: 16px; }
}

/* headers */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #00485c; font: bold 10px/1.35 Lato,Helvetica Neue,Helvetica,Arial,sans-serif; }
h1, .h1 { font-size: 50px; font-weight: bold; line-height: 1; text-transform: uppercase; letter-spacing: 0.05em; }
h2, .h2 { font-size: 30px; font-weight: bold; line-height: 1.26; text-transform: none; letter-spacing: 0; }
h3, .h3 { font-size: 18px; font-weight: bold; line-height: 1.44; text-transform: none; letter-spacing: 0; }
h4, .h4 { font-size: 18px; font-weight: bold; line-height: 1.44; text-transform: uppercase; letter-spacing: 0.1em; }
h5, .h5, h6, .h6 { font-size: 14px; font-weight: bold; line-height: 1.44; text-transform: uppercase; }

@media screen and (max-width: 1023px) {
h1, .h1 { font-size: 40px; }
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 16px; }
h4, .h4 { font-size: 16px; }
}
@media screen and (max-width: 719px) {
h1, .h1 { font-size: 24px; line-height: 1.2; }
h2, .h2 { font-size: 20px; }
}

/* lists */

ul, ol, dd, blockquote { padding-left: 30px; }

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.25em 0 0 -30px; color: #00bc4c; font-size: 0.8em; font-weight: bold; text-align: right; }
  ul li:before { float: left; overflow: hidden; content: '\2022'; margin: 0 0 0 -25px; color: #00bc4c; }

/* links */

a { background: transparent; color: #0075d6; text-decoration: none; }
a, a:before, a:after, label, button, input[type=submit] { -webkit-transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s; transition: border 0.25s, background 0.25s, color 0.25s, box-shadow 0.25s, opacity 0.25s; }
a:hover, a:focus, a:active { color: #007ee6; text-decoration: underline; }
 a span { cursor: pointer; }

/* images */

figure { }
 figure img { display: block; }
 .wysiwyg img, .wp-caption { height: auto; max-width: 100%; }
 p.wp-caption-text, figcaption { margin-top: 5px; font-size: 14px; }
 img { max-width: 100%; border-width: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

img[data-responsimage]:not([src]) { display: none; }

.img1 { display: block; position: relative; overflow: hidden; width: 100%; }
.img1.-fill { position: absolute; left: 0; top: 0; height: 100%; margin: 0; }
 .img1[style*="--r:"]:before { display: block; content: ''; width: 100%; padding-bottom: calc(var(--r) * 100%); }
 .img1 img, .img1 video { display: block; width: 100%; }
 .img1[style*="--r:"] img, .img1[style*="--r:"] video { position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: var(--x, 50%) var(--y, 50%); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
 .img1.-round img, .img1.-round video { border-radius: 50%; }
 .img1.-left { --x: 0; } .img1.-right { --x: 100%; } .img1.-top { --y: 0; } .img1.-bottom { --y: 100%; }
 .img1.-fit img, .img1.-fit video { height: 100%; object-fit: contain; }

@media screen {
[m4n] a:hover .img1.-zoom img { transform: scale(1.05); }
}
@media screen and (max-width: 1023px) {
.img1[style*="--r2:"]:before { padding-bottom: calc(var(--r2) * 100%); }
}
@media screen and (max-width: 719px) {
.img1[style*="--r3:"]:before { padding-bottom: calc(var(--r3) * 100%); }
}

/* other */

blockquote { margin: 40px 0; padding: 0 0 0 40px; border-left: 10px solid #e8f2f4; background: transparent; font: inherit; font-size: 40px; font-weight: 300; line-height: 1.2; }
 cite { display: block; margin-top: 15px; color: #333; font: inherit; font-size: 14px; font-weight: bold; }

@media screen and (max-width: 1023px) {
blockquote { margin: 30px 0; padding-left: 22px; border-left-width: 5px; font-size: 28px; }
 cite { font-size: 12px; }
}
@media screen and (max-width: 719px) {
blockquote { font-size: 22px; }
}

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; }
sup, sub { font-size: 0.6875em; vertical-align: top; } sub { vertical-align: bottom; }

hr { overflow: hidden; width: 100%; height: 1px; margin: 40px 0; border: none; border: none; background: #00485c; font-size: 0; }
hr.thick { height: 4px; }
hr.green { background: #00bc4c; }
hr.expand { width: auto; margin-left: -85px; margin-right: -85px; }

.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi a { padding: 0 10px; }

/* EveryAction */
.at .flag-container { height: 100%; }
  .at .flag-container .selected-flag .iti-flag { margin-top: 20px; }

.ea {  }
  .ea.hide-title .at-title { display: none; }