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

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

body {
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
}

hr {
    height: 0;
    color: inherit
}

abbr[title] {
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp,pre {
    font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

table {
    text-indent: 0;
    border-color: inherit
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,select {
    text-transform: none
}

button,[type='button'],[type='reset'],[type='submit'] {
    -webkit-appearance: button
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-cancel-button {
    -webkit-appearance: none
}

::-webkit-search-results-button {
    -webkit-appearance: none
}

::-webkit-search-results-decoration {
    -webkit-appearance: none
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

a {
    text-decoration: underline;
    color: #00143b
}

address {
    font-style: normal
}

.t-alpha {
    font-size: 1.3rem;
    line-height: 1.0rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    margin: 0
}

@media screen and (min-width: 768px) {
    .t-alpha {
        font-size: 2.6rem;
        line-height: 3.375rem;
    }
}

@media screen and (min-width: 1100px) {
    .t-alpha {
        font-size: 4.5rem;
        line-height: 4.6875rem;
    }
}

.t-alpha--emphasise {
    color: #fc0;
    position: relative;
    display: inline-block;
    padding: 0 0 .625rem 0
}

@media screen and (min-width: 1100px) {
    .t-alpha--emphasise {
        padding:0 0 2.1875rem 0
    }
}

.t-alpha--emphasise:after {
    content: '';
    display: block;
    background: #fc0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 2px
}

@media screen and (min-width: 1100px) {
    .t-alpha--emphasise:after {
        width:68px
    }
}

.t-beta {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width: 1100px) {
    .t-beta {
        font-size:1.875rem;
        line-height: 2.875rem
    }
}

.t-gamma {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    margin: 0
}

@media screen and (min-width: 1100px) {
    .t-gamma {
        font-size:1.875rem;
        line-height: 2.125rem
    }
}

.t-delta {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    margin: 0
}

@media screen and (min-width: 1100px) {
    .t-delta {
        font-size:1.625rem;
        line-height: 1.875rem
    }
}

.t-epsilon {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width: 1100px) {
    .t-epsilon {
        font-size:1.625rem;
        line-height: 1.875rem
    }
}

.t-divider {
    padding-bottom: 15px;
    position: relative
}

.t-divider:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: #00143b;
    width: 58px
}

.t-zeta {
    font-size: 1.0625rem;
    line-height: 1.25rem;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width: 1100px) {
    .t-zeta {
        font-size:1.375rem;
        line-height: 1.875rem
    }
}

.t-no-text-transform {
    text-transform: none
}

strong,b,.t-bold {
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

.t-highlight-link {
    color: #009DE0;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    text-decoration: none
}

.t-highlight-link-alt {
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    text-decoration: none
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.5rem;
    color: #00143b;
    background: linear-gradient(181deg, #4f1455 0%, #1e0721 100%);
    padding: 0;
    margin: 0
}

.u-visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.u-constrain {
    max-width: 1560px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width: 481px) {
    .u-constrain {
        padding-left:60px;
        padding-right: 60px;
        max-width: 1650px
    }
}

.u-constrain-narrow {
    max-width: 1455px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width: 481px) {
    .u-constrain-narrow {
        padding-left:60px;
        padding-right: 60px;
        max-width: 1545px
    }
}

.u-constrain-flush {
    max-width: 1530px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px
}

.u-constrain-wide-flush {
    max-width: 1920px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .u-constrain-until-wide {
        max-width:1560px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) and (min-width: 481px) {
    .u-constrain-until-wide {
        padding-left:60px;
        padding-right: 60px;
        max-width: 1650px
    }
}

.u-center {
    text-align: center
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .u-center--small {
        text-align:center
    }
}

.u-spacer {
    margin: 0 0 18px 0
}

.u-spacer--large {
    margin: 0 0 60px 0
}

.u-spacer--small {
    margin: 0 0 15px 0
}

.u-spacer--tiny {
    margin: 0 0 10px 0
}

[aria-hidden="true"] {
    display: none
}

.u-constrain-narrow {
    max-width: 1455px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width: 481px) {
    .u-constrain-narrow {
        padding-left: 50px;
        padding-right: 50px;
        max-width: 1280px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.u-constrain-small {
    max-width: 1560px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width: 481px) {
    .u-constrain-small {
        padding-left:60px;
        padding-right: 60px;
        max-width: 1650px
    }
}

@media screen and (min-width: 1100px) {
    .u-constrain-small {
        max-width:850px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width: 1100px) and (min-width: 481px) {
    .u-constrain-small {
        padding-left:60px;
        padding-right: 60px;
        max-width: 940px
    }
}

.u-block-link {
    display: block;
    text-decoration: none
}

@media screen and (min-width: 0) and (max-width: 1399px) {
    .u-hide-wider-and-less {
        display:none !important
    }
}

@media screen and (min-width: 1400px) {
    .u-hide-wider-and-greater {
        display:none !important
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-header {
        position:fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 101
    }

    .mobile-nav-open .c-header {
        bottom: 0;
        background-color: #fc0
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    body {
        padding-top:60px
    }
}

.c-header__inner {
    background: linear-gradient(359deg, #4f1455 0%, #3b0f3f 100%)
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .mobile-nav-open .c-header__inner {
        background-image:url(../images/mobile-nav-bg.png);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-color: #fc0
    }
}

@media screen and (min-width: 1100px) and (max-width: 1499px) {
    .c-header__inner__inner {
        padding-left:0
    }
}

.c-header__inner__inner__inner {
    position: relative;
    height: 60px
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .mobile-nav-open .c-header__inner__inner__inner {
        height:100vh
    }
}

@media screen and (min-width: 1100px) {
    .c-header__inner__inner__inner {
        padding:0 0 0 120px;
        height: auto
    }
}

@media screen and (min-width: 1500px) {
    .c-header__inner__inner__inner {
        padding:0 0 0 135px
    }
}

.c-header__logo {
    width: 51px;
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 4
}

@media screen and (min-width: 1100px) {
    .c-header__logo {
        width:70px;
        top: 6px;
    }
}

.c-header__nav {
    display: none
}

.c-header__nav[aria-expanded=true] {
    display: block;
    padding-top: 0
}

@media screen and (min-width: 1100px) {
    .c-header__nav[aria-expanded=true] {
        padding-top:2.5rem;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 50px
    }
}

@media screen and (min-width: 1100px) {
    .c-header__nav {
        display:block;
        padding-top: 0
    }
}

.c-header__nav-toggle {
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: 0;
    vertical-align: top;
    -webkit-appearance: none;
    text-transform: uppercase;
    -moz-appearance: none;
    appearance: none;
    background: linear-gradient(359deg, #4f1455 0%, #3b0f3f 100%);
    color: #fff;
    height: 60px;
    width: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -12.5px
}

.c-header__nav-toggle .c-header__nav-toggle-text {
    display: none;
    color: #00143b;
    font-size: .8125rem;
    margin-left: -90px
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .mobile-nav-open .c-header__nav-toggle .c-header__nav-toggle-text {
        position:relative;
        display: inline-block
    }
}

.c-header__nav-toggle:before,.c-header__nav-toggle:after,.c-header__nav-toggle .c-header__nav-toggle__inner:before {
    content: '';
    display: block;
    width: 21px;
    height: 2.5px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 0 50%;
    transform: translate3d(-50%, -50%, 0)
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .mobile-nav-open .c-header__nav-toggle:before,.mobile-nav-open .c-header__nav-toggle:after,.mobile-nav-open .c-header__nav-toggle .c-header__nav-toggle__inner:before {
        background:#00143b
    }
}

.c-header__nav-toggle:after {
    width: 25px;
    margin-top: -10px
}

.c-header__nav-toggle .c-header__nav-toggle__inner:before {
    margin-top: 10px;
    width: 14.5px
}

@media screen and (min-width: 1100px) {
    .c-header__nav-toggle {
        display:none
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .mobile-nav-open .c-header__nav-toggle {
        background:#fc0
    }

    .mobile-nav-open .c-header__nav-toggle:before {
        opacity: 0
    }

    .mobile-nav-open .c-header__nav-toggle:after {
        width: 28px;
        transform: translateX(-50%) rotate(45deg)
    }

    .mobile-nav-open .c-header__nav-toggle .c-header__nav-toggle__inner:before {
        width: 28px;
        transform: translateX(-50%) rotate(-45deg)
    }
}

.c-header__nav-toggle__inner {
    display: block
}

.c-header__tools {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% - 70px)
}

@media screen and (min-width: 1100px) {
    .c-header__tools {
        width:auto;
        left: auto;
        display: flex;
        align-items: center;
        right: -60px
    }
}

@media screen and (min-width: 1500px) {
    .c-header__tools {
        padding-right:15px
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .mobile-nav-open .c-header__tools {
        margin-top:auto;
        position: static;
        flex-shrink: 0;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }
}

.c-header__sso {
    display: none
}

@media screen and (min-width: 1100px) {
    .c-header__sso {
        display:block
    }
}

@media screen and (min-width: 1500px) {
    .c-header__sso {
        padding-left:15px;
        font-size: 0;
        line-height: 0
    }
}

@media screen and (min-width: 1100px) and (max-width: 1499px) {
    .c-header__sso {
        height:100%;
        position: relative
    }
}

.c-header__sso .c-button {
    vertical-align: middle
}

.c-header__sso .c-button:not(:first-child) {
    margin: 0 0 0 15px
}

@media screen and (min-width: 1100px) and (max-width: 1499px) {
    .c-header__sso .c-button:not(:first-child) {
        margin:1.5625rem 0 0 0
    }
}

.c-header__sso__trigger {
    display: none;
    width: 75px;
    height: 100%;
    border: 0;
    margin: 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    position: relative;
    color: #fff;
    cursor: pointer
}

.js-focus-visible .c-header__sso__trigger:focus:not(.focus-visible) {
    outline: none
}

.js-focus-visible .c-header__sso__trigger.focus-visible {
    outline: 5px solid #00B245
}

@media screen and (min-width: 1100px) and (max-width: 1499px) {
    .c-header__sso__trigger {
        display:block
    }
}

.c-header__sso__trigger__icon {
    width: 1.875rem;
    height: 1.875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px
}

@media screen and (min-width: 1100px) and (max-width: 1499px) {
    .c-header__sso__menu {
        display:none;
        text-align: center;
        position: absolute;
        top: 100%;
        right: 0;
        background: #fc0;
        padding: 1.875rem;
        z-index: 99
    }

    .c-header__sso__menu.is-open.is-loaded {
        display: block
    }
}

.c-header__search {
    display: flex;
    height: 100%
}

@media screen and (min-width: 1100px) {
    .c-header__search {
        border-left:1px solid #384562;
        border-right: 1px solid #384562
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .mobile-nav-open .c-header__search {
        position:static;
        border: 2px solid #00143b;
        height: 3.375rem
    }
}

.c-header__search__text {
    -webkit-appearance: none;
    text-transform: uppercase;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    font-size: .6875rem;
    line-height: normal;
    padding: 0;
    margin: 0;
    border-radius: 0;
    height: 100%;
    border: 0;
    width: 140px;
    text-transform: none
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .mobile-nav-open .c-header__search__text {
        background:#fc0;
        color: #00143b;
        padding-left: .9375rem;
        padding-right: .9375rem;
        width: 100%;
        height: 3.125rem;
        font-size: 1rem
    }

    .mobile-nav-open .c-header__search__text::-webkit-input-placeholder {
        color: #00143b;
        opacity: 1
    }

    .mobile-nav-open .c-header__search__text::-moz-placeholder {
        color: #00143b;
        opacity: 1
    }

    .mobile-nav-open .c-header__search__text:-ms-input-placeholder {
        color: #00143b;
        opacity: 1
    }

    .mobile-nav-open .c-header__search__text:-moz-placeholder {
        color: #00143b;
        opacity: 1
    }
}

@media screen and (min-width: 1100px) {
    .c-header__search__text {
        display:none
    }
}

@media screen and (min-width: 1300px) {
    .c-header__search__text {
        padding:0 0 0 25px;
        font-size: .8125rem;
        display: block;
        width: 200px
    }
}

.c-header__search__text::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.c-header__search__text::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.c-header__search__text:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.c-header__search__text:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.c-header__search__button {
    cursor: pointer;
    display: inline-block;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: 0;
    vertical-align: top;
    -webkit-appearance: none;
    text-transform: uppercase;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: #fff;
    height: 100%;
    width: 50px;
    position: relative
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .mobile-nav-open .c-header__search__button {
        background:#fc0;
        color: #00143b
    }
}

@media screen and (min-width: 1100px) {
    .c-header__search__button {
        width:75px
    }
}

.c-header__search__button__icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px
}

@media screen and (min-width: 1100px) {
    .c-header__search__button__icon {
        width:22px;
        height: 22px;
        margin: -11px 0 0 -11px
    }
}

.c-header__language {
    display: none;
    position: absolute;
    top: 0;
    right: -60px;
    height: 100%;
    width: 90px;
    border-right: 1px solid #384562
}

@media screen and (min-width: 1100px) {
    .c-header__language {
        display:block
    }
}

.c-header__language__select.c-select {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border: 0
}

.c-header__language__select.c-select::-ms-value {
    color: #fff
}

.c-header__ticker {
    background: #fc0;
    display: none
}

@media screen and (min-width: 1100px) {
    .c-header__ticker {
        display:block
    }
}

.c-header__ticker__inner__inner {
    display: flex;
    align-items: center;
    padding: 10px 0 10px 160px;
    white-space: nowrap
}

.c-header__ticker-links {
    margin-left: auto
}

.c-header__ticker-link-highlight {
    text-transform: uppercase;
    text-decoration: underline;
    margin-left: 1.25rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

.c-header__ticker-heading {
    text-transform: uppercase;
    margin-right: 1.5625rem
}

.c-header__ticker-copy {
    margin-right: .625rem;
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-header__ticker-cta {
    text-decoration: none;
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

.c-header__ticker--mobile {
    padding: 1.875rem 0
}

@media screen and (min-width: 1100px) {
    .c-header__ticker--mobile {
        display:none
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-header__ticker-mobile-buttons {
        display:flex
    }

    .c-header__ticker-mobile-buttons .c-button {
        flex: 1;
        padding-left: .625rem;
        padding-right: .625rem
    }

    .c-header__ticker-mobile-buttons .c-button:first-child {
        margin-right: .3125rem
    }

    .c-header__ticker-mobile-buttons .c-button:last-child {
        margin-right: .3125rem
    }
}

.c-header__social {
    display: none
}

.c-footer__inner {
    background: #00143b;
    color: #fff;
    padding: 30px 0
}

@media screen and (min-width: 1100px) {
    .c-footer__inner {
        padding:60px 0 30px
    }
}

.c-footer__inner a {
    color: #fff;
    text-decoration: none
}

.c-footer__inner__inner {
    position: relative
}

@media screen and (min-width: 1100px) {
    .c-footer__top {
        position:relative;
        padding: 0 0 0 190px;
        min-height: 165px
    }
}

@media screen and (min-width: 1800px) {
    .c-footer__top {
        padding:0 390px 0 125px
    }
}

.c-footer__logo {
    width: 58px;
    margin: 0 0 15px 0;
    padding: 0 0 0 10px
}

@media screen and (min-width: 1100px) {
    .c-footer__logo {
        width:130px;
        position: absolute;
        top: -6px;
        left: 0;
        margin: 0;
        padding: 0
    }
}

@media screen and (min-width: 1800px) {
    .c-footer__logo {
        left:-65px
    }
}

.c-footer__bottom {
    text-transform: uppercase;
    padding: 30px 0 0 0
}

@media screen and (min-width: 1100px) {
    .c-footer__bottom {
        display:flex
    }
}

.c-footer__bottom__copyright {
    margin: 0;
    padding: 0;
    font-size: .6875rem;
    line-height: 1.0625rem;
    font-family: "Roboto",sans-serif;
    font-weight: 500
}

.c-footer__bottom__links {
    margin: 15px 0 0 0
}

@media screen and (min-width: 1100px) {
    .c-footer__bottom__links {
        margin:0 0 0 30px
    }
}

@media screen and (min-width: 1100px) {
    .c-footer__utilities {
        padding:40px 0 0 0;
        display: flex;
        align-items: center
    }
}

@media screen and (min-width: 1800px) {
    .c-footer__utilities {
        padding:0;
        width: auto;
        width: 230px;
        display: block
    }
}

.c-footer__utilities__language {
    margin: 0 0 30px 0
}

@media screen and (min-width: 1100px) {
    .c-footer__utilities__language {
        margin:0;
        width: 230px
    }
}

@media screen and (min-width: 1800px) {
    .c-footer__utilities__language {
        position:absolute;
        top: 0;
        right: 0
    }
}

.c-footer__utilities__language__select {
    text-transform: uppercase
}

.c-footer__utilities__social {
    max-width: 300px
}

@media screen and (min-width: 1100px) {
    .c-footer__utilities__social {
        max-width:100%;
        width: 230px;
        position: relative;
        left: 30px
    }
}

@media screen and (min-width: 1800px) {
    .c-footer__utilities__social {
        position:absolute;
        bottom: 0;
        left: auto;
        right: 0
    }

    .c-footer__utilities__social .c-social__title {
        position: absolute;
        transform: translate(-100%, -50%);
        padding: 0 15px 0 0;
        top: 50%
    }
}

@media screen and (min-width: 0) and (max-width: 1799px) {
    .c-footer__utilities__social .c-social__title {
        position:absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
}

.c-footer__lists {
    margin: 0 0 40px 0
}

@media screen and (min-width: 1100px) {
    .c-footer__lists {
        margin:0
    }
}

.c-logo {
    margin: 0
}

.c-logo__inner {
    display: block;
    position: relative;
    padding-top: 104.69758%
}

.c-logo__icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.7));
    transform-origin: top left;
    transition: transform 300ms;
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-header.scrolling-down .c-logo__icon {
        transform:scale(1.0) translateX(-2px) translateY(-2px)
    }
}

.c-nav {
    position: relative
}

.c-nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
    border-bottom: 1px solid #e4b001
}

@media screen and (min-width: 1100px) {
    .c-nav__list {
        display:flex;
        align-items: center;
        border-bottom: none;
        background: linear-gradient(359deg, #4f1455 0%, #3b0f3f 100%)
    }
}

.c-nav__item {
    position: relative;
    margin: 0;
    padding: 0;
    margin-right: .625rem;
    white-space: nowrap
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-nav__item {
        border-top:1px solid #e4b001
    }
}

@media screen and (min-width: 1100px) {
    .c-nav__item {
        height:5.25rem;
        background-color: transparent;
        margin-right: 0
    }
}

.c-nav__link {
    display: flex;
    align-items: center;
    width: 100%;
    text-transform: uppercase;
    text-decoration: none;
    padding: .9375rem 1.5625rem;
    font-size: .9375rem;
    flex: 1;
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    z-index: 100;
    border: none;
    background: transparent;
    border-radius: none;
    -webkit-appearance: none;
    cursor: pointer
}

.js-focus-visible .c-nav__link:focus:not(.focus-visible) {
    outline: none
}

.js-focus-visible .c-nav__link.focus-visible {
    outline: 5px solid #00B245
}

@media screen and (min-width: 1100px) {
    .c-nav__link {
        position:relative;
        background: transparent;
        color: #fff;
        padding: 1.875rem .9375rem;
        height: 100%;
        margin-right: .625rem
    }

    .c-nav__link .c-nav__link-icon {
        margin-left: .3125rem
    }

    .c-nav__link.c-nav__link--current {
        color: #fc0
    }

    .c-nav__link.c-nav__link--current:before {
        content: '';
        position: absolute;
        top: 0;
        left: 25px;
        right: 25px;
        background-color: #fc0;
        height: 4px
    }
}

@media screen and (min-width: 1500px) {
    .c-nav__link {
        padding:1.875rem 1.5625rem
    }
}

.c-nav__link-icon {
    width: .75rem;
    height: .75rem;
    margin-left: auto;
    transition: transform 300ms cubic-bezier(0.68, -0.55, 0.27, 1.55)
}

@media screen and (min-width: 1100px) {
    .c-nav__link-icon {
        color:#fff
    }

    .c-nav__sub-nav-item .c-nav__link-icon {
        color: #00143b
    }
}

@media screen and (min-width: 1100px) {
    .c-nav__link-icon--current {
        color:#fc0
    }
}

.c-nav__link-toggle {
    position: relative;
    z-index: 100;
    background-color: transparent;
    padding: 0 .625rem;
    margin-left: -1.875rem;
    border: none;
    cursor: pointer;
    height: 44px;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    transition: transform 300ms
}

.c-nav__sub-nav-container {
    max-height: 0;
    z-index: 99;
    transition: all 300ms
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-nav__sub-nav-container {
        overflow:hidden
    }
}

@media screen and (min-width: 1100px) {
    .c-nav__sub-nav-container {
        visibility:hidden;
        max-height: none;
        transform: translateY(-150%);
        transition: none
    }
}

.c-button {
    cursor: pointer;
    display: inline-block;
    padding: .9375rem 2.125rem .875rem;
    margin: 0;
    border-radius: 0;
    text-decoration: none;
    text-align: center;
    border: 0;
    font-family: 'Roboto Condensed';
    font-weight: 600;
    font-size: .875rem;
    line-height: normal;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #2020209c;
    color: #ffffff;
    border: 2px solid #6cdb29;
    text-transform: uppercase;
    border-radius: 1px;
    min-height: 45px
}

.c-button--secondary {
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
    background: #2c19b5;
    color: #fff;
    border: 2px solid #00143b
}

.c-button--small {
    min-height: 1.5rem;
    padding: 0.4875rem 2rem 0.4875rem;
    font-size: 1.1rem;
}

.c-button--tight {
    padding-left: .9375rem;
    padding-right: .9375rem
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-button--small-mobile {
        min-height:2.5rem;
        padding: .625rem 1.5625rem .5625rem;
        font-size: .75rem
    }
}

.c-button--play {
    position: relative;
    padding-left: 1.875rem;
    padding-right: 4.6875rem
}

.c-button--play.c-button--small {
    padding-left: 1.5625rem;
    padding-right: 3.75rem
}

.c-button--play:before {
    content: '';
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    border: 2px solid #6cdb29;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: 1.275rem;
    margin: -15px 0 0 0
}

.c-button--play:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #00143b;
    position: absolute;
    top: 50%;
    right: 2.2125rem;
    margin: -5px -4px 0 0
}

.c-button--play.c-button--small:before {
    width: 1.375rem;
    height: 1.375rem;
    margin: -11px 0 0 0;
    right: 1.5625rem
}

.c-button--play.c-button--small:after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #ffffff;
    right: 2.1875rem;
    margin: -4px -2px 0 0
}

.c-button-group {
    display: flex
}

.c-button-group .c-button {
    margin-left: 0;
    flex-grow: 1
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-button--play-collapse {
        padding:0;
        width: 2.5rem;
        height: 2.5rem;
        display: block;
        border: 0;
        border-radius: 100%;
        min-height: 2.5rem
    }

    .c-button--play-collapse:before {
        display: none
    }

    .c-button--play-collapse:after {
        right: auto;
        left: 50%;
        margin: -6px 0 0 -4px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 8px solid #00143b
    }

    .c-button--play-collapse .c-button__text {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
}

.c-button--line {
    border-color: #00143b;
    border-radius: 0
}

.c-button--line.is-active {
    background-color: #00143b;
    color: #fc0
}

.c-button--with-icon {
    display: inline-flex;
    align-items: center
}

.c-button__icon {
    margin-left: .3125rem
}

.c-button--with-positioned-icon .c-button__inner {
    position: relative;
    padding: 0 29px 0 0;
    display: inline-block
}

.c-button--with-positioned-icon .c-button__inner .c-button__icon {
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    margin: -13px 0 0 0
}

.c-button-group {
    display: flex
}

.c-button-group .c-button {
    margin-left: 0;
    flex-grow: 1
}

.c-button-group--full-split {
    width: 100%;
    justify-content: space-between
}

.c-button-group--full-split .c-button {
    width: 50%;
    flex-grow: 0
}

.c-button--outline {
    background: transparent;
    color: #fff
}

@media screen and (min-width: 1500px) {
    .c-button--white-widest.c-button--outline {
        color:#fff;
        border-color: rgb(233 255 21)
    }
}

.c-button--white.c-button--outline {
    color: #000;
    border-color: #24252b
}

.c-button--no-border {
    border: 0;
    padding-top: 1.0625rem;
    padding-bottom: 1rem
}

@media screen and (min-width: 768px) {
    .c-button--large-desktop {
        padding:1.625rem 3.125rem 1.5625rem;
        font-size: 1.125rem
    }

    .c-button--large-desktop.c-button--tight {
        padding-left: 1.875rem;
        padding-right: 1.875rem
    }

    .c-button--large-desktop.c-button--with-positioned-icon .c-button__inner {
        padding-right: 60px
    }

    .c-button--large-desktop.c-button--with-positioned-icon .c-button__icon {
        width: 46px;
        height: 46px;
        margin: -24px 0 0 0
    }
}

.c-text-input,.autocomplete__input {
    display: block;
    width: 100%;
    border: 2px solid #24252b;
    height: 50px;
    margin: 0;
    color: #00143b;
    -webkit-appearance: none;
    text-transform: uppercase;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    line-height: normal;
    padding: 0 20px;
    font-size: 1rem;
    border-radius: 0
}

.c-text-input::-webkit-input-placeholder,.autocomplete__input::-webkit-input-placeholder {
    color: #9A9A9A;
    opacity: 1
}

.c-text-input::-moz-placeholder,.autocomplete__input::-moz-placeholder {
    color: #9A9A9A;
    opacity: 1
}

.c-text-input:-ms-input-placeholder,.autocomplete__input:-ms-input-placeholder {
    color: #9A9A9A;
    opacity: 1
}

.c-text-input:-moz-placeholder,.autocomplete__input:-moz-placeholder {
    color: #9A9A9A;
    opacity: 1
}

@media screen and (min-width: 1100px) {
    .c-text-input,.autocomplete__input {
        font-size:.875rem
    }
}

.c-text-input--secondary {
    background: #ffffff14;
    color: #00143b
}

.c-text-input--secondary::-webkit-input-placeholder {
    color: #00143b;
    opacity: 1
}

.c-text-input--secondary::-moz-placeholder {
    color: #00143b;
    opacity: 1
}

.c-text-input--secondary:-ms-input-placeholder {
    color: #00143b;
    opacity: 1
}

.c-text-input--secondary:-moz-placeholder {
    color: #00143b;
    opacity: 1
}

.c-text-input--textarea {
    height: 135px;
    padding-top: 15px;
    padding-bottom: 15px;
    resize: none;
    overflow: auto
}

@media screen and (min-width: 1100px) {
    .c-text-input--textarea {
        height:200px
    }
}

.c-grid {
    margin-left: -30px;
    margin-bottom: -30px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.c-grid__col {
    padding-left: 30px;
    width: 100%;
    margin-bottom: 30px;
    flex-shrink: 1;
    display: flex
}

.safari .c-grid__col {
    margin-left: -.5px;
    margin-right: -.5px
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-grid__col--order-1-mobile {
        order:1
    }

    .c-grid__col--order-2-mobile {
        order: 2
    }
}

.c-grid__col__inner {
    width: 100%
}

.c-grid--flush {
    margin: 0
}

.c-grid--flush>.c-grid__col {
    margin-bottom: 0;
    padding-left: 0
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-grid--footer-accordion {
        margin:0
    }

    .c-grid--footer-accordion>.c-grid__col {
        margin-bottom: 0;
        padding-left: 0;
        border-bottom: 1px solid #fff
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-grid--small-mobile {
        margin-left:-15px;
        margin-bottom: -15px
    }

    .c-grid--small-mobile>.c-grid__col {
        padding-left: 15px;
        margin-bottom: 15px
    }
}

.c-grid--form {
    margin-left: -15px;
    margin-bottom: -15px
}

@media screen and (min-width: 768px) {
    .c-grid--form {
        margin-left:-30px;
        margin-bottom: -30px
    }
}

@media screen and (min-width: 1100px) {
    .c-grid--form {
        margin-left:-100px;
        margin-bottom: -100px
    }
}

@media screen and (min-width: 1500px) {
    .c-grid--form {
        margin-left:-7.5rem;
        margin-bottom: -7.5rem
    }
}

.c-grid--form>.c-grid__col {
    padding-left: 15px;
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    .c-grid--form>.c-grid__col {
        padding-left:30px;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1100px) {
    .c-grid--form>.c-grid__col {
        padding-left:100px;
        margin-bottom: 100px
    }
}

@media screen and (min-width: 1500px) {
    .c-grid--form>.c-grid__col {
        padding-left:7.5rem;
        margin-bottom: 7.5rem
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-grid--contact-cards {
        margin:0
    }

    .c-grid--contact-cards>.c-grid__col {
        margin-bottom: 0;
        padding-left: 0
    }

    .c-grid--contact-cards>.c-grid__col:not(:first-child) .c-card {
        border-top: 0
    }
}

.c-grid--center {
    justify-content: center
}

.c-grid--valign {
    align-items: center
}

.c-grid--switch>.c-grid__col:first-child {
    order: 2
}

.c-grid__col--1 {
    width: 8.33333%
}

.c-grid__col--push--1 {
    position: relative;
    left: 8.33333%
}

.c-grid__col--2 {
    width: 16.66667%
}

.c-grid__col--push--2 {
    position: relative;
    left: 16.66667%
}

.c-grid__col--3 {
    width: 25%
}

.c-grid__col--push--3 {
    position: relative;
    left: 25%
}

.c-grid__col--4 {
    width: 33.33333%
}

.c-grid__col--push--4 {
    position: relative;
    left: 33.33333%
}

.c-grid__col--5 {
    width: 41.66667%
}

.c-grid__col--push--5 {
    position: relative;
    left: 41.66667%
}

.c-grid__col--6 {
    width: 50%
}

.c-grid__col--push--6 {
    position: relative;
    left: 50%
}

.c-grid__col--7 {
    width: 58.33333%
}

.c-grid__col--push--7 {
    position: relative;
    left: 58.33333%
}

.c-grid__col--8 {
    width: 66.66667%
}

.c-grid__col--push--8 {
    position: relative;
    left: 66.66667%
}

.c-grid__col--9 {
    width: 75%
}

.c-grid__col--push--9 {
    position: relative;
    left: 75%
}

.c-grid__col--10 {
    width: 83.33333%
}

.c-grid__col--push--10 {
    position: relative;
    left: 83.33333%
}

.c-grid__col--11 {
    width: 91.66667%
}

.c-grid__col--push--11 {
    position: relative;
    left: 91.66667%
}

.c-grid__col--12 {
    width: 100%
}

.c-grid__col--push--12 {
    position: relative;
    left: 100%
}

@media (min-width: 375px) {
    .c-grid--switch-largePhone>.c-grid__col:first-child {
        order:2
    }

    .c-grid__col--1-largePhone {
        width: 8.33333%
    }

    .c-grid__col--push-1-largePhone {
        position: relative;
        left: 8.33333%
    }

    .c-grid__col--2-largePhone {
        width: 16.66667%
    }

    .c-grid__col--push-2-largePhone {
        position: relative;
        left: 16.66667%
    }

    .c-grid__col--3-largePhone {
        width: 25%
    }

    .c-grid__col--push-3-largePhone {
        position: relative;
        left: 25%
    }

    .c-grid__col--4-largePhone {
        width: 33.33333%
    }

    .c-grid__col--push-4-largePhone {
        position: relative;
        left: 33.33333%
    }

    .c-grid__col--5-largePhone {
        width: 41.66667%
    }

    .c-grid__col--push-5-largePhone {
        position: relative;
        left: 41.66667%
    }

    .c-grid__col--6-largePhone {
        width: 50%
    }

    .c-grid__col--push-6-largePhone {
        position: relative;
        left: 50%
    }

    .c-grid__col--7-largePhone {
        width: 58.33333%
    }

    .c-grid__col--push-7-largePhone {
        position: relative;
        left: 58.33333%
    }

    .c-grid__col--8-largePhone {
        width: 66.66667%
    }

    .c-grid__col--push-8-largePhone {
        position: relative;
        left: 66.66667%
    }

    .c-grid__col--9-largePhone {
        width: 75%
    }

    .c-grid__col--push-9-largePhone {
        position: relative;
        left: 75%
    }

    .c-grid__col--10-largePhone {
        width: 83.33333%
    }

    .c-grid__col--push-10-largePhone {
        position: relative;
        left: 83.33333%
    }

    .c-grid__col--11-largePhone {
        width: 91.66667%
    }

    .c-grid__col--push-11-largePhone {
        position: relative;
        left: 91.66667%
    }

    .c-grid__col--12-largePhone {
        width: 100%
    }

    .c-grid__col--push-12-largePhone {
        position: relative;
        left: 100%
    }
}

@media (min-width: 481px) {
    .c-grid--switch-tablet>.c-grid__col:first-child {
        order:2
    }

    .c-grid__col--1-tablet {
        width: 8.33333%
    }

    .c-grid__col--push-1-tablet {
        position: relative;
        left: 8.33333%
    }

    .c-grid__col--2-tablet {
        width: 16.66667%
    }

    .c-grid__col--push-2-tablet {
        position: relative;
        left: 16.66667%
    }

    .c-grid__col--3-tablet {
        width: 25%
    }

    .c-grid__col--push-3-tablet {
        position: relative;
        left: 25%
    }

    .c-grid__col--4-tablet {
        width: 33.33333%
    }

    .c-grid__col--push-4-tablet {
        position: relative;
        left: 33.33333%
    }

    .c-grid__col--5-tablet {
        width: 41.66667%
    }

    .c-grid__col--push-5-tablet {
        position: relative;
        left: 41.66667%
    }

    .c-grid__col--6-tablet {
        width: 50%
    }

    .c-grid__col--push-6-tablet {
        position: relative;
        left: 50%
    }

    .c-grid__col--7-tablet {
        width: 58.33333%
    }

    .c-grid__col--push-7-tablet {
        position: relative;
        left: 58.33333%
    }

    .c-grid__col--8-tablet {
        width: 66.66667%
    }

    .c-grid__col--push-8-tablet {
        position: relative;
        left: 66.66667%
    }

    .c-grid__col--9-tablet {
        width: 75%
    }

    .c-grid__col--push-9-tablet {
        position: relative;
        left: 75%
    }

    .c-grid__col--10-tablet {
        width: 83.33333%
    }

    .c-grid__col--push-10-tablet {
        position: relative;
        left: 83.33333%
    }

    .c-grid__col--11-tablet {
        width: 91.66667%
    }

    .c-grid__col--push-11-tablet {
        position: relative;
        left: 91.66667%
    }

    .c-grid__col--12-tablet {
        width: 100%
    }

    .c-grid__col--push-12-tablet {
        position: relative;
        left: 100%
    }
}

@media (min-width: 601px) {
    .c-grid--switch-middle>.c-grid__col:first-child {
        order:2
    }

    .c-grid__col--1-middle {
        width: 8.33333%
    }

    .c-grid__col--push-1-middle {
        position: relative;
        left: 8.33333%
    }

    .c-grid__col--2-middle {
        width: 16.66667%
    }

    .c-grid__col--push-2-middle {
        position: relative;
        left: 16.66667%
    }

    .c-grid__col--3-middle {
        width: 25%
    }

    .c-grid__col--push-3-middle {
        position: relative;
        left: 25%
    }

    .c-grid__col--4-middle {
        width: 33.33333%
    }

    .c-grid__col--push-4-middle {
        position: relative;
        left: 33.33333%
    }

    .c-grid__col--5-middle {
        width: 41.66667%
    }

    .c-grid__col--push-5-middle {
        position: relative;
        left: 41.66667%
    }

    .c-grid__col--6-middle {
        width: 50%
    }

    .c-grid__col--push-6-middle {
        position: relative;
        left: 50%
    }

    .c-grid__col--7-middle {
        width: 58.33333%
    }

    .c-grid__col--push-7-middle {
        position: relative;
        left: 58.33333%
    }

    .c-grid__col--8-middle {
        width: 66.66667%
    }

    .c-grid__col--push-8-middle {
        position: relative;
        left: 66.66667%
    }

    .c-grid__col--9-middle {
        width: 75%
    }

    .c-grid__col--push-9-middle {
        position: relative;
        left: 75%
    }

    .c-grid__col--10-middle {
        width: 83.33333%
    }

    .c-grid__col--push-10-middle {
        position: relative;
        left: 83.33333%
    }

    .c-grid__col--11-middle {
        width: 91.66667%
    }

    .c-grid__col--push-11-middle {
        position: relative;
        left: 91.66667%
    }

    .c-grid__col--12-middle {
        width: 100%
    }

    .c-grid__col--push-12-middle {
        position: relative;
        left: 100%
    }
}

@media (min-width: 768px) {
    .c-grid--switch-desktop>.c-grid__col:first-child {
        order:2
    }

    .c-grid__col--1-desktop {
        width: 8.33333%
    }

    .c-grid__col--push-1-desktop {
        position: relative;
        left: 8.33333%
    }

    .c-grid__col--2-desktop {
        width: 16.66667%
    }

    .c-grid__col--push-2-desktop {
        position: relative;
        left: 16.66667%
    }

    .c-grid__col--3-desktop {
        width: 25%
    }

    .c-grid__col--push-3-desktop {
        position: relative;
        left: 25%
    }

    .c-grid__col--4-desktop {
        width: 33.33333%
    }

    .c-grid__col--push-4-desktop {
        position: relative;
        left: 33.33333%
    }

    .c-grid__col--5-desktop {
        width: 41.66667%
    }

    .c-grid__col--push-5-desktop {
        position: relative;
        left: 41.66667%
    }

    .c-grid__col--6-desktop {
        width: 50%
    }

    .c-grid__col--push-6-desktop {
        position: relative;
        left: 50%
    }

    .c-grid__col--7-desktop {
        width: 58.33333%
    }

    .c-grid__col--push-7-desktop {
        position: relative;
        left: 58.33333%
    }

    .c-grid__col--8-desktop {
        width: 66.66667%
    }

    .c-grid__col--push-8-desktop {
        position: relative;
        left: 66.66667%
    }

    .c-grid__col--9-desktop {
        width: 75%
    }

    .c-grid__col--push-9-desktop {
        position: relative;
        left: 75%
    }

    .c-grid__col--10-desktop {
        width: 83.33333%
    }

    .c-grid__col--push-10-desktop {
        position: relative;
        left: 83.33333%
    }

    .c-grid__col--11-desktop {
        width: 91.66667%
    }

    .c-grid__col--push-11-desktop {
        position: relative;
        left: 91.66667%
    }

    .c-grid__col--12-desktop {
        width: 100%
    }

    .c-grid__col--push-12-desktop {
        position: relative;
        left: 100%
    }
}

@media (min-width: 1100px) {
    .c-grid--switch-wide>.c-grid__col:first-child {
        order:2
    }

    .c-grid__col--1-wide {
        width: 8.33333%
    }

    .c-grid__col--push-1-wide {
        position: relative;
        left: 8.33333%
    }

    .c-grid__col--2-wide {
        width: 16.66667%
    }

    .c-grid__col--push-2-wide {
        position: relative;
        left: 16.66667%
    }

    .c-grid__col--3-wide {
        width: 25%
    }

    .c-grid__col--push-3-wide {
        position: relative;
        left: 25%
    }

    .c-grid__col--4-wide {
        width: 33.33333%
    }

    .c-grid__col--push-4-wide {
        position: relative;
        left: 33.33333%
    }

    .c-grid__col--5-wide {
        width: 41.66667%
    }

    .c-grid__col--push-5-wide {
        position: relative;
        left: 41.66667%
    }

    .c-grid__col--6-wide {
        width: 50%
    }

    .c-grid__col--push-6-wide {
        position: relative;
        left: 50%
    }

    .c-grid__col--7-wide {
        width: 58.33333%
    }

    .c-grid__col--push-7-wide {
        position: relative;
        left: 58.33333%
    }

    .c-grid__col--8-wide {
        width: 66.66667%
    }

    .c-grid__col--push-8-wide {
        position: relative;
        left: 66.66667%
    }

    .c-grid__col--9-wide {
        width: 75%
    }

    .c-grid__col--push-9-wide {
        position: relative;
        left: 75%
    }

    .c-grid__col--10-wide {
        width: 83.33333%
    }

    .c-grid__col--push-10-wide {
        position: relative;
        left: 83.33333%
    }

    .c-grid__col--11-wide {
        width: 91.66667%
    }

    .c-grid__col--push-11-wide {
        position: relative;
        left: 91.66667%
    }

    .c-grid__col--12-wide {
        width: 100%
    }

    .c-grid__col--push-12-wide {
        position: relative;
        left: 100%
    }
}

@media (min-width: 1400px) {
    .c-grid--switch-wider>.c-grid__col:first-child {
        order:2
    }

    .c-grid__col--1-wider {
        width: 8.33333%
    }

    .c-grid__col--push-1-wider {
        position: relative;
        left: 8.33333%
    }

    .c-grid__col--2-wider {
        width: 16.66667%
    }

    .c-grid__col--push-2-wider {
        position: relative;
        left: 16.66667%
    }

    .c-grid__col--3-wider {
        width: 25%
    }

    .c-grid__col--push-3-wider {
        position: relative;
        left: 25%
    }

    .c-grid__col--4-wider {
        width: 33.33333%
    }

    .c-grid__col--push-4-wider {
        position: relative;
        left: 33.33333%
    }

    .c-grid__col--5-wider {
        width: 41.66667%
    }

    .c-grid__col--push-5-wider {
        position: relative;
        left: 41.66667%
    }

    .c-grid__col--6-wider {
        width: 50%
    }

    .c-grid__col--push-6-wider {
        position: relative;
        left: 50%
    }

    .c-grid__col--7-wider {
        width: 58.33333%
    }

    .c-grid__col--push-7-wider {
        position: relative;
        left: 58.33333%
    }

    .c-grid__col--8-wider {
        width: 66.66667%
    }

    .c-grid__col--push-8-wider {
        position: relative;
        left: 66.66667%
    }

    .c-grid__col--9-wider {
        width: 75%
    }

    .c-grid__col--push-9-wider {
        position: relative;
        left: 75%
    }

    .c-grid__col--10-wider {
        width: 83.33333%
    }

    .c-grid__col--push-10-wider {
        position: relative;
        left: 83.33333%
    }

    .c-grid__col--11-wider {
        width: 91.66667%
    }

    .c-grid__col--push-11-wider {
        position: relative;
        left: 91.66667%
    }

    .c-grid__col--12-wider {
        width: 100%
    }

    .c-grid__col--push-12-wider {
        position: relative;
        left: 100%
    }
}

@media (min-width: 1500px) {
    .c-grid--switch-widest>.c-grid__col:first-child {
        order:2
    }

    .c-grid__col--1-widest {
        width: 8.33333%
    }

    .c-grid__col--push-1-widest {
        position: relative;
        left: 8.33333%
    }

    .c-grid__col--2-widest {
        width: 16.66667%
    }

    .c-grid__col--push-2-widest {
        position: relative;
        left: 16.66667%
    }

    .c-grid__col--3-widest {
        width: 25%
    }

    .c-grid__col--push-3-widest {
        position: relative;
        left: 25%
    }

    .c-grid__col--4-widest {
        width: 33.33333%
    }

    .c-grid__col--push-4-widest {
        position: relative;
        left: 33.33333%
    }

    .c-grid__col--5-widest {
        width: 41.66667%
    }

    .c-grid__col--push-5-widest {
        position: relative;
        left: 41.66667%
    }

    .c-grid__col--6-widest {
        width: 50%
    }

    .c-grid__col--push-6-widest {
        position: relative;
        left: 50%
    }

    .c-grid__col--7-widest {
        width: 58.33333%
    }

    .c-grid__col--push-7-widest {
        position: relative;
        left: 58.33333%
    }

    .c-grid__col--8-widest {
        width: 66.66667%
    }

    .c-grid__col--push-8-widest {
        position: relative;
        left: 66.66667%
    }

    .c-grid__col--9-widest {
        width: 75%
    }

    .c-grid__col--push-9-widest {
        position: relative;
        left: 75%
    }

    .c-grid__col--10-widest {
        width: 83.33333%
    }

    .c-grid__col--push-10-widest {
        position: relative;
        left: 83.33333%
    }

    .c-grid__col--11-widest {
        width: 91.66667%
    }

    .c-grid__col--push-11-widest {
        position: relative;
        left: 91.66667%
    }

    .c-grid__col--12-widest {
        width: 100%
    }

    .c-grid__col--push-12-widest {
        position: relative;
        left: 100%
    }
}

.c-generic-list {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-family: "Roboto",sans-serif;
    font-weight: 500
}

.c-generic-list__title {
    font-size: .75rem;
    line-height: 1.0625rem;
    font-family: "Roboto",sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0
}

.c-generic-list__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.c-generic-list__item:not(:last-child) {
    margin: 0 0 10px 0
}

.c-generic-list__link {
    text-transform: uppercase
}

.c-generic-list--inline .c-generic-list__list {
    display: flex
}

.c-generic-list--inline .c-generic-list__item:not(:last-child) {
    margin: 0;
    padding: 0 25px 0 0;
    position: relative
}

.c-generic-list--inline .c-generic-list__item:not(:last-child):after {
    content: '';
    display: block;
    width: 1px;
    position: absolute;
    top: 4px;
    bottom: 4px;
    right: 12px;
    background: #fff
}

.c-generic-list--small {
    font-size: .6875rem;
    line-height: 1.0625rem;
    font-family: "Roboto",sans-serif;
    font-weight: 500
}

.c-generic-list--footer-accordion .c-generic-list__toggle-button {
    display: none
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .js .c-generic-list--footer-accordion .c-generic-list__list {
        height:0;
        transition: height 0.5s ease;
        overflow: hidden
    }
}

@media screen and (min-width: 1100px) {
    .js .c-generic-list--footer-accordion .c-generic-list__list {
        height:auto !important
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-generic-list--footer-accordion .c-generic-list__title {
        padding:15px;
        margin: 0;
        font-size: .875rem;
        line-height: 1.25rem
    }

    .c-generic-list--footer-accordion .c-generic-list__list {
        padding: 0 30px;
        font-size: .875rem;
        line-height: 1.25rem
    }

    .c-generic-list--footer-accordion .c-generic-list__item {
        padding: 7.5px 0;
        margin: 0
    }

    .c-generic-list--footer-accordion .c-generic-list__item:last-child {
        padding-bottom: 30px
    }
}

.c-select {
    display: block;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 13px 35px 13px 25px;
    color: #00143b;
    box-shadow: none;
    -webkit-appearance: none;
    text-transform: uppercase;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    background: #fff;
    line-height: normal;
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    font-size: 1rem;
    border-radius: 0;
    max-width: 100%;
    border: 2px solid #24252b;
    height: 50px
}

@media screen and (min-width: 1100px) {
    .c-select {
        font-size:.875rem;
        padding: 14px 40px 14px 25px
    }
}

.c-select:disabled {
    opacity: 0.5
}

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

.c-select::-ms-value {
    background: none;
    color: #00143b
}

.c-select--alt {
    color: #fff;
    background: #00143b;
    border: 1px solid #fff
}

.c-select--alt::-ms-value {
    color: #fff
}

.c-select--secondary {
    color: #00143b;
    background: #ffffff14;
    font-weight: 400
}

.c-select--secondary::-ms-value {
    color: #00143b
}

.c-social__title {
    font-size: .75rem;
    line-height: 1.125rem;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0
}

.c-social__list {
    margin: 0 -6px;
    padding: 0;
    list-style: none;
    display: flex
}

.c-social__item {
    width: 20%;
    padding: 0 6px
}

.c-social__link {
    display: block;
    padding-top: 100%;
    position: relative
}

.c-social__icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-social--in-section {
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width: 1100px) {
    .c-social--in-section {
        justify-content:flex-end
    }
}

.c-social--in-section .c-social__title {
    margin: 0 .625rem 0 0
}

.c-social--in-section .c-social__item {
    width: 2.75rem
}

@media screen and (min-width: 1100px) {
    .c-social--in-section .c-social__item {
        width:3.5rem
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-social--share-inline .c-social__item {
        margin-right:.75rem
    }
}

.c-social--country .c-social {
    justify-content: flex-start
}

.c-social--center .c-social__list {
    justify-content: center
}

.c-social--center .c-social__item {
    width: auto
}

.c-share__list--richtext {
    position: absolute;
    top: 0;
    right: -2.5rem
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-share__list--richtext {
        display:none
    }
}

.c-share__list--richtext .c-share__icon {
    width: 2.75rem;
    height: 2.75rem;
    margin: -1.375rem 0 0 -1.375rem
}

.c-share__list--richtext .c-share__item {
    margin: 0 0 .9375rem 0
}

.c-back-to-top {
    display: none
}

.c-section {
    padding: 40px 0
}

@media screen and (min-width: 1100px) {
    .c-section {
        padding:100px 0
    }
}

.c-section__wrapper-tight .c-section:not([class*="--"]):first-child {
    padding-top: 0
}

.c-section__wrapper-tight .c-section:not([class*="--"])+.c-section:not([class*="--"]) {
    padding-top: 0
}

@media screen and (min-width: 1100px) {
    .c-section__inner {
        position:relative
    }
}

.c-section__title {
    text-align: center;
    margin: 0 0 20px 0
}

@media screen and (min-width: 1100px) {
    .c-section__title {
        padding:0 225px;
        margin: 0 0 30px 0
    }
}

.c-section__action {
    margin: 30px 0 0 0;
    text-align: center
}

@media screen and (min-width: 1100px) {
    .c-section__action {
        position:absolute;
        top: -2px;
        right: 60px;
        margin: 0
    }
}

.c-section__footer {
    margin: 30px 0 0 0
}

.c-section--slim {
    padding: 40px 0
}

@media screen and (min-width: 1100px) {
    .c-section--slim {
        padding:40px 0
    }
}

.c-section__supplementary {
    padding: 40px 0 0 0
}

@media screen and (min-width: 768px) {
    .c-section__supplementary {
        padding:60px 0 0 0
    }
}

@media screen and (min-width: 1100px) {
    .c-section__supplementary {
        padding:100px 0 0 0
    }
}

.c-section--tight {
    padding: 0
}

.c-section--tight-top {
    padding-top: 0
}

.c-section--gallery {
    overflow: hidden
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-section--gallery .c-section__inner {
        padding:0
    }
}

@media screen and (min-width: 1100px) {
    .c-section--tight-top-wide {
        padding-top:2.5rem
    }
}

.c-label {
    display: block;
    text-transform: uppercase;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: .875rem;
    text-align: left;
    cursor: pointer;
    margin: 0 0 5px 0
}

.c-label__req {
    text-decoration: none !important
}

.c-alert {
    border-width: 2px;
    border-radius: 2px;
    border-style: solid;
    padding: .9375rem;
    font-size: 1rem;
    margin: 0 0 1.875rem 0;
    font-family: "Roboto",sans-serif;
    font-weight: 500
}

.c-alert--success {
    border-color: #BFDDC5;
    background-color: #EDF7EA;
    color: #287128
}

.c-alert--error {
    border-color: #FFCCCC;
    background-color: #FCE8E8;
    color: #B40C0C
}

.c-error-message {
    display: block;
    color: #B40C0C;
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    font-size: .875rem;
    margin-top: .3125rem;
    text-align: left
}

.c-mailing-list {
    background: #ffffff;
    color: #00143b;
    padding: 2.5rem 0;
    text-align: center
}

@media screen and (min-width: 1100px) {
    .c-mailing-list {
        text-align:left;
        padding: 3.75rem 0
    }
}

.c-mailing-list__title {
    margin: 0 0 10px 0
}

@media screen and (min-width: 1100px) {
    .c-mailing-list__title {
        margin:1.5625rem 0 1.25rem 0
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-mailing-list__button {
        margin:1.875rem 0 0 0
    }
}

@media screen and (min-width: 1100px) {
    .c-mailing-list__form {
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
        position: relative;
        padding-right: 137px
    }

    .c-mailing-list__button {
        position: absolute;
        top: 1.6125rem;
        right: 0;
        margin: 0
    }

    .c-mailing-list__fields {
        display: inline-flex;
        margin: calc(-1 * 10px) 0 .9375rem calc(-1 * 10px);
        width: calc(100% + 10px)
    }

    .c-mailing-list__fields .c-form-row {
        margin: .625rem 0 0 .625rem;
        flex: 1
    }
}

.c-checkbox {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1.3
}

.c-checkbox__check {
    display: inline-flex;
    align-items: center;
    border: 2px solid #24252b;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 10px
}

.c-checkbox__text {
    display: inline-flex;
    align-items: center;
    width: calc(100% - 2.8125rem);
    text-align: left
}

.c-checkbox__check-icon {
    width: 18px;
    height: 13px;
    margin: 0 auto;
    display: none
}

input[type=checkbox]:checked+.c-checkbox__check .c-checkbox__check-icon {
    display: block
}

.c-checkbox__input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.001
}

.c-form-row {
    margin: 0 0 .9375rem 0
}

.c-image-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.c-image-list__item {
    padding: 15px
}

@media screen and (min-width: 1100px) {
    .c-image-list__item {
        padding:60px
    }
}

.c-image-list__item img {
    max-width: 150px;
    max-height: 55px
}

@media screen and (min-width: 1100px) {
    .c-image-list__item img {
        max-width:200px;
        max-height: 115px
    }
}

.c-image-list__link {
    display: block
}

.c-partners {
    padding: 40px 0 30px 0
}

@media screen and (min-width: 1100px) {
    .c-partners {
        padding:60px 0 0 0
    }
}

.c-partners__title {
    text-align: center
}

@media screen and (min-width: 1100px) {
    .c-partners__title {
        margin:0 0 -15px 0
    }
}

.c-cms>* {
    margin: 0
}

.c-cms>*:not(:first-child) {
    margin-top: 30px
}

.c-cms ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.c-cms ul ul {
    padding: 5px 0 0 0
}

.c-cms ul li {
    padding-left: 25px;
    position: relative
}

.c-cms ul li:not(:first-child) {
    margin-top: 5px
}

.c-cms ul li:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #fc0;
    position: absolute;
    top: 9px;
    left: 0
}

.c-cms small {
    font-size: .75rem
}

.c-cms blockquote {
    padding: 0 30px
}

.c-cms blockquote>p {
    margin: 0
}

.c-cms blockquote>p:first-child {
    font-size: 1.625rem;
    line-height: 1.875rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    color: #039
}

@media screen and (min-width: 1100px) {
    .c-cms blockquote>p:first-child {
        font-size:2.25rem;
        line-height: 2.625rem
    }
}

.c-cms blockquote>p:last-child {
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    color: #9A9A9A;
    margin: 15px 0 0 0
}

.c-cms blockquote>p:last-child:before {
    content: '- '
}

@media screen and (min-width: 1100px) {
    .c-cms blockquote {
        padding:0 40px
    }
}

.c-cms img,.c-cms iframe,.c-cms object {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

@media screen and (min-width: 0) and (max-width: 480px) {
    .c-cms img,.c-cms iframe,.c-cms object {
        margin-left:-.9375rem;
        margin-right: -.9375rem;
        width: calc(100% + 1.875rem);
        max-width: none
    }
}

.c-cms img {
    height: auto
}

.c-cms h2:not([class^="t-"]) {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (min-width: 1100px) {
    .c-cms h2:not([class^="t-"]) {
        font-size:2.875rem;
        line-height: 2.875rem
    }
}

.c-cms h3:not([class^="t-"]) {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-family: "Roboto",sans-serif;
    font-weight: 500
}

@media screen and (min-width: 1100px) {
    .c-cms h3:not([class^="t-"]) {
        font-size:1.875rem;
        line-height: 2.125rem
    }
}

.c-cms h4:not([class^="t-"]) {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: "Roboto",sans-serif;
    font-weight: 500
}

@media screen and (min-width: 1100px) {
    .c-cms h4:not([class^="t-"]) {
        font-size:1.625rem;
        line-height: 1.875rem
    }
}

.c-cms h5:not([class^="t-"]) {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: "Roboto",sans-serif;
    font-weight: 400
}

@media screen and (min-width: 1100px) {
    .c-cms h5:not([class^="t-"]) {
        font-size:1.625rem;
        line-height: 1.875rem
    }
}

.c-cms table {
    border-collapse: collapse;
    width: 100%
}

.c-cms table td,.c-cms table th {
    border: 1px solid grey;
    padding: .625rem;
    text-align: left
}

.c-cms table tr:nth-child(even) {
    background-color: #eeeeee
}

.c-cms table tbody tr:first-child td {
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.c-cms--tight>*:not(:first-child) {
    margin-top: .3125rem
}

.c-cms--flush>* {
    margin: 0
}

.c-cms--flush>*:not(:first-child) {
    margin-top: 0
}

.c-cms--center {
    text-align: center
}

.c-cms--large {
    font-size: 1.25rem;
    line-height: 1.9375rem
}

.c-cms--small {
    font-size: .8125rem;
    line-height: 1.25rem
}

.c-section {
    padding: 10px 10px;
}

@media screen and (min-width: 1100px) {
    .c-section {
        padding: 0px 0;
    }
}

.c-section__wrapper-tight .c-section:not([class*="--"]):first-child {
    padding-top: 0
}

.c-section__wrapper-tight .c-section:not([class*="--"])+.c-section:not([class*="--"]) {
    padding-top: 0
}

@media screen and (min-width: 1100px) {
    .c-section__inner {
        position:relative
    }
}

.c-section__title {
    text-align: center;
    margin: 0 0 20px 0
}

@media screen and (min-width: 1100px) {
    .c-section__title {
        padding:0 225px;
        margin: 0 0 30px 0
    }
}

.c-section__action {
    margin: 30px 0 0 0;
    text-align: center
}

@media screen and (min-width: 1100px) {
    .c-section__action {
        position:absolute;
        top: -2px;
        right: 60px;
        margin: 0
    }
}

.c-section__footer {
    margin: 30px 0 0 0
}

.c-section--slim {
    padding: 40px 0
}

@media screen and (min-width: 1100px) {
    .c-section--slim {
        padding:40px 0
    }
}

.c-section__supplementary {
    padding: 40px 0 0 0
}

@media screen and (min-width: 768px) {
    .c-section__supplementary {
        padding:60px 0 0 0
    }
}

@media screen and (min-width: 1100px) {
    .c-section__supplementary {
        padding:100px 0 0 0
    }
}

.c-section--tight {
    padding: 0
}

.c-section--tight-top {
    padding-top: 0
}

.c-section--gallery {
    overflow: hidden
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-section--gallery .c-section__inner {
        padding: 1px;
    }
}

@media screen and (min-width: 1100px) {
    .c-section--tight-top-wide {
        padding-top:2.5rem
    }
}

.c-image {
    position: relative;
    padding-top: 56.25%;
    display: block;
    overflow: hidden
}

.c-image img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: block
}

.c-image--square {
    padding-top: 100%
}

.c-image--article {
    padding-top: 57.16034%
}

.c-image--thumbnail {
    padding-top: 55.66038%
}

.c-image--slide {
    padding-top: 55.77689%
}

.c-image--gallery {
    padding-top: 57.39437%
}

.c-image--article-featured {
    padding-top: 60.66667%
}

@media screen and (min-width: 481px) {
    .c-image--article-featured {
        padding-top:54.73684%
    }
}

.c-image--article-shallow {
    padding-top: 56.28743%
}

.c-image--cta-card {
    padding-top: 61.01322%
}

.c-image--simple-banner {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media screen and (min-width: 601px) {
    .c-image--simple-banner {
        padding-top:28.64583%
    }
}

.c-image-full {
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.c-article__inner {
    display: block
}

.c-article__image {
    display: block
}

.c-article__overview {
    display: block;
    padding: 10px 0 0 0
}

.c-article__meta {
    margin: 0;
    padding: 0;
    font-size: .75rem;
    line-height: 1.0625rem
}

.c-article__meta--date {
    margin-top: 5px
}

.c-article__meta__date {
    text-transform: uppercase;
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    color: #737373;
    position: relative;
    display: inline-block
}

.c-article__meta__tag {
    text-transform: uppercase;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    color: #009DE0;
    text-decoration: none
}

.c-article__meta .c-article__meta__tag:nth-of-type(n+2)::before {
    content: ", ";
    color: #00143b;
    font-weight: normal
}

.c-article__title:not(.t-alpha) {
    margin: 0 0 5px 0;
    padding: 0;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.125rem
}

@media screen and (min-width: 1100px) {
    .c-article__title:not(.t-alpha) {
        font-size:1.25rem;
        line-height: 1.75rem
    }
}

.c-article__title__link {
    color: #00143b;
    text-decoration: none
}

.c-article__featured {
    margin: 0;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .c-article__featured {
        padding:0 0 .625rem 0
    }
}

.c-article__date {
    font-size: .875rem;
    line-height: 0.25rem;
    margin: .225rem 0 0 0;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .c-article__date {
        font-size:1.25rem;
        line-height: 1.625rem
    }
}

.c-article__category {
    font-size: .875rem;
    line-height: 1.25rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    margin: .625rem 0 0 0;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .c-article__category {
        font-size:1.75rem;
        line-height: 2.125rem
    }
}

.c-article__button {
    margin: .9375rem 0 0 0
}

@media screen and (min-width: 768px) {
    .c-article__button {
        margin:1.375rem 0 0 0
    }
}

.c-article--emphasise .c-article__title {
    font-size: 1.125rem;
    line-height: 1.375rem
}

@media screen and (min-width: 1100px) {
    .c-article--emphasise .c-article__title {
        font-size:2.25rem;
        line-height: 2.625rem
    }
}

@media screen and (min-width: 0) and (max-width: 1499px) {
    .c-article--collapse {
        position:relative;
        padding: 0 0 0 105px;
        min-height: 55px
    }

    .c-article--collapse .c-article__image {
        width: 95px;
        position: absolute;
        top: 0;
        left: 0
    }

    .c-article--collapse .c-article__overview {
        padding: 0
    }

    .c-article--collapse .c-article__title {
        margin: 0 0 3px 0;
        font-size: .875rem;
        line-height: 1.125rem
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-article--collapse-desktop {
        position:relative;
        padding: 0 0 0 105px;
        min-height: 55px
    }

    .c-article--collapse-desktop .c-article__image {
        width: 95px;
        position: absolute;
        top: 0;
        left: 0
    }

    .c-article--collapse-desktop .c-article__overview {
        padding: 0
    }

    .c-article--collapse-desktop .c-article__title {
        margin: 0 0 3px 0;
        font-size: .875rem;
        line-height: 1.125rem
    }
}

@media screen and (min-width: 1100px) {
    .c-article--small-title .c-article__title {
        font-size:1rem;
        line-height: 1.375rem;
        margin: 0 0 3px 0
    }
}

.c-article--background {
    background: #fff;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05)
}

.c-article--background .c-article__overview {
    margin: 0;
    padding: .9375rem .9375rem .625rem
}

.c-article--featured .c-article__inner {
    position: relative;
    color: #fff;
    text-decoration: none
}

.c-article--featured .c-article__overview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 30px 0px
}

@media screen and (min-width: 481px) {
    .c-article--featured .c-article__overview {
        padding:30px 0px
    }
}

@media screen and (min-width: 1100px) {
    .c-article--featured .c-article__overview {
        padding:0rem
    }
}

.c-article--featured .c-article__overview__inner {
    position: relative;
    width: 100%
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-article--featured .c-article__overview__inner {
        padding-right:0.0625rem
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-article--featured .c-article__button {
        position:absolute;
        right: 0;
        bottom: 0;
        margin: 0
    }
}

.c-article--featured .c-article__title {
    text-transform: uppercase;
    color: #fff;
    transition: color 0.25s ease;
    margin: .625rem 0 0 0;
    font-weight: 800;
    font-family: 'Roboto Condensed', sans-serif;
}

.html--can-hover .c-article--featured .c-article__title:hover {
    color: #00d575
}

.c-article--featured .c-article__image {
    position: relative
}

.c-article--featured .c-article__image:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#0000004f 0%, rgb(0 0 0 / 40%) 53%, rgb(0 0 0 / 0%) 100%);
    z-index: 1
}

.c-article--featured .c-article__date {
    color: #fff
}

.c-article--featured .c-article__meta__tag {
    color: #fff
}

@media screen and (min-width: 768px) {
    .c-article--featured .c-article__meta__tag {
        font-size:1.25rem;
        line-height: 1.625rem
    }
}

.c-article--featured .c-article__meta .c-article__meta__tag:before {
    color: #fff
}

@media screen and (min-width: 1100px) {
    .c-article--mega {
        position:relative
    }

    .c-article--mega .c-article__overview {
        position: absolute;
        bottom: 60px;
        left: 60px;
        z-index: 2
    }

    .c-article--mega .c-article__title__link {
        color: #fc0;
        font-size: 2.25rem
    }

    .c-article--mega .c-article__meta__date,.c-article--mega .c-article__meta__tag {
        color: #FFF
    }

    .c-article--mega .c-article__meta {
        margin-bottom: 1.25rem;
        font-size: .875rem
    }

    .c-article--mega .c-image--article:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, #001a4d 0%, rgba(0,44,132,0.7) 53%, rgba(0,51,153,0.5) 100%);
        z-index: 1
    }
}

.js .c-curator {
    min-height: 1500px
}

@media screen and (min-width: 600px) {
    .js .c-curator {
        min-height:450px
    }
}

@media screen and (min-width: 1500px) {
    .c-split-image-block__text-col.c-split-image-block__text-col--left {
        padding:0 3.75rem 0 5.625rem
    }

    .c-split-image-block__text-col.c-split-image-block__text-col--right {
        padding: 0 5.625rem 0 3.75rem
    }
}

.c-split-image-block__image-col {
    background: url(../images/hexagons-bg-mobile.png) 0 20px repeat-x;
    width: auto
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-split-image-block__image-col {
        padding-bottom:1.875rem;
        width: calc(100% + 15px);
        padding-left: 1.875rem;
        margin-right: -.9375rem
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .c-split-image-block__image-col {
        margin-right:-3.75rem;
        width: calc(100% + 60px)
    }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
    .c-split-image-block__image-col.c-split-image-block__image-col--left {
        margin-left:-3.75rem;
        width: calc(100% + 60px)
    }

    .c-split-image-block__image-col.c-split-image-block__image-col--right {
        margin-right: -3.75rem;
        width: calc(100% + 60px)
    }
}

@media screen and (min-width: 768px) {
    .c-split-image-block__image-col {
        margin-right:0;
        padding-bottom: 2.5rem;
        width: 100%;
        background-image: url(../images/hexagons-bg.png);
        background-position: 0 40px
    }

    .c-split-image-block__image-col.c-split-image-block__image-col--left {
        padding-right: 2.5rem;
        padding-left: 0
    }

    .c-split-image-block__image-col.c-split-image-block__image-col--right {
        padding-left: 2.5rem
    }
}

@media screen and (min-width: 1100px) {
    .c-split-image-block__image-col {
        padding-left:5rem;
        background-position: 0 60px
    }
}

.c-split-image-block__image {
    display: block;
    width: 100%;
    max-width: 100%
}

.c-capsule {
    display: inline-block;
    font-size: .5625rem;
    line-height: 1rem;
    font-family: "Roboto",sans-serif;
    font-weight: 900;
    border: 1px solid #fff;
    padding: .125rem .4375rem 0;
    border-radius: 3px
}

@media screen and (min-width: 768px) {
    .c-capsule {
        font-size:.6875rem;
        padding: .1875rem .875rem .0625rem
    }
}

.c-share__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.c-share__link {
    display: block;
    width: 45px;
    height: 45px;
    position: relative;
    color: #fc0
}

.c-share__icon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px
}

.c-video-link {
    display: block;
    position: relative
}

.c-video-link:before {
    content: '';
    display: block;
    width: 54px;
    height: 54px;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
    z-index: 2
}

.c-video-link:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 14px solid #00143b;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -5px;
    z-index: 2
}

@media screen and (min-width: 1100px) {
    .c-video-link--large:before {
        width:54px;
        height: 54px;
        margin: -28px 0 0 -28px
    }

    .c-video-link--large:after {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 16px solid #00143b;
        margin: -10px 0 0 -7px
    }
}

@media screen and (min-width: 1100px) {
    .c-video-link--large:before {
        width:54px;
        height: 54px;
        margin: -28px 0 0 -28px
    }

    .c-video-link--large:after {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 16px solid #00143b;
        margin: -10px 0 0 -7px
    }
}

.c-cta-card {
    display: block
}

.c-cta-card__content {
    display: flex;
    align-items: center;
    padding: .625rem 1.25rem
}

@media screen and (min-width: 1100px) {
    .c-cta-card__content {
        padding:1.25rem
    }
}

.c-cta-card__icon {
    margin-left: auto
}

.c-checkbox-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.c-checkbox-list__item:not(:last-child) {
    margin: 0 0 15px 0
}

.c-radio-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.c-radio-list__item:not(:last-child) {
    margin: 0 0 15px 0
}

.c-radio {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1
}

.c-radio__radio {
    display: inline-flex;
    align-items: center;
    border: 2px solid #00143b;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 100%;
    margin-right: 10px
}

.c-radio__radio-icon {
    width: 13px;
    height: 13px;
    margin: 0 auto;
    display: none
}

.c-radio__input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.001
}

.c-form .field-validation-error {
    color: #df0000;
    margin: .3125rem 0 0 0
}

.c-form .field-validation-error:not(:empty) {
    display: block
}

.c-form__row:not(:last-child) {
    margin: 0 0 15px
}

@media screen and (min-width: 768px) {
    .c-form__row:not(:last-child) {
        margin:0 0 30px 0
    }
}

.c-form__row--recaptcha {
    padding: 5px 0 0 0
}

@media screen and (min-width: 0) and (max-width: 350px) {
    .c-form__row--recaptcha .g-recaptcha {
        transform:scale(0.8);
        transform-origin: 0 0;
        margin-bottom: -15px
    }
}

.c-form--highlight {
    background: #fff;
    box-shadow: 0px 2px 5px 0px rgba(188,188,188,0.15);
    padding: 40px 1.25rem
}

@media screen and (min-width: 768px) {
    .c-form--highlight {
        padding:40px
    }
}

@media screen and (min-width: 1100px) {
    .c-form--highlight {
        padding:60px 100px
    }
}

@media screen and (min-width: 1500px) {
    .c-form--highlight {
        padding:60px 7.5rem
    }
}

.c-simple-banner {
    background: #00143b;
    color: #fff
}

.c-simple-banner--slim .c-simple-banner__copy {
    height: auto
}

.c-simple-banner__inner {
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.c-simple-banner__inner:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #001a4d 0%, rgba(0,44,132,0.7) 53%, rgba(0,51,153,0.5) 100%)
}

html:not(.no-objectfit) .c-simple-banner__inner {
    background-image: none !important
}

.c-simple-banner__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

html.no-objectfit .c-simple-banner__img {
    display: none
}

.c-simple-banner__copy {
    min-height: 175px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end
}

@media screen and (min-width: 768px) {
    .c-simple-banner__copy {
        height:355px
    }
}

@media screen and (min-width: 1100px) {
    .c-simple-banner__copy {
        height:555px
    }
}

.c-simple-banner__copy__inner {
    padding: 30px 0
}

@media screen and (min-width: 768px) {
    .c-simple-banner__copy__inner {
        padding:40px 0
    }
}

@media screen and (min-width: 1100px) {
    .c-simple-banner__copy__inner {
        padding:5rem 0
    }
}

.c-simple-banner__subtitle {
    margin: 15px 0 0 0
}

@media screen and (min-width: 768px) {
    .c-simple-banner__subtitle {
        margin:30px 0 0 0
    }
}

.c-simple-banner--center .c-simple-banner__copy {
    text-align: center;
    justify-content: center
}

.c-simple-banner--center .c-simple-banner__copy .t-alpha--emphasise:after {
    left: 50%;
    transform: translateX(-50%)
}

.c-simple-banner__form .c-text-input,.c-simple-banner__form .autocomplete__input {
    background-color: #FFF
}

.c-simple-banner__action {
    margin: 30px 0 0 0
}

.c-card {
    border-top: 1px solid #BED4EA;
    border-bottom: 1px solid #BED4EA;
    padding: 15px 0
}

@media screen and (min-width: 768px) {
    .c-card {
        padding:30px 0
    }
}

.c-table {
    border-collapse: collapse;
    width: 100%
}

.c-table td,.c-table th {
    border: 1px solid grey;
    padding: .625rem;
    text-align: left
}

.c-table tr:nth-child(even) {
    background-color: #eeeeee
}

.c-table--even-split td,.c-table--even-split th {
    width: 50%
}

.c-table--emphasize {
    font-size: 1.25rem;
    line-height: 1.625rem
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-table--emphasize {
        font-size:1rem;
        line-height: 1.375rem
    }
}

.c-table--emphasize thead.c-table__thead--large tr:first-child td,.c-table--emphasize thead.c-table__thead--large tr:first-child th {
    font-size: 1.625rem;
    line-height: 2rem
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-table--emphasize thead.c-table__thead--large tr:first-child td,.c-table--emphasize thead.c-table__thead--large tr:first-child th {
        font-size:1rem;
        line-height: 1.375rem
    }
}

.c-table--emphasize thead tr:first-child td,.c-table--emphasize thead tr:first-child th {
    padding-top: 0
}

.c-table--emphasize th {
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.c-table--emphasize td,.c-table--emphasize th {
    border: 0;
    padding: .9375rem .75rem
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-table--emphasize td,.c-table--emphasize th {
        padding:.625rem .375rem
    }
}

.c-table--emphasize td:first-child,.c-table--emphasize th:first-child {
    padding-left: 24px
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-table--emphasize td:first-child,.c-table--emphasize th:first-child {
        padding-left:12px
    }
}

.c-table--emphasize td:last-child,.c-table--emphasize th:last-child {
    padding-right: 24px
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-table--emphasize td:last-child,.c-table--emphasize th:last-child {
        padding-right:12px
    }
}

.c-table--emphasize tr:nth-child(even) {
    background-color: transparent
}

.c-table--emphasize tr:last-child td,.c-table--emphasize tr:last-child th {
    border-bottom: 1px solid #E4ECF5
}

.c-table--emphasize tbody tr:nth-child(odd) {
    background-color: #E4ECF5
}

.c-table--emphasize+.c-table--emphasize {
    margin-top: 3.125rem
}

@media screen and (min-width: 768px) {
    .c-table__count {
        display:flex
    }
}

.c-table__count__number {
    color: #039;
    font-family: "Roboto",sans-serif;
    font-weight: 900;
    font-size: 1rem
}

@media screen and (min-width: 768px) {
    .c-table__count__number {
        width:45px;
        display: block
    }
}

@media screen and (min-width: 768px) {
    .c-table__count__text {
        display:block
    }
}

abbr.c-table__abbr {
    text-decoration: none
}

.autocomplete__wrapper {
    position: relative
}

.autocomplete__input {
    background-color: transparent;
    position: relative;
    background: #fc0;
    color: #00143b
}

.autocomplete__input::-webkit-input-placeholder {
    color: #00143b;
    opacity: 1
}

.autocomplete__input::-moz-placeholder {
    color: #00143b;
    opacity: 1
}

.autocomplete__input:-ms-input-placeholder {
    color: #00143b;
    opacity: 1
}

.autocomplete__input:-moz-placeholder {
    color: #00143b;
    opacity: 1
}

.c-country-info {
    display: flex;
    align-items: center;
    flex-direction: column
}

@media screen and (min-width: 1100px) {
    .c-country-info {
        margin-top:2.5rem
    }
}

.c-message-bar {
    background: #fc0;
    display: none
}

@media screen and (min-width: 1100px) {
    .c-message-bar {
        display:block
    }
}

.c-message-bar__inner__inner {
    display: flex;
    align-items: center;
    padding: 10px 0 10px 160px;
    white-space: nowrap
}

.c-message-bar__links {
    margin-left: auto
}

.c-message-bar__link-highlight {
    text-transform: uppercase;
    text-decoration: underline;
    margin-left: 1.25rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

.c-message-bar__heading {
    text-transform: uppercase;
    margin-right: 1.5625rem
}

.c-message-bar__copy {
    margin-right: .625rem;
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-message-bar__cta {
    text-decoration: none;
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

.c-message-bar--mobile {
    padding: .9375rem 0
}

@media screen and (min-width: 1100px) {
    .c-message-bar--mobile {
        display:none
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-message-bar__mobile-buttons {
        display:flex
    }

    .c-message-bar__mobile-buttons .c-button {
        flex: 1;
        padding-left: .625rem;
        padding-right: .625rem
    }

    .c-message-bar__mobile-buttons .c-button:first-child {
        margin-right: .3125rem
    }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
    .c-message-bar__mobile-buttons .c-button {
        flex:none;
        min-width: 175px
    }

    .c-message-bar__mobile-buttons .c-button:first-child {
        margin-right: .9375rem
    }

    .c-message-bar__mobile-buttons .c-button:first-child {
        margin-left: auto
    }
}

.c-gallery .tns-visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.c-gallery .tns-outer {
    overflow-x: hidden
}

.c-gallery .tns-controls {
    display: none
}

.c-gallery__main {
    position: relative;
    margin: 0 0 -0.5rem 0;
}

@media screen and (min-width: 768px) {
    .c-gallery__main {
        margin:0 0 -5px 0
    }
}

.c-gallery__main__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row
}

.c-gallery__main__item {
    display: block;
    width: 100%
}

.c-gallery__main__item:not(:first-child) {
    display: none
}

.c-gallery--active .c-gallery__main__item:not(:first-child) {
    display: block
}

.c-gallery__thumbs {
    overflow-x: scroll;
    position: relative
}

.c-gallery--active .c-gallery__thumbs {
    overflow: visible
}

.c-gallery__thumbs .tns-outer {
    overflow-x: visible
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .js .c-gallery__thumbs {
        padding-right:16.6666666667%
    }
}

.c-gallery__thumbs__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    width: 624.9375rem
}

.c-gallery__thumbs__item {
    width: 6.875rem;
    display: block
}

@media screen and (min-width: 768px) {
    .c-gallery__thumbs__item {
        width:13.125rem
    }
}

.c-gallery__thumbs__link {
    display: block
}

.c-gallery__thumbs__button {
    display: none
}

.c-gallery--larger-thumbs .c-gallery__thumbs__item {
    width: 10rem
}

@media screen and (min-width: 768px) {
    .c-gallery--larger-thumbs .c-gallery__thumbs__item {
        width:22.26563rem
    }
}

.c-gallery--larger-thumbs .c-gallery__thumbs__item__inner {
    height: 100%
}

.c-gallery--larger-thumbs .c-gallery__thumbs__item__inner .c-article {
    height: 100%
}

.js .c-gallery--larger-thumbs .tns-slide-active .c-gallery__thumbs__item__inner:after {
    display: none
}

@media screen and (min-width: 1100px) {
    .c-detail-banner {
        background:#edf0f2
    }
}

@media screen and (min-width: 1100px) {
    .c-detail-banner__inner {
        display:flex
    }
}

.c-detail-banner__image {
    position: relative
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-detail-banner__image {
        padding-top:70.66667%
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) and (min-width: 768px) {
    .c-detail-banner__image {
        padding-top:44%
    }
}

@media screen and (min-width: 1100px) {
    .c-detail-banner__image {
        width:calc(100% - 33.75rem);
        min-height: 500px
    }
}

@media screen and (min-width: 1500px) {
    .c-detail-banner__image {
        width:calc(100% - 45.625rem);
        min-height: 665px
    }
}

.c-detail-banner__image__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-detail-banner__content {
    padding: 1.25rem 0 1.875rem;
    text-align: center
}

@media screen and (min-width: 768px) {
    .c-detail-banner__content {
        padding:2.5rem 0 2.5rem
    }
}

@media screen and (min-width: 1100px) {
    .c-detail-banner__content {
        width:33.75rem;
        padding: 0 0 40px 0;
        text-align: left
    }
}

@media screen and (min-width: 1500px) {
    .c-detail-banner__content {
        width:45.625rem
    }
}

.c-detail-banner__content__inner {
    background: #fff
}

@media screen and (min-width: 1100px) {
    .c-detail-banner__content__inner {
        padding:3.125rem 3.75rem;
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05)
    }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
    .c-detail-banner__content__inner__inner {
        display:flex;
        text-align: left;
        align-items: flex-start
    }
}

@media screen and (min-width: 1100px) {
    .c-detail-banner__content__inner__inner {
        max-width:450px
    }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
    .c-detail-banner__content__copy {
        padding-left:2.5rem
    }
}

.c-detail-banner__image-one {
    max-width: 14.6875rem;
    width: 100%;
    display: block;
    margin: 0 auto 1.25rem
}

@media screen and (min-width: 768px) {
    .c-detail-banner__image-one {
        margin:0
    }
}

@media screen and (min-width: 1100px) {
    .c-detail-banner__image-one {
        margin:0 0 3.125rem
    }
}

.c-detail-banner__image-two {
    margin: 1.25rem auto 0
}

@media screen and (min-width: 1100px) {
    .c-detail-banner__image-two {
        margin:3.125rem 0 0 0
    }
}

.c-detail-banner__title {
    margin: 0 0 1.25rem 0;
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

.c-detail-banner__action {
    margin: 1.5625rem 0 0 0
}

@media screen and (min-width: 768px) {
    .c-detail-banner__action {
        margin:1.875rem 0 0 0
    }
}

.c-sponsor {
    border: 2px solid #D3DAE2;
    display: inline-flex;
    text-decoration: none;
    padding: .625rem;
    align-items: center;
    text-align: left;
    border-radius: 3px
}

@media screen and (min-width: 768px) {
    .c-sponsor {
        padding:1.25rem
    }
}

.c-sponsor__text {
    display: block;
    padding: 0 1.25rem 0 0;
    max-width: 5rem;
    font-size: .875rem;
    line-height: 1.125rem
}

@media screen and (min-width: 768px) {
    .c-sponsor__text {
        padding:0 1.875rem 0 0;
        max-width: 5.625rem
    }
}

.c-sponsor__image {
    display: block;
    max-width: 7.8125rem
}

@media screen and (min-width: 768px) {
    .c-sponsor__image {
        max-width:11.875rem
    }
}

.c-sponsor--small .c-sponsor__text {
    font-size: .8125rem;
    line-height: 1.0625rem
}

.c-tabs {
    margin: 0;
    padding: 0
}

.js .c-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (min-width: 768px) {
    .js .c-tabs {
        justify-content:flex-start
    }
}

.c-tabs__title {
    margin: 0;
    padding: 0
}

.c-tabs__button {
    margin: 0;
    padding: 0 .625rem .75rem;
    border-radius: 0;
    border: 0;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    font-size: .875rem;
    line-height: .875rem;
    -webkit-appearance: none;
    text-transform: uppercase;
    -moz-appearance: none;
    appearance: none;
    background: none;
    color: #00143b
}

.no-js .c-tabs__button {
    padding: 1.875rem 0
}

@media screen and (min-width: 768px) {
    .c-tabs__button {
        font-size:1.25rem;
        line-height: 1.25rem;
        padding: 0 2.1875rem 1.125rem
    }
}

.c-tabs__content {
    margin: 0;
    padding: 0
}

.js .c-tabs__content {
    display: none
}

.js .c-tabs__content.is-active {
    display: block;
    width: 100%;
    order: 99;
    flex-basis: 100%;
    border-top: 3px solid #BED4EA;
    position: relative;
    top: -3px;
    margin-bottom: -3px
}

.c-tabs__content--pad {
    padding: 1.875rem .625rem 0
}

@media screen and (min-width: 768px) {
    .c-tabs__content--pad {
        padding:3.125rem 2.1875rem 0
    }
}

.c-tabs__content--pad-top {
    padding: 1.875rem 0 0 0
}

@media screen and (min-width: 768px) {
    .c-tabs__content--pad-top {
        padding:3.125rem 0 0 0
    }
}

.c-tabs__content__wrapper>*:not(:first-child) {
    margin: 40px 0 0 0
}

@media screen and (min-width: 768px) {
    .c-tabs__content__wrapper>*:not(:first-child) {
        margin:80px 0 0 0
    }
}

.c-tabs--solid-background .c-tabs__content {
    background: #fff
}

.c-tabs--solid-background .c-tabs__content--pad {
    padding-bottom: 1.875rem
}

@media screen and (min-width: 768px) {
    .c-tabs--solid-background .c-tabs__content--pad {
        padding-bottom:3.125rem
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .js .c-tabs--accordion {
        display:block;
        border-bottom: 1px solid #00143b
    }

    .js .c-tabs--accordion .c-tabs__title {
        border-top: 1px solid #00143b
    }

    .js .c-tabs--accordion .c-tabs__button {
        display: block;
        border: 0;
        width: 100%;
        padding: 1.125rem 3.4375rem 1.125rem 1.25rem;
        text-align: left;
        font-family: "Roboto",sans-serif;
        font-weight: 400;
        font-size: .875rem;
        line-height: .875rem;
        position: relative
    }

    .js .c-tabs--accordion .c-tabs__button:before {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        border: 2px solid #00143b;
        border-width: 0 2px 2px 0;
        position: absolute;
        top: 50%;
        right: 21px;
        transform: rotate(45deg);
        margin: -10px 0 0 0
    }

    .js .c-tabs--accordion .c-tabs__button.is-active:before {
        transform: rotate(-135deg);
        margin: -4px 0 0 0
    }

    .js .c-tabs--accordion .c-tabs__content {
        padding: 0;
        transition: height 0.5s ease;
        overflow: hidden;
        height: 0;
        display: block
    }

    .js .c-tabs--accordion .c-tabs__content.is-active {
        border: 0;
        position: static;
        margin: 0;
        top: auto;
        height: auto
    }

    .js .c-tabs--accordion .c-tabs__content__inner {
        padding: 0 0 2.5rem 0
    }
}

@media screen and (min-width: 900px) {
    .c-tabs-wrapper {
        position:relative;
        padding: 2rem 0 0 0
    }
}

.c-tabs-wrapper__controls {
    margin: 0 0 1.875rem 0
}

@media screen and (min-width: 900px) {
    .c-tabs-wrapper__controls {
        position:absolute;
        top: 0;
        right: 0;
        width: 160px
    }
}

@media screen and (min-width: 1100px) {
    .c-tabs-wrapper__controls {
        width:260px
    }
}

.c-tabs-wrapper__controls__inner {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

@media screen and (min-width: 800px) {
    .c-tabs-wrapper__controls__inner {
        flex-direction:row
    }
}

@media screen and (min-width: 0) and (max-width: 800px) {
    .c-tabs-wrapper__controls__item {
        margin:0 0 .3125rem 0
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-tabs-wrapper--wide .c-tabs-wrapper__controls {
        width:auto;
        position: static
    }
}

@media screen and (min-width: 1100px) {
    .c-tabs-wrapper--wide .c-tabs-wrapper__controls {
        width:600px
    }
}

@media screen and (min-width: 800px) and (max-width: 1099px) {
    .c-tabs-wrapper--wide .c-tabs-wrapper__controls__inner {
        margin-left:-.625rem
    }
}

@media screen and (min-width: 800px) {
    .c-tabs-wrapper--wide .c-tabs-wrapper__controls__item {
        flex:1;
        margin-left: .625rem
    }
}

@media screen and (min-width: 900px) {
    .c-tabs-wrapper--collapse {
        padding:0
    }
}

.c-image-text {
    display: flex;
    align-items: center
}

.c-image-text--right {
    justify-content: flex-end
}

.c-image-text__text {
    padding: 0 0 0 .625rem
}

@media screen and (min-width: 768px) {
    .c-image-text__text {
        padding:0 0 0 .9375rem
    }
}

.c-image-text--switch .c-image-text__image {
    order: 2
}

.c-image-text--switch .c-image-text__text {
    padding: 0 .625rem 0 0
}

@media screen and (min-width: 768px) {
    .c-image-text--switch .c-image-text__text {
        padding:0 .9375rem 0 0
    }
}

@media screen and (min-width: 0) and (max-width: 374px) {
    .c-image-text--hide-image-small .c-image-text__image {
        display:none !important
    }

    .c-image-text--hide-image-small .c-image-text__text {
        padding: 0
    }
}

.c-fixtures-table {
    border-collapse: collapse;
    width: 100%
}

.js .c-fixtures-table.is-hidden {
    display: none
}

.c-fixtures-table.is-hidden+.c-no-results {
    display: block
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-fixtures-table tr {
        position:relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #dfe6ef
    }
}

.c-fixtures-table td,.c-fixtures-table th {
    border-bottom: 1px solid #dfe6ef;
    vertical-align: middle;
    padding: .9375rem
}

@media screen and (min-width: 768px) {
    .c-fixtures-table td:nth-child(2),.c-fixtures-table td:nth-child(4),.c-fixtures-table th:nth-child(2),.c-fixtures-table th:nth-child(4) {
        width:15%
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-fixtures-table td,.c-fixtures-table th {
        display:block;
        border: 0;
        padding-left: .3125rem;
        padding-right: .3125rem
    }

    .c-fixtures-table td:nth-child(1),.c-fixtures-table th:nth-child(1) {
        width: 40%
    }
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
    .c-fixtures-table td:first-child,.c-fixtures-table th:first-child {
        padding-left:0
    }
}

.c-fixtures-table .c-fixtures-table__title {
    font-size: .9375rem;
    line-height: 1.1875rem;
    color: #00143b;
    text-transform: uppercase;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    margin: 0
}

@media screen and (min-width: 768px) {
    .c-fixtures-table .c-fixtures-table__title {
        font-size:1rem;
        line-height: 1.25rem
    }
}

.c-fixtures-table .c-fixtures-table__versus {
    color: #BED4EA;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: .6875rem;
    line-height: .6875rem
}

@media screen and (min-width: 768px) {
    .c-fixtures-table .c-fixtures-table__versus {
        font-size:1.0625rem;
        line-height: 1.0625rem
    }
}

.c-fixtures-table abbr.c-fixtures-table__versus {
    text-decoration: none
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-fixtures-table .c-fixtures-table__info {
        font-size:.75rem;
        line-height: 1.1875rem
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-fixtures-table .c-fixtures-table__title__team:before {
        content:attr(data-abbr)
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-fixtures-table .c-fixtures-table__title__team__inner {
        position:absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
}

.c-fixtures-table .c-fixtures-table__image {
    display: block;
    width: 40px;
    height: auto
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-fixtures-table td.c-fixtures-table__cta {
        padding:0;
        width: 0;
        height: 0;
        flex-basis: 100%
    }
}

@media screen and (min-width: 768px) {
    .c-fixtures-table td.c-fixtures-table__cta .c-button {
        min-width:9.375rem
    }
}

@media screen and (min-width: 1100px) {
    .c-fixtures-table td.c-fixtures-table__cta .c-button {
        min-width:11.25rem
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-fixtures-table td.c-fixtures-table__cta .c-button {
        position:absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.01
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    .c-fixtures-table td.c-fixtures-table__cta .c-button {
        padding-left:.625rem;
        padding-right: .625rem
    }

    .c-fixtures-table td.c-fixtures-table__cta .c-button.c-button--play:before,.c-fixtures-table td.c-fixtures-table__cta .c-button.c-button--play:after {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .c-fixtures-table td.c-fixtures-table__cta--right {
        text-align:right
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-fixtures-table .c-fixtures-table__title__score {
        display:block
    }
}

.c-fixtures-table .c-fixtures-table__title__score:before {
    content: '('
}

.c-fixtures-table .c-fixtures-table__title__score:after {
    content: ')'
}

.js .c-fixtures-table__row.is-hidden {
    display: none
}

.c-fixtures-table__detail-cell__inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-fixtures-table__detail-cell__inner .c-fixtures-table__versus {
    margin: 0 1.25rem
}

@media screen and (min-width: 0) and (max-width: 400px) {
    .c-fixtures-table__detail-cell__inner .c-fixtures-table__versus {
        margin:0 .3125rem
    }
}

.c-fixtures-table__detail-cell__inner .c-image-text--right {
    text-align: right
}

@media screen and (min-width: 0) and (max-width: 940px) {
    .c-fixtures-table__show-small {
        display:none !important
    }
}

@media screen and (min-width: 940px) {
    .c-fixtures-table__hide-large {
        display:none !important
    }
}

.c-league-table {
    border-collapse: collapse;
    width: 100%
}

.c-league-table td,.c-league-table th {
    border-bottom: 1px solid #dfe6ef;
    vertical-align: middle;
    padding: .9375rem;
    text-align: left;
    text-transform: uppercase
}

.c-league-table td:nth-child(2),.c-league-table th:nth-child(2) {
    border-right: 1px solid #dfe6ef
}

.c-league-table td:last-child,.c-league-table th:last-child {
    border-left: 1px solid #dfe6ef
}

.c-league-table tr:last-child th,.c-league-table tr:last-child td {
    border-bottom: 0
}

.c-league-table__title {
    font-size: .9375rem;
    line-height: 1.1875rem;
    color: #00143b;
    text-transform: uppercase;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    margin: 0
}

@media screen and (min-width: 768px) {
    .c-league-table__title {
        font-size:1rem;
        line-height: 1.25rem
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-league-table__title__team:before {
        content:attr(data-abbr)
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-league-table__title__team__inner {
        position:absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
}

abbr.c-league-table__abbr,abbr.c-league-table__title__abbr {
    text-decoration: none
}

.c-league-table__image {
    display: block;
    width: 40px;
    height: auto
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-league-table:not(.c-league-table--summary) td:first-child,.c-league-table:not(.c-league-table--summary) th:first-child {
        display:none
    }

    .c-league-table:not(.c-league-table--summary) td:nth-child(n+7):nth-child(-n+9),.c-league-table:not(.c-league-table--summary) th:nth-child(n+7):nth-child(-n+9) {
        display: none
    }
}

@media screen and (min-width: 1400px) {
    .c-cols {
        display:flex
    }
}

@media screen and (min-width: 1400px) {
    .c-cols__primary {
        width:calc(100% - 30rem)
    }
}

@media screen and (min-width: 1500px) {
    .c-cols__primary {
        width:calc(100% - 30.1875rem)
    }
}

.c-cols__secondary {
    padding: 3.125rem 0 0 0
}

@media screen and (min-width: 1400px) {
    .c-cols__secondary {
        width:30rem;
        padding: 0 0 0 1.875rem
    }
}

@media screen and (min-width: 1500px) {
    .c-cols__secondary {
        width:30.1875rem
    }
}

@media screen and (min-width: 0) and (max-width: 1399px) {
    .c-cols__secondary--constrain .c-cols__secondary__inner {
        max-width:30.1875rem;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 0) and (max-width: 1399px) {
    .c-cols__secondary--pull {
        margin-left:-15px;
        margin-right: -15px
    }
}

@media screen and (min-width: 0) and (max-width: 1399px) and (min-width: 481px) {
    .c-cols__secondary--pull {
        margin-left:-60px;
        margin-right: -60px
    }
}

.c-pod {
    background: #fff;
    padding: 2.5rem 1.25rem;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05)
}

.c-pod__title {
    margin: 0 0 1.25rem 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center
}

.c-pod__action {
    margin: 1.875rem 0 0 0;
    text-align: center
}

.c-generic-image {
    display: block
}

.c-generic-image img {
    max-width: 100%;
    display: block;
    height: auto;
    margin: 0 auto
}

.c-load-more {
    margin: 0;
    padding: 1.875rem 0 0 0;
    text-align: center
}

.no-js .c-load-more {
    display: none
}

@media screen and (min-width: 768px) {
    .c-load-more {
        padding:3.125rem 0 0 0
    }
}

.c-load-more--flush {
    padding: 0
}

.c-no-results {
    margin: 0;
    padding: 1.875rem 0 0 0;
    text-align: center;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    display: none
}

@media screen and (min-width: 768px) {
    .c-no-results {
        padding:3.125rem 0 0 0
    }
}

.c-pagination {
    text-align: center;
    white-space: nowrap
}

.c-pagination__list {
    list-style: none;
    padding: 0;
    margin: 0
}

.c-pagination__item {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-family: "Roboto",sans-serif;
    font-weight: 500
}

.c-pagination__item--active {
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

.c-pagination__item:not(:last-child) {
    margin: 0 .3125rem 0 0
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-pagination__item:not(:last-child).c-pagination__item--active {
        margin:0 .9375rem
    }
}

@media screen and (min-width: 768px) {
    .c-pagination__item:not(:last-child) {
        margin:0 .9375rem 0 0
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-pagination__item--page:not(.c-pagination__item--active) {
        display:none
    }
}

.c-pagination__button {
    font-size: 1.5rem;
    padding: .3125rem 1.25rem
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-pagination__button {
        padding-left:1.25rem;
        padding-right: 1.25rem
    }
}

.c-pagination__link {
    display: none
}

@media screen and (min-width: 768px) {
    .c-pagination__link {
        display:inline-block
    }
}

.c-search-result__list {
    margin: 0 0 .9375rem 0;
    padding: 0;
    list-style: none
}

@media screen and (min-width: 768px) {
    .c-search-result__list {
        margin:0 0 3.75rem 0
    }
}

.c-search-result__item {
    display: flex;
    align-items: center;
    padding: 0 0 .9375rem 0;
    margin: 0 0 .9375rem 0
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .c-search-result__item {
        align-items:flex-start
    }
}

@media screen and (min-width: 768px) {
    .c-search-result__item {
        padding:0 0 1.875rem 0;
        margin: 0 0 1.875rem 0
    }
}

.c-search-result__item:not(:last-child) {
    border-bottom: 1px solid #e4e8ec
}

.c-search-result__content {
    flex: 1
}

.c-search-result__image {
    margin-right: .9375rem;
    width: 95px
}

@media screen and (min-width: 768px) and (max-width: 1099px) {
    .c-search-result__image {
        width:200px;
        margin-right: 1.875rem
    }
}

@media screen and (min-width: 1100px) {
    .c-search-result__image {
        width:300px;
        margin-right: 3.75rem
    }
}

.c-search-result__title {
    font-size: .875rem;
    margin: 0 0 .3125rem 0
}

@media screen and (min-width: 1100px) {
    .c-search-result__title {
        font-size:1.375rem
    }
}

@media screen and (min-width: 0) and (max-width: 480px) {
    .c-search-result__description {
        display:none
    }
}

.c-search-result__link {
    text-decoration: none;
    margin-bottom: .9375rem
}

.c-search-form {
    display: flex;
    max-width: 500px;
    margin: 0 auto
}

.c-search-form__button {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-left: .625rem;
    padding-left: .9375rem;
    padding-right: .9375rem
}

.c-search-form__icon {
    margin-left: .3125rem
}

.c-search-form__container {
    background-color: #fc0
}

.c-search-form__result-text {
    text-align: center;
    margin: .9375rem 0 0 0
}

.c-text-search {
    display: flex;
    flex: 1;
    position: relative
}

.c-text-search__button {
    position: absolute;
    top: 0;
    right: .625rem;
    height: 100%;
    padding: .625rem;
    margin: 0;
    border: none;
    background-color: transparent;
    display: none;
    cursor: pointer
}

.c-text-search__button.input-has-value {
    display: block
}

.c-filters-full {
    background-color: #fc0
}

.c-filters-full__inner {
    padding: 1.25rem
}

@media screen and (min-width: 1100px) {
    .c-filters-full__inner {
        display:flex;
        align-items: center;
        padding: 1.25rem 0 1.25rem 4.375rem
    }
}

@media screen and (min-width: 1500px) {
    .c-filters-full__inner {
        padding-left:10rem
    }
}

.c-filters-full__inner--tight {
    padding-top: 0
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-filters-full__title {
        text-align:center;
        text-transform: uppercase;
        font-family: "Roboto",sans-serif;
        font-weight: 700
    }
}

@media screen and (min-width: 1100px) {
    .c-filters-full__title {
        line-height:3.25rem
    }
}

@media screen and (min-width: 1100px) {
    .c-filters-full__show-mobile {
        display:none
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-filters-full__mobile-button--full {
        width:100%;
        margin-top: .625rem;
        padding: .8125rem 1.5625rem
    }

    .c-filters-full__mobile-button--full .c-button__icon {
        margin-left: auto
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-filters-full__mobile-button[aria-expanded="true"] .c-filters-full__mobile-button-open-icon {
        display:none
    }

    .c-filters-full__mobile-button[aria-expanded="false"] .c-filters-full__mobile-button-close-icon {
        display: none
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-filters-full__item--collapsed-mobile {
        max-height:0;
        overflow: hidden;
        transition: max-height 300ms
    }

    .c-filters-full__item--collapsed-mobile.is-open {
        max-height: 500px
    }
}

@media screen and (min-width: 1100px) {
    .c-filters-full__item--collapsed-mobile {
        display:flex;
        align-items: center;
        margin-left: auto
    }
}

@media screen and (min-width: 1100px) {
    .c-filters-full__filter-form {
        display:flex
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-filters-full__filter-form-item {
        margin-bottom:.625rem
    }
}

@media screen and (min-width: 1100px) {
    .c-filters-full__filter-form-item {
        margin-left:1.25rem
    }
}

.c-match-banner__inner {
    position: relative
}

.c-match-banner__inner:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(45deg, #001a4d 0%, rgba(0,44,132,0.7) 53%, rgba(0,51,153,0.5) 100%)
}

.c-match-banner__vs {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    opacity: 0.1;
    z-index: 2
}

.c-match-banner__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-match-banner__content {
    position: relative;
    z-index: 3;
    padding: 40px 0 30px;
    color: #fff;
    text-align: center
}

@media screen and (min-width: 768px) {
    .c-match-banner__content {
        padding:60px 0
    }
}

@media screen and (min-width: 1100px) {
    .c-match-banner__content {
        padding:8.4375rem 0 9.375rem
    }
}

.c-match-banner__content__inner {
    display: flex;
    justify-content: space-between
}

.c-match-banner__team {
    font-size: .875rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    margin: .625rem 0 0 0;
    overflow-wrap: break-word
}

@media screen and (min-width: 768px) {
    .c-match-banner__team {
        font-size:1.875rem;
        line-height: 2.25rem;
        margin: 15px 0 0 0
    }
}

@media screen and (min-width: 1100px) {
    .c-match-banner__team {
        font-size:2.5rem;
        line-height: 2.875rem;
        margin: 30px 0 0 0
    }
}

@media screen and (min-width: 1500px) {
    .c-match-banner__team {
        font-size:3.125rem;
        line-height: 3.5rem
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-match-banner__team:before {
        content:attr(data-abbr)
    }
}

.c-match-banner--force-abbreviations .c-match-banner__team:before {
    content: attr(data-abbr)
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-match-banner__team__inner {
        position:absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
}

.c-match-banner--force-abbreviations .c-match-banner__team__inner {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.c-match-banner__logo {
    margin: 0 auto;
    max-width: 220px
}

.c-match-banner__logo__inner {
    padding-top: 100%;
    position: relative;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

html:not(.no-objectfit) .c-match-banner__logo__inner {
    background-image: none !important
}

.c-match-banner__logo__image {
    display: block;
    object-fit: contain;
    position: absolute;
    top: -36px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}

html.no-objectfit .c-match-banner__logo__image {
    display: none
}

@media screen and (min-width: 768px) {
    .c-match-banner__logo__image {
        top:-50px;
        left: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 57px)
    }
}

.c-match-banner__score {
    font-size: 1.25rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-weight: 900;
    margin: 0
}

@media screen and (min-width: 768px) {
    .c-match-banner__score {
        font-size:3.125rem;
        line-height: 3.125rem
    }
}

@media screen and (min-width: 1100px) {
    .c-match-banner__score {
        font-size:5rem;
        line-height: 5rem
    }
}

.c-match-banner__score:not(:last-child) {
    margin: 0 0 15px
}

@media screen and (min-width: 768px) {
    .c-match-banner__score:not(:last-child) {
        margin:0 0 2.5rem
    }
}

@media screen and (min-width: 1100px) {
    .c-match-banner__score:not(:last-child) {
        margin:0 0 4.375rem
    }
}

.c-match-banner__competition {
    margin: 0
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-match-banner__competition {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

.c-match-banner__venue {
    font-size: 1.5rem;
    line-height: 1.8125rem;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-match-banner__venue {
        font-size:.875rem;
        line-height: 2.0rem;
        font-weight: 800;
    }
}

.c-match-banner__datetime {
    margin: 0;
    color: #fc0
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-match-banner__datetime {
        font-size:.875rem;
        line-height: 1.25rem
    }
}

.c-match-banner__datetime:not(:last-child) {
    margin: 0 0 .625rem
}

@media screen and (min-width: 768px) {
    .c-match-banner__datetime:not(:last-child) {
        margin:0 0 1.875rem
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-match-banner__datetime__item {
        display:block
    }
}

.c-match-banner__action {
    margin: 0.2rem 0 0 0;
}

@media screen and (min-width: 768px) {
    .c-match-banner__action {
        margin:1.125rem 0 0 0
    }
}

@media screen and (min-width: 0) and (max-width: 480px) {
    .c-match-banner__action {
        margin-left:0.125rem;
        margin-right: 0.125rem
    }
}

.c-match-banner__action__button {
    margin: 0.875rem 0 0 0
}

@media screen and (min-width: 768px) {
    .c-match-banner__action__button {
        margin:0 0 3.125rem 0
    }
}

.c-match-banner__content__section--copy {
    padding: 0 15px
}

@media screen and (min-width: 768px) {
    .c-match-banner__content__section--copy {
        padding:0 30px
    }
}

.c-match-banner__content__section--logo {
    width: 65px
}

@media screen and (min-width: 768px) {
    .c-match-banner__content__section--logo {
        width:160px
    }
}

@media screen and (min-width: 1100px) {
    .c-match-banner__content__section--logo {
        width:260px
    }
}

.c-match-banner__countdown {
    display: none
}

.js .c-match-banner__countdown {
    margin: 0 0 1.875rem 0;
    display: block;
    min-height: 98px
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .js .c-match-banner__countdown {
        position:absolute;
        top: 40px;
        left: 0;
        right: 0;
        margin: 0
    }
}

@media screen and (min-width: 768px) {
    .js .c-match-banner__countdown {
        margin:0 0 2.8125rem 0;
        min-height: 103px
    }
}

@media screen and (min-width: 1100px) {
    .js .c-match-banner__countdown {
        min-height:148px
    }
}

.c-match-banner__countdown__title,.c-match-banner__fulltime-title,.c-match-banner__tbc-title {
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    text-transform: uppercase;
    margin: 0 0 .625rem 0;
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .c-match-banner__countdown__title,.c-match-banner__fulltime-title,.c-match-banner__tbc-title {
        font-size:1.4375rem;
        line-height: 1.6875rem;
        margin: 0 0 .9375rem 0
    }
}

@media screen and (min-width: 768px) {
    .c-match-banner__tbc-title {
        margin:0 0 1.875rem 0
    }
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .js .c-match-banner--with-countdown-clock .c-match-banner__content {
        padding-top:10.5rem
    }
}

@media screen and (min-width: 768px) {
    .js .c-match-banner--with-countdown-clock .c-match-banner__content {
        padding-top:3.75rem;
        padding-bottom: 4.375rem
    }
}

@media screen and (min-width: 768px) {
    .js .c-match-banner--with-countdown-clock .c-match-banner__content__section--logo {
        padding-top:4.375rem
    }
}

.c-match-banner--with-video .c-match-banner__content {
    padding: 0
}

.c-match-banner--with-video .c-match-banner__content__inner {
    display: block;
    max-width: 1195px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px
}

.c-match-banner--empty {
    height: 250px
}

@media screen and (min-width: 768px) {
    .c-match-banner--empty {
        height:400px
    }
}

.c-match-banner--empty .c-match-banner__inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-match-banner--empty .c-match-banner__content {
    padding: 0
}

.c-match-banner--empty .c-match-banner__action {
    margin: 0
}

.c-countdown {
    display: flex;
    justify-content: center
}

.c-countdown__number {
    display: block;
    color: #fff
}

.c-countdown__number:not(:first-child) {
    padding: 0 0 0 .9375rem;
    position: relative
}

@media screen and (min-width: 768px) {
    .c-countdown__number:not(:first-child) {
        padding:0 0 0 1.875rem
    }
}

.c-countdown__number__inner {
    background: #00143b;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    border: 2px solid #fff;
    border-radius: 8px;
    padding: .625rem .3125rem;
    display: block;
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.35)
}

@media screen and (min-width: 768px) {
    .c-countdown__number__inner {
        font-size:1.8125rem;
        line-height: 1.8125rem
    }
}

@media screen and (min-width: 1100px) {
    .c-countdown__number__inner {
        font-size:2.4375rem;
        line-height: 2.4375rem;
        border-width: 4px;
        padding: 1.25rem .3125rem;
        border-radius: 12px
    }
}

.c-countdown__number:not(:first-child) .c-countdown__number__inner:before {
    content: ':';
    position: absolute;
    left: .1875rem;
    font-family: Arial, sans-serif
}

@media screen and (min-width: 768px) {
    .c-countdown__number:not(:first-child) .c-countdown__number__inner:before {
        left:.5625rem
    }
}

@media screen and (min-width: 1100px) {
    .c-countdown__number:not(:first-child) .c-countdown__number__inner:before {
        left:.5rem
    }
}

.c-countdown__number__abbr {
    display: block;
    font-size: .5625rem;
    line-height: .5625rem;
    text-transform: uppercase;
    margin: .5rem 0 0 0;
    text-align: center
}

@media screen and (min-width: 768px) {
    .c-countdown__number__abbr {
        font-size:.6875rem;
        line-height: .6875rem
    }
}

.c-video {
    padding-top: 56.25%;
    position: relative
}

.c-video iframe,.c-video object,.c-video embed,.c-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.c-match-detail {
    background: linear-gradient(#fff, #edf0f2);
    padding: 1.875rem 0
}

@media screen and (min-width: 768px) {
    .c-match-detail {
        padding:2.5rem 0
    }
}

.c-match-detail__inner {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-match-detail__inner {
        flex-wrap:wrap;
        justify-content: center
    }
}

.c-match-detail__details {
    text-align: center;
    padding: 0 1.875rem
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-match-detail__details {
        padding:0.875rem 0
    }
}

.c-match-detail__action {
    padding: 1.5625rem 0 0 0
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-match-detail__score,.c-match-detail__details,.c-match-detail__social {
        flex-basis:100%
    }
}

.c-match-detail__details__line {
    margin: 0
}

.c-match-detail__details__line--title {
    margin: 0;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem
}

.c-match-detail__details__copy {
    margin: 25px 0 0 0
}

.c-match-detail__details__copy__more {
    background: none;
    margin: 0;
    padding: 0 20px 0 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    color: #009DE0;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    position: relative;
    display: inline-block
}

.no-js .c-match-detail__details__copy__more {
    display: none
}

.js .c-match-detail__details__copy__inner {
    height: 0;
    transition: height 0.5s ease;
    overflow: hidden
}

.js .c-match-detail__details__copy__inner__inner {
    padding: 25px 0 0 0
}

.c-match-detail__image--with-social .c-social {
    padding: 30px 0 0 0
}

@media screen and (min-width: 1100px) {
    .c-match-detail__image--with-social {
        position:relative;
        padding: 0 62px 0 0
    }

    .c-match-detail__image--with-social .c-social {
        position: absolute;
        top: 50%;
        right: 0;
        padding: 0;
        transform: translateY(-50%)
    }

    .c-match-detail__image--with-social .c-social__list {
        display: block;
        margin: 0
    }

    .c-match-detail__image--with-social .c-social__item {
        padding: 0
    }

    .c-match-detail__image--with-social .c-social__item:not(:first-child) {
        margin: 6px 0 0 0
    }

    .c-match-detail__image--with-social .c-share__link {
        width: 37px;
        height: 37px
    }
}

.c-match-detail__image__inner .c-sponsor:not(:first-child) {
    margin: 15px 0 0 0
}

.c-match-detail__image__item:not(:first-child) {
    margin: 15px 0 0 0
}

.c-match-detail--align-top .c-match-detail__inner {
    align-items: center
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-match-detail--no-left-image .c-match-detail__details {
        padding-top:0
    }
}

@media screen and (min-width: 1100px) {
    .c-match-detail--no-left-image .c-match-detail__details {
        text-align:left
    }
}

.c-game-score {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-game-score__image {
    display: block;
    width: 40px;
    height: auto
}

.c-game-score__score {
    padding: 0 .9375rem;
    font-size: 1.375rem;
    line-height: 1.375rem;
    font-family: "Roboto",sans-serif;
    font-weight: 900
}

@media screen and (min-width: 768px) {
    .c-game-score__score {
        padding:0 3.75rem;
        font-size: 2.25rem;
        line-height: 2.25rem;
        padding: 0 1.875rem
    }
}

.c-game-score__title {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .c-game-score__title {
        font-size:1.875rem;
        line-height: 1.875rem
    }
}

.c-game-score__versus {
    text-decoration: none !important
}

.c-stats__inner {
    padding: 1.875rem 0 0 0
}

@media screen and (min-width: 768px) {
    .c-stats__inner {
        padding:2.5rem 0 0 0
    }
}

@media screen and (min-width: 1100px) {
    .c-stats__inner {
        padding-left:3.75rem;
        padding-right: 3.75rem
    }
}

.c-stats__list {
    margin: 0;
    padding: 0 2.5rem;
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width: 768px) {
    .c-stats__list {
        padding:0 3.75rem
    }
}

.c-stats__list__title {
    margin: 0;
    padding: 0 0 .9375rem 0;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1rem;
    text-align: center;
    text-transform: uppercase;
    flex-basis: 100%
}

.c-stats__list__title:not(:first-child) {
    margin: 1.875rem 0 0 0
}

@media screen and (min-width: 768px) {
    .c-stats__list__title:not(:first-child) {
        margin:6.25rem 0 0 0
    }
}

.c-stats__list__value {
    margin: 0;
    padding: 0;
    width: 50%;
    position: relative;
    height: 10px;
    background: #fc0;
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    color: #00143b
}

@media screen and (min-width: 768px) {
    .c-stats__list__value {
        font-size:1.875rem;
        line-height: 1.875rem
    }
}

.c-stats__list__value+.c-stats__list__value {
    background: #00143b
}

.c-stats__list__value+.c-stats__list__value .c-stats__list__value__number {
    left: auto;
    right: -40px
}

@media screen and (min-width: 768px) {
    .c-stats__list__value+.c-stats__list__value .c-stats__list__value__number {
        right:-60px
    }
}

.c-stats__list__title+.c-stats__list__value--empty {
    width: 1px !important;
    margin-bottom: -10px;
    background: none
}

.c-stats__list__value__number {
    position: absolute;
    top: -5px;
    left: -40px
}

@media screen and (min-width: 768px) {
    .c-stats__list__value__number {
        left:-60px;
        top: -10px
    }
}

.c-stats__title {
    display: flex;
    justify-content: space-between;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    color: #00143b
}

@media screen and (min-width: 768px) {
    .c-stats__title {
        font-size:1.625rem;
        line-height: 2rem
    }
}

.c-stats__title__team {
    margin: 0
}

.c-match-preview__overview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 310px;
    margin: 0 auto
}

.c-match-preview__team {
    text-align: center
}

.c-match-preview__name {
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin: .3125rem 0 0 0
}

.c-match-preview__versus {
    padding: 0 1.875rem;
    text-decoration: none !important;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.625rem;
    color: #BED4EA
}

.c-match-preview__details {
    margin: 1.25rem 0 0 0;
    text-align: center
}

.c-match-preview__details__line {
    margin: 0
}

.c-match-preview__details__line--title {
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.375rem
}

.c-filters-full {
    background-color: #fc0
}

.c-filters-full__inner {
    padding: 1.25rem
}

@media screen and (min-width: 1100px) {
    .c-filters-full__inner {
        display:flex;
        align-items: center;
        padding: 1.25rem 0 1.25rem 4.375rem
    }
}

@media screen and (min-width: 1500px) {
    .c-filters-full__inner {
        padding-left:10rem
    }
}

.c-filters-full__inner--tight {
    padding-top: 0
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-filters-full__title {
        text-align:center;
        text-transform: uppercase;
        font-family: "Roboto",sans-serif;
        font-weight: 700
    }
}

@media screen and (min-width: 1100px) {
    .c-filters-full__title {
        line-height:3.25rem
    }
}

@media screen and (min-width: 1100px) {
    .c-filters-full__show-mobile {
        display:none
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-filters-full__mobile-button--full {
        width:100%;
        margin-top: .625rem;
        padding: .8125rem 1.5625rem
    }

    .c-filters-full__mobile-button--full .c-button__icon {
        margin-left: auto
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-filters-full__mobile-button[aria-expanded="true"] .c-filters-full__mobile-button-open-icon {
        display:none
    }

    .c-filters-full__mobile-button[aria-expanded="false"] .c-filters-full__mobile-button-close-icon {
        display: none
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-filters-full__item--collapsed-mobile {
        max-height:0;
        overflow: hidden;
        transition: max-height 300ms
    }

    .c-filters-full__item--collapsed-mobile.is-open {
        max-height: 500px
    }
}

@media screen and (min-width: 1100px) {
    .c-filters-full__item--collapsed-mobile {
        display:flex;
        align-items: center;
        margin-left: auto
    }
}

@media screen and (min-width: 1100px) {
    .c-filters-full__filter-form {
        display:flex
    }
}

@media screen and (min-width: 0) and (max-width: 1099px) {
    .c-filters-full__filter-form-item {
        margin-bottom:.625rem
    }
}

@media screen and (min-width: 1100px) {
    .c-filters-full__filter-form-item {
        margin-left:1.25rem
    }
}

@media screen and (min-width: 1380px) {
    .c-sub-nav__grid {
        display:flex
    }
}

.c-sub-nav__grid-content {
    flex: 1
}

@media screen and (min-width: 1380px) {
    .c-sub-nav__grid-content .c-section__inner {
        margin:0
    }
}

@media screen and (min-width: 1380px) and (max-width: 1530px) {
    .c-sub-nav-container--has-banner+.c-sub-nav__grid-content .c-section__inner {
        margin:0 auto
    }
}

@media screen and (min-width: 0) and (max-width: 1380px) {
    .c-sub-nav-container {
        max-width:850px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width: 0) and (max-width: 1380px) and (min-width: 481px) {
    .c-sub-nav-container {
        padding-left:60px;
        padding-right: 60px;
        max-width: 940px
    }
}

@media screen and (min-width: 1100px) and (max-width: 1380px) {
    .c-sub-nav-container {
        margin-bottom:-40px
    }
}

@media screen and (min-width: 1380px) {
    .c-sub-nav-container {
        position:relative;
        width: 18%
    }
}

@media screen and (min-width: 1500px) {
    .c-sub-nav-container {
        width:300px
    }
}

@media screen and (min-width: 1750px) {
    .c-sub-nav-container {
        margin-left:-50px;
        width: 360px
    }
}

.c-sub-nav-container--has-banner {
    z-index: 100
}

@media screen and (min-width: 1380px) and (max-width: 1530px) {
    .c-sub-nav-container--has-banner {
        position:absolute
    }
}

@media screen and (min-width: 0) and (max-width: 1380px) {
    .c-sub-nav__mobile-toggle {
        width:100%;
        margin-top: 2.5rem;
        padding: .8125rem 1.5625rem
    }

    .c-sub-nav__mobile-toggle .c-button__icon {
        margin-left: auto
    }

    .c-sub-nav__mobile-toggle[aria-expanded="true"] .c-sub-nav__mobile-toggle-open-icon {
        display: none
    }

    .c-sub-nav__mobile-toggle[aria-expanded="false"] .c-sub-nav__mobile-toggle-close-icon {
        display: none
    }
}

@media screen and (min-width: 1380px) {
    .c-sub-nav__mobile-toggle {
        display:none
    }
}

@media screen and (min-width: 0) and (max-width: 1380px) {
    .c-sub-nav__nav-container {
        max-height:0;
        overflow: hidden;
        transition: max-height 300ms
    }

    .c-sub-nav__nav-container.is-open {
        max-height: 500px
    }
}

.c-sub-nav {
    padding: 2.5rem;
    background-color: #fc0
}

@media screen and (min-width: 1380px) {
    .c-sub-nav {
        padding:2.5rem 1.25rem 2.5rem 1.875rem
    }
}

@media screen and (min-width: 1500px) {
    .c-sub-nav {
        padding:2.5rem 2.5rem 2.5rem 3.75rem
    }
}

@media screen and (min-width: 1750px) {
    .c-sub-nav {
        padding:3.75rem 3.75rem 3.75rem 5.625rem
    }
}

@media screen and (min-width: 1380px) {
    .c-sub-nav--no-banner {
        padding-top:6.875rem
    }
}

@media screen and (min-width: 1380px) {
    .c-sub-nav-container--has-banner {
        margin-top:-180px
    }
}

@media screen and (min-width: 1380px) {
    .c-sub-nav-container--no-banner {
        margin-bottom:40px
    }
}

.c-sub-nav__title {
    text-transform: uppercase;
    font-size: 1.125rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    margin: 0 0 1.875rem 0
}

@media screen and (min-width: 1500px) {
    .c-sub-nav__title {
        font-size:1.1875rem;
        margin: 0 0 2.5rem 0
    }
}

.c-sub-nav__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.c-sub-nav__list--sub {
    margin: 0 0 0 1.25rem
}

.c-sub-nav__link {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    font-size: 1rem;
    text-decoration: none
}

.c-sub-nav__list-item:not(:last-child) {
    margin-bottom: 1.25rem
}

.c-profile {
    background: #fff;
    height: 100%;
    box-shadow: 0px 0px 10px 5px rgba(211,218,226,0.35)
}

.c-profile__content {
    padding: 30px
}

.c-profile__title {
    margin: 0 0 15px 0
}

.c-sso-panel {
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-sso-panel .c-button {
    min-width: 200px
}

.c-sso-panel__content {
    max-width: 1560px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width: 481px) {
    .c-sso-panel__content {
        padding-left:60px;
        padding-right: 60px;
        max-width: 1650px
    }
}

.c-sso-panel__title {
    margin: 0 0 15px 0
}

.c-sso-panel__copy {
    margin: 0 0 30px 0
}

.c-sso-panel__actions__action:not(:first-child) {
    margin: 1.25rem 0 0 0
}

.c-dynamic-stats__title-wrapper {
    margin: 0 0 40px 0
}

@media screen and (min-width: 768px) {
    .c-dynamic-stats__title-wrapper {
        margin:0 0 60px 0;
        display: flex;
        align-items: center
    }
}

.c-dynamic-stats__title {
    font-size: 1.625rem;
    line-height: 1.875rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    margin: 0 0 1.25rem 0;
    text-transform: uppercase;
    text-align: center
}

@media screen and (min-width: 768px) {
    .c-dynamic-stats__title {
        margin:0 3.125rem 0 0;
        text-align: left
    }
}

.c-dynamic-stats__key {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center
}

@media screen and (min-width: 768px) {
    .c-dynamic-stats__key {
        justify-content:flex-start
    }
}

.c-dynamic-stats__key__item {
    margin: 0;
    padding: 0 0 0 3.125rem;
    list-style: none;
    position: relative;
    line-height: 2rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    font-size: .875rem;
    text-transform: uppercase
}

.c-dynamic-stats__key__item:not(:first-child) {
    margin: 0 0 0 1.875rem
}

@media screen and (min-width: 768px) {
    .c-dynamic-stats__key__item:not(:first-child) {
        margin:0 0 0 2.5rem
    }
}

@media screen and (min-width: 768px) {
    .c-dynamic-stats__key__item {
        font-size:1rem
    }
}

.c-dynamic-stats__key__item:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: #fc0;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -16px 0 0 0
}

.c-dynamic-stats__key__item--away:before {
    background: #00143b
}

.c-dynamic-stats__donuts,.c-dynamic-stats__bars {
    display: flex;
    flex-wrap: wrap
}

.c-dynamic-stats__donuts__item,.c-dynamic-stats__bars__item {
    width: 50%;
    padding: 15px 15px 0 15px
}

@media screen and (min-width: 481px) {
    .c-dynamic-stats__donuts__item,.c-dynamic-stats__bars__item {
        padding:40px 15px 0 15px
    }
}

@media screen and (min-width: 768px) {
    .c-dynamic-stats__donuts__item,.c-dynamic-stats__bars__item {
        width:33.333333333%
    }
}

@media screen and (min-width: 1100px) {
    .c-dynamic-stats__donuts__item,.c-dynamic-stats__bars__item {
        width:25%
    }
}

@media screen and (min-width: 1500px) {
    .c-dynamic-stats__donuts__item,.c-dynamic-stats__bars__item {
        padding:40px 40px 0 40px
    }
}

.c-donut-stat__inner {
    padding-top: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

.c-donut-stat__slice {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.c-donut-stat__slice--home {
    color: #fc0;
    transform: rotate(270deg) scaleY(-1)
}

.c-donut-stat__slice--away {
    color: #00143b;
    transform: rotate(270deg)
}

.c-donut-stat__slice__svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none
}

.c-donut-stat__slice__svg.c-donut-stat__slice__svg--leads {
    display: block
}

.c-donut-stat__slice__svg--behind {
    width: 94%;
    height: 94%
}

.c-donut-stat__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-donut-stat__text__inner {
    width: 55%;
    text-align: center;
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    font-size: .625rem;
    line-height: .75rem
}

@media screen and (min-width: 375px) {
    .c-donut-stat__text__inner {
        font-size:.8125rem;
        line-height: .9375rem
    }
}

@media screen and (min-width: 768px) {
    .c-donut-stat__text__inner {
        font-size:1rem;
        line-height: 1.125rem;
        padding: 0 .3125rem
    }
}

@media screen and (min-width: 1100px) {
    .c-donut-stat__text__inner {
        font-size:1.125rem;
        line-height: 1.25rem
    }
}

.c-donut-stat__text__inner__description {
    display: block;
    padding: .3125rem 0 .4375rem;
    font-family: "Roboto",sans-serif;
    font-weight: 400
}

@media screen and (min-width: 1100px) {
    .c-donut-stat__text__inner__description {
        padding:.625rem 0 .75rem
    }
}

@media screen and (min-width: 0) and (max-width: 375px) {
    .c-donut-stat__text__inner__description {
        padding:0
    }
}

.c-donut-stat__text__inner__stat {
    display: block;
    color: #00143b
}

@media screen and (min-width: 0) and (max-width: 375px) {
    .c-donut-stat__text__inner__stat {
        display:none
    }
}

@media screen and (min-width: 376px) {
    .c-donut-stat__data {
        position:absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0
    }
}

@media screen and (min-width: 0) and (max-width: 375px) {
    .c-donut-stat__data {
        text-align:center;
        padding: .3125rem 0 0 0;
        color: #00143b
    }
}

.c-donut-stat--home-leads .c-donut-stat__slice--home .c-donut-stat__slice__svg--behind {
    display: none
}

.c-donut-stat--home-leads .c-donut-stat__slice--home .c-donut-stat__slice__svg--leads {
    display: block
}

.c-donut-stat--home-leads .c-donut-stat__slice--away .c-donut-stat__slice__svg--behind {
    display: block
}

.c-donut-stat--home-leads .c-donut-stat__slice--away .c-donut-stat__slice__svg--leads {
    display: none
}

.c-donut-stat--away-leads .c-donut-stat__slice--home .c-donut-stat__slice__svg--behind {
    display: block
}

.c-donut-stat--away-leads .c-donut-stat__slice--home .c-donut-stat__slice__svg--leads {
    display: none
}

.c-donut-stat--away-leads .c-donut-stat__slice--away .c-donut-stat__slice__svg--behind {
    display: none
}

.c-donut-stat--away-leads .c-donut-stat__slice--away .c-donut-stat__slice__svg--leads {
    display: block
}

.c-bar-stat__inner {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.c-bar-stat__title {
    margin: 0 0 .625rem 0;
    padding: 0;
    flex-basis: 100%;
    font-size: .625rem;
    line-height: .75rem
}

@media screen and (min-width: 375px) {
    .c-bar-stat__title {
        font-size:.8125rem;
        line-height: .9375rem
    }
}

@media screen and (min-width: 768px) {
    .c-bar-stat__title {
        font-size:1rem;
        line-height: 1.125rem
    }
}

.c-bar-stat__value {
    margin: 0;
    padding: 0;
    width: 50%;
    height: 1.875rem;
    position: relative
}

@media screen and (min-width: 375px) {
    .c-bar-stat__value {
        height:2.1875rem
    }
}

@media screen and (min-width: 768px) {
    .c-bar-stat__value {
        height:2.5rem
    }
}

@media screen and (min-width: 1100px) {
    .c-bar-stat__value {
        height:3.125rem
    }
}

.c-bar-stat__value__number {
    display: block;
    height: 1.875rem;
    line-height: 1.875rem;
    padding: 0 .625rem;
    position: absolute;
    top: 0;
    left: 0;
    font-family: "Roboto",sans-serif;
    font-weight: 500;
    font-size: .625rem
}

@media screen and (min-width: 375px) {
    .c-bar-stat__value__number {
        font-size:.8125rem;
        height: 2.1875rem;
        line-height: 2.1875rem
    }
}

@media screen and (min-width: 768px) {
    .c-bar-stat__value__number {
        font-size:1rem;
        height: 2.5rem;
        line-height: 2.5rem
    }
}

@media screen and (min-width: 1100px) {
    .c-bar-stat__value__number {
        font-size:1.125rem;
        height: 3.125rem;
        line-height: 3.125rem
    }
}

.c-bar-stat__value--home {
    background: #fc0
}

.c-bar-stat__value--away {
    background: #00143b
}

.c-bar-stat__value--away .c-bar-stat__value__number {
    left: auto;
    right: 0;
    color: #fff
}

.c-bar-stat__value--empty {
    background: transparent
}

.c-bar-stat__value--empty .c-bar-stat__value__number {
    color: #00143b;
    padding: 0
}

.c-bar-stat__value--empty.c-bar-stat__value--home .c-bar-stat__value__number {
    left: 0
}

.c-bar-stat__value--empty.c-bar-stat__value--away .c-bar-stat__value__number {
    right: 0
}

.c-comp-bracket__wrapper {
    overflow: auto
}

.c-comp-bracket__wrapper__inner {
    min-width: 900px;
    overflow: hidden
}

.c-comp-bracket__grid {
    display: flex;
    margin: 0 -38px
}

.c-comp-bracket__col {
    width: 33.333333333%;
    padding: 0 38px
}

.c-comp-bracket--tree-layout .c-comp-bracket__col:not(:first-child):not(:last-child) .c-comp-bracket__col__list {
    padding-top: 68.5px
}

.c-comp-bracket--tree-layout .c-comp-bracket__col:not(:first-child):not(:last-child) .c-comp-bracket__col__list__item:not(:first-child) {
    margin-top: 163px
}

.c-comp-bracket--tree-layout .c-comp-bracket__col:last-child .c-comp-bracket__col__list {
    padding-top: 200px
}

.c-comp-bracket--tree-layout .c-comp-bracket__col:last-child .c-comp-bracket__col__list .c-comp-bracket__col__list__item:not(:first-child) {
    margin-top: 96.5px
}

.c-comp-bracket--tree-layout .c-comp-bracket__col:last-child:nth-child(2) .c-comp-bracket__col__list {
    padding-top: 68.5px
}

.c-comp-bracket__title {
    margin: 0 0 10px 0;
    padding: 0 0 0 45px;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    position: relative
}

.c-comp-bracket__title__icon {
    position: absolute;
    top: 50%;
    left: 0;
    height: 28px;
    transform: translateY(-50%)
}

.c-comp-bracket__title__icon--trophy {
    width: 27px
}

.c-comp-bracket__title__icon--shield {
    width: 21px
}

.c-comp-bracket__col__title {
    position: relative;
    padding: 0 45px 15px;
    margin: 0 0 30px 0;
    font-family: "Roboto",sans-serif;
    font-weight: 400
}

.c-comp-bracket__col__title:before {
    content: '';
    display: block;
    background: #BED4EA;
    position: absolute;
    bottom: 0;
    height: 3px;
    left: -38px;
    right: -38px
}

.c-comp-bracket__col__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.c-comp-bracket__col__list__item:not(:first-child) {
    margin: 30px 0 0 0
}

.c-comp-bracket__col__list__team {
    height: 50px;
    padding: 0 30px 0 15px;
    background: #00143b;
    background: linear-gradient(rgba(0,51,153,0.76) 0%, rgba(0,44,132,0.79) 21.18%, #001a4d 100%);
    color: #fff;
    border-radius: 6px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.0625rem;
    line-height: 1.0625rem;
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

.c-comp-bracket__col__list__team img {
    margin: 0 10px;
    display: block
}

.c-comp-bracket__col__list__team:not(:first-child) {
    margin: 2px 0 0 0
}

.c-comp-bracket__col__list__team.c-comp-bracket__col__list__team--loser {
    color: rgba(255,255,255,0.8)
}

.c-comp-bracket__col__list__team--winner {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff
}

.c-comp-bracket__col__list__team--winner:before {
    content: '';
    display: block;
    width: 12px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #fc0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.c-comp-bracket__col__list__item--playoff .c-comp-bracket__col__list__team--winner:before {
    background: #009DE0
}

.c-comp-bracket__col__list__team__score {
    margin: 0 0 0 auto;
    display: inline-block;
    position: relative;
    padding: 0 0 0 30px
}

.c-comp-bracket__col__list__team--unplayed .c-comp-bracket__col__list__team__score {
    display: none
}

.c-comp-bracket__col__list__team__score__icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 24px
}

.c-comp-bracket__col__list__team__score__icon--trophy {
    color: #fc0;
    width: 23px
}

.c-comp-bracket__col__list__team__score__icon--shield {
    color: #009DE0;
    width: 18px
}

.c-comp-bracket__col__list__team__standing {
    font-size: .875rem;
    line-height: .875rem
}

.c-comp-bracket__col__list__team__name {
    max-width: calc(100% - 130px);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-comp-bracket__col__list__team--unplayed .c-comp-bracket__col__list__team__name {
    max-width: 100%
}

.c-pools__title {
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 12px 0;
    margin: 0 0 15px 0;
    border-bottom: 3px solid #BED4EA
}

.c-pools__grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -15px;
    width: calc(100% + 30px)
}

.c-pools__col {
    width: 100%;
    padding: 15px
}

@media screen and (min-width: 1100px) {
    .c-pools__col {
        width:50%
    }
}

@media screen and (min-width: 1500px) {
    .c-pools:not(.c-pools--two-up) .c-pools__col {
        width:33.333333333%
    }
}

.c-pools__table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 2px 5px rgba(188,188,188,0.25)
}

.c-pools__table td,.c-pools__table th {
    font-size: .6875rem;
    line-height: .9375rem;
    text-transform: uppercase;
    padding: 15px 10px 14px
}

@media screen and (min-width: 375px) {
    .c-pools__table td,.c-pools__table th {
        font-size:.75rem;
        line-height: 1rem
    }
}

@media screen and (min-width: 768px) {
    .c-pools__table td,.c-pools__table th {
        font-size:.875rem;
        line-height: 1.125rem
    }
}

.c-pools__table td.c-pools__table__name,.c-pools__table th.c-pools__table__name {
    width: 80px
}

@media screen and (min-width: 768px) {
    .c-pools__table td.c-pools__table__name,.c-pools__table th.c-pools__table__name {
        font-size:1.0625rem;
        line-height: 1.3125rem;
        font-family: "Roboto",sans-serif;
        font-weight: 700
    }
}

@media screen and (min-width: 601px) {
    .c-pools__table td.c-pools__table__name,.c-pools__table th.c-pools__table__name {
        width:125px
    }
}

@media screen and (min-width: 768px) {
    .c-pools--three-up .c-pools__table td.c-pools__table__name,.c-pools--three-up .c-pools__table th.c-pools__table__name {
        width:150px
    }
}

@media screen and (min-width: 768px) {
    .c-pools--two-up .c-pools__table td.c-pools__table__name,.c-pools--two-up .c-pools__table th.c-pools__table__name {
        width:auto
    }
}

.c-pools__table thead td,.c-pools__table thead th {
    background: linear-gradient(rgba(0,51,153,0.76) 0%, rgba(0,44,132,0.79) 21.18%, #001a4d 100%);
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

.c-pools__table thead td:first-child,.c-pools__table thead th:first-child {
    border-top-left-radius: 6px
}

.c-pools__table thead td:last-child,.c-pools__table thead th:last-child {
    border-top-right-radius: 6px
}

.c-pools__table tbody tr:not(:first-child) td,.c-pools__table tbody tr:not(:first-child) th {
    border-top: 1px solid #BED4EA
}

.c-pools__table tbody tr:first-child td,.c-pools__table tbody tr:first-child th {
    padding-top: 20px
}

.c-pools__table tbody tr:last-child td,.c-pools__table tbody tr:last-child th {
    padding-bottom: 20px
}

.c-pools__table tbody tr:last-child td:first-child,.c-pools__table tbody tr:last-child th:first-child {
    border-bottom-left-radius: 6px
}

.c-pools__table tbody tr:last-child td:last-child,.c-pools__table tbody tr:last-child th:last-child {
    border-bottom-right-radius: 6px
}

abbr.c-pools__table__abbr {
    text-decoration: none
}

.c-pools__table__name__inner {
    display: flex;
    align-items: center
}

.c-pools__table:not(.c-pools__table--no-qualifiers) .c-pools__table__name__inner {
    padding: 0 0 0 25px
}

.c-pools__table__name--qualified .c-pools__table__name__inner {
    padding: 0 !important
}

.c-pools__table__name__inner img {
    margin: 0 10px 0 0
}

@media screen and (min-width: 0) and (max-width: 600px) {
    .c-pools__table__name__inner img {
        display:none
    }
}

.c-pools__table__name__icon {
    display: block;
    height: 20px;
    margin: 0 10px 0 0
}

.c-pools__table__name__icon--shield {
    width: 15px;
    color: #009DE0
}

@media screen and (min-width: 0) and (max-width: 374px) {
    .c-pools__table__hide-on-small-screens {
        display:none
    }
}

.c-medal {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    line-height: 1.875rem;
    text-align: center;
    color: #100017
}

@media screen and (min-width: 1100px) {
    .c-medal {
        width:40px;
        height: 40px;
        line-height: 2.5rem
    }
}

.c-medal--bronze {
    background: #c27b41
}

.c-medal--silver {
    background: #C9C9C7
}

.c-medal--gold {
    background: #dfbb65
}

.c-medal-key__list {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-medal-key__list {
        position:relative
    }
}

.c-medal-key__title {
    margin: 0;
    padding: 0 15px 0 0;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-medal-key__title {
        font-size:.6875rem;
        line-height: 1.875rem;
        width: 100%;
        padding: 0 0 0 45px
    }

    .c-medal-key__title:not(:first-child) {
        margin: 15px 0 0 0
    }
}

.c-medal-key__type {
    margin: 0;
    padding: 0
}

@media screen and (min-width: 0) and (max-width: 767px) {
    .c-medal-key__type {
        margin:0;
        padding: 0;
        border: 0;
        position: absolute;
        width: 30px;
        top: 0
    }

    .c-medal-key__type:nth-child(4) {
        top: 45px
    }

    .c-medal-key__type:nth-child(6) {
        top: 90px
    }
}

@media screen and (min-width: 768px) {
    .c-medal-key__type:not(:last-child) {
        border-right:1px solid #00143b;
        padding: 0 15px 0 0;
        margin: 0 15px 0 0
    }
}

.c-medal-table-header {
    margin: 0 0 30px 0;
    display: flex
}

@media screen and (min-width: 768px) {
    .c-medal-table-header {
        margin:0 0 40px 0;
        align-items: center
    }
}

.c-medal-table-header__item:last-child {
    margin-left: auto
}

/*# sourceMappingURL=critical-6ba2111ffa.min.css.map */