@charset "UTF-8";

@font-face {

    font-family: 'DINBlack';

    src: url("/assets/BGH/webfonts/DIN_Black.eot");

    src: url("/assets/BGH/webfonts/DIN_Black.eot?#iefix") format("embedded-opentype"), url("/assets/BGH/webfonts/DIN_Black.woff2") format("woff2"), url("/assets/BGH/webfonts/DIN_Black.woff") format("woff"), url("/assets/BGH/webfonts/DIN_Black.ttf") format("truetype"), url("/assets/BGH/webfonts/DIN_Black.svg#wf") format("svg")

}

@font-face {

  font-family: "cabin";

  src: url("../fonts/Cabin-Bold.otf");

}

/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */

html {

    font-family: sans-serif;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}

body {

    margin: 0

}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {

    display: block

}

audio, canvas, progress, video {

    display: inline-block

}

audio:not([controls]) {

    display: none;

    height: 0

}

progress {

    vertical-align: baseline

}

template, [hidden] {

    display: none

}

a {

    background-color: transparent

}

a:active, a:hover {

    outline-width: 0

}

abbr[title] {

    border-bottom: none;

    text-decoration: underline;

    text-decoration: underline dotted

}

b, strong {

    font-weight: inherit

}

b, strong {

    font-weight: bolder

}

dfn {

    font-style: italic

}

h1 {

    font-size: 2em;

    margin: .67em 0

}

mark {

    background-color: #ff0;

    color: #000

}

small {

    font-size: 80%

}

sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}

sub {

    bottom: -.25em

}

sup {

    top: -.5em

}

img {

    border-style: none

}

svg:not(:root) {

    overflow: hidden

}

code, kbd, pre, samp {

    font-family: monospace, monospace;

    font-size: 1em

}

figure {

    margin: 1em 40px

}

hr {

    box-sizing: content-box;

    height: 0;

    overflow: visible

}

button, input, select, textarea {

    font: inherit;

    margin: 0

}

optgroup {

    font-weight: bold

}

button, input {

    overflow: visible

}

button, select {

    text-transform: none

}

button, html [type="button"], [type="reset"], [type="submit"] {

    -webkit-appearance: button

}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {

border-style:none;

padding:0

}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {

outline:1px dotted ButtonText

}

fieldset {

    border: 1px solid silver;

    margin: 0 2px;

    padding: .35em .625em .75em

}

legend {

    box-sizing: border-box;

    color: inherit;

    display: table;

    max-width: 100%;

    padding: 0;

    white-space: normal

}

textarea {

    overflow: auto

}

[type="checkbox"], [type="radio"] {

    box-sizing: border-box;

    padding: 0

}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {

height:auto

}

[type="search"] {

    -webkit-appearance: textfield

}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {

-webkit-appearance:none

}

::-webkit-input-placeholder {

color:inherit;

opacity:.54

}

body {

    background-color: #fff;

    color: #333;

    font-family: "ff-din-web", sans-serif;

    font-size: 18px;

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    font-weight: 400

}



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

body {

    font-size: 17px

}

}



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

body {

    font-size: 16px

}

}

h1, h2, h3, h4, h5, h6, p, a {

    line-height: 1;

    margin: 0;

    padding: 0

}

h1, h2, h3, h4, h6 {

    text-transform: uppercase

}

h1, h2, h3 {

    font-family: "cabin"

}

h1, h2, h3, h4, h6, strong {

    font-weight: 400

}

h1 {

    font-size: 6.11111em

}



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

h1 {

    font-size: 5.08889em

}

}



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

h1 {

    font-size: 4.27111em

}

}



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

h1 {

    font-size: 3.40222em

}

}



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

h1 {

    font-size: 2.53333em

}

}

h2, h4.invert {

    font-size: 5em

}



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

h2, h4.invert {

    font-size: 4.2em

}

}



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

h2, h4.invert {

    font-size: 3.56em

}

}



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

h2, h4.invert {

    font-size: 2.88em

}

}



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

h2, h4.invert {

    font-size: 2.2em

}

}

h3 {

    font-size: 2.66667em

}



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

h3 {

    font-size: 2.33334em

}

}



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

h3 {

    font-size: 2.06667em

}

}



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

h3 {

    font-size: 1.78333em

}

}



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

h3 {

    font-size: 1.5em

}

}

h2.invert, h4 {

    font-size: 2em

}



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

h2.invert, h4 {

    font-size: 1.8em

}

}



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

h2.invert, h4 {

    font-size: 1.64em

}

}



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

h2.invert, h4 {

    font-size: 1.47em

}

}



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

h2.invert, h4 {

    font-size: 1.3em

}

}

h5 {

    font-size: 1.66667em

}



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

h5 {

    font-size: 1.53334em

}

}



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

h5 {

    font-size: 1.42667em

}

}



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

h5 {

    font-size: 1.31333em

}

}



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

h5 {

    font-size: 1.2em

}

}

h6 {

    font-size: 1em

}

ul {

    margin: 0;

    padding: 0

}

ul li {

    list-style: none

}

a {

    color: inherit;

    text-decoration: none

}

*, * ::before, * ::after {

    box-sizing: border-box

}

strong {

    font-weight: 700;

    line-height: inherit

}

em {

    font-style: italic;

    line-height: inherit

}

.link-text {

    color: #2a85ad;

    font-size: .88889em;

    transition: all .3s;

    line-height: 1.3

}

.link-text:hover {

    color: #16465b;

    text-decoration: none

}

.link-button {

    border: 1px solid #00166D;

    color: #00166D;

    display: inline-block;

    font-size: .77778em;

    font-weight: 600;

    line-height: 1;

    max-width: 350px;

    padding: 15px 20px;

    text-transform: uppercase;

    transition: all .3s

}



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

.link-button {

    padding: 10px 5px;

    width: 71%

}

}

.link-button:hover {

    background-color: #00166D;

    color: #fff

}

.divider {

    line-height: 1

}

.divider--heading {

    margin: 10px auto 3%;

    width: 50%

}



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

.divider--heading {

    width: 90%

}

}

.divider--heading span {

    border-color: #b7b7b7

}

.divider--mission {

    width: 100%

}

.divider__line {

    border-top: 1px solid #70b6bc;

    display: inline-block;

    vertical-align: top;

    width: calc(50% - 15px)

}

.divider__line--left {

    border-top: 1px solid #70b6bc;

    display: inline-block;

    vertical-align: top;

    width: calc(17% - 15px)

}

.divider__line--right {

    border-top: 1px solid #70b6bc;

    display: inline-block;

    vertical-align: top;

    width: calc(83% - 15px)

}

.divider__arrow {

    border: 1px solid #70b6bc;

    display: inline-block;

    height: 15px;

    margin: -7px 2px 0;

    -webkit-transform: rotate(138deg) skewX(20deg) skewY(20deg);

    -ms-transform: rotate(138deg) skewX(20deg) skewY(20deg);

    transform: rotate(138deg) skewX(20deg) skewY(20deg);

    vertical-align: top;

    width: 15px

}

.divider__arrow--down {

    border-bottom: 0;

    border-left: 0

}

.divider__arrow--up {

    border-right: 0;

    border-top: 0

}

.circle--background {

    background-color: #70b6bc;

    border-radius: 50%;

    left: 0;

    opacity: .1;

    padding-top: 100%;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1

}



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

.circle--background {

    display: none

}

}

.circle--background__mobile {

    background-color: #70b6bc;

    border-radius: 50%;

    display: none;

    height: 100%;

    opacity: .1;

    position: absolute;

    right: 10%;

    top: 0;

    z-index: -1

}



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

.circle--background__mobile {

    display: block

}

}

.header-banner {

    min-width: 320px;

    overflow: hidden;

    padding: 170px 0 169px;

    position: relative

}



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

.header-banner {

    padding: 16% 0

}

}

.header-banner--opacity {

    background-color: #fff;

    height: 100%;

    left: 0;

    opacity: .8;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 0

}

.header-banner--flexible-height, .header-banner[style*='height'] {

    padding: 0;

    height: 562px

}

.header-banner--flexible-height .header-banner__title, .header-banner[style*='height'] .header-banner__title {

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    top: 50%

}

.header-banner__cover {

    background-position: center;

    background-size: cover;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -2

}

.header-banner video {

    bottom: 50%;

    height: auto;

    min-height: 100%;

    min-width: 100%;

    position: absolute;

    right: 50%;

    -webkit-transform: translateX(50%) translateY(50%);

    -ms-transform: translateX(50%) translateY(50%);

    transform: translateX(50%) translateY(50%);

    width: auto;

    z-index: -1

}

.header-banner__section {

    background: #9b242d;

    color: #fff;

    display: inline-block;

    font-family: "ff-din-web";

    font-size: 1em;

    font-weight: bold;

    margin-bottom: 1.4em;

    padding: 8px 14px 6px;

    text-transform: uppercase

}

.header-banner__title {

    margin: 0 auto;

    min-width: 320px;

    width: 1024px;

    position: relative;

    text-align: center;

    z-index: 1

}



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

.header-banner__title {

    padding-left: 20px;

    padding-right: 20px;

    width: 100%

}

}

.header-banner__title h1 {

    color: #000;

    line-height: .9;

    margin-bottom: -5px

}

.header-banner__title h5 {

    color: #9b242d;

    font-family: "minion-pro";

    font-style: italic;

    font-weight: 500;

    line-height: 1

}

.header-banner__share {

    bottom: 10px;

    left: 0;

    margin: 0 auto;

    max-width: 1300px;

    position: absolute;

    right: 0;

    text-align: right;

    width: 100%

}

.header-banner__share .component--share .share-item {

    background: rgba(255,255,255,.8);

    padding: 10px

}



@media screen and (min-width:48.0625em) {

.header-banner__share .component--share .share-item .icon {

    max-height: 24px;

    max-width: 24px

}

}

.header-banner__share .component--share .share-item+.share-item {

    margin-left: 10px

}

.featured-article {

    margin: 0 auto;

    min-width: 320px;

    width: 1024px;

    text-align: center

}



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

.featured-article {

    padding-left: 20px;

    padding-right: 20px;

    width: 100%

}

}



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

.featured-article {

    padding-top: 0

}

}

.featured-article__image {

    background-position: center;

    background-size: cover;

    border-radius: 50%;

    display: inline-block;

    margin: 4% 1.5% 5% 0;

    padding-top: 25.39%;

    position: relative;

    transition: all .3s;

    vertical-align: middle;

    width: 25.39%

}

.featured-article__image:hover {

    opacity: .8

}



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

.featured-article__image {

    display: block;

    margin: -7% auto 2%;

    padding-top: 45%;

    width: 45%

}

}



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

.featured-article__image {

    padding-top: 45%;

    width: 45%

}

}

.featured-article__text {

    display: inline-block;

    max-width: 82%;

    text-align: left;

    vertical-align: middle

}



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

.featured-article__text {

    display: block;

    margin-bottom: 10%;

    max-width: 100%;

    text-align: center

}

}

.featured-article__text p {

    color: #9b242d;

    font-size: .77778em;

    font-weight: 700;

    margin-bottom: .3%;

    text-transform: uppercase;

    transition: all .3s

}



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

.featured-article__text p {

    margin-bottom: 1%

}

}

.featured-article__text p a {

    color: #9b242d

}

.featured-article__text p:hover {

    color: #481115

}

.featured-article__text h4 {

    transition: all .3s

}

.featured-article__text h4:hover {

    color: #000

}

.featured-article__text strong, .featured-article__text b {

    font-family: "cabin";

    font-weight: normal

}



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

.featured-article__text strong, .featured-article__text b {

    display: block

}

}

.mission {

    margin: 0 auto;

    min-width: 320px;

    width: 1024px;

    margin-bottom: 65px

}



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

.mission {

    padding-left: 20px;

    padding-right: 20px;

    width: 100%

}

}



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

.mission {

    margin-bottom: 6.5%;

    padding: 0

}

}

.mission h6 {

    text-align: center

}

.mission h6 strong {

    font-family: "cabin"

}



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

.mission h6 strong {

    display: block

}

}

.mission-content {

    zoom: 1;

    margin-bottom: 6.5%;

    overflow: hidden;

    padding: 4% 0;

    position: relative

}

.mission-content::after {

    clear: both

}

.mission-content::after, .mission-content::before {

    content: '';

    display: table

}

.mission-content:last-child {

    margin-bottom: 0

}



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

.mission-content {

    padding: 4% 5%

}

}

.mission-content h2, .mission-content h4 {

    width: 85%;

    word-break: break-word

}



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

.mission-content h2, .mission-content h4 {

    width: 100%

}

}

.mission-content h2 {

    line-height: .88;

    margin-bottom: -.5%;

    padding-top: 4%

}

.mission-content h2.invert {

    font-family: "ff-din-web";

    font-weight: 600;

    line-height: 1.1;

    margin-bottom: 1.6%

}

.mission-content h4 {

    border-bottom: 6px solid #70b6bc;

    font-weight: 600;

    line-height: 1.1;

    margin-bottom: 2%;

    padding-bottom: 1.5%

}



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

.mission-content h4 {

    border-bottom-width: 4px

}

}

.mission-content h4.invert {

    font-family: "cabin";

    font-weight: 400;

    line-height: .88;

    padding-bottom: .3%

}

.mission-content__image {

    display: block;

    float: left;

    left: 27.5%;

    margin-left: -27.5%;

    padding-left: 8.5%;

    position: relative;

    width: 75%

}



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

.mission-content__image {

    padding: 0;

    width: 100%

}

}



@media screen and (min-width:721px)and (max-width:900px) {

.mission-content__image {

    left: 23.5%;

    width: 70%

}

}

.mission-content__person {

    float: right;

    max-width: 49%;

    position: relative;

    z-index: 2

}

.mission-content__person.no-person {

    display: none

}



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

.mission-content__person {

    display: none

}

}



@media screen and (min-width:721px)and (max-width:900px) {

.mission-content__person {

    max-width: 40%;

    right: 4.5%

}

}



@media screen and (min-width:721px)and (max-width:900px) {

.mission-content--right .mission-content__person {

    left: 4.5%;

    right: 0

}

}

.mission-content--right .circle--background__mobile {

    left: 10%;

    right: auto

}

.mission-content--right h2, .mission-content--right h4 {

    margin-left: 17%;

    text-align: right;

    width: 83%

}



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

.mission-content--right h2, .mission-content--right h4 {

    margin-left: 0;

    width: 100%

}

}

.mission-content--right .mission-content__image {

    float: right;

    left: auto;

    margin-left: 0;

    margin-right: -27.5%;

    padding-left: 0;

    padding-right: 8.5%;

    right: 27.5%

}



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

.mission-content--right .mission-content__image {

    padding: 0

}

}



@media screen and (min-width:721px)and (max-width:900px) {

.mission-content--right .mission-content__image {

    right: 23.5%

}

}

.mission-content--right .mission-content__person {

    float: left

}

.mission-content--right .mission-content__description {

    clear: right;

    float: right;

    left: auto;

    margin-left: 0;

    margin-right: -12.5%;

    padding-left: 0;

    padding-right: 8.5%;

    right: 12.5%

}



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

.mission-content--right .mission-content__description {

    float: left;

    padding-right: 0;

    right: auto

}

}

.mission-content--right .mission-content__navigation {

    clear: left;

    float: left;

    padding-left: 6.5%;

    padding-right: 0

}



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

.mission-content--right .mission-content__navigation {

    padding-left: 0;

    width: 85%

}

}

.mission-content__description {

    clear: left;

    float: left;

    left: 12.5%;

    margin-left: -12.5%;

    padding-left: 8.5%;

    padding-top: 3.2%;

    position: relative;

    width: 58%

}



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

.mission-content__description {

    padding-left: 0;

    padding-top: 10%;

    width: 85%

}

}



@media screen and (min-width:721px)and (max-width:900px) {

.mission-content__description {

    left: 8.5%;

    width: 64%

}

}



@media screen and (min-width:721px)and (max-width:900px) {

.mission-content--right .mission-content__description {

    right: 8.5%

}

}

.mission-content__description h3 {

    margin-bottom: 3%

}

.mission-content__description strong {

    color: #70b6bc;

    display: block;

    font-weight: 700;

    line-height: 1.4;

    margin: -1% 0 1.6%;

    text-transform: uppercase

}

.mission-content__description p {

    font-family: "minion-pro";

    font-size: .88889em;

    line-height: 1.5

}

.mission-content__navigation {

    clear: right;

    float: right;

    margin-top: -1.9%;

    padding-right: 6.5%;

    position: relative;

    width: 35%;

    z-index: 1

}



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

.mission-content__navigation {

    float: left;

    margin-top: 10%;

    padding-right: 0;

    width: 85%

}

}



@media screen and (min-width:721px)and (max-width:900px) {

.mission-content__navigation {

    padding-right: 4.5%

}

}



@media screen and (min-width:721px)and (max-width:900px) {

.mission-content--right .mission-content__navigation {

    padding-left: 4.5%;

    padding-right: 0

}

}

.mission-content__navigation.has-person {

    margin-top: 4%

}



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

.mission-content__navigation.has-person {

    margin-top: 10%

}

}

.mission-content__navigation strong {

    background-color: #70b6bc;

    color: #fff;

    display: block;

    font-size: .77778em;

    font-weight: 700;

    line-height: 1;

    padding: 5% 8%;

    text-transform: uppercase

}



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

.mission-content__navigation strong {

    padding: 2.2% 3.8%

}

}

.mission-content__navigation .mission-content__navigation-links {

    padding: 7%

}



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

.mission-content__navigation .mission-content__navigation-links {

    padding: 4%

}

}

.mission-content__navigation li {

    margin-bottom: 12px

}

.mission-content__navigation li:last-child {

    margin-bottom: 0

}

.mission-content__navigation .link {

    line-height: .9

}

.mission-content__title--animation {

    margin-bottom: 20px

}



@media screen and (min-width:721px) {

.mission-content__title--animation {

    margin-bottom: 0;

    min-height: 130px;

    position: relative

}

}



@media screen and (min-width:721px)and (max-width:900px) {

.mission-content__title--animation {

    margin-left: 4.5%

}

}



@media screen and (min-width:721px)and (max-width:900px) {

.mission-content--right .mission-content__title--animation {

    margin-left: 0;

    margin-right: 4.5%

}

}

.mission-content__title-holder {

    transition: opacity .2s ease;

    width: 100%

}



@media screen and (min-width:721px) {

.js .mission-content__title-holder {

    opacity: 0;

    position: absolute

}

}

.js .mission-content__title-holder.is-shown {

    opacity: 1

}

.link-buttons__wrapper {

    margin: 0 auto;

    min-width: 320px;

    width: 1024px;

    position: relative;

    overflow: hidden

}



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

.link-buttons__wrapper {

    padding-left: 20px;

    padding-right: 20px;

    width: 100%

}

}

.link-buttons {

    margin: 0 auto;

    min-width: 320px;

    width: 1024px;

    overflow: hidden;

    padding: 7% 0 6.5%;

    position: relative;

    text-align: center

}

.link-buttons .link-buttons__split--flexible {

    float: left;

    width: 50%

}



@media(max-width:720px) {

.link-buttons .link-buttons__split--flexible {

    float: none;

    width: 100%

}

}

.link-buttons .link-buttons__split--flexible:nth-child(2n+1):nth-last-child(1) {

    width: 100%

}



@media(max-width:720px) {

.link-buttons .link-buttons__split--flexible:nth-child(2n+1):nth-last-child(1) {

    float: none;

    width: 100%

}

}

.link-buttons .link-buttons__split--flexible:nth-child(2n+1):nth-last-child(1)~.link-buttons__split--flexible {

    width: 100%

}



@media(max-width:720px) {

.link-buttons .link-buttons__split--flexible:nth-child(2n+1):nth-last-child(1)~.link-buttons__split--flexible {

    float: none;

    width: 100%

}

}

.link-buttons .link-buttons__split--flexible:nth-child(2n+1):nth-last-child(2) {

    width: 50%

}



@media(max-width:720px) {

.link-buttons .link-buttons__split--flexible:nth-child(2n+1):nth-last-child(2) {

    float: none;

    width: 100%

}

}

.link-buttons .link-buttons__split--flexible:nth-child(2n+1):nth-last-child(2)~.link-buttons__split--flexible {

    width: 50%

}



@media(max-width:720px) {

.link-buttons .link-buttons__split--flexible:nth-child(2n+1):nth-last-child(2)~.link-buttons__split--flexible {

    float: none;

    width: 100%

}

}



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

.link-buttons {

    padding-left: 20px;

    padding-right: 20px;

    width: 100%

}

}



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

.link-buttons .circle--background {

    display: block;

    left: -125%;

    padding-top: 350%;

    width: 350%

}

}

.link-buttons__rule {

    margin: 0 auto;

    min-width: 320px;

    width: 1024px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 1em

}



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

.link-buttons__rule {

    padding-left: 20px;

    padding-right: 20px;

    width: 100%

}

}

.link-buttons__split {

    display: inline-block;

    margin-left: -4px;

    padding: 0 2%;

    text-align: center;

    vertical-align: top;

    width: 50%

}



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

.link-buttons__split {

    display: block;

    margin-bottom: 5%;

    margin-left: 0;

    width: 100%

}

.link-buttons__split:last-child {

    margin-bottom: 0

}

}



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

.link-buttons__split {

    margin-bottom: 10%

}

}

.link-buttons__split .link-buttons__split {

    padding: 0;

    width: 100%

}

.link-buttons__split h4 {

    font-weight: 700;

    margin-bottom: 1%

}

.link-buttons__split p {

    font-size: 1em;

    line-height: 1.3;

    font-weight: bold

}

.link-buttons__split ul {

    margin-top: 3.5%

}

.link-buttons__split li {

    display: inline-block;

    margin: 2.1% 1.7%

}



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

.link-buttons__split li {

    display: block

}

}

.link-buttons__split li:empty {

    display: none

}

.statistics__wrapper {

    clear: both;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    float: none;

    margin: 0 auto;

    max-width: 765px;

    padding: 1em 0;

    width: 100%

}

.statistics__wrapper .statistic {

    float: left;

    width: 33.33333%

}



@media(max-width:720px) {

.statistics__wrapper .statistic {

    float: none;

    width: 100%

}

}

.statistics__wrapper .statistic:nth-child(3n+1):nth-last-child(1) {

    width: 100%

}



@media(max-width:720px) {

.statistics__wrapper .statistic:nth-child(3n+1):nth-last-child(1) {

    float: none;

    width: 100%

}

}

.statistics__wrapper .statistic:nth-child(3n+1):nth-last-child(1)~.statistic {

    width: 100%

}



@media(max-width:720px) {

.statistics__wrapper .statistic:nth-child(3n+1):nth-last-child(1)~.statistic {

    float: none;

    width: 100%

}

}

.statistics__wrapper .statistic:nth-child(3n+1):nth-last-child(2) {

    width: 50%

}



@media(max-width:720px) {

.statistics__wrapper .statistic:nth-child(3n+1):nth-last-child(2) {

    float: none;

    width: 100%

}

}

.statistics__wrapper .statistic:nth-child(3n+1):nth-last-child(2)~.statistic {

    width: 50%

}



@media(max-width:720px) {

.statistics__wrapper .statistic:nth-child(3n+1):nth-last-child(2)~.statistic {

    float: none;

    width: 100%

}

}

.statistics__wrapper .statistic:nth-child(3n+1):nth-last-child(3) {

    width: 33.33333%

}



@media(max-width:720px) {

.statistics__wrapper .statistic:nth-child(3n+1):nth-last-child(3) {

    float: none;

    width: 100%

}

}

.statistics__wrapper .statistic:nth-child(3n+1):nth-last-child(3)~.statistic {

    width: 33.33333%

}



@media(max-width:720px) {

.statistics__wrapper .statistic:nth-child(3n+1):nth-last-child(3)~.statistic {

    float: none;

    width: 100%

}

}



@media(max-width:720px) {

.statistics__wrapper {

    display: block;

    float: none

}

}

.statistics__wrapper .statistic {

    border-right: 1px solid #b7b7b7;

    padding: 0 15px

}

.statistics__wrapper .statistic:last-child {

    border: 0

}



@media(max-width:720px) {

.statistics__wrapper .statistic {

    border: 0;

    margin-bottom: 1em

}

}

.statistics__wrapper .statistic__container {

    font-family: "ff-din-web";

    font-size: 17px;

    overflow: hidden;

    text-align: center

}



@media(max-width:720px) {

.statistics__wrapper .statistic__container {

    text-align: left

}

}

.statistics__wrapper .statistic__value {

    color: #9b242d;

    display: block;

    font-size: 4em;

    font-weight: bold;

    line-height: 1em;

    word-wrap: break-word

}



@media(max-width:720px) {

.statistics__wrapper .statistic__value {

    float: left;

    min-width: 170px;

    width: 30%

}

}

.statistics__wrapper .statistic__type {

    color: #000;

    display: block;

    font-size: 1.2em;

    font-weight: bold;

    line-height: 1em;

    text-transform: uppercase

}



@media(max-width:720px) {

.statistics__wrapper .statistic__type {

    padding-left: 170px

}

}

.statistics__wrapper .statistic__description {

    color: #b7b7b7;

    display: block

}



@media(max-width:720px) {

.statistics__wrapper .statistic__description {

    padding-left: 170px

}

}

.related-content {

    padding: 1em 0;

    overflow: hidden;

    text-align: center;

    width: 100%

}

.related-content__header {

    border-bottom: 2px solid #9b242d;

    display: inline-block;

    font-size: 2em;

    margin-bottom: .6em;

    padding-bottom: .3em

}



@media(max-width:720px) {

.related-content__header {

    font-size: 1.2em

}

}

.related-content__subtitle {

    color: #888;

    font-size: 1em;

    margin-bottom: 1.6em

}

.related-content__item-container .related-content__item {

    float: left;

    width: 25%

}



@media(max-width:720px) {

.related-content__item-container .related-content__item {

    float: none;

    width: 100%

}

}

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(1) {

    width: 100%

}



@media(max-width:720px) {

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(1) {

    float: none;

    width: 100%

}

}

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(1)~.related-content__item {

    width: 100%

}



@media(max-width:720px) {

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(1)~.related-content__item {

    float: none;

    width: 100%

}

}

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(2) {

    width: 50%

}



@media(max-width:720px) {

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(2) {

    float: none;

    width: 100%

}

}

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(2)~.related-content__item {

    width: 50%

}



@media(max-width:720px) {

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(2)~.related-content__item {

    float: none;

    width: 100%

}

}

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(3) {

    width: 33.33333%

}



@media(max-width:720px) {

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(3) {

    float: none;

    width: 100%

}

}

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(3)~.related-content__item {

    width: 33.33333%

}



@media(max-width:720px) {

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(3)~.related-content__item {

    float: none;

    width: 100%

}

}

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(4) {

    width: 25%

}



@media(max-width:720px) {

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(4) {

    float: none;

    width: 100%

}

}

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(4)~.related-content__item {

    width: 25%

}



@media(max-width:720px) {

.related-content__item-container .related-content__item:nth-child(4n+1):nth-last-child(4)~.related-content__item {

    float: none;

    width: 100%

}

}

.related-content__item {

    padding: 0 1.5%

}



@media(max-width:720px) {

.related-content__item {

    margin-bottom: 2em;

    float: left!important;

    width: 50%!important

}

}

.related-content__image {

    display: block;

    margin: 0 auto 1em;

    max-width: 100%

}

.related-content__link {

    color: #2a85ad;

    font-weight: bold

}

.pull-quote-with-image {

    margin: 0 auto;

    max-width: 765px;

    padding: 1em 0;

    position: relative;

    width: 100%

}



@media(max-width:720px) {

.pull-quote-with-image {

    font-size: 75%

}

}

.pull-quote-with-image.pull-quote-with-image--left .pull-quote-with-image__image-container {

    display: block;

    float: left

}



@media(max-width:720px) {

.pull-quote-with-image.pull-quote-with-image--left .pull-quote-with-image__image-container {

    display: none

}

}

.pull-quote-with-image.pull-quote-with-image--left .pull-quote-with-image__quote-container {

    padding: 3em 0 20px 20px;

    text-align: left

}



@media(max-width:720px) {

.pull-quote-with-image.pull-quote-with-image--left .pull-quote-with-image__quote-container {

    padding: 3em 20px 20px 20px;

    text-align: center

}

}

.pull-quote-with-image.pull-quote-with-image--left .pull-quote-with-image__quote-container .divider--heading .divider__line:first-child {

    width: calc(8% - 15px)

}

.pull-quote-with-image.pull-quote-with-image--left .pull-quote-with-image__quote-container .divider--heading .divider__line:last-child {

    position: relative;

    width: calc(92% - 15px)

}



@media(max-width:720px) {

.pull-quote-with-image.pull-quote-with-image--left .pull-quote-with-image__quote-container .divider--heading .divider__line:first-child {

    width: calc(50% - 15px)

}

.pull-quote-with-image.pull-quote-with-image--left .pull-quote-with-image__quote-container .divider--heading .divider__line:last-child {

    position: relative;

    width: calc(50% - 15px)

}

}

.pull-quote-with-image.pull-quote-with-image--right .pull-quote-with-image__image-container {

    display: block;

    float: right

}



@media(max-width:720px) {

.pull-quote-with-image.pull-quote-with-image--right .pull-quote-with-image__image-container {

    display: none

}

}

.pull-quote-with-image.pull-quote-with-image--right .pull-quote-with-image__quote-container {

    padding: 3em 20px 20px 0;

    text-align: right

}



@media(max-width:720px) {

.pull-quote-with-image.pull-quote-with-image--right .pull-quote-with-image__quote-container {

    padding: 3em 20px 20px 20px;

    text-align: center

}

}

.pull-quote-with-image.pull-quote-with-image--right .pull-quote-with-image__quote-container .divider--heading .divider__line:first-child {

    width: calc(92% - 15px)

}

.pull-quote-with-image.pull-quote-with-image--right .pull-quote-with-image__quote-container .divider--heading .divider__line:last-child {

    position: relative;

    width: calc(8% - 15px)

}



@media(max-width:720px) {

.pull-quote-with-image.pull-quote-with-image--right .pull-quote-with-image__quote-container .divider--heading .divider__line:first-child {

    width: calc(50% - 15px)

}

.pull-quote-with-image.pull-quote-with-image--right .pull-quote-with-image__quote-container .divider--heading .divider__line:last-child {

    position: relative;

    width: calc(50% - 15px)

}

}

.pull-quote-with-image .circle--background__container {

    overflow: hidden;

    position: relative

}



@media(max-width:720px) {

.pull-quote-with-image .circle--background__container .circle--background {

    display: block;

    left: -100%;

    padding-top: 200%;

    width: 200%

}

}

.pull-quote-with-image__image-container {

    display: none;

    float: left;

    margin: 0;

    max-width: 330px;

    width: 33.33%

}



@media(max-width:900px) {

.pull-quote-with-image__image-container {

    max-width: 50%;

    width: 50%

}

}

.pull-quote-with-image__image {

    width: 100%

}

.pull-quote-with-image__quote-container {

    overflow: hidden;

    padding: 3em 20px 20px 20px;

    text-align: center

}

.pull-quote-with-image__quote-container .divider--heading {

    margin-bottom: .3em;

    position: relative;

    width: 100%

}

.pull-quote-with-image__quote-container .divider--heading .divider__line {

    border-color: #9b242d;

    border-width: 2px

}

.pull-quote-with-image__quote-container .divider--heading .divider__line:first-child {

    width: calc(50% - 15px)

}

.pull-quote-with-image__quote-container .divider--heading .divider__line:last-child {

    position: relative;

    width: calc(50% - 15px)

}

.pull-quote-with-image__quote-container .divider--heading .divider__arrow--up {

    border-color: #9b242d;

    border-width: 2px

}

.pull-quote-with-image__quote {

    color: #9b242d;

    font-size: 2em;

    font-weight: bold;

    line-height: 1em;

    margin-bottom: 1em

}

.pull-quote-with-image__quote__citation {

    font-size: 1.2em;

    font-weight: bold;

    text-transform: uppercase

}

.pull-quote-with-image__quote__citation sub {

    display: block;

    font-style: italic;

    font-weight: 400;

    line-height: 1em;

    margin: 10px 0;

    position: static;

    text-transform: none

}

.pull-quote-with-image__footer {

    margin: 1em 0

}

.pull-quote-with-image__caption {

    display: inline-block;

    font-size: .9em;

    font-style: italic

}



@media(max-width:720px) {

.pull-quote-with-image__caption {

    display: none

}

}

.featured-title {

    margin: 0 auto;

    min-width: 320px;

    width: 1024px;

    padding: 20px 0;

    text-align: center

}



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

.featured-title {

    padding-left: 20px;

    padding-right: 20px;

    width: 100%

}

}



@media(max-width:720px) {

.featured-title {

    font-size: 60%

}

}

.featured-title__introduction {

    position: relative;

    font-family: "ff-din-web";

    font-size: 1.4em;

    width: auto;

    display: inline-block

}

.featured-title__introduction .divider--heading {

    margin: 8px 0 0;

    position: relative;

    width: auto;

    display: none

}

.featured-title__introduction .divider--heading span {

    border-color: #9b242d

}

.featured-title__introduction-text+.divider--heading {

    display: block

}

.featured-title__introduction .divider__line {

    position: absolute

}

.featured-title__introduction .divider__line:first-child {

    left: 0;

    width: calc(50% - 14px)

}

.featured-title__introduction .divider__line:last-child {

    right: 0

}

.featured-title__introduction .divider__line .divider__arrow {

    position: absolute;

    left: 0;

    right: 0;

    top: 0

}

.featured-title__title {

    font-size: 4.2em;

    margin-bottom: .1em;

    line-height: 1

}

.featured-title__subtitle {

    font-family: "ff-din-web";

    font-size: 1.6em;

    line-height: 1.2

}

.content-listing {

    overflow: hidden;

    padding: 20px 0;

    text-align: center

}

.content-listing__header {

    display: inline-block;

    font-family: "ff-din-web";

    font-size: 1.4em;

    margin-bottom: 1em;

    position: relative;

    width: auto

}

.content-listing__header .divider--heading {

    display: none;

    margin: 8px 0 0;

    position: relative;

    width: auto

}

.content-listing__header .divider--heading span {

    border-color: #9b242d

}

.content-listing__header-text+.divider--heading {

    display: block

}

.content-listing__header .divider__line {

    position: absolute

}

.content-listing__header .divider__line:first-child {

    left: 0;

    width: calc(50% - 14px)

}

.content-listing__header .divider__line:last-child {

    right: 0

}

.content-listing__header .divider__line .divider__arrow {

    position: absolute;

    left: 0;

    right: 0;

    top: 0

}

.content-listing__item {

    margin-bottom: 30px;

    overflow: hidden;

    text-align: left

}

.content-listing__image {

    float: left;

    margin-right: 30px;

    min-width: 200px;

    width: 25%

}



@media screen and (min-width:720px)and (max-width:940px) {

.content-listing__image {

    margin-right: 0;

    min-width: 40%;

    width: 40%

}

}

.content-listing__content-wrapper {

    display: block;

    margin-left: 230px

}



@media screen and (min-width:720px)and (max-width:940px) {

.content-listing__content-wrapper {

    margin-left: 46%

}

}

.content-listing__content-header {

    color: #2a85ad;

    font-family: "ff-din-web";

    font-size: 1em;

    font-weight: bold;

    line-height: 1.2;

    margin-bottom: .5em;

    text-transform: none

}

.content-listing__author {

    font-size: 1em;

    margin-bottom: .25em;

    text-transform: uppercase

}

.content-listing p.content-listing__content {

    font-family: "minion-pro";

    font-weight: normal;

    line-height: 1.2

}

.link-buttons__split--flexible:first-child:last-child .content-listing__item {

    margin-right: 3%;

    float: left;

    width: 48.5%

}

.link-buttons__split--flexible:first-child:last-child .content-listing__item:nth-child(even) {

    margin-right: 0

}

.link-buttons__split--flexible:first-child:last-child .content-listing__item:only-child {

    margin-right: 0;

    width: 100%

}



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

.link-buttons__split--flexible:first-child:last-child .content-listing__item {

    float: none;

    width: 100%

}

}

@-skrollr-keyframes article {

skrollr-40p-top {

margin-top:1%;

}

skrollr-30p-top {

margin-top:-1%;

}

}

@-skrollr-keyframes mission-person {

skrollr-90p-top {

margin-top:10%;

}

skrollr-60p-top {

margin-top:0;

}

}

@-skrollr-keyframes mission-title {

skrollr-100p-top {

margin-top:20%;

}

skrollr-40p-top {

margin-top:0;

}

}

@-skrollr-keyframes mission-image {

skrollr-100p-top {

margin-top:10%;

}

skrollr-50p-top {

margin-top:0;

}

}

@-skrollr-keyframes mission-description {

skrollr-90p-top {

margin-top:10%;

}

skrollr-50p-top {

margin-top:0;

}

}

@-skrollr-keyframes split-container-links {

skrollr-110p-top {

margin-top:15%;

}

skrollr-70p-top {

margin-top:0;

}

}

.featured-article--animation {

    -skrollr-animation-name: article

}

.mission-content__person--animation {

    -skrollr-animation-name: mission-person

}

.mission-content__title--animation {

    -skrollr-animation-name: mission-title

}

.mission-content__image--animation {

    -skrollr-animation-name: mission-image

}

.mission-content__description--animation {

    -skrollr-animation-name: mission-description

}

.link-buttons__split--animation {

    -skrollr-animation-name: split-container-links

}

.global-footer-visitor h2, .global-footer-visitor p {

    font-size: 100%;

    font: inherit

}

.global-footer-visitor h2 {

    font-weight: bold

}



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

.global-nav {

    position: relative

}

}



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

.global-nav-search {

    display: none

}

}



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

.global-nav-logo {

    border: none;

    left: 50%;

    position: absolute;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%)

}

}



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

.global-nav-locale {

    border-left: 2px double #272727

}

}



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

.global-nav-drawer-button {

    font-size: 46px

}

}

#global-site-wrapper {

    overflow-x: initial

}