a{
    border-bottom: none !important;
    text-decoration: none !important;
}
@media (min-width:48em) {
    .is-hidden-tablet {
        display: none
    }
}

@media (min-width:64em) {
    .is-hidden-desktop {
        display: none
    }
}

@media (min-width:90em) {
    .is-hidden-wide {
        display: none
    }
}
.home-intro {
    color: #fff;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0;
    font-weight: 500;
    padding-right: 30%
}
@media (orientation: portrait) {
    .home-intro{
        padding-right: 0;
    }
}
    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    @font-face {
        font-family: akzidenz-grotesk;
        src: url(../fonts/akzidenzgrotesk-light-webfont.woff2) format("woff2"),url(../fonts/akzidenzgrotesk-light-webfont.woff) format("woff");
        font-style: normal;
        font-weight: 200
    }

    @font-face {
        font-family: akzidenz-grotesk;
        src: url(../fonts/akzidenzgrotesk-regular-webfont.woff2) format("woff2"),url(../fonts/akzidenzgrotesk-regular-webfont.woff) format("woff");
        font-style: normal;
        font-weight: 400
    }

    @font-face {
        font-family: akzidenz-grotesk;
        src: url(../fonts/akzidenzgrotesk-italic-webfont.woff2) format("woff2"),url(../fonts/akzidenzgrotesk-italic-webfont.woff) format("woff");
        font-style: italic;
        font-weight: 400
    }

    @font-face {
        font-family: akzidenz-grotesk;
        src: url(../fonts/akzidenzgrotesk-medium-webfont.woff2) format("woff2"),url(../fonts/akzidenzgrotesk-medium-webfont.woff) format("woff");
        font-style: normal;
        font-weight: 500
    }

    @font-face {
        font-family: akzidenz-grotesk;
        src: url(../fonts/akzidenzgrotesk-mediumitalic-webfont.woff2) format("woff2"),url(../fonts/akzidenzgrotesk-mediumitalic-webfont.woff) format("woff");
        font-style: italic;
        font-weight: 500
    }

    @font-face {
        font-family: akzidenz-grotesk;
        src: url(../fonts/akzidenzgrotesk-super-webfont.woff2) format("woff2"),url(../fonts/akzidenzgrotesk-super-webfont.woff) format("woff");
        font-style: normal;
        font-weight: 700
    }

    html {
        -webkit-text-size-adjust: none
    }

    body {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-family: akzidenz-grotesk,sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 1.625;
        color: #333;
        overflow-x: hidden;
    }

    .app {
        width: 100%;
    }

    body::-webkit-scrollbar {
        display: none;
    }

    h1, h2, h3, h4, h5, h6 {
        font-size: 1rem;
        line-height: 1.5
    }

    h1, h2, h3, h4, h5, h6, p {
        scroll-margin-top: 150px
    }

    .page-title {
        font-size: 16px;
        line-height: 1em;
        letter-spacing: 0;
        font-weight: 700;
        text-transform: uppercase
    }

    @media (min-width:64em) {
        .page-title {
            font-size: 18px
        }
    }

    .page-subtitle {
        font-size: 2.25em;
        line-height: .94em;
        letter-spacing: 0;
        font-weight: 700
    }

        .page-subtitle a {
            color: inherit;
            text-decoration: none
        }

    @media (min-width:48em) {
        .page-subtitle {
            font-size: 3em
        }
    }

    @media (min-width:64em) {
        .page-subtitle {
            font-size: 3.5em
        }
    }

    @media (min-width:90em) {
        .page-subtitle {
            font-size: 4em
        }
    }

    .page-subtitle--little {
        font-size: 1.375em
    }

    @media (min-width:64em) {
        .page-subtitle--little {
            font-size: 1.875em
        }
    }

    .page-subtitle--small {
        font-size: 2em
    }

    @media (min-width:48em) {
        .page-subtitle--small {
            font-size: 2.5em
        }
    }

    @media (min-width:64em) {
        .page-subtitle--small {
            font-size: 3em
        }
    }

    .page-subtitle--medium {
        font-size: 2.25rem
    }

    .page-subtitle--larger {
        font-size: 3rem
    }

    .page-subtitle--big {
        font-size: 2.5em
    }

    @media (min-width:48em) {
        .page-subtitle--big {
            font-size: 4.375em
        }
    }

    @media (min-width:64em) {
        .page-subtitle--big {
            font-size: 5em
        }
    }

    .richtext h2, .section-header {
        font-size: 32px;
        line-height: .94em;
        letter-spacing: 0;
        font-weight: 700
    }

    @media (min-width:48em) {
        .richtext h2, .section-header {
            font-size: 40px
        }
    }

    @media (min-width:64em) {
        .richtext h2, .section-header {
            font-size: 48px
        }
    }

    .information .richtext h2, .richtext h3, .section-subheader, .staff .richtext h2, .student .richtext h2 {
        font-size: 24px;
        line-height: .94em;
        letter-spacing: 0;
        font-weight: 700
    }

        .richtext h3:after, .section-subheader--spacer:after {
            content: '';
            display: block;
            position: relative;
            width: 50px;
            height: 5px;
            margin-top: 20px;
            background-image: linear-gradient(90deg,#eea229 0,#eecb27)
        }

    @media (min-width:64em) {
        .information .richtext h2, .richtext h3, .section-subheader, .staff .richtext h2, .student .richtext h2 {
            font-size: 30px
        }
    }

    .pullout-text {
        font-size: 18px;
        line-height: 1.4em;
        letter-spacing: 0;
        font-weight: 500
    }

    @media (min-width:64em) {
        .pullout-text {
            font-size: 20px
        }
    }

    .list__item, .numbered-list__item, .paragraph, .richtext ol > li, .richtext p:not(.pullout-text):not(.small-text), .richtext ul > li {
        font-size: 20px;
        line-height: 1.625em;
        letter-spacing: 0;
        font-weight: 400
    }

        .list__item b, .list__item strong, .numbered-list__item b, .numbered-list__item strong, .paragraph b, .paragraph strong, .richtext ol > li b, .richtext ol > li strong, .richtext p:not(.pullout-text):not(.small-text) b, .richtext p:not(.pullout-text):not(.small-text) strong, .richtext ul > li b, .richtext ul > li strong {
            font-weight: 500
        }

        .list__item em, .list__item i, .numbered-list__item em, .numbered-list__item i, .paragraph em, .paragraph i, .richtext ol > li em, .richtext ol > li i, .richtext p:not(.pullout-text):not(.small-text) em, .richtext p:not(.pullout-text):not(.small-text) i, .richtext ul > li em, .richtext ul > li i {
            font-style: italic
        }

        .list__item a, .numbered-list__item a, .paragraph a, .richtext ol > li a, .richtext p:not(.pullout-text):not(.small-text) a, .richtext ul > li a {
            color: black;
            font-weight: 500;
            transition: color .2s linear;
            border-bottom: none
        }

            .list__item a.styleguide-hover, .list__item a:focus, .list__item a:hover, .numbered-list__item a.styleguide-hover, .numbered-list__item a:focus, .numbered-list__item a:hover, .paragraph a.styleguide-hover, .paragraph a:focus, .paragraph a:hover, .richtext ol > li a.styleguide-hover, .richtext ol > li a:focus, .richtext ol > li a:hover, .richtext p:not(.pullout-text):not(.small-text) a.styleguide-hover, .richtext p:not(.pullout-text):not(.small-text) a:focus, .richtext p:not(.pullout-text):not(.small-text) a:hover, .richtext ul > li a.styleguide-hover, .richtext ul > li a:focus, .richtext ul > li a:hover {
                color: #d5031e;
                border-bottom: none
            }

           /* .list__item a:visited, .numbered-list__item a:visited, .paragraph a:visited, .richtext ol > li a:visited, .richtext p:not(.pullout-text):not(.small-text) a:visited, .richtext ul > li a:visited {
                color: black
            }*/

/*    .richtext .staff ol > li a:visited, .richtext .staff p:not(.pullout-text):not(.small-text) a:visited, .richtext .staff ul > li a:visited, .staff .list__item a:visited, .staff .numbered-list__item a:visited, .staff .paragraph a:visited, .staff .richtext ol > li a:visited, .staff .richtext p:not(.pullout-text):not(.small-text) a:visited, .staff .richtext ul > li a:visited {
        color: black
    }
*/
        .richtext .staff ol > li a:visited:focus, .richtext .staff ol > li a:visited:hover, .richtext .staff p:not(.pullout-text):not(.small-text) a:visited:focus, .richtext .staff p:not(.pullout-text):not(.small-text) a:visited:hover, .richtext .staff ul > li a:visited:focus, .richtext .staff ul > li a:visited:hover, .staff .list__item a:visited:focus, .staff .list__item a:visited:hover, .staff .numbered-list__item a:visited:focus, .staff .numbered-list__item a:visited:hover, .staff .paragraph a:visited:focus, .staff .paragraph a:visited:hover, .staff .richtext ol > li a:visited:focus, .staff .richtext ol > li a:visited:hover, .staff .richtext p:not(.pullout-text):not(.small-text) a:visited:focus, .staff .richtext p:not(.pullout-text):not(.small-text) a:visited:hover, .staff .richtext ul > li a:visited:focus, .staff .richtext ul > li a:visited:hover {
            border-bottom: none
        }

    .richtext .medium-title, .richtext h4, .small-header {
        font-size: 18px;
        line-height: 1.2em;
        letter-spacing: 0;
        font-weight: 700
    }

    .small-title {
        line-height: .94em;
        font-weight: 700
    }

    .small-text, .small-title {
        font-size: 14px;
        letter-spacing: 0
    }

    .small-text {
        font-weight: 400;
        line-height: 1.4em
    }

        .small-text a {
            color: inherit
        }

    .small-text--results {
        color: #666
    }

    @media (min-width:64em) {
        .small-text--desktop-hide {
            display: none
        }
    }

    .small-text--desktop-show {
        display: none
    }

    @media (min-width:64em) {
        .small-text--desktop-show {
            display: inline-block
        }
    }

    .text-category {
        font-size: 22px;
        line-height: 1.3;
        font-weight: 700
    }

        .text-category strong {
            font-size: 18px
        }

    @media (min-width:48em) {
        .text-category {
            font-size: 30px
        }
    }

    .page-publish-date {
        display: inline-block;
        font-size: .875rem;
        color: #666
    }

    .caption {
        font-size: 12px;
        line-height: 1.125em;
        letter-spacing: 0;
        font-weight: 400
    }

    @media (min-width:64em) {
        .caption {
            font-size: 14px
        }
    }

    @media (min-width:90em) {
        .caption {
            font-size: 16px
        }
    }

    .quote {
        font-size: 20px;
        line-height: 1.2em;
        letter-spacing: 0;
        font-weight: 500;
        font-style: italic
    }

    @media (min-width:64em) {
        .quote {
            font-size: 30px
        }
    }

    .quote__author {
        display: block;
        margin-top: 30px
    }

        .quote__author:before {
            content: '';
            display: block;
            width: 40px;
            height: 5px;
            background-color: #fffffa;
            margin-bottom: 30px
        }

    @media (min-width:64em) {
        .quote__author {
            margin-top: 40px
        }

            .quote__author:before {
                margin-bottom: 40px
            }
    }

    .quote__author-name {
        display: block;
        font-size: 18px;
        line-height: .94em;
        letter-spacing: 0;
        font-weight: 700;
        font-style: normal
    }

    .quote__author-title {
        margin-top: 10px;
        font-size: 13px
    }

    .quote__author-subtitle, .quote__author-title {
        display: block;
        line-height: .94em;
        font-weight: 400;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: .1em
    }

    .quote__author-subtitle {
        margin-top: 8px;
        font-size: 10px;
        opacity: .6
    }

    .quote--students-say {
        position: relative;
        padding: 30px 40px 40px 35px;
        font-style: normal;
        background-color: #f6f6f6
    }

        .quote--students-say:before {
            content: '\201C';
            display: block;
            position: relative;
            font-size: 95px;
            margin-top: 15px;
            line-height: .4;
            color: rgba(212,32,39,.3)
        }

        .quote--students-say p:not(.pullout-text):not(.small-text) {
            font-weight: 500;
            font-style: normal
        }

    .numbered-list, .richtext ol {
        display: block;
        position: relative;
        font-size: 18px
    }

        .numbered-list__item, .richtext ol > li {
            position: relative;
            color: #666;
            margin-left: 20px;
            padding-left: 20px
        }

    .list, .richtext ul {
        display: block;
        position: relative;
        list-style-type: square
    }

        .list__item, .richtext ul > li {
            position: relative;
            color: #666;
            margin-left: 20px;
            padding-left: 20px
        }

    .list__item-title {
        display: block;
        font-weight: 500;
        color: #1f1762
    }

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

        .list--expanded .list__item, .list--expanded .richtext ul > li, .richtext .list--expanded ul > li {
            position: relative;
            margin: 0;
            padding-left: 25px
        }

            .list--expanded .list__item:before, .list--expanded .richtext ul > li:before, .richtext .list--expanded ul > li:before {
                content: '';
                position: absolute;
                top: 8px;
                left: 0;
                width: 6px;
                height: 6px;
                background-color: #fffffa
            }

            .list--expanded .list__item + .list__item, .list--expanded .richtext ul > .list__item + li, .list--expanded .richtext ul > li + .list__item, .list--expanded .richtext ul > li + li, .richtext .list--expanded ul > .list__item + li, .richtext .list--expanded ul > li + .list__item, .richtext .list--expanded ul > li + li {
                margin-top: 20px
            }

    .media-title {
        font-size: 2rem;
        line-height: .9375em;
        font-weight: 700
    }

    @media (min-width:48em) {
        .media-title {
            font-size: 2.5rem
        }
    }

    @media (min-width:64em) {
        .media-title {
            font-size: 3rem
        }
    }

    .nav-item {
        font-family: akzidenz-grotesk,sans-serif;
        font-weight: 400;
        display: inline-block;
        font-size: 30px;
        font-weight: 700;
        line-height: 1em;
        letter-spacing: 0;
        text-transform: uppercase;
        text-decoration: none;
        background: transparent;
        border: none;
        color: #fff;
        cursor: pointer
    }

    .nav-item__icon {
        display: inline-block;
        width: .7em;
        height: .7em;
        margin-left: -.1em;
        vertical-align: baseline;
        fill: #fff;
        pointer-events: none
    }

    @media (min-width:48em) {
        .nav-item {
            font-size: 48px
        }
    }

    @media (min-width:64em) {
        .nav-item {
            font-size: 70px
        }
    }

    @media (min-width:90em) {
        .nav-item {
            font-size: 90px
        }
    }

    .nav-item.is-active, .nav-item:focus, .nav-item:hover {
        color: #eecb27
    }

        .nav-item.is-active .nav-item__icon, .nav-item:focus .nav-item__icon, .nav-item:hover .nav-item__icon {
            fill: #eecb27
        }

    .webkit-textfill .nav-item.is-active, .webkit-textfill .nav-item:focus, .webkit-textfill .nav-item:hover {
        background-image: linear-gradient(90deg,#eea229 0,#eecb27);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text
    }

    .nav-subitem {
        font-size: 13px;
        font-family: Poppins;
        font-weight: 600;
        line-height: 1em;
        letter-spacing: 0;
        text-decoration: none;
        cursor: pointer;
        transition: color .2s linear
    }

    @media (min-width:48em) {
        .nav-subitem {
            font-size: 15px
        }
    }

    @media (min-width:64em) {
        .nav-subitem {
            font-size: 15px
        }
    }

    @media (min-width:90em) {
        .nav-subitem {
            font-size: 20px
        }
    }

    .breadcrumb {
        display: inline-block;
        font-size: 0;
        color: #ddd
    }

    .theme-light .breadcrumb {
        color: #333
    }

    .breadcrumb__icon {
        width: 15px;
        height: 15px;
        fill: currentColor;
        margin-bottom: -3px
    }

    .breadcrumb__divider, .breadcrumb__item {
        font-size: 12px;
        font-weight: 400;
        color: currentColor
    }

    .breadcrumb a.breadcrumb__item {
        font-weight: 500;
        text-decoration: none
    }

    .breadcrumb__divider:before {
        content: '/';
        margin-left: 7px;
        margin-right: 7px
    }

    .breadcrumb--underlined {
        color: #666
    }

        .breadcrumb--underlined .breadcrumb__item:not(:last-child) {
            font-weight: 400;
            text-decoration: underline
        }

    .detached-link {
        font-weight: 500;
        color: #d42027;
        text-decoration: none
    }

        .detached-link.styleguide-hover, .detached-link:focus, .detached-link:hover {
            color: #eecb27
        }

    .detached-link__icon {
        fill: currentColor;
        height: .6em
    }

    .detached-link__icon--large {
        height: 1.2em;
        margin-bottom: -.2em;
        margin-left: 4px
    }

    hr {
        display: block;
        position: relative;
        width: 100%;
        height: 1px;
        background-color: #ccc
    }

    .preformatted {
        white-space: pre-wrap
    }

    .richtext h1:first-child, .richtext h2:first-child, .richtext h3:first-child, .richtext h4:first-child, .richtext h5:first-child, .richtext h6:first-child, .richtext img:first-child, .richtext li:first-child, .richtext ol:first-child, .richtext p:first-child, .richtext table:first-child, .richtext ul:first-child {
        margin-top: 0
    }

    .richtext h1:last-child, .richtext h2:last-child, .richtext h3:last-child, .richtext h4:last-child, .richtext h5:last-child, .richtext h6:last-child, .richtext img:last-child, .richtext li:last-child, .richtext ol:last-child, .richtext p:last-child, .richtext table:last-child, .richtext ul:last-child {
        margin-bottom: 0
    }

    .richtext h2 {
        color: #d42027
    }

    .richtext h3 {
        font-size: 21px;
        color: #000
    }

    .richtext .medium-title, .richtext h4 {
        color: #000
    }

        .richtext .medium-title:after, .richtext h4:after {
            content: normal
        }

        .richtext .medium-title.purple, .richtext h4.purple {
            color: #d42027;
            text-decoration: none
        }

    .richtext h5 {
        font-size: 1rem;
        font-weight: 700;
        color: #666
    }

    .richtext h6 {
        font-size: 1rem;
        font-weight: 500;
        color: #666
    }

    .richtext .pullout-text {
        color: #333
    }

        .richtext .pullout-text p:not(.pullout-text):not(.small-text) {
            font-weight: 500;
            font-size: 20px
        }

    .richtext .keywords {
        color: #000;
        margin-top: 0
    }

    .richtext .keywords__inline {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .richtext .date {
        display: inline-block;
        font-size: .875rem
    }

    .richtext .minor-title {
        font-size: 1rem;
        color: inherit
    }

        .richtext .minor-title + p {
            margin-top: 0
        }

    .staff-profile .richtext ul > li {
        color: #000
    }

    .richtext ul + .title-xs {
        margin-top: 35px
    }

    .richtext .horizontal-scroll table {
        margin-top: 0
    }

    .richtext img {
        margin-top: 60px;
        display: block;
        position: relative;
        width: 100%;
        margin-left: 0;
        height: auto
    }

    @media (min-width:48em) {
        .richtext img {
            margin-top: 80px;
            width: 116.66667%;
            margin-left: -8.33333%
        }
    }

    @media (min-width:90em) {
        .richtext img {
            margin-top: 120px
        }
    }

    .richtext iframe {
        width: 100%
    }

    .richtext .title-l {
        font-size: 22px
    }

        .richtext .title-l:after {
            margin-top: 15px
        }

        .richtext .title-l + .bordered-box, .richtext .title-l + .title-xs {
            margin-top: 35px
        }

    .richtext .title-xs {
        font-size: inherit;
        margin: 20px 0 0
    }

        .richtext .title-xs + p {
            margin-top: 0
        }

    .richtext .bordered-box {
        border: 2px solid #ccc;
        padding: 20px 25px;
        margin-top: 20px
    }

    @media (min-width:48em) {
        .richtext .bordered-box {
            margin-left: -25px;
            margin-right: -25px
        }
    }

    p a, table a {
        color: #d42027;
        font-weight: 500;
        transition: color .2s linear,border-bottom .2s linear;
        border-bottom: #eaeaea
    }

        p a.styleguide-hover, p a:focus, p a:hover, table a.styleguide-hover, table a:focus, table a:hover {
            color: #eecb27;
            border-bottom: #eecb27
        }

        p a:visited, table a:visited {
            color: #cd202c
        }

    .staff p a:visited, .staff table a:visited {
        color: #d42027
    }

        .staff p a:visited:focus, .staff p a:visited:hover, .staff table a:visited:focus, .staff table a:visited:hover {
            color: #eecb27;
            border-bottom: #eecb27
        }

    .grid {
        position: relative
    }

        .grid:after, .grid:before {
            clear: both;
            content: '';
            display: block
        }

        .grid.no-gutter {
            margin-left: 0;
            margin-right: 0
        }

            .grid.no-gutter > .grid__item {
                padding-left: 0;
                padding-right: 0
            }

    .grid--inline > .grid__item {
        float: none;
        display: inline-block;
        vertical-align: middle
    }

    .grid--inline-bottom > .grid__item {
        vertical-align: bottom
    }

    .grid--flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .grid--flex:after, .grid--flex:before {
            content: normal
        }

    .grid--flex-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .grid--flex > .grid__item {
        float: none;
        display: -ms-flexbox;
        display: flex;
        vertical-align: top
    }

    @media (min-width:64em) {
        .grid--flex-desktop {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: stretch;
            align-items: stretch;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .grid--flex-desktop:after, .grid--flex-desktop:before {
                content: normal
            }

            .grid--flex-desktop > .grid__item {
                float: none;
                display: -ms-flexbox;
                display: flex;
                vertical-align: top
            }

            .grid--flex-desktop > .grid__item--no-flex {
                display: block
            }
    }

    @media (min-width:48em) {
        .grid--flex-tablet {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: stretch;
            align-items: stretch;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .grid--flex-tablet:after, .grid--flex-tablet:before {
                content: normal
            }

            .grid--flex-tablet > .grid__item {
                float: none;
                display: -ms-flexbox;
                display: flex;
                vertical-align: top
            }

            .grid--flex-tablet > .grid__item--no-flex {
                display: block
            }
    }

    @media (min-width:64em) {
        .grid--flex-centered {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }
    }

    @media (min-width:64em) {
        .grid--flex-inversed {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }
    }

    .grid--centered {
        -ms-flex-align: center;
        align-items: center
    }

    .grid__item {
        width: 100%;
        position: relative;
        float: left;
        box-sizing: border-box;
        min-height: 1px
    }

        .grid__item.no-gutter {
            padding: 0
        }

    .grid__item--flex {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch
    }

        .grid__item--flex > * {
            -ms-flex: 1;
            flex: 1 1 0%;
            max-width: 100%
        }

    @media (min-width:48em) {
        .grid__item--flex-tablet {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: stretch;
            align-items: stretch
        }

            .grid__item--flex-tablet > * {
                -ms-flex: 1;
                flex: 1 1 0%;
                max-width: 100%
            }
    }

    .grid__item--block {
        display: block !important
    }

    .grid__item--flex-column {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .grid__item--flex-end {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .grid__item--flex-stretch {
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .grid__item--flex-fluid {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .grid__item--flex-fixed {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .grid__item--centered {
        text-align: center
    }

    .grid--12 > .grid__item--span-1 {
        width: 8.33333%
    }

    .grid--12 > .grid__item--span-2 {
        width: 16.66667%
    }

    .grid--12 > .grid__item--span-3 {
        width: 25%
    }

    .grid--12 > .grid__item--span-4 {
        width: 33.33333%
    }

    .grid--12 > .grid__item--span-5 {
        width: 41.66667%
    }

    .grid--12 > .grid__item--span-6 {
        width: 50%
    }

    .grid--12 > .grid__item--span-7 {
        width: 58.33333%
    }

    .grid--12 > .grid__item--span-8 {
        width: 66.66667%
    }

    .grid--12 > .grid__item--span-9 {
        width: 75%
    }

    .grid--12 > .grid__item--span-10 {
        width: 83.33333%
    }

    .grid--12 > .grid__item--span-11 {
        width: 91.66667%
    }

    .grid--12 > .grid__item--span-12 {
        width: 100%
    }

    .grid--12 > .grid__item--col-1 {
        margin-right: -100%;
        left: 0
    }

    .grid--12 > .grid__item--col-2 {
        margin-right: -100%;
        left: 8.33333%
    }

    .grid--12 > .grid__item--col-3 {
        margin-right: -100%;
        left: 16.66667%
    }

    .grid--12 > .grid__item--col-4 {
        margin-right: -100%;
        left: 25%
    }

    .grid--12 > .grid__item--col-5 {
        margin-right: -100%;
        left: 33.33333%
    }

    .grid--12 > .grid__item--col-6 {
        margin-right: -100%;
        left: 41.66667%
    }

    .grid--12 > .grid__item--col-7 {
        margin-right: -100%;
        left: 50%
    }

    .grid--12 > .grid__item--col-8 {
        margin-right: -100%;
        left: 58.33333%
    }

    .grid--12 > .grid__item--col-9 {
        margin-right: -100%;
        left: 66.66667%
    }

    .grid--12 > .grid__item--col-10 {
        margin-right: -100%;
        left: 75%
    }

    .grid--12 > .grid__item--col-11 {
        margin-right: -100%;
        left: 83.33333%
    }

    .grid--12 > .grid__item--col-12 {
        margin-right: -100%;
        left: 91.66667%
    }

    @media only screen and (min-width:48em) {
        .grid--12 > .grid__item--span-tablet-1 {
            width: 8.33333%
        }

        .grid--12 > .grid__item--col-tablet-1 {
            margin-left: 0;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-tablet-2 {
            width: 16.66667%
        }

        .grid--12 > .grid__item--col-tablet-2 {
            margin-left: 8.33333%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-tablet-3 {
            width: 25%
        }

        .grid--12 > .grid__item--col-tablet-3 {
            margin-left: 16.66667%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-tablet-4 {
            width: 33.33333%
        }

        .grid--12 > .grid__item--col-tablet-4 {
            margin-left: 25%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-tablet-5 {
            width: 41.66667%
        }

        .grid--12 > .grid__item--col-tablet-5 {
            margin-left: 33.33333%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-tablet-6 {
            width: 50%
        }

        .grid--12 > .grid__item--col-tablet-6 {
            margin-left: 41.66667%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-tablet-7 {
            width: 58.33333%
        }

        .grid--12 > .grid__item--col-tablet-7 {
            margin-left: 50%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-tablet-8 {
            width: 66.66667%
        }

        .grid--12 > .grid__item--col-tablet-8 {
            margin-left: 58.33333%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-tablet-9 {
            width: 75%
        }

        .grid--12 > .grid__item--col-tablet-9 {
            margin-left: 66.66667%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-tablet-10 {
            width: 83.33333%
        }

        .grid--12 > .grid__item--col-tablet-10 {
            margin-left: 75%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-tablet-11 {
            width: 91.66667%
        }

        .grid--12 > .grid__item--col-tablet-11 {
            margin-left: 83.33333%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-tablet-12 {
            width: 100%
        }

        .grid--12 > .grid__item--col-tablet-12 {
            margin-left: 91.66667%;
            margin-right: -100%
        }
    }

    @media only screen and (min-width:64em) {
        .grid--12 > .grid__item--span-desktop-1 {
            width: 8.33333%
        }

        .grid--12 > .grid__item--col-desktop-1 {
            margin-left: 0;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-desktop-2 {
            width: 16.66667%
        }

        .grid--12 > .grid__item--col-desktop-2 {
            margin-left: 8.33333%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-desktop-3 {
            width: 25%
        }

        .grid--12 > .grid__item--col-desktop-3 {
            margin-left: 16.66667%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-desktop-4 {
            width: 33.33333%
        }

        .grid--12 > .grid__item--col-desktop-4 {
            margin-left: 25%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-desktop-5 {
            width: 41.66667%
        }

        .grid--12 > .grid__item--col-desktop-5 {
            margin-left: 33.33333%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-desktop-6 {
            width: 50%
        }

        .grid--12 > .grid__item--col-desktop-6 {
            margin-left: 41.66667%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-desktop-7 {
            width: 58.33333%
        }

        .grid--12 > .grid__item--col-desktop-7 {
            margin-left: 50%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-desktop-8 {
            width: 66.66667%
        }

        .grid--12 > .grid__item--col-desktop-8 {
            margin-left: 58.33333%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-desktop-9 {
            width: 75%
        }

        .grid--12 > .grid__item--col-desktop-9 {
            margin-left: 66.66667%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-desktop-10 {
            width: 83.33333%
        }

        .grid--12 > .grid__item--col-desktop-10 {
            margin-left: 75%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-desktop-11 {
            width: 91.66667%
        }

        .grid--12 > .grid__item--col-desktop-11 {
            margin-left: 83.33333%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-desktop-12 {
            width: 100%
        }

        .grid--12 > .grid__item--col-desktop-12 {
            margin-left: 91.66667%;
            margin-right: -100%
        }
    }

    @media only screen and (min-width:90em) {
        .grid--12 > .grid__item--span-wide-1 {
            width: 8.33333%
        }

        .grid--12 > .grid__item--col-wide-1 {
            margin-left: 0;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-wide-2 {
            width: 16.66667%
        }

        .grid--12 > .grid__item--col-wide-2 {
            margin-left: 8.33333%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-wide-3 {
            width: 25%
        }

        .grid--12 > .grid__item--col-wide-3 {
            margin-left: 16.66667%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-wide-4 {
            width: 33.33333%
        }

        .grid--12 > .grid__item--col-wide-4 {
            margin-left: 25%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-wide-5 {
            width: 41.66667%
        }

        .grid--12 > .grid__item--col-wide-5 {
            margin-left: 33.33333%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-wide-6 {
            width: 50%
        }

        .grid--12 > .grid__item--col-wide-6 {
            margin-left: 41.66667%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-wide-7 {
            width: 58.33333%
        }

        .grid--12 > .grid__item--col-wide-7 {
            margin-left: 50%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-wide-8 {
            width: 66.66667%
        }

        .grid--12 > .grid__item--col-wide-8 {
            margin-left: 58.33333%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-wide-9 {
            width: 75%
        }

        .grid--12 > .grid__item--col-wide-9 {
            margin-left: 66.66667%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-wide-10 {
            width: 83.33333%
        }

        .grid--12 > .grid__item--col-wide-10 {
            margin-left: 75%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-wide-11 {
            width: 91.66667%
        }

        .grid--12 > .grid__item--col-wide-11 {
            margin-left: 83.33333%;
            margin-right: -100%
        }

        .grid--12 > .grid__item--span-wide-12 {
            width: 100%
        }

        .grid--12 > .grid__item--col-wide-12 {
            margin-left: 91.66667%;
            margin-right: -100%
        }
    }

    @media only screen and (min-width:48.1em) {
        .grid--12 > .hide--col-tablet {
            display: none
        }
    }

    @media only screen and (min-width:64.1em) {
        .grid--12 > .hide--col-desktop {
            display: none
        }
    }

    @media only screen and (min-width:90.1em) {
        .grid--12 > .hide--col-wide {
            display: none
        }
    }

    .grid {
        margin-left: -20px;
        margin-right: -20px
    }

        .grid > .grid__item {
            padding-left: 20px;
            padding-right: 20px
        }

    .grid--gutter-empty {
        margin-left: 0;
        margin-right: 0
    }

        .grid--gutter-empty > .grid__item {
            padding-left: 0;
            padding-right: 0
        }

    .grid--h-gutter-empty, .grid--h-gutter-empty > .grid__item {
        margin-bottom: 0
    }

    .grid--gutter-xxs {
        margin-left: -2.5px;
        margin-right: -2.5px
    }

        .grid--gutter-xxs > .grid__item {
            padding-left: 2.5px;
            padding-right: 2.5px
        }

    .grid--h-gutter-xxs {
        margin-bottom: -5px
    }

        .grid--h-gutter-xxs > .grid__item {
            margin-bottom: 5px
        }

    .grid--gutter-xs {
        margin-left: -5px;
        margin-right: -5px
    }

        .grid--gutter-xs > .grid__item {
            padding-left: 5px;
            padding-right: 5px
        }

    .grid--h-gutter-xs {
        margin-bottom: -10px
    }

        .grid--h-gutter-xs > .grid__item {
            margin-bottom: 10px
        }

    .grid--gutter-sm {
        margin-left: -7.5px;
        margin-right: -7.5px
    }

        .grid--gutter-sm > .grid__item {
            padding-left: 7.5px;
            padding-right: 7.5px
        }

    .grid--h-gutter-sm {
        margin-bottom: -15px
    }

        .grid--h-gutter-sm > .grid__item {
            margin-bottom: 15px
        }

    .grid--gutter-rg {
        margin-left: -10px;
        margin-right: -10px
    }

        .grid--gutter-rg > .grid__item {
            padding-left: 10px;
            padding-right: 10px
        }

    .grid--h-gutter-rg {
        margin-bottom: -20px
    }

        .grid--h-gutter-rg > .grid__item {
            margin-bottom: 20px
        }

    .grid--gutter-md {
        margin-left: -15px;
        margin-right: -15px
    }

        .grid--gutter-md > .grid__item {
            padding-left: 15px;
            padding-right: 15px
        }

    .grid--h-gutter-md {
        margin-bottom: -30px
    }

        .grid--h-gutter-md > .grid__item {
            margin-bottom: 30px
        }

    .grid--gutter-lg {
        margin-left: -20px;
        margin-right: -20px
    }

        .grid--gutter-lg > .grid__item {
            padding-left: 20px;
            padding-right: 20px
        }

    .grid--h-gutter-lg {
        margin-bottom: -40px
    }

        .grid--h-gutter-lg > .grid__item {
            margin-bottom: 40px
        }

    .grid--gutter-xl {
        margin-left: -30px;
        margin-right: -30px
    }

        .grid--gutter-xl > .grid__item {
            padding-left: 30px;
            padding-right: 30px
        }

    .grid--h-gutter-xl {
        margin-bottom: -60px
    }

        .grid--h-gutter-xl > .grid__item {
            margin-bottom: 60px
        }

    .grid--gutter-xxl {
        margin-left: -40px;
        margin-right: -40px
    }

        .grid--gutter-xxl > .grid__item {
            padding-left: 40px;
            padding-right: 40px
        }

    .grid--h-gutter-xxl {
        margin-bottom: -80px
    }

        .grid--h-gutter-xxl > .grid__item {
            margin-bottom: 80px
        }

    .grid--gutter-xxxl {
        margin-left: -60px;
        margin-right: -60px
    }

        .grid--gutter-xxxl > .grid__item {
            padding-left: 60px;
            padding-right: 60px
        }

    .grid--h-gutter-xxxl {
        margin-bottom: -120px
    }

        .grid--h-gutter-xxxl > .grid__item {
            margin-bottom: 120px
        }

    @media (min-width:48em) {
        .grid--gutter-empty-tablet {
            margin-left: 0;
            margin-right: 0
        }

            .grid--gutter-empty-tablet > .grid__item {
                padding-left: 0;
                padding-right: 0
            }

        .grid--h-gutter-empty-tablet, .grid--h-gutter-empty-tablet > .grid__item {
            margin-bottom: 0
        }

        .grid--gutter-xxs-tablet {
            margin-left: -2.5px;
            margin-right: -2.5px
        }

            .grid--gutter-xxs-tablet > .grid__item {
                padding-left: 2.5px;
                padding-right: 2.5px
            }

        .grid--h-gutter-xxs-tablet {
            margin-bottom: -5px
        }

            .grid--h-gutter-xxs-tablet > .grid__item {
                margin-bottom: 5px
            }

        .grid--gutter-xs-tablet {
            margin-left: -5px;
            margin-right: -5px
        }

            .grid--gutter-xs-tablet > .grid__item {
                padding-left: 5px;
                padding-right: 5px
            }

        .grid--h-gutter-xs-tablet {
            margin-bottom: -10px
        }

            .grid--h-gutter-xs-tablet > .grid__item {
                margin-bottom: 10px
            }

        .grid--gutter-sm-tablet {
            margin-left: -7.5px;
            margin-right: -7.5px
        }

            .grid--gutter-sm-tablet > .grid__item {
                padding-left: 7.5px;
                padding-right: 7.5px
            }

        .grid--h-gutter-sm-tablet {
            margin-bottom: -15px
        }

            .grid--h-gutter-sm-tablet > .grid__item {
                margin-bottom: 15px
            }

        .grid--gutter-rg-tablet {
            margin-left: -10px;
            margin-right: -10px
        }

            .grid--gutter-rg-tablet > .grid__item {
                padding-left: 10px;
                padding-right: 10px
            }

        .grid--h-gutter-rg-tablet {
            margin-bottom: -20px
        }

            .grid--h-gutter-rg-tablet > .grid__item {
                margin-bottom: 20px
            }

        .grid--gutter-md-tablet {
            margin-left: -15px;
            margin-right: -15px
        }

            .grid--gutter-md-tablet > .grid__item {
                padding-left: 15px;
                padding-right: 15px
            }

        .grid--h-gutter-md-tablet {
            margin-bottom: -30px
        }

            .grid--h-gutter-md-tablet > .grid__item {
                margin-bottom: 30px
            }

        .grid--gutter-lg-tablet {
            margin-left: -20px;
            margin-right: -20px
        }

            .grid--gutter-lg-tablet > .grid__item {
                padding-left: 20px;
                padding-right: 20px
            }

        .grid--h-gutter-lg-tablet {
            margin-bottom: -40px
        }

            .grid--h-gutter-lg-tablet > .grid__item {
                margin-bottom: 40px
            }

        .grid--gutter-xl-tablet {
            margin-left: -30px;
            margin-right: -30px
        }

            .grid--gutter-xl-tablet > .grid__item {
                padding-left: 30px;
                padding-right: 30px
            }

        .grid--h-gutter-xl-tablet {
            margin-bottom: -60px
        }

            .grid--h-gutter-xl-tablet > .grid__item {
                margin-bottom: 60px
            }

        .grid--gutter-xxl-tablet {
            margin-left: -40px;
            margin-right: -40px
        }

            .grid--gutter-xxl-tablet > .grid__item {
                padding-left: 40px;
                padding-right: 40px
            }

        .grid--h-gutter-xxl-tablet {
            margin-bottom: -80px
        }

            .grid--h-gutter-xxl-tablet > .grid__item {
                margin-bottom: 80px
            }

        .grid--gutter-xxxl-tablet {
            margin-left: -60px;
            margin-right: -60px
        }

            .grid--gutter-xxxl-tablet > .grid__item {
                padding-left: 60px;
                padding-right: 60px
            }

        .grid--h-gutter-xxxl-tablet {
            margin-bottom: -120px
        }

            .grid--h-gutter-xxxl-tablet > .grid__item {
                margin-bottom: 120px
            }
    }

    @media (min-width:64em) {
        .grid--gutter-empty-desktop {
            margin-left: 0;
            margin-right: 0
        }

            .grid--gutter-empty-desktop > .grid__item {
                padding-left: 0;
                padding-right: 0
            }

        .grid--h-gutter-empty-desktop, .grid--h-gutter-empty-desktop > .grid__item {
            margin-bottom: 0
        }

        .grid--gutter-xxs-desktop {
            margin-left: -2.5px;
            margin-right: -2.5px
        }

            .grid--gutter-xxs-desktop > .grid__item {
                padding-left: 2.5px;
                padding-right: 2.5px
            }

        .grid--h-gutter-xxs-desktop {
            margin-bottom: -5px
        }

            .grid--h-gutter-xxs-desktop > .grid__item {
                margin-bottom: 5px
            }

        .grid--gutter-xs-desktop {
            margin-left: -5px;
            margin-right: -5px
        }

            .grid--gutter-xs-desktop > .grid__item {
                padding-left: 5px;
                padding-right: 5px
            }

        .grid--h-gutter-xs-desktop {
            margin-bottom: -10px
        }

            .grid--h-gutter-xs-desktop > .grid__item {
                margin-bottom: 10px
            }

        .grid--gutter-sm-desktop {
            margin-left: -7.5px;
            margin-right: -7.5px
        }

            .grid--gutter-sm-desktop > .grid__item {
                padding-left: 7.5px;
                padding-right: 7.5px
            }

        .grid--h-gutter-sm-desktop {
            margin-bottom: -15px
        }

            .grid--h-gutter-sm-desktop > .grid__item {
                margin-bottom: 15px
            }

        .grid--gutter-rg-desktop {
            margin-left: -10px;
            margin-right: -10px
        }

            .grid--gutter-rg-desktop > .grid__item {
                padding-left: 10px;
                padding-right: 10px
            }

        .grid--h-gutter-rg-desktop {
            margin-bottom: -20px
        }

            .grid--h-gutter-rg-desktop > .grid__item {
                margin-bottom: 20px
            }

        .grid--gutter-md-desktop {
            margin-left: -15px;
            margin-right: -15px
        }

            .grid--gutter-md-desktop > .grid__item {
                padding-left: 15px;
                padding-right: 15px
            }

        .grid--h-gutter-md-desktop {
            margin-bottom: -30px
        }

            .grid--h-gutter-md-desktop > .grid__item {
                margin-bottom: 30px
            }

        .grid--gutter-lg-desktop {
            margin-left: -20px;
            margin-right: -20px
        }

            .grid--gutter-lg-desktop > .grid__item {
                padding-left: 20px;
                padding-right: 20px
            }

        .grid--h-gutter-lg-desktop {
            margin-bottom: -40px
        }

            .grid--h-gutter-lg-desktop > .grid__item {
                margin-bottom: 40px
            }

        .grid--gutter-xl-desktop {
            margin-left: -30px;
            margin-right: -30px
        }

            .grid--gutter-xl-desktop > .grid__item {
                padding-left: 30px;
                padding-right: 30px
            }

        .grid--h-gutter-xl-desktop {
            margin-bottom: -60px
        }

            .grid--h-gutter-xl-desktop > .grid__item {
                margin-bottom: 60px
            }

        .grid--gutter-xxl-desktop {
            margin-left: -40px;
            margin-right: -40px
        }

            .grid--gutter-xxl-desktop > .grid__item {
                padding-left: 40px;
                padding-right: 40px
            }

        .grid--h-gutter-xxl-desktop {
            margin-bottom: -80px
        }

            .grid--h-gutter-xxl-desktop > .grid__item {
                margin-bottom: 80px
            }

        .grid--gutter-xxxl-desktop {
            margin-left: -60px;
            margin-right: -60px
        }

            .grid--gutter-xxxl-desktop > .grid__item {
                padding-left: 60px;
                padding-right: 60px
            }

        .grid--h-gutter-xxxl-desktop {
            margin-bottom: -120px
        }

            .grid--h-gutter-xxxl-desktop > .grid__item {
                margin-bottom: 120px
            }
    }

    @media (min-width:90em) {
        .grid--gutter-empty-wide {
            margin-left: 0;
            margin-right: 0
        }

            .grid--gutter-empty-wide > .grid__item {
                padding-left: 0;
                padding-right: 0
            }

        .grid--h-gutter-empty-wide, .grid--h-gutter-empty-wide > .grid__item {
            margin-bottom: 0
        }

        .grid--gutter-xxs-wide {
            margin-left: -2.5px;
            margin-right: -2.5px
        }

            .grid--gutter-xxs-wide > .grid__item {
                padding-left: 2.5px;
                padding-right: 2.5px
            }

        .grid--h-gutter-xxs-wide {
            margin-bottom: -5px
        }

            .grid--h-gutter-xxs-wide > .grid__item {
                margin-bottom: 5px
            }

        .grid--gutter-xs-wide {
            margin-left: -5px;
            margin-right: -5px
        }

            .grid--gutter-xs-wide > .grid__item {
                padding-left: 5px;
                padding-right: 5px
            }

        .grid--h-gutter-xs-wide {
            margin-bottom: -10px
        }

            .grid--h-gutter-xs-wide > .grid__item {
                margin-bottom: 10px
            }

        .grid--gutter-sm-wide {
            margin-left: -7.5px;
            margin-right: -7.5px
        }

            .grid--gutter-sm-wide > .grid__item {
                padding-left: 7.5px;
                padding-right: 7.5px
            }

        .grid--h-gutter-sm-wide {
            margin-bottom: -15px
        }

            .grid--h-gutter-sm-wide > .grid__item {
                margin-bottom: 15px
            }

        .grid--gutter-rg-wide {
            margin-left: -10px;
            margin-right: -10px
        }

            .grid--gutter-rg-wide > .grid__item {
                padding-left: 10px;
                padding-right: 10px
            }

        .grid--h-gutter-rg-wide {
            margin-bottom: -20px
        }

            .grid--h-gutter-rg-wide > .grid__item {
                margin-bottom: 20px
            }

        .grid--gutter-md-wide {
            margin-left: -15px;
            margin-right: -15px
        }

            .grid--gutter-md-wide > .grid__item {
                padding-left: 15px;
                padding-right: 15px
            }

        .grid--h-gutter-md-wide {
            margin-bottom: -30px
        }

            .grid--h-gutter-md-wide > .grid__item {
                margin-bottom: 30px
            }

        .grid--gutter-lg-wide {
            margin-left: -20px;
            margin-right: -20px
        }

            .grid--gutter-lg-wide > .grid__item {
                padding-left: 20px;
                padding-right: 20px
            }

        .grid--h-gutter-lg-wide {
            margin-bottom: -40px
        }

            .grid--h-gutter-lg-wide > .grid__item {
                margin-bottom: 40px
            }

        .grid--gutter-xl-wide {
            margin-left: -30px;
            margin-right: -30px
        }

            .grid--gutter-xl-wide > .grid__item {
                padding-left: 30px;
                padding-right: 30px
            }

        .grid--h-gutter-xl-wide {
            margin-bottom: -60px
        }

            .grid--h-gutter-xl-wide > .grid__item {
                margin-bottom: 60px
            }

        .grid--gutter-xxl-wide {
            margin-left: -40px;
            margin-right: -40px
        }

            .grid--gutter-xxl-wide > .grid__item {
                padding-left: 40px;
                padding-right: 40px
            }

        .grid--h-gutter-xxl-wide {
            margin-bottom: -80px
        }

            .grid--h-gutter-xxl-wide > .grid__item {
                margin-bottom: 80px
            }

        .grid--gutter-xxxl-wide {
            margin-left: -60px;
            margin-right: -60px
        }

            .grid--gutter-xxxl-wide > .grid__item {
                padding-left: 60px;
                padding-right: 60px
            }

        .grid--h-gutter-xxxl-wide {
            margin-bottom: -120px
        }

            .grid--h-gutter-xxxl-wide > .grid__item {
                margin-bottom: 120px
            }
    }

    body, html {
        min-height: 100%
    }

    html {
        overflow-x: hidden;
        overflow-y: scroll
    }

        html.is-locked {
            overflow: hidden;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh
        }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box
    }

    [v-cloak] {
        display: none !important
    }

    .wrapper.is-locked {
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh
    }

    @media (min-width:90em) {
        .container, hr {
            max-width: 1440px;
            margin-left: auto;
            margin-right: auto
        }
    }

    .clearfix:after {
        content: '';
        display: table;
        clear: both
    }

    .block {
        background-color: #fff
    }

        .block:after, .block:before {
            content: '';
            display: table;
            width: 100%;
            clear: both
        }

        .block:nth-child(odd) {
            background-color: #f6f6f6
        }

    @media (min-width:48em) {
        .side-nav-column {
            max-width: 250px
        }
    }

    .extra-bottom-margin {
        margin-bottom: 50px
    }

    fieldset {
        border: none
    }

    .button, .link {
        position: relative;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-decoration: none;
        cursor: pointer
    }

        .button .icon, .link .icon {
            fill: currentColor;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            pointer-events: none
        }

            .button .icon:first-child, .link .icon:first-child {
                margin-right: 20px
            }

    @media (min-width:48em) {
        .button .icon:first-child, .link .icon:first-child {
            margin-right: 30px
        }
    }

    .button .icon:last-child, .link .icon:last-child {
        margin-left: 20px
    }

    @media (min-width:48em) {
        .button .icon:last-child, .link .icon:last-child {
            margin-left: 30px
        }
    }

.button {
    font-weight: 700;
    border-radius: 5px;
    border: none;
    background-color: #eecb27;
    color: #fff !important;
    padding: 1.0625em 1.5625em;
    transition: filter .15s ease-in-out
}

    .button__text {
        font-weight: inherit
    }

.button--primary {
    font-weight: 700;
    border-radius: 5px;
    border: none;
    background-color: #eecb27;
    color: #fff !important;
    padding: 21px;
    transition: filter .15s ease-in-out
}

  /*      .button--primary:after, .button--primary:before {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 3px;
            left: 0;
            background-color: currentColor
        }*/

        .button--primary:before {
            top: 0
        }

        .button--primary:after {
            bottom: 0
        }

        .button--primary .icon {
            width: 16px;
            height: 16px
        }

    @media (min-width:48em) {
        .button--primary .icon {
            width: 18px;
            height: 18px
        }
    }

    @media (min-width:48em) {
        .button--primary {
            padding: 21px;
            border-width: 5px
        }

            .button--primary:after, .button--primary:before {
                height: 5px
            }
    }

.no-touchevents .button--primary.styleguide-hover, .no-touchevents .button--primary:focus, .no-touchevents .button--primary:hover {
    filter: drop-shadow(5px 5px 0px #d5031e);
}

    .button--primary--gradient, .button--primary--gradient:after, .button--primary--gradient:before {
/*        transition: none
*/    }

    .no-touchevents .button--primary--gradient.styleguide-hover, .no-touchevents .button--primary--gradient:focus, .no-touchevents .button--primary--gradient:hover {
/*        background-image: linear-gradient(90deg,#eea229 0,#eecb27);
*/        border-color: #fff;
        color: #fff
    }

        .no-touchevents .button--primary--gradient.styleguide-hover:after, .no-touchevents .button--primary--gradient.styleguide-hover:before, .no-touchevents .button--primary--gradient:focus:after, .no-touchevents .button--primary--gradient:focus:before, .no-touchevents .button--primary--gradient:hover:after, .no-touchevents .button--primary--gradient:hover:before {
            background-color: #fff
        }

    .button--narrow {
        font-size: 12px;
        padding: 20px;
        border-width: 3px
    }

        .button--narrow:after, .button--narrow:before {
            height: 3px
        }

    .button--secondary {
        font-weight: 700;
        border-radius: 5px;
        border: none;
        background-color: #d42027;
        color: #fff !important;
        padding: 1.0625em 1.5625em;
    }

        .button--secondary:not(.button--secondary--grey-hover) {
            transition: filter .15s ease-in-out
        }

    .no-touchevents .button--secondary:not(.button--secondary--grey-hover):not(.is-disabled).styleguide-hover, .no-touchevents .button--secondary:not(.button--secondary--grey-hover):not(.is-disabled):focus, .no-touchevents .button--secondary:not(.button--secondary--grey-hover):not(.is-disabled):hover {
        filter: drop-shadow(5px 5px 0px #000);
    }

    .button--secondary--grey-hover {
        transition: filter .15s ease-in-out
    }

    .no-touchevents .button--secondary--grey-hover:not(.is-disabled).styleguide-hover, .no-touchevents .button--secondary--grey-hover:not(.is-disabled):hover {
        border: 3px solid #ccc
    }

    .no-touchevents .button--secondary--grey-hover:not(.is-disabled):focus {
        border: 3px solid #000
    }

    .button--secondary.is-active {
        transition: none
    }

    .no-touchevents .button--secondary.is-active:not(.is-disabled).styleguide-hover, .no-touchevents .button--secondary.is-active:not(.is-disabled):focus, .no-touchevents .button--secondary.is-active:not(.is-disabled):hover {
        border: 3px solid #ccc
    }

    .button--transparent-border {
        border-color: hsla(0,0%,100%,.5)
    }

    .button--load-more {
        font-weight: 700;
        padding: .91em 1.1em;
        color: inherit;
        border: 3px solid #ccc;
        outline: none
    }

        .button--load-more .icon:first-child {
            margin-right: 0
        }

    @media (min-width:48em) {
        .button--load-more .icon:first-child {
            margin-right: 0
        }
    }

    .button--load-more .icon:last-child {
        margin-left: 10px
    }

    @media (min-width:48em) {
        .button--load-more .icon:last-child {
            margin-left: 10px
        }
    }

    .button--scroll-to {
        font-weight: 700;
        font-size: .875rem;
        padding: 1.1em;
        color: inherit;
        border: 3px solid #ccc;
        outline: none
    }

        .button--scroll-to .icon:last-child {
            margin-left: 10px
        }

    .button--filter {
        font-weight: 700;
        font-family: inherit;
        padding: 12px 19px;
        font-size: .75rem;
        outline: none
    }

        .button--filter .button__text, .button--filter .icon {
            display: inline-block;
            vertical-align: middle
        }

        .button--filter .icon {
            margin-left: 10px
        }

    @media (min-width:48em) {
        .button--filter .icon {
            margin-left: 10px
        }
    }

    .button--search {
        font-size: .875rem;
        padding: 16px 14px;
        color: #fffffa;
        border-width: 3px
    }

        .button--search .icon:last-child {
            margin-left: 20px
        }

    @media (min-width:48em) {
        .button--search .icon:last-child {
            margin-left: 20px
        }
    }

    @media (min-width:48em) {
        .button--search:after, .button--search:before {
            height: 3px
        }
    }

    .buttons-group {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .buttons-group--stack {
        -ms-flex-flow: column;
        flex-flow: column
    }

        .buttons-group--stack .button + .button {
            margin-top: 1.25rem
        }

    .buttons-group--combo {
        -ms-flex-flow: column;
        flex-flow: column
    }

    @media (min-width:64em) {
        .buttons-group--combo {
            display: block
        }
    }

    .buttons-group--combo .button {
        margin-right: 1.25rem
    }

    .buttons-group--row {
        -ms-flex-flow: column;
        flex-flow: column
    }

        .buttons-group--row .button + .button {
            margin: 1.25rem 0 0
        }

    @media (min-width:64em) {
        .buttons-group--row {
            -ms-flex-flow: row;
            flex-flow: row
        }

            .buttons-group--row .button + .button {
                margin: 0 0 0 1.25rem
            }
    }

    .content-padding {
        padding: 20px
    }

    @media (min-width:48em) {
        .content-padding {
            padding: 40px
        }
    }

    .page-margin-empty {
        padding-left: 0;
        padding-right: 0
    }

    .padding-empty {
        padding-top: 0;
        padding-bottom: 0
    }

    .padding-top-empty {
        padding-top: 0
    }

    .padding-bottom-empty {
        padding-bottom: 0
    }

    .margin-empty {
        margin-top: 0;
        margin-bottom: 0
    }

        .margin-empty:first-child {
            margin-top: 0
        }

        .margin-empty:last-child {
            margin-bottom: 0
        }

    .margin-top-empty, .margin-top-empty:first-child {
        margin-top: 0
    }

    .margin-bottom-empty, .margin-bottom-empty:last-child {
        margin-bottom: 0
    }

    .page-margin-xxs {
        padding-left: 5px;
        padding-right: 5px
    }

    .padding-xxs {
        padding-bottom: 5px
    }

    .padding-top-xxs, .padding-xxs {
        padding-top: 5px
    }

    .padding-bottom-xxs {
        padding-bottom: 5px
    }

    .margin-xxs {
        margin-top: 5px;
        margin-bottom: 5px
    }

        .margin-xxs:first-child {
            margin-top: 0
        }

        .margin-xxs:last-child {
            margin-bottom: 0
        }

    .margin-top-xxs {
        margin-top: 5px
    }

        .margin-top-xxs:first-child {
            margin-top: 0
        }

    .margin-bottom-xxs {
        margin-bottom: 5px
    }

        .margin-bottom-xxs:last-child {
            margin-bottom: 0
        }

    .page-margin-xs {
        padding-left: 10px;
        padding-right: 10px
    }

    .padding-xs {
        padding-bottom: 10px
    }

    .padding-top-xs, .padding-xs {
        padding-top: 10px
    }

    .padding-bottom-xs {
        padding-bottom: 10px
    }

    .margin-xs {
        margin-top: 10px;
        margin-bottom: 10px
    }

        .margin-xs:first-child {
            margin-top: 0
        }

        .margin-xs:last-child {
            margin-bottom: 0
        }

    .margin-top-xs, .richtext .date {
        margin-top: 10px
    }

        .margin-top-xs:first-child, .richtext .date:first-child {
            margin-top: 0
        }

    .margin-bottom-xs {
        margin-bottom: 10px
    }

        .margin-bottom-xs:last-child {
            margin-bottom: 0
        }

    .page-margin-sm {
        padding-left: 15px;
        padding-right: 15px
    }

    .padding-sm {
        padding-bottom: 15px
    }

    .padding-sm, .padding-top-sm {
        padding-top: 15px
    }

    .padding-bottom-sm {
        padding-bottom: 15px
    }

    .margin-sm {
        margin-top: 15px;
        margin-bottom: 15px
    }

        .margin-sm:first-child {
            margin-top: 0
        }

        .margin-sm:last-child {
            margin-bottom: 0
        }

    .margin-top-sm {
        margin-top: 15px
    }

        .margin-top-sm:first-child {
            margin-top: 0
        }

    .margin-bottom-sm {
        margin-bottom: 15px
    }

        .margin-bottom-sm:last-child {
            margin-bottom: 0
        }

    .page-margin-rg {
        padding-left: 20px;
        padding-right: 20px
    }

    .padding-rg {
        padding-bottom: 20px
    }

    .padding-rg, .padding-top-rg {
        padding-top: 20px
    }

    .padding-bottom-rg {
        padding-bottom: 20px
    }

    .margin-rg, hr {
        margin-top: 20px;
        margin-bottom: 20px
    }

        .margin-rg:first-child, hr:first-child {
            margin-top: 0
        }

        .margin-rg:last-child, hr:last-child {
            margin-bottom: 0
        }

    .margin-top-rg, .richtext + .richtext, .richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h4 + .title-sm, .richtext h4 + ul, .richtext h5, .richtext h6, .richtext li, .richtext ol, .richtext ol > li, .richtext p, .richtext ul, .richtext ul > li {
        margin-top: 20px
    }

        .margin-top-rg:first-child, .richtext + .richtext:first-child, .richtext h1:first-child, .richtext h2:first-child, .richtext h3:first-child, .richtext h4 + .title-sm:first-child, .richtext h4:first-child, .richtext h5:first-child, .richtext h6:first-child, .richtext li:first-child, .richtext ol:first-child, .richtext p:first-child, .richtext ul:first-child {
            margin-top: 0
        }

    .margin-bottom-rg {
        margin-bottom: 20px
    }

        .margin-bottom-rg:last-child {
            margin-bottom: 0
        }

    .page-margin-md {
        padding-left: 30px;
        padding-right: 30px
    }

    .padding-md {
        padding-bottom: 30px
    }

    .padding-md, .padding-top-md {
        padding-top: 30px
    }

    .padding-bottom-md {
        padding-bottom: 30px
    }

    .margin-md {
        margin-top: 30px;
        margin-bottom: 30px
    }

        .margin-md:first-child {
            margin-top: 0
        }

        .margin-md:last-child {
            margin-bottom: 0
        }

    .margin-top-md, .richtext + .button, .richtext .horizontal-scroll, .richtext .pullout-text, .richtext .pullout-text + :not(.pullout-text):not(img), .richtext h2 + p, .richtext h3:not(.medium-title) + p, .richtext h5, .richtext h6, .richtext ul {
        margin-top: 30px
    }

        .margin-top-md:first-child, .richtext + .button:first-child, .richtext .horizontal-scroll:first-child, .richtext .pullout-text + :first-child:not(.pullout-text):not(img), .richtext .pullout-text:first-child, .richtext h2 + p:first-child, .richtext h3:not(.medium-title) + p:first-child, .richtext h5:first-child, .richtext h6:first-child, .richtext ul:first-child {
            margin-top: 0
        }

    .margin-bottom-md {
        margin-bottom: 30px
    }

        .margin-bottom-md:last-child {
            margin-bottom: 0
        }

    .page-margin-lg {
        padding-left: 40px;
        padding-right: 40px
    }

    .padding-lg {
        padding-bottom: 40px
    }

    .padding-lg, .padding-top-lg {
        padding-top: 40px
    }

    .padding-bottom-lg {
        padding-bottom: 40px
    }

    .margin-lg {
        margin-top: 40px;
        margin-bottom: 40px
    }

        .margin-lg:first-child {
            margin-top: 0
        }

        .margin-lg:last-child {
            margin-bottom: 0
        }

    .margin-top-lg, .richtext h2, .richtext h3, .richtext ol {
        margin-top: 40px
    }

        .margin-top-lg:first-child, .richtext h2:first-child, .richtext h3:first-child, .richtext ol:first-child {
            margin-top: 0
        }

    .margin-bottom-lg {
        margin-bottom: 40px
    }

        .margin-bottom-lg:last-child {
            margin-bottom: 0
        }

    .page-margin-xl {
        padding-left: 60px;
        padding-right: 60px
    }

    .padding-xl {
        padding-bottom: 60px
    }

    .padding-top-xl, .padding-xl {
        padding-top: 60px
    }

    .padding-bottom-xl {
        padding-bottom: 60px
    }

    .margin-xl {
        margin-top: 60px;
        margin-bottom: 60px
    }

        .margin-xl:first-child {
            margin-top: 0
        }

        .margin-xl:last-child {
            margin-bottom: 0
        }

    .margin-top-xl, .richtext .medium-title, .richtext h4 {
        margin-top: 60px
    }

        .margin-top-xl:first-child, .richtext .medium-title:first-child, .richtext h4:first-child {
            margin-top: 0
        }

    .margin-bottom-xl {
        margin-bottom: 60px
    }

        .margin-bottom-xl:last-child {
            margin-bottom: 0
        }

    .page-margin-xxl {
        padding-left: 80px;
        padding-right: 80px
    }

    .padding-xxl {
        padding-bottom: 80px
    }

    .padding-top-xxl, .padding-xxl {
        padding-top: 80px
    }

    .padding-bottom-xxl {
        padding-bottom: 80px
    }

    .margin-xxl {
        margin-top: 80px;
        margin-bottom: 80px
    }

        .margin-xxl:first-child {
            margin-top: 0
        }

        .margin-xxl:last-child {
            margin-bottom: 0
        }

    .margin-top-xxl {
        margin-top: 80px
    }

        .margin-top-xxl:first-child {
            margin-top: 0
        }

    .margin-bottom-xxl {
        margin-bottom: 80px
    }

        .margin-bottom-xxl:last-child {
            margin-bottom: 0
        }

    .page-margin-xxxl {
        padding-left: 120px;
        padding-right: 120px
    }

    .padding-xxxl {
        padding-bottom: 120px
    }

    .padding-top-xxxl, .padding-xxxl {
        padding-top: 120px
    }

    .padding-bottom-xxxl {
        padding-bottom: 120px
    }

    .margin-xxxl {
        margin-top: 120px;
        margin-bottom: 120px
    }

        .margin-xxxl:first-child {
            margin-top: 0
        }

        .margin-xxxl:last-child {
            margin-bottom: 0
        }

    .margin-top-xxxl {
        margin-top: 120px
    }

        .margin-top-xxxl:first-child {
            margin-top: 0
        }

    .margin-bottom-xxxl {
        margin-bottom: 120px
    }

        .margin-bottom-xxxl:last-child {
            margin-bottom: 0
        }

    @media (min-width:48em) {
        .page-margin-empty-tablet {
            padding-left: 0;
            padding-right: 0
        }

        .padding-empty-tablet {
            padding-top: 0;
            padding-bottom: 0
        }

        .padding-top-empty-tablet {
            padding-top: 0
        }

        .padding-bottom-empty-tablet {
            padding-bottom: 0
        }

        .margin-empty-tablet {
            margin-top: 0;
            margin-bottom: 0
        }

            .margin-empty-tablet:first-child {
                margin-top: 0
            }

            .margin-empty-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-empty-tablet, .margin-top-empty-tablet:first-child {
            margin-top: 0
        }

        .margin-bottom-empty-tablet, .margin-bottom-empty-tablet:last-child {
            margin-bottom: 0
        }

        .page-margin-xxs-tablet {
            padding-left: 5px;
            padding-right: 5px
        }

        .padding-xxs-tablet {
            padding-top: 5px;
            padding-bottom: 5px
        }

        .padding-top-xxs-tablet {
            padding-top: 5px
        }

        .padding-bottom-xxs-tablet {
            padding-bottom: 5px
        }

        .margin-xxs-tablet {
            margin-top: 5px;
            margin-bottom: 5px
        }

            .margin-xxs-tablet:first-child {
                margin-top: 0
            }

            .margin-xxs-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-xxs-tablet {
            margin-top: 5px
        }

            .margin-top-xxs-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-xxs-tablet {
            margin-bottom: 5px
        }

            .margin-bottom-xxs-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-xs-tablet {
            padding-left: 10px;
            padding-right: 10px
        }

        .padding-xs-tablet {
            padding-top: 10px;
            padding-bottom: 10px
        }

        .padding-top-xs-tablet {
            padding-top: 10px
        }

        .padding-bottom-xs-tablet {
            padding-bottom: 10px
        }

        .margin-xs-tablet {
            margin-top: 10px;
            margin-bottom: 10px
        }

            .margin-xs-tablet:first-child {
                margin-top: 0
            }

            .margin-xs-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-xs-tablet {
            margin-top: 10px
        }

            .margin-top-xs-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-xs-tablet {
            margin-bottom: 10px
        }

            .margin-bottom-xs-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-sm-tablet {
            padding-left: 15px;
            padding-right: 15px
        }

        .padding-sm-tablet {
            padding-top: 15px;
            padding-bottom: 15px
        }

        .padding-top-sm-tablet {
            padding-top: 15px
        }

        .padding-bottom-sm-tablet {
            padding-bottom: 15px
        }

        .margin-sm-tablet {
            margin-top: 15px;
            margin-bottom: 15px
        }

            .margin-sm-tablet:first-child {
                margin-top: 0
            }

            .margin-sm-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-sm-tablet {
            margin-top: 15px
        }

            .margin-top-sm-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-sm-tablet {
            margin-bottom: 15px
        }

            .margin-bottom-sm-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-rg-tablet {
            padding-left: 20px;
            padding-right: 20px
        }

        .padding-rg-tablet {
            padding-top: 20px;
            padding-bottom: 20px
        }

        .padding-top-rg-tablet {
            padding-top: 20px
        }

        .padding-bottom-rg-tablet {
            padding-bottom: 20px
        }

        .margin-rg-tablet {
            margin-top: 20px;
            margin-bottom: 20px
        }

            .margin-rg-tablet:first-child {
                margin-top: 0
            }

            .margin-rg-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-rg-tablet {
            margin-top: 20px
        }

            .margin-top-rg-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-rg-tablet {
            margin-bottom: 20px
        }

            .margin-bottom-rg-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-md-tablet {
            padding-left: 30px;
            padding-right: 30px
        }

        .padding-md-tablet {
            padding-top: 30px;
            padding-bottom: 30px
        }

        .padding-top-md-tablet {
            padding-top: 30px
        }

        .padding-bottom-md-tablet {
            padding-bottom: 30px
        }

        .margin-md-tablet {
            margin-top: 30px;
            margin-bottom: 30px
        }

            .margin-md-tablet:first-child {
                margin-top: 0
            }

            .margin-md-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-md-tablet {
            margin-top: 30px
        }

            .margin-top-md-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-md-tablet {
            margin-bottom: 30px
        }

            .margin-bottom-md-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-lg-tablet {
            padding-left: 40px;
            padding-right: 40px
        }

        .padding-lg-tablet {
            padding-top: 40px;
            padding-bottom: 40px
        }

        .padding-top-lg-tablet {
            padding-top: 40px
        }

        .padding-bottom-lg-tablet {
            padding-bottom: 40px
        }

        .margin-lg-tablet {
            margin-top: 40px;
            margin-bottom: 40px
        }

            .margin-lg-tablet:first-child {
                margin-top: 0
            }

            .margin-lg-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-lg-tablet {
            margin-top: 40px
        }

            .margin-top-lg-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-lg-tablet {
            margin-bottom: 40px
        }

            .margin-bottom-lg-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-xl-tablet {
            padding-left: 60px;
            padding-right: 60px
        }

        .padding-xl-tablet {
            padding-top: 60px;
            padding-bottom: 60px
        }

        .padding-top-xl-tablet {
            padding-top: 60px
        }

        .padding-bottom-xl-tablet {
            padding-bottom: 60px
        }

        .margin-xl-tablet {
            margin-top: 60px;
            margin-bottom: 60px
        }

            .margin-xl-tablet:first-child {
                margin-top: 0
            }

            .margin-xl-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-xl-tablet {
            margin-top: 60px
        }

            .margin-top-xl-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-xl-tablet {
            margin-bottom: 60px
        }

            .margin-bottom-xl-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-xxl-tablet {
            padding-left: 80px;
            padding-right: 80px
        }

        .padding-xxl-tablet {
            padding-top: 80px;
            padding-bottom: 80px
        }

        .padding-top-xxl-tablet {
            padding-top: 80px
        }

        .padding-bottom-xxl-tablet {
            padding-bottom: 80px
        }

        .margin-xxl-tablet {
            margin-top: 80px;
            margin-bottom: 80px
        }

            .margin-xxl-tablet:first-child {
                margin-top: 0
            }

            .margin-xxl-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-xxl-tablet {
            margin-top: 80px
        }

            .margin-top-xxl-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-xxl-tablet {
            margin-bottom: 80px
        }

            .margin-bottom-xxl-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-xxxl-tablet {
            padding-left: 120px;
            padding-right: 120px
        }

        .padding-xxxl-tablet {
            padding-top: 120px;
            padding-bottom: 120px
        }

        .padding-top-xxxl-tablet {
            padding-top: 120px
        }

        .padding-bottom-xxxl-tablet {
            padding-bottom: 120px
        }

        .margin-xxxl-tablet {
            margin-top: 120px;
            margin-bottom: 120px
        }

            .margin-xxxl-tablet:first-child {
                margin-top: 0
            }

            .margin-xxxl-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-xxxl-tablet {
            margin-top: 120px
        }

            .margin-top-xxxl-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-xxxl-tablet {
            margin-bottom: 120px
        }

            .margin-bottom-xxxl-tablet:last-child {
                margin-bottom: 0
            }
    }

    @media (min-width:64em) {
        .page-margin-empty-desktop {
            padding-left: 0;
            padding-right: 0
        }

        .padding-empty-desktop {
            padding-top: 0;
            padding-bottom: 0
        }

        .padding-top-empty-desktop {
            padding-top: 0
        }

        .padding-bottom-empty-desktop {
            padding-bottom: 0
        }

        .margin-empty-desktop {
            margin-top: 0;
            margin-bottom: 0
        }

            .margin-empty-desktop:first-child {
                margin-top: 0
            }

            .margin-empty-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-empty-desktop, .margin-top-empty-desktop:first-child {
            margin-top: 0
        }

        .margin-bottom-empty-desktop, .margin-bottom-empty-desktop:last-child {
            margin-bottom: 0
        }

        .page-margin-xxs-desktop {
            padding-left: 5px;
            padding-right: 5px
        }

        .padding-xxs-desktop {
            padding-top: 5px;
            padding-bottom: 5px
        }

        .padding-top-xxs-desktop {
            padding-top: 5px
        }

        .padding-bottom-xxs-desktop {
            padding-bottom: 5px
        }

        .margin-xxs-desktop {
            margin-top: 5px;
            margin-bottom: 5px
        }

            .margin-xxs-desktop:first-child {
                margin-top: 0
            }

            .margin-xxs-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-xxs-desktop {
            margin-top: 5px
        }

            .margin-top-xxs-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-xxs-desktop {
            margin-bottom: 5px
        }

            .margin-bottom-xxs-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-xs-desktop {
            padding-left: 10px;
            padding-right: 10px
        }

        .padding-xs-desktop {
            padding-top: 10px;
            padding-bottom: 10px
        }

        .padding-top-xs-desktop {
            padding-top: 10px
        }

        .padding-bottom-xs-desktop {
            padding-bottom: 10px
        }

        .margin-xs-desktop {
            margin-top: 10px;
            margin-bottom: 10px
        }

            .margin-xs-desktop:first-child {
                margin-top: 0
            }

            .margin-xs-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-xs-desktop {
            margin-top: 10px
        }

            .margin-top-xs-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-xs-desktop {
            margin-bottom: 10px
        }

            .margin-bottom-xs-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-sm-desktop {
            padding-left: 15px;
            padding-right: 15px
        }

        .padding-sm-desktop {
            padding-top: 15px;
            padding-bottom: 15px
        }

        .padding-top-sm-desktop {
            padding-top: 15px
        }

        .padding-bottom-sm-desktop {
            padding-bottom: 15px
        }

        .margin-sm-desktop {
            margin-top: 15px;
            margin-bottom: 15px
        }

            .margin-sm-desktop:first-child {
                margin-top: 0
            }

            .margin-sm-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-sm-desktop {
            margin-top: 15px
        }

            .margin-top-sm-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-sm-desktop {
            margin-bottom: 15px
        }

            .margin-bottom-sm-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-rg-desktop {
            padding-left: 20px;
            padding-right: 20px
        }

        .padding-rg-desktop {
            padding-top: 20px;
            padding-bottom: 20px
        }

        .padding-top-rg-desktop {
            padding-top: 20px
        }

        .padding-bottom-rg-desktop {
            padding-bottom: 20px
        }

        .margin-rg-desktop {
            margin-top: 20px;
            margin-bottom: 20px
        }

            .margin-rg-desktop:first-child {
                margin-top: 0
            }

            .margin-rg-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-rg-desktop {
            margin-top: 20px
        }

            .margin-top-rg-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-rg-desktop {
            margin-bottom: 20px
        }

            .margin-bottom-rg-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-md-desktop {
            padding-left: 30px;
            padding-right: 30px
        }

        .padding-md-desktop {
            padding-top: 30px;
            padding-bottom: 30px
        }

        .padding-top-md-desktop {
            padding-top: 30px
        }

        .padding-bottom-md-desktop {
            padding-bottom: 30px
        }

        .margin-md-desktop {
            margin-top: 30px;
            margin-bottom: 30px
        }

            .margin-md-desktop:first-child {
                margin-top: 0
            }

            .margin-md-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-md-desktop {
            margin-top: 30px
        }

            .margin-top-md-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-md-desktop {
            margin-bottom: 30px
        }

            .margin-bottom-md-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-lg-desktop {
            padding-left: 40px;
            padding-right: 40px
        }

        .padding-lg-desktop {
            padding-top: 40px;
            padding-bottom: 40px
        }

        .padding-top-lg-desktop {
            padding-top: 40px
        }

        .padding-bottom-lg-desktop {
            padding-bottom: 40px
        }

        .margin-lg-desktop {
            margin-top: 40px;
            margin-bottom: 40px
        }

            .margin-lg-desktop:first-child {
                margin-top: 0
            }

            .margin-lg-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-lg-desktop {
            margin-top: 40px
        }

            .margin-top-lg-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-lg-desktop {
            margin-bottom: 40px
        }

            .margin-bottom-lg-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-xl-desktop {
            padding-left: 60px;
            padding-right: 60px
        }

        .padding-xl-desktop {
            padding-top: 60px;
            padding-bottom: 60px
        }

        .padding-top-xl-desktop {
            padding-top: 60px
        }

        .padding-bottom-xl-desktop {
            padding-bottom: 60px
        }

        .margin-xl-desktop {
            margin-top: 60px;
            margin-bottom: 60px
        }

            .margin-xl-desktop:first-child {
                margin-top: 0
            }

            .margin-xl-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-xl-desktop {
            margin-top: 60px
        }

            .margin-top-xl-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-xl-desktop {
            margin-bottom: 60px
        }

            .margin-bottom-xl-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-xxl-desktop {
            padding-left: 80px;
            padding-right: 80px
        }

        .padding-xxl-desktop {
            padding-top: 80px;
            padding-bottom: 80px
        }

        .padding-top-xxl-desktop {
            padding-top: 80px
        }

        .padding-bottom-xxl-desktop {
            padding-bottom: 80px
        }

        .margin-xxl-desktop {
            margin-top: 80px;
            margin-bottom: 80px
        }

            .margin-xxl-desktop:first-child {
                margin-top: 0
            }

            .margin-xxl-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-xxl-desktop {
            margin-top: 80px
        }

            .margin-top-xxl-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-xxl-desktop {
            margin-bottom: 80px
        }

            .margin-bottom-xxl-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-xxxl-desktop {
            padding-left: 120px;
            padding-right: 120px
        }

        .padding-xxxl-desktop {
            padding-top: 120px;
            padding-bottom: 120px
        }

        .padding-top-xxxl-desktop {
            padding-top: 120px
        }

        .padding-bottom-xxxl-desktop {
            padding-bottom: 120px
        }

        .margin-xxxl-desktop {
            margin-top: 120px;
            margin-bottom: 120px
        }

            .margin-xxxl-desktop:first-child {
                margin-top: 0
            }

            .margin-xxxl-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-xxxl-desktop {
            margin-top: 120px
        }

            .margin-top-xxxl-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-xxxl-desktop {
            margin-bottom: 120px
        }

            .margin-bottom-xxxl-desktop:last-child {
                margin-bottom: 0
            }
    }

    @media (min-width:90em) {
        .page-margin-empty-wide {
            padding-left: 0;
            padding-right: 0
        }

        .padding-empty-wide {
            padding-top: 0;
            padding-bottom: 0
        }

        .padding-top-empty-wide {
            padding-top: 0
        }

        .padding-bottom-empty-wide {
            padding-bottom: 0
        }

        .margin-empty-wide {
            margin-top: 0;
            margin-bottom: 0
        }

            .margin-empty-wide:first-child {
                margin-top: 0
            }

            .margin-empty-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-empty-wide, .margin-top-empty-wide:first-child {
            margin-top: 0
        }

        .margin-bottom-empty-wide, .margin-bottom-empty-wide:last-child {
            margin-bottom: 0
        }

        .page-margin-xxs-wide {
            padding-left: 5px;
            padding-right: 5px
        }

        .padding-xxs-wide {
            padding-top: 5px;
            padding-bottom: 5px
        }

        .padding-top-xxs-wide {
            padding-top: 5px
        }

        .padding-bottom-xxs-wide {
            padding-bottom: 5px
        }

        .margin-xxs-wide {
            margin-top: 5px;
            margin-bottom: 5px
        }

            .margin-xxs-wide:first-child {
                margin-top: 0
            }

            .margin-xxs-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-xxs-wide {
            margin-top: 5px
        }

            .margin-top-xxs-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-xxs-wide {
            margin-bottom: 5px
        }

            .margin-bottom-xxs-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-xs-wide {
            padding-left: 10px;
            padding-right: 10px
        }

        .padding-xs-wide {
            padding-top: 10px;
            padding-bottom: 10px
        }

        .padding-top-xs-wide {
            padding-top: 10px
        }

        .padding-bottom-xs-wide {
            padding-bottom: 10px
        }

        .margin-xs-wide {
            margin-top: 10px;
            margin-bottom: 10px
        }

            .margin-xs-wide:first-child {
                margin-top: 0
            }

            .margin-xs-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-xs-wide {
            margin-top: 10px
        }

            .margin-top-xs-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-xs-wide {
            margin-bottom: 10px
        }

            .margin-bottom-xs-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-sm-wide {
            padding-left: 15px;
            padding-right: 15px
        }

        .padding-sm-wide {
            padding-top: 15px;
            padding-bottom: 15px
        }

        .padding-top-sm-wide {
            padding-top: 15px
        }

        .padding-bottom-sm-wide {
            padding-bottom: 15px
        }

        .margin-sm-wide {
            margin-top: 15px;
            margin-bottom: 15px
        }

            .margin-sm-wide:first-child {
                margin-top: 0
            }

            .margin-sm-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-sm-wide {
            margin-top: 15px
        }

            .margin-top-sm-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-sm-wide {
            margin-bottom: 15px
        }

            .margin-bottom-sm-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-rg-wide {
            padding-left: 20px;
            padding-right: 20px
        }

        .padding-rg-wide {
            padding-top: 20px;
            padding-bottom: 20px
        }

        .padding-top-rg-wide {
            padding-top: 20px
        }

        .padding-bottom-rg-wide {
            padding-bottom: 20px
        }

        .margin-rg-wide {
            margin-top: 20px;
            margin-bottom: 20px
        }

            .margin-rg-wide:first-child {
                margin-top: 0
            }

            .margin-rg-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-rg-wide {
            margin-top: 20px
        }

            .margin-top-rg-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-rg-wide {
            margin-bottom: 20px
        }

            .margin-bottom-rg-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-md-wide {
            padding-left: 30px;
            padding-right: 30px
        }

        .padding-md-wide {
            padding-top: 30px;
            padding-bottom: 30px
        }

        .padding-top-md-wide {
            padding-top: 30px
        }

        .padding-bottom-md-wide {
            padding-bottom: 30px
        }

        .margin-md-wide {
            margin-top: 30px;
            margin-bottom: 30px
        }

            .margin-md-wide:first-child {
                margin-top: 0
            }

            .margin-md-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-md-wide {
            margin-top: 30px
        }

            .margin-top-md-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-md-wide {
            margin-bottom: 30px
        }

            .margin-bottom-md-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-lg-wide {
            padding-left: 40px;
            padding-right: 40px
        }

        .padding-lg-wide {
            padding-top: 40px;
            padding-bottom: 40px
        }

        .padding-top-lg-wide {
            padding-top: 40px
        }

        .padding-bottom-lg-wide {
            padding-bottom: 40px
        }

        .margin-lg-wide {
            margin-top: 40px;
            margin-bottom: 40px
        }

            .margin-lg-wide:first-child {
                margin-top: 0
            }

            .margin-lg-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-lg-wide {
            margin-top: 40px
        }

            .margin-top-lg-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-lg-wide {
            margin-bottom: 40px
        }

            .margin-bottom-lg-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-xl-wide {
            padding-left: 60px;
            padding-right: 60px
        }

        .padding-xl-wide {
            padding-top: 60px;
            padding-bottom: 60px
        }

        .padding-top-xl-wide {
            padding-top: 60px
        }

        .padding-bottom-xl-wide {
            padding-bottom: 60px
        }

        .margin-xl-wide {
            margin-top: 60px;
            margin-bottom: 60px
        }

            .margin-xl-wide:first-child {
                margin-top: 0
            }

            .margin-xl-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-xl-wide {
            margin-top: 60px
        }

            .margin-top-xl-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-xl-wide {
            margin-bottom: 60px
        }

            .margin-bottom-xl-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-xxl-wide {
            padding-left: 80px;
            padding-right: 80px
        }

        .padding-xxl-wide {
            padding-top: 80px;
            padding-bottom: 80px
        }

        .padding-top-xxl-wide {
            padding-top: 80px
        }

        .padding-bottom-xxl-wide {
            padding-bottom: 80px
        }

        .margin-xxl-wide {
            margin-top: 80px;
            margin-bottom: 80px
        }

            .margin-xxl-wide:first-child {
                margin-top: 0
            }

            .margin-xxl-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-xxl-wide {
            margin-top: 80px
        }

            .margin-top-xxl-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-xxl-wide {
            margin-bottom: 80px
        }

            .margin-bottom-xxl-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-xxxl-wide {
            padding-left: 120px;
            padding-right: 120px
        }

        .padding-xxxl-wide {
            padding-top: 120px;
            padding-bottom: 120px
        }

        .padding-top-xxxl-wide {
            padding-top: 120px
        }

        .padding-bottom-xxxl-wide {
            padding-bottom: 120px
        }

        .margin-xxxl-wide {
            margin-top: 5vh;
            margin-bottom: 5vh
        }

            .margin-xxxl-wide:first-child {
                margin-top: 0
            }

            .margin-xxxl-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-xxxl-wide {
            margin-top: 120px
        }

            .margin-top-xxxl-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-xxxl-wide {
            margin-bottom: 120px
        }

            .margin-bottom-xxxl-wide:last-child {
                margin-bottom: 0
            }
    }

    .black {
        color: #000
    }

    .white {
        color: #fff
    }

    .purple {
        color: #d42027
    }

    .red {
        color: #cd202c
    }

    .gradient, .muted-red {
        color: #eecb27
    }

    .webkit-textfill .gradient {
        background-image: linear-gradient(90deg,#eea229 0,#eecb27);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text
    }

    .white-bg {
        background-color: #fff
    }

    .black-bg {
        background-color: #000
    }

    .light-grey-bg {
        background-color: #eaeaea
    }

    .grey-bg {
        background-color: #ccc
    }

    .dark-bg {
        background-color: #1f1762
    }

    .lightest-grey-bg {
        background-color: #f6f6f6
    }

    .red-bg {
        background-color: #d42027;
        color: white !important;
    }

    .white-text {
        color: white !important;
    }

    .mid-bg {
        background-color: #252525
    }

    .white-border {
        border-color: #fff
    }

    .lightest-grey-border {
        border-color: #f6f6f6
    }

    .light-grey-border {
        border-color: #eaeaea
    }

    .dark-grey-border {
        border-color: #fffffa
    }

    .text-center {
        text-align: center
    }

    .hidden {
        position: absolute;
        overflow: hidden;
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(100%);
        clip-path: inset(100%);
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        white-space: nowrap
    }

    .nav-open .wrapper {
        display: none
    }

    .accessibility-link {
        position: absolute;
        overflow: hidden;
        margin: 0;
        width: 1px;
        height: 1px;
        -webkit-clip-path: inset(100%);
        clip-path: inset(100%);
        clip: rect(1px,1px,1px,1px);
        white-space: nowrap
    }

        .accessibility-link:focus {
            position: static;
            overflow: visible;
            width: auto;
            height: auto;
            -webkit-clip-path: none;
            clip-path: none;
            clip: auto;
            white-space: inherit;
            font-weight: 700;
            font-size: .8125rem;
            line-height: 1.2307692307692308;
            display: block;
            top: 0;
            left: 0;
            z-index: 1;
            padding: 1rem;
            background: #fff;
            border: 1px solid #8a8c8e;
            -webkit-text-decoration: none;
            text-decoration: none;
            color: inherit;
            margin: auto;
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content
        }

    body {
        padding: 0
    }

    .swatch {
        position: relative;
        display: inline-block;
        width: 85px;
        height: 130px;
        margin-right: 10px;
        margin-bottom: 10px;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,.3)
    }

        .swatch:after {
            display: block;
            position: absolute;
            box-sizing: border-box;
            width: 100%;
            bottom: 0;
            background-color: #fff;
            font-size: 14px;
            line-height: 45px;
            font-weight: 300;
            color: #fffffa;
            text-align: center
        }

    .swatch--lp {
        -ms-flex: 1 0 55px;
        flex: 1 0 55px;
        height: 80px;
        box-shadow: none;
        margin-bottom: 0;
        margin-right: 0
    }

        .swatch--lp:after {
            top: 0;
            background: none;
            color: #fff;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 10px
        }

    @media (min-width:48em) {
        .swatch--lp:after {
            font-size: 14px
        }
    }

    @media (min-width:48em) {
        .swatch--lp {
            display: block;
            width: 83px;
            height: 84px
        }
    }

    .swatch--dark-text:after {
        color: #4c4c4c
    }

    .swatch.black {
        background-color: #000
    }

        .swatch.black:after {
            content: "#000";
            text-transform: uppercase
        }

    .swatch.dark {
        background-color: #1f1762
    }

        .swatch.dark:after {
            content: "#1f1762";
            text-transform: uppercase
        }

    .swatch.mid {
        background-color: #252525
    }

        .swatch.mid:after {
            content: "#252525";
            text-transform: uppercase
        }

    .swatch.light {
        background-color: #333
    }

        .swatch.light:after {
            content: "#333";
            text-transform: uppercase
        }

    .swatch.white {
        background-color: #fff
    }

        .swatch.white:after {
            content: "#fff";
            text-transform: uppercase
        }

    .swatch.darkest-grey {
        background-color: #666
    }

        .swatch.darkest-grey:after {
            content: "#666";
            text-transform: uppercase
        }

    .swatch.dark-grey {
        background-color: #fffffa
    }

        .swatch.dark-grey:after {
            content: "#fffffa";
            text-transform: uppercase
        }

    .swatch.grey {
        background-color: #ccc
    }

        .swatch.grey:after {
            content: "#ccc";
            text-transform: uppercase
        }

    .swatch.light-grey {
        background-color: #eaeaea
    }

        .swatch.light-grey:after {
            content: "#eaeaea";
            text-transform: uppercase
        }

    .swatch.lightest-grey {
        background-color: #f6f6f6
    }

        .swatch.lightest-grey:after {
            content: "#f6f6f6";
            text-transform: uppercase
        }

    .swatch.brand-red {
        background-color: #cd202c
    }

        .swatch.brand-red:after {
            content: "#cd202c";
            text-transform: uppercase
        }

    .swatch.muted-red {
        background-color: #eecb27
    }

        .swatch.muted-red:after {
            content: "#eecb27";
            text-transform: uppercase
        }

    .swatch.purple {
        background-color: #d42027
    }

        .swatch.purple:after {
            content: "#d42027";
            text-transform: uppercase
        }

    .swatch.dark-pink {
        background-color: #a90061
    }

        .swatch.dark-pink:after {
            content: "#a90061";
            text-transform: uppercase
        }

    .swatch.pink {
        background-color: #d5031e
    }

        .swatch.pink:after {
            content: "#d5031e";
            text-transform: uppercase
        }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .featured-links, .featured-links .scEnabledChrome {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column
    }

    @media (min-width:64em) {
        .featured-links--thin, .featured-links .scEnabledChrome--thin {
            padding: 2rem;
            column-gap: 2em
        }
    }

    .featured-links .scEnabledChrome__span-1, .featured-links__span-1 {
        -ms-flex: 1 1 0% !important;
        flex: 1 1 0% !important
    }

    .featured-links .scEnabledChrome__span-2, .featured-links__span-2 {
        -ms-flex: 2 1 0% !important;
        flex: 2 1 0% !important
    }

    .featured-links .scEnabledChrome__span-3, .featured-links__span-3 {
        -ms-flex: 3 1 0% !important;
        flex: 3 1 0% !important
    }

    @media (min-width:48em) {
        .featured-links, .featured-links .scEnabledChrome {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .featured-links .scEnabledChrome__overlay, .featured-links__overlay {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0
    }

    @media (min-width:48em) {
        .featured-links .scEnabledChrome__overlay, .featured-links__overlay {
            background: rgba(0,0,0,.3)
        }
    }

    .featured-links .scEnabledChrome__links-wrapper, .featured-links__links-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Creates 2 equal columns */
        grid-template-rows: repeat(4, auto); /* Creates a max of 4 rows */
        gap: 10px; /* Adds spacing between items */
    }

    .featured-links .scEnabledChrome__links-wrapper--thin, .featured-links__links-wrapper--thin {
        column-gap: 2em
    }

    .featured-links .scEnabledChrome__wrapper, .featured-links__wrapper {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        background: #1f1762;
        color: #fff;
        text-decoration: none
    }

    @media (min-width:48em) {
        .featured-links .scEnabledChrome__wrapper, .featured-links__wrapper {
            height: 616px;
            padding: 0;
            -ms-flex: 1;
            flex: 1 1 0%
        }
    }

    @media (min-width:64em) {
        .featured-links .scEnabledChrome__wrapper--thin, .featured-links__wrapper--thin {
            height: 400px
        }
    }

    @media (max-width:47.999em) {
        .featured-links .scEnabledChrome__wrapper, .featured-links__wrapper {
            padding: 20px;
            display: -ms-flexbox;
            display: flex;
            column-gap: 1rem
        }
    }

    .featured-links .scEnabledChrome__img-wrapper picture, .featured-links__img-wrapper picture {
        position: relative;
        width: 96px;
        height: 6rem;
        overflow: hidden;
        float: left;
        margin-right: 1rem
    }

    @media (min-width:48em) {
        .featured-links .scEnabledChrome__img-wrapper picture, .featured-links__img-wrapper picture {
            position: absolute;
            width: 100%;
            height: 100%;
            margin-right: 0;
            transition: opacity .3s linear
        }
    }

    @media (max-width:47.999em) {
        .featured-links .scEnabledChrome__img-wrapper picture, .featured-links__img-wrapper picture {
            position: relative;
            height: auto;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
            float: none;
            margin-right: 0;
            height: 100%
        }
    }

    .featured-links .scEnabledChrome__img, .featured-links__img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: object-fit\:cover;
        object-fit: cover;
        transform-origin: center
    }

    @media (min-width:48em) {
        .featured-links .scEnabledChrome__img, .featured-links__img {
            transition: transform .3s cubic-bezier(.215,.61,.355,1)
        }
    }

    @media (max-width:47.999em) {
        .featured-links .scEnabledChrome__img, .featured-links__img {
            position: relative
        }
    }

    .featured-links .scEnabledChrome__text-wrapper, .featured-links__text-wrapper {
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }

    @media (min-width:48em) {
        .featured-links .scEnabledChrome__text-wrapper, .featured-links__text-wrapper {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%;
            position: absolute;
            padding: 22px
        }
    }

    @media (min-width:64em) {
        .featured-links .scEnabledChrome__text-wrapper, .featured-links__text-wrapper {
            padding: 40px
        }
    }

    @media (max-width:47.999em) {
        .featured-links .scEnabledChrome__text-wrapper, .featured-links__text-wrapper {
            -ms-flex-preferred-size: 70%;
            flex-basis: 70%
        }
    }

    .featured-links .scEnabledChrome__title, .featured-links__title {
        color: #fff;
        font-weight: 700;
        display: block;
        font-size: 24px;
        line-height: .9em;
        text-transform: uppercase;
        margin-bottom: 1em
    }

    @media (min-width:64em) {
        .featured-links .scEnabledChrome__title, .featured-links__title {
            font-size: 3em
        }
    }

    @media (min-width:90em) {
        .featured-links .scEnabledChrome__title, .featured-links__title {
            font-size: 3.75em
        }
    }

    .featured-links .scEnabledChrome__subtitle, .featured-links__subtitle {
        color: #fff;
        font-weight: 700;
        font-size: 12px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    @media (min-width:48em) {
        .featured-links .scEnabledChrome__subtitle, .featured-links__subtitle {
            font-size: 14px;
            padding-top: 10px
        }
    }

    @media (min-width:64em) {
        .featured-links .scEnabledChrome__subtitle, .featured-links__subtitle {
            font-size: 18px
        }
    }

    @media (min-width:90em) {
        .featured-links .scEnabledChrome__subtitle, .featured-links__subtitle {
            font-size: 24px
        }
    }

    .featured-links .scEnabledChrome__subtitle--styleguide, .featured-links__subtitle--styleguide {
        color: #000;
        text-transform: uppercase
    }

    .featured-links .scEnabledChrome__arrow, .featured-links__arrow {
        fill: #fff;
        height: .7rem;
        width: .7em;
        margin-left: 10px;
        transition: transform .3s linear
    }

    .featured-links .scEnabledChrome__arrow--styleguide, .featured-links__arrow--styleguide {
        fill: #000
    }

    .featured-links .scEnabledChrome__arrow--mobile, .featured-links__arrow--mobile {
        fill: #fff;
        height: .7rem;
        width: .7em;
        transition: transform .3s linear
    }

    .featured-links .scEnabledChrome__arrow--mobile--styleguide, .featured-links__arrow--mobile--styleguide {
        fill: #000
    }

    .featured-links .scEnabledChrome__link, .featured-links__link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        column-gap: 10px;
        position: relative;
        font-size: 18px;
        line-height: 1em;
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        transition: color .3s linear
    }

        .featured-links .scEnabledChrome__link:focus, .featured-links .scEnabledChrome__link:hover, .featured-links__link:focus, .featured-links__link:hover {
            color: #ccc
        }

        .featured-links .scEnabledChrome__link svg, .featured-links__link svg {
            vertical-align: middle;
            fill: currentColor;
            width: 30px
        }

    @media (min-width:64em) {
        .featured-links .scEnabledChrome__link span, .featured-links__link span {
            width: calc(100% - 30px)
        }
    }

    .featured-links .scEnabledChrome__link + a, .featured-links__link + a {
        margin-top: 20px
    }

    @media (min-width:48em) {
        .featured-links .scEnabledChrome__link + a, .featured-links__link + a {
            margin-top: 15px
        }
    }

    .featured-links .scEnabledChrome__link .featured-links__arrow--mobile, .featured-links__link .featured-links__arrow--mobile {
        display: none
    }

    .featured-links .scEnabledChrome__link .icon-square, .featured-links__link .icon-square {
        display: inline-block
    }

    @media (max-width:47.999em) {
        .featured-links .scEnabledChrome__link, .featured-links__link {
            -ms-flex-align: baseline;
            align-items: baseline;
            font-size: 16px
        }

            .featured-links .scEnabledChrome__link .featured-links__arrow--mobile, .featured-links__link .featured-links__arrow--mobile {
                display: inline-block;
                width: 25px
            }

            .featured-links .scEnabledChrome__link .icon-square, .featured-links__link .icon-square {
                display: none
            }
    }

    .scEnabledChrome .featured-links__wrapper:hover .featured-links__overlay {
        display: none
    }

    .posts-map {
        height: 70vh
    }

    .posts-map__inner {
        height: 100%
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .people {
        display: block;
        box-sizing: border-box;
        width: 100%;
        border-top: 2px solid #ccc;
        border-bottom: 2px solid #ccc
    }

    .people__header {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        cursor: pointer
    }

    .people__group_title, .people__title {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .people__icon {
        display: block;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        fill: #ccc;
        pointer-events: none
    }

    .people__container {
        display: block
    }

    .is-collapsing .people__container, .is-expanding .people__container {
        overflow: hidden
    }

    .people__content {
        display: block
    }

    .people + .people, .people--big:first-child {
        border-top: none
    }

    .people--big .people__title {
        color: #000
    }

    .people--filter {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

        .people--filter .people__header {
            -ms-flex-align: center;
            align-items: center;
            padding: .875rem 1.25rem;
            color: #fffffa;
            transition: background-color,color .2s linear
        }

        .people--filter .people__content {
            padding: 15px 15px 20px 20px
        }

        .people--filter .people__title {
            font-size: .875rem;
            font-weight: 700
        }

        .people--filter .people__icon {
            width: 16px;
            height: 16px;
            fill: #fffffa
        }

        .people--filter + .people--filter .people__header {
            padding: .875rem 1.25rem;
            margin: 0
        }

        .people--filter.is-opened .people__header {
            color: #333;
            background-color: #f6f6f6
        }

        .people--filter.is-opened .people__icon {
            width: 16px;
            height: 16px;
            fill: #333
        }

        .people--filter:last-child {
            border-bottom: none
        }

    .people--small .people__title {
        font-size: 1.125rem;
        font-weight: 700
    }

    @media (min-width:48em) {
        .people--small .people__title {
            font-size: 1.25rem
        }
    }

    .people--small .people__icon {
        width: 16px;
        height: 16px;
        fill: #fffffa
    }

    .people--small .people__header {
        padding: 27px 12px 27px 5px;
        -ms-flex-align: center;
        align-items: center
    }

    .people--small .people__content {
        padding: 0 20px
    }

    .people--medium .people__title {
        font-size: 1.125rem;
        font-weight: 700
    }

    .people--medium .people__icon {
        width: 16px;
        height: 16px
    }

    @media (min-width:48em) {
        .people--medium .people__icon {
            width: 24px;
            height: 24px
        }
    }

    .people--medium .people__header {
        padding: 24px 0 28px
    }

    .people--medium .people__content {
        padding: 0 0 40px
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .information .common-multiple-link, .information .staff-multiple-link, .information .student-multiple-link, .staff .common-multiple-link, .staff .information-multiple-link, .staff .student-multiple-link, .student .common-multiple-link, .student .information-multiple-link, .student .staff-multiple-link {
        display: none
    }

    .article-description {
        margin-top: 5px !important
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .agile__list {
        overflow: visible !important
    }

    .agile__dots {
        left: unset;
        right: 1em;
        bottom: 2.5em;
        position: absolute;
        transform: translateX(-50%)
    }

    @media (min-width:64em) {
        .agile__dots {
            left: 50%;
            right: unset
        }
    }

    .agile__dot button {
        background-color: #fff;
        border: 0;
        width: .75rem;
        height: .75rem;
        border-radius: 1rem
    }

        .agile__dot--current button, .agile__dot button:focus, .agile__dot button:hover {
            background-color: #999
        }

    .agile__dot.agile__dot {
        margin-right: 1rem
    }

    .agile__arrow {
        display: none;
        height: 2rem;
        bottom: 2.5rem;
        width: 2rem;
        position: absolute;
        right: 2em;
        background-color: transparent;
        border: 0;
        fill: #fff
    }

    @media (min-width:64em) {
        .agile__arrow {
            display: block
        }
    }

    .agile__arrow:focus, .agile__arrow:hover {
        background-color: transparent;
        cursor: pointer
    }

        .agile__arrow:focus #arrow-svg, .agile__arrow:hover #arrow-svg {
            fill: #fff
        }

    .agile__arrow[disabled] {
        display: none
    }

    .agile__arrow #arrow-svg {
        fill: hsla(0,0%,100%,.4);
        height: 25px
    }

    .agile__arrow.agile__arrow--prev {
        right: 5em
    }

    .slide {
        background-position: 50%;
        background-size: cover
    }

        .slide:before {
            background-color: rgba(0,0,0,.2);
            content: '';
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

        .slide .header {
            padding-bottom: 4rem
        }

            .slide .header .header__image {
                -ms-flex-item-align: start;
                align-self: flex-start
            }

            .slide .header .pullout-text {
                min-height: 6rem
            }

            .slide .header .header__content {
                background-color: transparent
            }

    @media (min-width:48em) {
        .slide .header .header__content {
            min-height: 30rem
        }
    }

    @media (min-width:64em) {
        .slide .header .header__content {
            min-height: 40rem
        }
    }

    .slide__dot button {
        cursor: pointer;
        display: block;
        font-size: 0;
        line-height: 0;
        height: 13px;
        width: 13px;
        border-radius: 10px;
        margin-right: 5px;
        background-color: transparent;
        border: 2px solid #fff
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    img#C4A_btn2 {
        margin-bottom: 60px
    }

    @media (min-width:48em) {
        img#C4A_btn2 {
            margin-bottom: 60px
        }
    }

    @media (min-width:64em) {
        img#C4A_btn2 {
            margin-bottom: 0
        }
    }

    @media (min-width:90em) {
        img#C4A_btn2 {
            margin-bottom: 0
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .search-bar {
        position: relative
    }

    .search-bar__input {
        display: block;
        width: 100%;
        padding: 20px;
        border: 2px solid #000;
        color: #000;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2em;
        letter-spacing: 0
    }

    .search-bar__button {
        border: none;
        background-color: transparent;
        position: absolute;
        top: 8px;
        left: calc(100% - 60px);
        padding: 10px;
        cursor: pointer
    }

        .search-bar__button:disabled {
            pointer-events: none
        }

    .search-bar__button-icon {
        width: 24px;
        height: 24px;
        fill: #000;
        transition: fill .2s linear;
        pointer-events: none
    }

        .no-touchevents .search-bar__button-icon:focus, .no-touchevents .search-bar__button-icon:hover, .search-bar__button-icon.is-filled {
            fill: #eecb27
        }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .content-padding {
        padding: 20px
    }

    @media (min-width:48em) {
        .content-padding {
            padding: 40px
        }
    }

    .page-margin-empty {
        padding-left: 0;
        padding-right: 0
    }

    .padding-empty {
        padding-top: 0;
        padding-bottom: 0
    }

    .padding-top-empty {
        padding-top: 0
    }

    .padding-bottom-empty {
        padding-bottom: 0
    }

    .margin-empty {
        margin-top: 0;
        margin-bottom: 0
    }

        .margin-empty:first-child {
            margin-top: 0
        }

        .margin-empty:last-child {
            margin-bottom: 0
        }

    .margin-top-empty, .margin-top-empty:first-child {
        margin-top: 0
    }

    .margin-bottom-empty, .margin-bottom-empty:last-child {
        margin-bottom: 0
    }

    .page-margin-xxs {
        padding-left: 5px;
        padding-right: 5px
    }

    .padding-xxs {
        padding-bottom: 5px
    }

    .padding-top-xxs, .padding-xxs {
        padding-top: 5px
    }

    .padding-bottom-xxs {
        padding-bottom: 5px
    }

    .margin-xxs {
        margin-top: 5px;
        margin-bottom: 5px
    }

        .margin-xxs:first-child {
            margin-top: 0
        }

        .margin-xxs:last-child {
            margin-bottom: 0
        }

    .margin-top-xxs {
        margin-top: 5px
    }

        .margin-top-xxs:first-child {
            margin-top: 0
        }

    .margin-bottom-xxs {
        margin-bottom: 5px
    }

        .margin-bottom-xxs:last-child {
            margin-bottom: 0
        }

    .page-margin-xs {
        padding-left: 10px;
        padding-right: 10px
    }

    .padding-xs {
        padding-bottom: 10px
    }

    .padding-top-xs, .padding-xs {
        padding-top: 10px
    }

    .padding-bottom-xs {
        padding-bottom: 10px
    }

    .margin-xs {
        margin-top: 10px;
        margin-bottom: 10px
    }

        .margin-xs:first-child {
            margin-top: 0
        }

        .margin-xs:last-child {
            margin-bottom: 0
        }

    .margin-top-xs {
        margin-top: 10px
    }

        .margin-top-xs:first-child {
            margin-top: 0
        }

    .margin-bottom-xs {
        margin-bottom: 10px
    }

        .margin-bottom-xs:last-child {
            margin-bottom: 0
        }

    .page-margin-sm {
        padding-left: 15px;
        padding-right: 15px
    }

    .padding-sm {
        padding-bottom: 15px
    }

    .padding-sm, .padding-top-sm {
        padding-top: 15px
    }

    .padding-bottom-sm {
        padding-bottom: 15px
    }

    .margin-sm {
        margin-top: 15px;
        margin-bottom: 15px
    }

        .margin-sm:first-child {
            margin-top: 0
        }

        .margin-sm:last-child {
            margin-bottom: 0
        }

    .margin-top-sm {
        margin-top: 15px
    }

        .margin-top-sm:first-child {
            margin-top: 0
        }

    .margin-bottom-sm {
        margin-bottom: 15px
    }

        .margin-bottom-sm:last-child {
            margin-bottom: 0
        }

    .page-margin-rg {
        padding-left: 20px;
        padding-right: 20px
    }

    .padding-rg {
        padding-bottom: 20px
    }

    .padding-rg, .padding-top-rg {
        padding-top: 20px
    }

    .padding-bottom-rg {
        padding-bottom: 20px
    }

    .margin-rg {
        margin-top: 20px;
        margin-bottom: 20px
    }

        .margin-rg:first-child {
            margin-top: 0
        }

        .margin-rg:last-child {
            margin-bottom: 0
        }

    .margin-top-rg {
        margin-top: 20px
    }

        .margin-top-rg:first-child {
            margin-top: 0
        }

    .margin-bottom-rg {
        margin-bottom: 20px
    }

        .margin-bottom-rg:last-child {
            margin-bottom: 0
        }

    .page-margin-md {
        padding-left: 30px;
        padding-right: 30px
    }

    .padding-md {
        padding-bottom: 30px
    }

    .padding-md, .padding-top-md {
        padding-top: 30px
    }

    .padding-bottom-md {
        padding-bottom: 30px
    }

    .margin-md {
        margin-top: 30px;
        margin-bottom: 30px
    }

        .margin-md:first-child {
            margin-top: 0
        }

        .margin-md:last-child {
            margin-bottom: 0
        }

    .margin-top-md, .richtext .vertical-table, .richtext table {
        margin-top: 30px
    }

        .margin-top-md:first-child, .richtext .vertical-table:first-child, .richtext table:first-child {
            margin-top: 0
        }

    .margin-bottom-md {
        margin-bottom: 30px
    }

        .margin-bottom-md:last-child {
            margin-bottom: 0
        }

    .page-margin-lg {
        padding-left: 40px;
        padding-right: 40px
    }

    .padding-lg {
        padding-bottom: 40px
    }

    .padding-lg, .padding-top-lg {
        padding-top: 40px
    }

    .padding-bottom-lg {
        padding-bottom: 40px
    }

    .margin-lg {
        margin-top: 40px;
        margin-bottom: 40px
    }

        .margin-lg:first-child {
            margin-top: 0
        }

        .margin-lg:last-child {
            margin-bottom: 0
        }

    .margin-top-lg {
        margin-top: 40px
    }

        .margin-top-lg:first-child {
            margin-top: 0
        }

    .margin-bottom-lg {
        margin-bottom: 40px
    }

        .margin-bottom-lg:last-child {
            margin-bottom: 0
        }

    .page-margin-xl {
        padding-left: 60px;
        padding-right: 60px
    }

    .padding-xl {
        padding-bottom: 60px
    }

    .padding-top-xl, .padding-xl {
        padding-top: 60px
    }

    .padding-bottom-xl {
        padding-bottom: 60px
    }

    .margin-xl {
        margin-top: 60px;
        margin-bottom: 60px
    }

        .margin-xl:first-child {
            margin-top: 0
        }

        .margin-xl:last-child {
            margin-bottom: 0
        }

    .margin-top-xl {
        margin-top: 60px
    }

        .margin-top-xl:first-child {
            margin-top: 0
        }

    .margin-bottom-xl {
        margin-bottom: 60px
    }

        .margin-bottom-xl:last-child {
            margin-bottom: 0
        }

    .page-margin-xxl {
        padding-left: 80px;
        padding-right: 80px
    }

    .padding-xxl {
        padding-bottom: 80px
    }

    .padding-top-xxl, .padding-xxl {
        padding-top: 80px
    }

    .padding-bottom-xxl {
        padding-bottom: 80px
    }

    .margin-xxl {
        margin-top: 80px;
        margin-bottom: 80px
    }

        .margin-xxl:first-child {
            margin-top: 0
        }

        .margin-xxl:last-child {
            margin-bottom: 0
        }

    .margin-top-xxl {
        margin-top: 80px
    }

        .margin-top-xxl:first-child {
            margin-top: 0
        }

    .margin-bottom-xxl {
        margin-bottom: 80px
    }

        .margin-bottom-xxl:last-child {
            margin-bottom: 0
        }

    .page-margin-xxxl {
        padding-left: 120px;
        padding-right: 120px
    }

    .padding-xxxl {
        padding-bottom: 120px
    }

    .padding-top-xxxl, .padding-xxxl {
        padding-top: 120px
    }

    .padding-bottom-xxxl {
        padding-bottom: 120px
    }

    .margin-xxxl {
        margin-top: 120px;
        margin-bottom: 120px
    }

        .margin-xxxl:first-child {
            margin-top: 0
        }

        .margin-xxxl:last-child {
            margin-bottom: 0
        }

    .margin-top-xxxl {
        margin-top: 120px
    }

        .margin-top-xxxl:first-child {
            margin-top: 0
        }

    .margin-bottom-xxxl {
        margin-bottom: 120px
    }

        .margin-bottom-xxxl:last-child {
            margin-bottom: 0
        }

    @media (min-width:48em) {
        .page-margin-empty-tablet {
            padding-left: 0;
            padding-right: 0
        }

        .padding-empty-tablet {
            padding-top: 0;
            padding-bottom: 0
        }

        .padding-top-empty-tablet {
            padding-top: 0
        }

        .padding-bottom-empty-tablet {
            padding-bottom: 0
        }

        .margin-empty-tablet {
            margin-top: 0;
            margin-bottom: 0
        }

            .margin-empty-tablet:first-child {
                margin-top: 0
            }

            .margin-empty-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-empty-tablet, .margin-top-empty-tablet:first-child {
            margin-top: 0
        }

        .margin-bottom-empty-tablet, .margin-bottom-empty-tablet:last-child {
            margin-bottom: 0
        }

        .page-margin-xxs-tablet {
            padding-left: 5px;
            padding-right: 5px
        }

        .padding-xxs-tablet {
            padding-top: 5px;
            padding-bottom: 5px
        }

        .padding-top-xxs-tablet {
            padding-top: 5px
        }

        .padding-bottom-xxs-tablet {
            padding-bottom: 5px
        }

        .margin-xxs-tablet {
            margin-top: 5px;
            margin-bottom: 5px
        }

            .margin-xxs-tablet:first-child {
                margin-top: 0
            }

            .margin-xxs-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-xxs-tablet {
            margin-top: 5px
        }

            .margin-top-xxs-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-xxs-tablet {
            margin-bottom: 5px
        }

            .margin-bottom-xxs-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-xs-tablet {
            padding-left: 10px;
            padding-right: 10px
        }

        .padding-xs-tablet {
            padding-top: 10px;
            padding-bottom: 10px
        }

        .padding-top-xs-tablet {
            padding-top: 10px
        }

        .padding-bottom-xs-tablet {
            padding-bottom: 10px
        }

        .margin-xs-tablet {
            margin-top: 10px;
            margin-bottom: 10px
        }

            .margin-xs-tablet:first-child {
                margin-top: 0
            }

            .margin-xs-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-xs-tablet {
            margin-top: 10px
        }

            .margin-top-xs-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-xs-tablet {
            margin-bottom: 10px
        }

            .margin-bottom-xs-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-sm-tablet {
            padding-left: 15px;
            padding-right: 15px
        }

        .padding-sm-tablet {
            padding-top: 15px;
            padding-bottom: 15px
        }

        .padding-top-sm-tablet {
            padding-top: 15px
        }

        .padding-bottom-sm-tablet {
            padding-bottom: 15px
        }

        .margin-sm-tablet {
            margin-top: 15px;
            margin-bottom: 15px
        }

            .margin-sm-tablet:first-child {
                margin-top: 0
            }

            .margin-sm-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-sm-tablet {
            margin-top: 15px
        }

            .margin-top-sm-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-sm-tablet {
            margin-bottom: 15px
        }

            .margin-bottom-sm-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-rg-tablet {
            padding-left: 20px;
            padding-right: 20px
        }

        .padding-rg-tablet {
            padding-top: 20px;
            padding-bottom: 20px
        }

        .padding-top-rg-tablet {
            padding-top: 20px
        }

        .padding-bottom-rg-tablet {
            padding-bottom: 20px
        }

        .margin-rg-tablet {
            margin-top: 20px;
            margin-bottom: 20px
        }

            .margin-rg-tablet:first-child {
                margin-top: 0
            }

            .margin-rg-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-rg-tablet {
            margin-top: 20px
        }

            .margin-top-rg-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-rg-tablet {
            margin-bottom: 20px
        }

            .margin-bottom-rg-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-md-tablet {
            padding-left: 30px;
            padding-right: 30px
        }

        .padding-md-tablet {
            padding-top: 30px;
            padding-bottom: 30px
        }

        .padding-top-md-tablet {
            padding-top: 30px
        }

        .padding-bottom-md-tablet {
            padding-bottom: 30px
        }

        .margin-md-tablet {
            margin-top: 30px;
            margin-bottom: 30px
        }

            .margin-md-tablet:first-child {
                margin-top: 0
            }

            .margin-md-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-md-tablet {
            margin-top: 30px
        }

            .margin-top-md-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-md-tablet {
            margin-bottom: 30px
        }

            .margin-bottom-md-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-lg-tablet {
            padding-left: 40px;
            padding-right: 40px
        }

        .padding-lg-tablet {
            padding-top: 40px;
            padding-bottom: 40px
        }

        .padding-top-lg-tablet {
            padding-top: 40px
        }

        .padding-bottom-lg-tablet {
            padding-bottom: 40px
        }

        .margin-lg-tablet {
            margin-top: 40px;
            margin-bottom: 40px
        }

            .margin-lg-tablet:first-child {
                margin-top: 0
            }

            .margin-lg-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-lg-tablet {
            margin-top: 40px
        }

            .margin-top-lg-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-lg-tablet {
            margin-bottom: 40px
        }

            .margin-bottom-lg-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-xl-tablet {
            padding-left: 60px;
            padding-right: 60px
        }

        .padding-xl-tablet {
            padding-top: 60px;
            padding-bottom: 60px
        }

        .padding-top-xl-tablet {
            padding-top: 60px
        }

        .padding-bottom-xl-tablet {
            padding-bottom: 60px
        }

        .margin-xl-tablet {
            margin-top: 60px;
            margin-bottom: 60px
        }

            .margin-xl-tablet:first-child {
                margin-top: 0
            }

            .margin-xl-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-xl-tablet {
            margin-top: 60px
        }

            .margin-top-xl-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-xl-tablet {
            margin-bottom: 60px
        }

            .margin-bottom-xl-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-xxl-tablet {
            padding-left: 80px;
            padding-right: 80px
        }

        .padding-xxl-tablet {
            padding-top: 80px;
            padding-bottom: 80px
        }

        .padding-top-xxl-tablet {
            padding-top: 80px
        }

        .padding-bottom-xxl-tablet {
            padding-bottom: 80px
        }

        .margin-xxl-tablet {
            margin-top: 80px;
            margin-bottom: 80px
        }

            .margin-xxl-tablet:first-child {
                margin-top: 0
            }

            .margin-xxl-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-xxl-tablet {
            margin-top: 80px
        }

            .margin-top-xxl-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-xxl-tablet {
            margin-bottom: 80px
        }

            .margin-bottom-xxl-tablet:last-child {
                margin-bottom: 0
            }

        .page-margin-xxxl-tablet {
            padding-left: 120px;
            padding-right: 120px
        }

        .padding-xxxl-tablet {
            padding-top: 120px;
            padding-bottom: 120px
        }

        .padding-top-xxxl-tablet {
            padding-top: 120px
        }

        .padding-bottom-xxxl-tablet {
            padding-bottom: 120px
        }

        .margin-xxxl-tablet {
            margin-top: 120px;
            margin-bottom: 120px
        }

            .margin-xxxl-tablet:first-child {
                margin-top: 0
            }

            .margin-xxxl-tablet:last-child {
                margin-bottom: 0
            }

        .margin-top-xxxl-tablet {
            margin-top: 120px
        }

            .margin-top-xxxl-tablet:first-child {
                margin-top: 0
            }

        .margin-bottom-xxxl-tablet {
            margin-bottom: 120px
        }

            .margin-bottom-xxxl-tablet:last-child {
                margin-bottom: 0
            }
    }

    @media (min-width:64em) {
        .page-margin-empty-desktop {
            padding-left: 0;
            padding-right: 0
        }

        .padding-empty-desktop {
            padding-top: 0;
            padding-bottom: 0
        }

        .padding-top-empty-desktop {
            padding-top: 0
        }

        .padding-bottom-empty-desktop {
            padding-bottom: 0
        }

        .margin-empty-desktop {
            margin-top: 0;
            margin-bottom: 0
        }

            .margin-empty-desktop:first-child {
                margin-top: 0
            }

            .margin-empty-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-empty-desktop, .margin-top-empty-desktop:first-child {
            margin-top: 0
        }

        .margin-bottom-empty-desktop, .margin-bottom-empty-desktop:last-child {
            margin-bottom: 0
        }

        .page-margin-xxs-desktop {
            padding-left: 5px;
            padding-right: 5px
        }

        .padding-xxs-desktop {
            padding-top: 5px;
            padding-bottom: 5px
        }

        .padding-top-xxs-desktop {
            padding-top: 5px
        }

        .padding-bottom-xxs-desktop {
            padding-bottom: 5px
        }

        .margin-xxs-desktop {
            margin-top: 5px;
            margin-bottom: 5px
        }

            .margin-xxs-desktop:first-child {
                margin-top: 0
            }

            .margin-xxs-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-xxs-desktop {
            margin-top: 5px
        }

            .margin-top-xxs-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-xxs-desktop {
            margin-bottom: 5px
        }

            .margin-bottom-xxs-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-xs-desktop {
            padding-left: 10px;
            padding-right: 10px
        }

        .padding-xs-desktop {
            padding-top: 10px;
            padding-bottom: 10px
        }

        .padding-top-xs-desktop {
            padding-top: 10px
        }

        .padding-bottom-xs-desktop {
            padding-bottom: 10px
        }

        .margin-xs-desktop {
            margin-top: 10px;
            margin-bottom: 10px
        }

            .margin-xs-desktop:first-child {
                margin-top: 0
            }

            .margin-xs-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-xs-desktop {
            margin-top: 10px
        }

            .margin-top-xs-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-xs-desktop {
            margin-bottom: 10px
        }

            .margin-bottom-xs-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-sm-desktop {
            padding-left: 15px;
            padding-right: 15px
        }

        .padding-sm-desktop {
            padding-top: 15px;
            padding-bottom: 15px
        }

        .padding-top-sm-desktop {
            padding-top: 15px
        }

        .padding-bottom-sm-desktop {
            padding-bottom: 15px
        }

        .margin-sm-desktop {
            margin-top: 15px;
            margin-bottom: 15px
        }

            .margin-sm-desktop:first-child {
                margin-top: 0
            }

            .margin-sm-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-sm-desktop {
            margin-top: 15px
        }

            .margin-top-sm-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-sm-desktop {
            margin-bottom: 15px
        }

            .margin-bottom-sm-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-rg-desktop {
            padding-left: 20px;
            padding-right: 20px
        }

        .padding-rg-desktop {
            padding-top: 20px;
            padding-bottom: 20px
        }

        .padding-top-rg-desktop {
            padding-top: 20px
        }

        .padding-bottom-rg-desktop {
            padding-bottom: 20px
        }

        .margin-rg-desktop {
            margin-top: 20px;
            margin-bottom: 20px
        }

            .margin-rg-desktop:first-child {
                margin-top: 0
            }

            .margin-rg-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-rg-desktop {
            margin-top: 20px
        }

            .margin-top-rg-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-rg-desktop {
            margin-bottom: 20px
        }

            .margin-bottom-rg-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-md-desktop {
            padding-left: 30px;
            padding-right: 30px
        }

        .padding-md-desktop {
            padding-top: 30px;
            padding-bottom: 30px
        }

        .padding-top-md-desktop {
            padding-top: 30px
        }

        .padding-bottom-md-desktop {
            padding-bottom: 30px
        }

        .margin-md-desktop {
            margin-top: 30px;
            margin-bottom: 30px
        }

            .margin-md-desktop:first-child {
                margin-top: 0
            }

            .margin-md-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-md-desktop {
            margin-top: 30px
        }

            .margin-top-md-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-md-desktop {
            margin-bottom: 30px
        }

            .margin-bottom-md-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-lg-desktop {
            padding-left: 40px;
            padding-right: 40px
        }

        .padding-lg-desktop {
            padding-top: 40px;
            padding-bottom: 40px
        }

        .padding-top-lg-desktop {
            padding-top: 40px
        }

        .padding-bottom-lg-desktop {
            padding-bottom: 40px
        }

        .margin-lg-desktop {
            margin-top: 40px;
            margin-bottom: 40px
        }

            .margin-lg-desktop:first-child {
                margin-top: 0
            }

            .margin-lg-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-lg-desktop {
            margin-top: 40px
        }

            .margin-top-lg-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-lg-desktop {
            margin-bottom: 40px
        }

            .margin-bottom-lg-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-xl-desktop {
            padding-left: 60px;
            padding-right: 60px
        }

        .padding-xl-desktop {
            padding-top: 60px;
            padding-bottom: 60px
        }

        .padding-top-xl-desktop {
            padding-top: 60px
        }

        .padding-bottom-xl-desktop {
            padding-bottom: 60px
        }

        .margin-xl-desktop {
            margin-top: 60px;
            margin-bottom: 60px
        }

            .margin-xl-desktop:first-child {
                margin-top: 0
            }

            .margin-xl-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-xl-desktop {
            margin-top: 60px
        }

            .margin-top-xl-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-xl-desktop {
            margin-bottom: 60px
        }

            .margin-bottom-xl-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-xxl-desktop {
            padding-left: 80px;
            padding-right: 80px
        }

        .padding-xxl-desktop {
            padding-top: 80px;
            padding-bottom: 80px
        }

        .padding-top-xxl-desktop {
            padding-top: 80px
        }

        .padding-bottom-xxl-desktop {
            padding-bottom: 80px
        }

        .margin-xxl-desktop {
            margin-top: 80px;
            margin-bottom: 80px
        }

            .margin-xxl-desktop:first-child {
                margin-top: 0
            }

            .margin-xxl-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-xxl-desktop {
            margin-top: 80px
        }

            .margin-top-xxl-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-xxl-desktop {
            margin-bottom: 80px
        }

            .margin-bottom-xxl-desktop:last-child {
                margin-bottom: 0
            }

        .page-margin-xxxl-desktop {
            padding-left: 120px;
            padding-right: 120px
        }

        .padding-xxxl-desktop {
            padding-top: 120px;
            padding-bottom: 120px
        }

        .padding-top-xxxl-desktop {
            padding-top: 120px
        }

        .padding-bottom-xxxl-desktop {
            padding-bottom: 120px
        }

        .margin-xxxl-desktop {
            margin-top: 120px;
            margin-bottom: 120px
        }

            .margin-xxxl-desktop:first-child {
                margin-top: 0
            }

            .margin-xxxl-desktop:last-child {
                margin-bottom: 0
            }

        .margin-top-xxxl-desktop {
            margin-top: 120px
        }

            .margin-top-xxxl-desktop:first-child {
                margin-top: 0
            }

        .margin-bottom-xxxl-desktop {
            margin-bottom: 120px
        }

            .margin-bottom-xxxl-desktop:last-child {
                margin-bottom: 0
            }
    }

    @media (min-width:90em) {
        .page-margin-empty-wide {
            padding-left: 0;
            padding-right: 0
        }

        .padding-empty-wide {
            padding-top: 0;
            padding-bottom: 0
        }

        .padding-top-empty-wide {
            padding-top: 0
        }

        .padding-bottom-empty-wide {
            padding-bottom: 0
        }

        .margin-empty-wide {
            margin-top: 0;
            margin-bottom: 0
        }

            .margin-empty-wide:first-child {
                margin-top: 0
            }

            .margin-empty-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-empty-wide, .margin-top-empty-wide:first-child {
            margin-top: 0
        }

        .margin-bottom-empty-wide, .margin-bottom-empty-wide:last-child {
            margin-bottom: 0
        }

        .page-margin-xxs-wide {
            padding-left: 5px;
            padding-right: 5px
        }

        .padding-xxs-wide {
            padding-top: 5px;
            padding-bottom: 5px
        }

        .padding-top-xxs-wide {
            padding-top: 5px
        }

        .padding-bottom-xxs-wide {
            padding-bottom: 5px
        }

        .margin-xxs-wide {
            margin-top: 5px;
            margin-bottom: 5px
        }

            .margin-xxs-wide:first-child {
                margin-top: 0
            }

            .margin-xxs-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-xxs-wide {
            margin-top: 5px
        }

            .margin-top-xxs-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-xxs-wide {
            margin-bottom: 5px
        }

            .margin-bottom-xxs-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-xs-wide {
            padding-left: 10px;
            padding-right: 10px
        }

        .padding-xs-wide {
            padding-top: 10px;
            padding-bottom: 10px
        }

        .padding-top-xs-wide {
            padding-top: 10px
        }

        .padding-bottom-xs-wide {
            padding-bottom: 10px
        }

        .margin-xs-wide {
            margin-top: 10px;
            margin-bottom: 10px
        }

            .margin-xs-wide:first-child {
                margin-top: 0
            }

            .margin-xs-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-xs-wide {
            margin-top: 10px
        }

            .margin-top-xs-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-xs-wide {
            margin-bottom: 10px
        }

            .margin-bottom-xs-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-sm-wide {
            padding-left: 15px;
            padding-right: 15px
        }

        .padding-sm-wide {
            padding-top: 15px;
            padding-bottom: 15px
        }

        .padding-top-sm-wide {
            padding-top: 15px
        }

        .padding-bottom-sm-wide {
            padding-bottom: 15px
        }

        .margin-sm-wide {
            margin-top: 15px;
            margin-bottom: 15px
        }

            .margin-sm-wide:first-child {
                margin-top: 0
            }

            .margin-sm-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-sm-wide {
            margin-top: 15px
        }

            .margin-top-sm-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-sm-wide {
            margin-bottom: 15px
        }

            .margin-bottom-sm-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-rg-wide {
            padding-left: 20px;
            padding-right: 20px
        }

        .padding-rg-wide {
            padding-top: 20px;
            padding-bottom: 20px
        }

        .padding-top-rg-wide {
            padding-top: 20px
        }

        .padding-bottom-rg-wide {
            padding-bottom: 20px
        }

        .margin-rg-wide {
            margin-top: 20px;
            margin-bottom: 20px
        }

            .margin-rg-wide:first-child {
                margin-top: 0
            }

            .margin-rg-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-rg-wide {
            margin-top: 20px
        }

            .margin-top-rg-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-rg-wide {
            margin-bottom: 20px
        }

            .margin-bottom-rg-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-md-wide {
            padding-left: 30px;
            padding-right: 30px
        }

        .padding-md-wide {
            padding-top: 30px;
            padding-bottom: 30px
        }

        .padding-top-md-wide {
            padding-top: 30px
        }

        .padding-bottom-md-wide {
            padding-bottom: 30px
        }

        .margin-md-wide {
            margin-top: 30px;
            margin-bottom: 30px
        }

            .margin-md-wide:first-child {
                margin-top: 0
            }

            .margin-md-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-md-wide {
            margin-top: 30px
        }

            .margin-top-md-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-md-wide {
            margin-bottom: 30px
        }

            .margin-bottom-md-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-lg-wide {
            padding-left: 40px;
            padding-right: 40px
        }

        .padding-lg-wide {
            padding-top: 40px;
            padding-bottom: 40px
        }

        .padding-top-lg-wide {
            padding-top: 40px
        }

        .padding-bottom-lg-wide {
            padding-bottom: 40px
        }

        .margin-lg-wide {
            margin-top: 40px;
            margin-bottom: 40px
        }

            .margin-lg-wide:first-child {
                margin-top: 0
            }

            .margin-lg-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-lg-wide {
            margin-top: 40px
        }

            .margin-top-lg-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-lg-wide {
            margin-bottom: 40px
        }

            .margin-bottom-lg-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-xl-wide {
            padding-left: 60px;
            padding-right: 60px
        }

        .padding-xl-wide {
            padding-top: 60px;
            padding-bottom: 60px
        }

        .padding-top-xl-wide {
            padding-top: 60px
        }

        .padding-bottom-xl-wide {
            padding-bottom: 60px
        }

        .margin-xl-wide {
            margin-top: 60px;
            margin-bottom: 60px
        }

            .margin-xl-wide:first-child {
                margin-top: 0
            }

            .margin-xl-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-xl-wide {
            margin-top: 60px
        }

            .margin-top-xl-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-xl-wide {
            margin-bottom: 60px
        }

            .margin-bottom-xl-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-xxl-wide {
            padding-left: 80px;
            padding-right: 80px
        }

        .padding-xxl-wide {
            padding-top: 80px;
            padding-bottom: 80px
        }

        .padding-top-xxl-wide {
            padding-top: 80px
        }

        .padding-bottom-xxl-wide {
            padding-bottom: 80px
        }

        .margin-xxl-wide {
            margin-top: 80px;
            margin-bottom: 80px
        }

            .margin-xxl-wide:first-child {
                margin-top: 0
            }

            .margin-xxl-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-xxl-wide {
            margin-top: 80px
        }

            .margin-top-xxl-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-xxl-wide {
            margin-bottom: 80px
        }

            .margin-bottom-xxl-wide:last-child {
                margin-bottom: 0
            }

        .page-margin-xxxl-wide {
            padding-left: 120px;
            padding-right: 120px
        }

        .padding-xxxl-wide {
            padding-top: 120px;
            padding-bottom: 120px
        }

        .padding-top-xxxl-wide {
            padding-top: 120px
        }

        .padding-bottom-xxxl-wide {
            padding-bottom: 120px
        }

        .margin-xxxl-wide {
            margin-top: 5vh;
            margin-bottom: 5vh
        }

            .margin-xxxl-wide:first-child {
                margin-top: 0
            }

            .margin-xxxl-wide:last-child {
                margin-bottom: 0
            }

        .margin-top-xxxl-wide {
            margin-top: 120px
        }

            .margin-top-xxxl-wide:first-child {
                margin-top: 0
            }

        .margin-bottom-xxxl-wide {
            margin-bottom: 120px
        }

            .margin-bottom-xxxl-wide:last-child {
                margin-bottom: 0
            }
    }

    .richtext .vertical-table, .richtext table, .table {
        display: inline-block;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        background-color: #f6f6f6;
        color: #666;
        border-left: 1px solid #eaeaea;
        border-right: 1px solid #eaeaea
    }

    @media (min-width:64em) {
        .richtext .vertical-table, .richtext table, .table {
            display: table
        }
    }

    .richtext .vertical-table thead tr:first-of-type td, .richtext .vertical-table thead tr:first-of-type th, .richtext .vertical-table tr:first-of-type td, .richtext .vertical-table tr:first-of-type th, .richtext table thead tr:first-of-type td, .richtext table thead tr:first-of-type th, .richtext table tr:first-of-type td, .richtext table tr:first-of-type th, .table thead tr:first-of-type td, .table thead tr:first-of-type th, .table tr:first-of-type td, .table tr:first-of-type th {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.125em;
        letter-spacing: 0;
        background-color: #333;
        color: #fff;
        border-bottom: 1px solid #666
    }

        .richtext .vertical-table thead tr:first-of-type td:not(:first-child), .richtext .vertical-table thead tr:first-of-type th:not(:first-child), .richtext .vertical-table tr:first-of-type td:not(:first-child), .richtext .vertical-table tr:first-of-type th:not(:first-child), .richtext table thead tr:first-of-type td:not(:first-child), .richtext table thead tr:first-of-type th:not(:first-child), .richtext table tr:first-of-type td:not(:first-child), .richtext table tr:first-of-type th:not(:first-child), .table thead tr:first-of-type td:not(:first-child), .table thead tr:first-of-type th:not(:first-child), .table tr:first-of-type td:not(:first-child), .table tr:first-of-type th:not(:first-child) {
            border-left: 1px solid #666
        }

        .richtext .vertical-table thead tr:first-of-type td :last-child:not(:only-child), .richtext .vertical-table thead tr:first-of-type th :last-child:not(:only-child), .richtext .vertical-table tr:first-of-type td :last-child:not(:only-child), .richtext .vertical-table tr:first-of-type th :last-child:not(:only-child), .richtext table thead tr:first-of-type td :last-child:not(:only-child), .richtext table thead tr:first-of-type th :last-child:not(:only-child), .richtext table tr:first-of-type td :last-child:not(:only-child), .richtext table tr:first-of-type th :last-child:not(:only-child), .table thead tr:first-of-type td :last-child:not(:only-child), .table thead tr:first-of-type th :last-child:not(:only-child), .table tr:first-of-type td :last-child:not(:only-child), .table tr:first-of-type th :last-child:not(:only-child) {
            font-size: 14px;
            font-weight: 400;
            line-height: 1.125em;
            letter-spacing: 0
        }

    .richtext .vertical-table td, .richtext .vertical-table thead + tbody tr:first-of-type td, .richtext table td, .richtext table thead + tbody tr:first-of-type td, .table td, .table thead + tbody tr:first-of-type td {
        background-color: transparent;
        color: inherit;
        border-bottom-color: #eaeaea;
        font-weight: 400
    }

    .richtext .vertical-table td, .richtext .vertical-table th, .richtext table td, .richtext table th, .table td, .table th {
        min-width: 200px;
        padding: 15px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.625em;
        letter-spacing: 0;
        border-bottom: 1px solid #eaeaea;
        border: 1px solid #fff
    }

    .richtext .vertical-table .disabled, .richtext table .disabled, .table .disabled {
        background-color: #fff;
        color: #eaeaea
    }

    .richtext table {
        word-wrap: break-word
    }

    @media (max-width:64em) {
        .richtext table {
            display: block;
            border-top: 1px solid #eaeaea;
            width: 100% !important;
            height: auto !important
        }

            .richtext table thead tr:first-of-type, .richtext table tr:first-of-type {
                display: none
            }

            .richtext table tbody {
                display: block
            }

            .richtext table tr {
                display: block;
                border-bottom: 2px solid #aaa
            }

            .richtext table td {
                display: block;
                position: relative;
                padding-left: calc(50% + 15px);
                min-width: 0
            }

                .richtext table td[colspan] {
                    padding-left: 15px;
                    background: #f6f6f6
                }

                    .richtext table td[colspan]:before {
                        display: none
                    }

                .richtext table td:before {
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 50%;
                    height: auto;
                    min-height: 100%;
                    padding: 15px;
                    content: attr(data-label);
                    border-right: 1px solid #eaeaea;
                    box-sizing: border-box;
                    font-weight: 500
                }
    }

    .richtext .vertical-table {
        word-wrap: break-word;
        border-top: 1px solid #eaeaea
    }

    @media (max-width:64em) {
        .richtext .vertical-table {
            display: block;
            border-top: 1px solid #eaeaea;
            width: 100% !important;
            height: auto !important
        }

            .richtext .vertical-table thead tr:first-of-type, .richtext .vertical-table tr:first-of-type {
                display: none
            }

            .richtext .vertical-table tbody {
                display: block
            }

            .richtext .vertical-table tr {
                display: block;
                border-bottom: 2px solid #aaa
            }

            .richtext .vertical-table td {
                display: block;
                position: relative;
                min-width: 0
            }

                .richtext .vertical-table td[colspan] {
                    padding-left: 15px;
                    background: #f6f6f6
                }

                    .richtext .vertical-table td[colspan]:before {
                        display: none
                    }

                .richtext .vertical-table td:before {
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: auto;
                    min-height: 100%;
                    padding: 15px;
                    content: attr(data-label);
                    border-right: 0 solid #000;
                    box-sizing: border-box;
                    font-weight: 500
                }

            .richtext .vertical-table td, .richtext .vertical-table th {
                min-width: 100%;
                padding: 15px;
                font-size: 16px;
                font-weight: 400;
                line-height: 1.625em;
                letter-spacing: 0;
                border-bottom: 0 solid #eaeaea;
                border-right: 0 solid #eaeaea
            }
    }

    .richtext .horizontal-scroll {
        margin-right: 0
    }

    .information-fee {
        margin-top: 20px
    }

        .information-fee a {
            color: #d42027;
            font-weight: 500;
            transition: color .2s linear,border-bottom .2s linear;
            border-bottom: #eaeaea
        }

            .information-fee a.styleguide-hover, .information-fee a:focus, .information-fee a:hover {
                color: #eecb27;
                border-bottom: #eecb27
            }

            .information-fee a:visited {
                color: #cd202c
            }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .flatpickr-calendar {
        background: transparent;
        opacity: 0;
        display: none;
        text-align: center;
        visibility: hidden;
        padding: 0;
        animation: none;
        direction: ltr;
        border: 0;
        font-size: 14px;
        line-height: 24px;
        border-radius: 5px;
        position: absolute;
        width: 307.875px;
        box-sizing: border-box;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        background: #fff;
        box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08)
    }

        .flatpickr-calendar.inline, .flatpickr-calendar.open {
            opacity: 1;
            max-height: 640px;
            visibility: visible
        }

        .flatpickr-calendar.open {
            display: inline-block;
            z-index: 99999
        }

        .flatpickr-calendar.animate.open {
            animation: fpFadeInDown .3s cubic-bezier(.23,1,.32,1)
        }

        .flatpickr-calendar.inline {
            display: block;
            position: relative;
            top: 2px
        }

        .flatpickr-calendar.static {
            position: absolute;
            top: calc(100% + 2px)
        }

            .flatpickr-calendar.static.open {
                z-index: 999;
                display: block
            }

        .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
            box-shadow: none !important
        }

        .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
            box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6
        }

        .flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer {
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .flatpickr-calendar .hasWeeks .dayContainer {
            border-left: 0
        }

        .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
            height: 40px;
            border-top: 1px solid #e6e6e6
        }

        .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
            height: auto
        }

        .flatpickr-calendar:after, .flatpickr-calendar:before {
            position: absolute;
            display: block;
            pointer-events: none;
            border: solid transparent;
            content: '';
            height: 0;
            width: 0;
            left: 22px
        }

        .flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before {
            left: auto;
            right: 22px
        }

        .flatpickr-calendar:before {
            border-width: 5px;
            margin: 0 -5px
        }

        .flatpickr-calendar:after {
            border-width: 4px;
            margin: 0 -4px
        }

        .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {
            bottom: 100%
        }

        .flatpickr-calendar.arrowTop:before {
            border-bottom-color: #e6e6e6
        }

        .flatpickr-calendar.arrowTop:after {
            border-bottom-color: #fff
        }

        .flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {
            top: 100%
        }

        .flatpickr-calendar.arrowBottom:before {
            border-top-color: #e6e6e6
        }

        .flatpickr-calendar.arrowBottom:after {
            border-top-color: #fff
        }

        .flatpickr-calendar:focus {
            outline: 0
        }

    .flatpickr-wrapper {
        position: relative;
        display: inline-block
    }

    .flatpickr-months {
        display: -ms-flexbox;
        display: flex
    }

        .flatpickr-months .flatpickr-month {
            background: transparent;
            color: rgba(0,0,0,.9);
            fill: rgba(0,0,0,.9);
            height: 28px;
            line-height: 1;
            text-align: center;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            overflow: hidden;
            -ms-flex: 1;
            flex: 1 1 0%
        }

        .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
            text-decoration: none;
            cursor: pointer;
            position: absolute;
            top: 0;
            line-height: 16px;
            height: 28px;
            padding: 10px;
            z-index: 3;
            color: rgba(0,0,0,.9);
            fill: rgba(0,0,0,.9)
        }

            .flatpickr-months .flatpickr-next-month.disabled, .flatpickr-months .flatpickr-prev-month.disabled {
                display: none
            }

            .flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i {
                position: relative
            }

            .flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
                left: 0
            }

            .flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
                right: 0
            }

            .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover {
                color: #959ea9
            }

                .flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
                    fill: #f64747
                }

            .flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg {
                width: 14px;
                height: 14px
            }

                .flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path {
                    transition: fill .1s;
                    fill: inherit
                }

    .numInputWrapper {
        position: relative;
        height: auto
    }

        .numInputWrapper input, .numInputWrapper span {
            display: inline-block
        }

        .numInputWrapper input {
            width: 100%
        }

            .numInputWrapper input::-ms-clear {
                display: none
            }

        .numInputWrapper span {
            position: absolute;
            right: 0;
            width: 14px;
            padding: 0 4px 0 2px;
            height: 50%;
            line-height: 50%;
            opacity: 0;
            cursor: pointer;
            border: 1px solid rgba(57,57,57,.15);
            box-sizing: border-box
        }

            .numInputWrapper span:hover {
                background: rgba(0,0,0,.1)
            }

            .numInputWrapper span:active {
                background: rgba(0,0,0,.2)
            }

            .numInputWrapper span:after {
                display: block;
                content: "";
                position: absolute
            }

            .numInputWrapper span.arrowUp {
                top: 0;
                border-bottom: 0
            }

                .numInputWrapper span.arrowUp:after {
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    border-bottom: 4px solid rgba(57,57,57,.6);
                    top: 26%
                }

            .numInputWrapper span.arrowDown {
                top: 50%
            }

                .numInputWrapper span.arrowDown:after {
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    border-top: 4px solid rgba(57,57,57,.6);
                    top: 40%
                }

            .numInputWrapper span svg {
                width: inherit;
                height: auto
            }

                .numInputWrapper span svg path {
                    fill: rgba(0,0,0,.5)
                }

        .numInputWrapper:hover {
            background: rgba(0,0,0,.05)
        }

            .numInputWrapper:hover span {
                opacity: 1
            }

    .flatpickr-current-month {
        font-size: 135%;
        line-height: inherit;
        font-weight: 300;
        color: inherit;
        position: absolute;
        width: 75%;
        left: 12.5%;
        padding: 6.16px 0 0;
        line-height: 1;
        height: 28px;
        display: inline-block;
        text-align: center;
        transform: translateZ(0)
    }

        .flatpickr-current-month span.cur-month {
            font-family: inherit;
            font-weight: 700;
            color: inherit;
            display: inline-block;
            margin-left: .5ch;
            padding: 0
        }

            .flatpickr-current-month span.cur-month:hover {
                background: rgba(0,0,0,.05)
            }

        .flatpickr-current-month .numInputWrapper {
            width: 6ch;
            width: 7ch\0;
            display: inline-block
        }

            .flatpickr-current-month .numInputWrapper span.arrowUp:after {
                border-bottom-color: rgba(0,0,0,.9)
            }

            .flatpickr-current-month .numInputWrapper span.arrowDown:after {
                border-top-color: rgba(0,0,0,.9)
            }

        .flatpickr-current-month input.cur-year {
            background: transparent;
            box-sizing: border-box;
            color: inherit;
            cursor: text;
            padding: 0 0 0 .5ch;
            margin: 0;
            display: inline-block;
            font-size: inherit;
            font-family: inherit;
            font-weight: 300;
            line-height: inherit;
            height: auto;
            border: 0;
            border-radius: 0;
            vertical-align: initial
        }

            .flatpickr-current-month input.cur-year:focus {
                outline: 0
            }

            .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
                font-size: 100%;
                color: rgba(0,0,0,.5);
                background: transparent;
                pointer-events: none
            }

    .flatpickr-weekdays {
        background: transparent;
        text-align: center;
        overflow: hidden;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 28px
    }

        .flatpickr-weekdays .flatpickr-weekdaycontainer {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1;
            flex: 1 1 0%
        }

    span.flatpickr-weekday {
        cursor: default;
        font-size: 90%;
        background: transparent;
        color: rgba(0,0,0,.54);
        line-height: 1;
        margin: 0;
        text-align: center;
        display: block;
        -ms-flex: 1;
        flex: 1 1 0%;
        font-weight: bolder
    }

    .dayContainer, .flatpickr-weeks {
        padding: 1px 0 0
    }

    .flatpickr-days {
        position: relative;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 307.875px
    }

        .flatpickr-days:focus {
            outline: 0
        }

    .dayContainer {
        padding: 0;
        outline: 0;
        text-align: left;
        width: 307.875px;
        min-width: 307.875px;
        max-width: 307.875px;
        box-sizing: border-box;
        display: inline-block;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-around;
        transform: translateZ(0);
        opacity: 1
    }

        .dayContainer + .dayContainer {
            box-shadow: -1px 0 0 #e6e6e6
        }

    .flatpickr-day {
        background: none;
        border: 1px solid transparent;
        border-radius: 150px;
        box-sizing: border-box;
        color: #393939;
        cursor: pointer;
        font-weight: 400;
        width: 14.2857143%;
        -ms-flex-preferred-size: 14.2857143%;
        flex-basis: 14.2857143%;
        max-width: 39px;
        height: 39px;
        line-height: 39px;
        margin: 0;
        display: inline-block;
        position: relative;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

        .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
            cursor: pointer;
            outline: 0;
            background: #e6e6e6;
            border-color: #e6e6e6
        }

        .flatpickr-day.today {
            border-color: #959ea9
        }

            .flatpickr-day.today:focus, .flatpickr-day.today:hover {
                border-color: #959ea9;
                background: #959ea9;
                color: #fff
            }

        .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
            background: #569ff7;
            box-shadow: none;
            color: #fff;
            border-color: #569ff7
        }

            .flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange {
                border-radius: 50px 0 0 50px
            }

            .flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange {
                border-radius: 0 50px 50px 0
            }

            .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
                box-shadow: -10px 0 0 #569ff7
            }

            .flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange {
                border-radius: 50px
            }

        .flatpickr-day.inRange {
            border-radius: 0;
            box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
        }

        .flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {
            color: rgba(57,57,57,.3);
            background: transparent;
            border-color: transparent;
            cursor: default
        }

            .flatpickr-day.disabled, .flatpickr-day.disabled:hover {
                cursor: not-allowed;
                color: rgba(57,57,57,.1)
            }

        .flatpickr-day.week.selected {
            border-radius: 0;
            box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7
        }

        .flatpickr-day.hidden {
            visibility: hidden
        }

    .rangeMode .flatpickr-day {
        margin-top: 1px
    }

    .flatpickr-weekwrapper {
        display: inline-block;
        float: left
    }

        .flatpickr-weekwrapper .flatpickr-weeks {
            padding: 0 12px;
            box-shadow: 1px 0 0 #e6e6e6
        }

        .flatpickr-weekwrapper .flatpickr-weekday {
            float: none;
            width: 100%;
            line-height: 28px
        }

        .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
            display: block;
            width: 100%;
            max-width: none;
            color: rgba(57,57,57,.3);
            background: transparent;
            cursor: default;
            border: none
        }

    .flatpickr-innerContainer {
        display: block;
        display: -ms-flexbox;
        display: flex;
        box-sizing: border-box;
        overflow: hidden
    }

    .flatpickr-rContainer {
        display: inline-block;
        padding: 0;
        box-sizing: border-box
    }

    .flatpickr-time {
        text-align: center;
        outline: 0;
        display: block;
        height: 0;
        line-height: 40px;
        max-height: 40px;
        box-sizing: border-box;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex
    }

        .flatpickr-time:after {
            content: "";
            display: table;
            clear: both
        }

        .flatpickr-time .numInputWrapper {
            -ms-flex: 1;
            flex: 1 1 0%;
            width: 40%;
            height: 40px;
            float: left
        }

            .flatpickr-time .numInputWrapper span.arrowUp:after {
                border-bottom-color: #393939
            }

            .flatpickr-time .numInputWrapper span.arrowDown:after {
                border-top-color: #393939
            }

        .flatpickr-time.hasSeconds .numInputWrapper {
            width: 26%
        }

        .flatpickr-time.time24hr .numInputWrapper {
            width: 49%
        }

        .flatpickr-time input {
            background: transparent;
            box-shadow: none;
            border: 0;
            border-radius: 0;
            text-align: center;
            margin: 0;
            padding: 0;
            height: inherit;
            line-height: inherit;
            color: #393939;
            font-size: 14px;
            position: relative;
            box-sizing: border-box
        }

            .flatpickr-time input.flatpickr-hour {
                font-weight: 700
            }

            .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
                font-weight: 400
            }

            .flatpickr-time input:focus {
                outline: 0;
                border: 0
            }

        .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator {
            height: inherit;
            display: inline-block;
            float: left;
            line-height: inherit;
            color: #393939;
            font-weight: 700;
            width: 2%;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center
        }

        .flatpickr-time .flatpickr-am-pm {
            outline: 0;
            width: 18%;
            cursor: pointer;
            text-align: center;
            font-weight: 400
        }

            .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover {
                background: #f3f3f3
            }

    .flatpickr-input[readonly] {
        cursor: pointer
    }

    @keyframes fpFadeInDown {
        0% {
            opacity: 0;
            transform: translate3d(0,-20px,0)
        }

        to {
            opacity: 1;
            transform: translateZ(0)
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .styleguide-landing__section {
        display: -ms-flexbox;
        display: flex
    }

    .styleguide-landing__header {
        width: 100%;
        padding: 100px 0 100px 15px;
        background: url("../images/tx3.jpg") no-repeat top/cover
    }

    @media (min-width:64em) {
        .styleguide-landing__header {
            padding-left: 410px
        }
    }

    .styleguide-landing__title {
        color: #fffffa
    }

    .styleguide-landing__subtitle {
        color: #fff;
        text-transform: uppercase;
        padding-top: 5px
    }

    .styleguide-landing__aside {
        display: none;
        background: #000;
        -ms-flex: 0 0 340px;
        flex: 0 0 340px
    }

    @media (min-width:64em) {
        .styleguide-landing__aside {
            display: block
        }
    }

    .styleguide-landing__footnote {
        color: #fffffa;
        padding-bottom: 10px;
        border-bottom: 2px solid #fff;
        display: inline-block;
        width: 260px;
        float: right;
        margin-top: 80px
    }

    .styleguide-landing__main-col {
        width: 100%;
        margin-top: 80px;
        padding: 0 15px
    }

    @media (min-width:48em) {
        .styleguide-landing__main-col {
            -ms-flex: 3 1 1000px;
            flex: 3 1 1000px;
            padding: 0 0 0 70px
        }
    }

    .styleguide-landing__main-inner {
        max-width: 860px
    }

    .styleguide-landing__main-half {
        margin-top: 80px
    }

    @media (min-width:48em) {
        .styleguide-landing__main-half {
            display: inline-block;
            float: left;
            width: 50%
        }
    }

    .styleguide-landing__main-form {
        max-width: 500px;
        margin-right: 15px
    }

    @media (min-width:48em) {
        .styleguide-swatch__row:not(:last-child) {
            margin-bottom: 40px
        }
    }

    .styleguide-swatch__container {
        display: block
    }

        .styleguide-swatch__container:not(:last-child) {
            margin-bottom: 30px
        }

    @media (min-width:48em) {
        .styleguide-swatch__container {
            display: inline-block
        }

            .styleguide-swatch__container:not(:last-child) {
                margin-right: 40px
            }
    }

    .styleguide-swatch__flex-wrapper {
        display: -ms-flexbox;
        display: flex
    }

    .styleguide-swatch__title {
        width: 100%;
        padding: 15px 0;
        text-align: center;
        border: 1px solid #fffffa;
        border-top: 0
    }

    .styleguide-swatch__gradient {
        width: 100%;
        height: 84px
    }

    @media (min-width:48em) {
        .styleguide-swatch__gradient {
            width: 370px
        }
    }

    .styleguide-swatch__gradient--colour {
        background: linear-gradient(90deg,#eea229 0,#eecb27)
    }

    .styleguide-swatch__gradient--metalic {
        background: linear-gradient(90deg,#fffffa 0,#d7d7d7 25%,#fff 50%,#d7d7d7 85%,#c6c6c6)
    }

    .styleguide-typeface__container {
        display: inline-block
    }

        .styleguide-typeface__container:not(:last-child) {
            margin-right: 40px
        }

    .styleguide-typeface__row:not(:last-child) {
        margin-bottom: 40px
    }

    .styleguide-typeface__item {
        font-size: 62px
    }

    .styleguide-typeface__item--light {
        font-weight: 200
    }

    .styleguide-typeface__item--regular {
        font-weight: 400
    }

    .styleguide-typeface__item--medium {
        font-weight: 500
    }

    .styleguide-typeface__item--bold {
        font-weight: 700
    }

    .styleguide-typo__row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .styleguide-typo__row:not(:last-child) {
            margin-bottom: 55px
        }

    @media (min-width:48em) {
        .styleguide-typo__row {
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-pack: justify;
            justify-content: space-between;
            max-width: 860px
        }

            .styleguide-typo__row:not(:last-child) {
                margin-bottom: 40px
            }
    }

    .styleguide-typo__col {
        position: relative
    }

        .styleguide-typo__col:first-child {
            margin-bottom: 20px
        }

    @media (min-width:48em) {
        .styleguide-typo__col:first-child {
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 70px;
            margin-bottom: 0;
            position: relative
        }

            .styleguide-typo__col:first-child:after {
                content: "";
                position: absolute;
                top: 0;
                right: -40px;
                width: 25px;
                height: 100%;
                border: 1px solid #fffffa;
                border-left: 0
            }
    }

    @media (min-width:48em) {
        .styleguide-typo__col:last-child {
            -ms-flex: 0 0 300px;
            flex: 0 0 300px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: center;
            justify-content: center
        }
    }

    .styleguide-typo__title {
        font-size: 18px;
        color: #000;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 1.3;
        margin: -4px 0 6px
    }

    .styleguide-typo__content {
        color: #666;
        line-height: 1.5;
        white-space: pre-line;
        display: inline-block
    }

    @media (min-width:48em) {
        .styleguide-typo__content {
            display: inline-block;
            max-width: 300px
        }
    }

    .styleguide-typo__content:first-line {
        line-height: 0
    }

    @media (min-width:48em) {
        .styleguide-typo__content--mobile {
            display: none
        }
    }

    .styleguide-typo__content--desktop {
        display: none
    }

    @media (min-width:48em) {
        .styleguide-typo__content--desktop {
            display: block
        }
    }

    .styleguide-buttons {
        margin-top: 80px
    }

    @media (min-width:48em) {
        .styleguide-buttons {
            margin-left: 30px
        }
    }

    .styleguide-buttons__half {
        padding: 25px;
        margin: 30px -15px
    }

    @media (min-width:48em) {
        .styleguide-buttons__half {
            min-width: 340px;
            display: inline-block;
            margin: 0
        }
    }

    .styleguide-buttons__half:not(:first-child) .styleguide-buttons__subtitle {
        color: #fff
    }

    @media (min-width:48em) {
        .styleguide-buttons__half:not(:first-child) .styleguide-buttons__subtitle {
            display: none
        }
    }

    .styleguide-buttons__half--no-bg {
        padding: 0;
        margin: 0
    }

    .styleguide-buttons__title {
        margin-bottom: 20px
    }

    .styleguide-buttons__subtitle {
        margin-bottom: 10px
    }

    @media (min-width:48em) {
        .styleguide-buttons__subtitle {
            color: #fffffa;
            position: absolute;
            left: -70px;
            top: 50%;
            transform: translateY(-50%)
        }
    }

    .styleguide-buttons__button {
        position: relative
    }

        .styleguide-buttons__button:not(:last-child) {
            margin-bottom: 25px
        }

    .styleguide-buttons__pagination {
        padding: 15px;
        margin: 0 -15px
    }

    @media (min-width:48em) {
        .styleguide-buttons__pagination {
            padding: 70px 50px;
            margin: 80px 0 0
        }
    }

    .styleguide-buttons--social .styleguide-buttons__subtitle {
        color: #fff
    }

    @media (min-width:48em) {
        .styleguide-buttons--social .styleguide-buttons__subtitle {
            color: #fffffa;
            margin-left: -25px
        }
    }

    @media (min-width:48em) {
        .styleguide-buttons--social .styleguide-buttons__half {
            min-width: 0
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .content-reveal {
        clear: both;
        max-height: 0;
        overflow: hidden
    }

        .content-reveal + .load-more-container {
            margin-top: 5px
        }

        .content-reveal.is-opened + .load-more-container {
            transition: .8s linear;
            margin-top: 25px
        }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .staff-card__item {
        display: -ms-flexbox;
        display: flex;
        padding: 20px;
        border: 1px solid #eaeaea;
        background: #f6f6f6;
        transition: background-color .3s cubic-bezier(.215,.61,.355,1);
        text-decoration: none
    }

        .staff-card__item:not(:last-child) {
            border-bottom: 0
        }

    .staff-card__image {
        display: none;
        position: relative
    }

    @media (min-width:48em) {
        .staff-card__image {
            background: #fffffa;
            width: 60px;
            height: 60px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 20px
        }

            .staff-card__image svg {
                fill: #fff;
                width: 60px
            }
    }

    .staff-card__title {
        font-size: 1rem;
        font-weight: 500;
        color: #d42027;
        text-decoration: none
    }

        .staff-card__title .icon {
            margin: 1px 0 0 20px
        }

    .staff-card__content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #666;
        font-size: .875rem;
        width: 85%;
        word-wrap: break-word
    }

    @media (min-width:48em) {
        .staff-card__content {
            width: 100%
        }
    }

    .staff-card__position {
        margin-top: 12px;
        font-size: .875rem;
        line-height: 1.4
    }

    @media (min-width:48em) {
        .staff-card__position {
            margin-top: 6px
        }
    }

    .staff-card__strong-text {
        font-weight: 500
    }

    a.staff-card__item:focus, a.staff-card__item:hover {
        background: #eaeaea
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .profile-info {
        list-style: none;
        margin: 0;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        padding: 30px 0
    }

    @media (min-width:48em) {
        .profile-info {
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .profile-info__item {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        color: #fff
    }

    @media (min-width:48em) {
        .profile-info__item {
            max-width: 320px
        }
    }

    .profile-info__item a {
        color: #fff
    }

    .profile-info__item + .profile-info__item {
        margin-top: 15px
    }

    @media (min-width:48em) {
        .profile-info__item + .profile-info__item {
            margin: 0 0 0 20px
        }
    }

    .profile-info__title {
        margin-bottom: 5px;
        font-size: .75rem;
        font-weight: 700
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .search-results-container {
        width: 100%
    }

    .search-results-container__top {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .search-results-container__message {
        font-size: .75rem;
        font-weight: 500;
        color: #666
    }

        .search-results-container__message .link {
            display: block;
            margin-top: 5px
        }

    @media (min-width:64em) {
        .search-results-container__message .link {
            display: inline-block;
            margin-top: 0
        }
    }

    @media (min-width:64em) {
        .search-results-container__message--desktop-hide {
            display: none
        }
    }

    .search-results-container__message--desktop-show {
        display: none
    }

    @media (min-width:64em) {
        .search-results-container__message--desktop-show {
            display: inline-block
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .quick-links {
        max-height: 0;
        overflow: hidden;
        background-color: #fff
    }

        .quick-links.is-opened {
            max-height: none
        }

    .quick-links__content-block {
        padding: 30px 0
    }

    @media (min-width:48em) {
        .quick-links__content-block {
            padding: 40px 0 50px
        }
    }

    .quick-links__content-block:first-child .quick-links__heading {
        font-size: 1.5rem;
        text-transform: none
    }

    .quick-links__heading {
        margin-bottom: 20px;
        font-size: 1.125rem;
        text-transform: uppercase;
        line-height: 1.25;
        font-weight: 700
    }

    .quick-links__row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: column;
        flex-direction: column
    }

    @media (min-width:48em) {
        .quick-links__row {
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .quick-links__col {
        width: 100%;
        margin-top: -2px
    }

    @media (min-width:64em) {
        .quick-links__col {
            width: 32%
        }
    }

    .quick-links__link {
        display: block;
        font-size: .875rem;
        font-weight: 500;
        color: #d42027;
        text-decoration: none;
        cursor: pointer;
        transition: color .2s linear
    }

    @media (min-width:48em) {
        .quick-links__link {
            font-size: .9375rem
        }
    }

    .no-touchevents .quick-links__link:focus, .no-touchevents .quick-links__link:hover {
        color: #eecb27
    }

    .quick-links__link + .quick-links__link {
        margin-top: 10px
    }

    .quick-links__link + .quick-links__button {
        margin-top: 15px
    }

    @media (min-width:48em) {
        .quick-links__link + .quick-links__button {
            margin-top: 25px
        }
    }

    .quick-links__button {
        padding: 16px 24px;
        font-size: .875rem;
        margin-bottom: 20px
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .search-nav {
        position: relative;
        width: 100%
    }

    .search-nav__top {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        transform: translateZ(0);
        background-color: #d42027;
        background-repeat: no-repeat;
        background-position: 50%
    }

    @media (min-width:48em) {
        .search-nav__top {
            background-position: 100% 0
        }
    }

    .information .search-nav__top {
        background-color: #1f1762
    }

    .student .search-nav__top {
        background-color: #d5031e
    }

    .search-nav__logo {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 101
    }

        .search-nav__logo .custom__logo--microsite {
            color: red
        }

            .search-nav__logo .custom__logo--microsite .main-nav__svg {
                width: 180px;
                height: 94px;
                margin-top: -17px;
                fill: #fff
            }

    @media (min-width:48em) {
        .search-nav__logo .custom__logo--microsite .main-nav__svg {
            width: 180px;
            height: 94px;
            margin-top: -8px
        }
    }

    .search-nav__logo-icon {
        width: 107px;
        height: 45px;
        fill: #fff
    }

    @media (min-width:48em) {
        .search-nav__logo-icon {
            width: 150px;
            height: 64px
        }
    }

    .search-nav__section {
        position: fixed;
        top: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        min-height: 100vh;
        background-color: #d42027;
        z-index: 99
    }

    .information .search-nav__section {
        background-color: #000
    }

    .student .search-nav__section {
        background-color: #d5031e
    }

    .search-nav__search {
        padding: 60px 0;
        color: #fff
    }

    .search-nav__heading {
        font-size: 1.625rem;
        font-weight: 400;
        color: #fff
    }

    @media (min-width:48em) {
        .search-nav__heading {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            -ms-flex-item-align: start;
            align-self: flex-start;
            margin-left: 0;
            font-size: 2.25rem;
            transition: font-size .5s cubic-bezier(.165,.84,.44,1)
        }
    }

    .search-nav__heading--main {
        margin: 38px 20px 20px
    }

    @media (min-width:48em) {
        .search-nav__heading--main {
            margin: 0
        }
    }

    .search-nav__heading--copy {
        display: none;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin: 0 20px 0 30px
    }

    @media (min-width:48em) {
        .search-nav__heading--copy {
            margin: 0 20px 0 0
        }
    }

    .search-nav__heading a {
        color: #fff;
        text-decoration: none
    }

    .search-nav__form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    @media (min-width:48em) {
        .search-nav__form {
            width: 100%
        }
    }

    .search-nav__form--inner {
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px 0 0;
        background-color: #58225c
    }

    .information .search-nav__form--inner {
        background-color: #1f1762
    }

    .student .search-nav__form--inner {
        background-color: #d5031e
    }

    .search-nav__form--inner .search-nav__input-field {
        display: block;
        padding: 0;
        font-size: 1.25rem;
        background-color: transparent;
        outline: none;
        color: #fff;
        padding: 45px 0 45px 20px
    }

        .search-nav__form--inner .search-nav__input-field::-webkit-input-placeholder {
            font-size: 1rem;
            color: #fff
        }

        .search-nav__form--inner .search-nav__input-field::-moz-placeholder {
            color: #fff
        }

        .search-nav__form--inner .search-nav__input-field:-ms-input-placeholder {
            color: #fff
        }

        .search-nav__form--inner .search-nav__input-field:-moz-placeholder {
            color: #fff
        }

    .information .search-nav__form--inner .search-nav__input-submit, .search-nav__form--inner .search-nav__input-submit, .student .search-nav__form--inner .search-nav__input-submit {
        background-color: transparent
    }

    .search-nav__form--inner .search-nav__input-icon {
        width: 25px;
        height: 25px
    }

    .information .search-nav__form--inner .search-nav__input-icon {
        fill: #666
    }

    .student .search-nav__form--inner .search-nav__input-icon {
        fill: #d42027
    }

    .search-nav__input {
        -ms-flex-positive: 100;
        flex-grow: 100;
        min-width: 0
    }

    .search-nav__input-field {
        display: none;
        -ms-flex-positive: 100;
        flex-grow: 100;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        width: 100%;
        padding: 16px 15px 15px;
        font-size: 1rem;
        font-style: italic;
        color: #666;
        background-color: #fff;
        border: none;
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box
    }

    @media (min-width:48em) {
        .search-nav__input-field {
            display: block;
            height: 50px
        }
    }

    @media (min-width:48em) {
        .search-nav__input-field.is-error {
            border: 2px solid #cd202c
        }
    }

    .search-nav__input-submit {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 45px;
        height: 45px;
        padding: 0;
        background-color: #000;
        border: 3px solid transparent
    }

    @media (min-width:48em) {
        .search-nav__input-submit {
            width: 50px;
            height: 50px
        }
    }

    .information .search-nav__input-submit, .student .search-nav__input-submit {
        background-color: #d42027
    }

    .search-nav__input-submit.is-active {
        border-color: #815185;
        background-color: #fff
    }

        .search-nav__input-submit.is-active .search-nav__input-icon {
            fill: #a0304a
        }

    .search-nav__input-icon {
        fill: #fff
    }

        .search-nav__input-icon.is-filled {
            fill: #eecb27
        }

    .search-nav__main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        position: relative;
        width: 100%;
        padding: 0 6px;
        z-index: 1
    }

    @media (min-width:48em) {
        .search-nav__main {
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: end;
            align-items: flex-end;
            padding: 112px 30px 0
        }
    }

    .search-nav__control {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
        padding: 6px 0 9px
    }

    @media (min-width:48em) {
        .search-nav__control {
            padding: 25px 0
        }
    }

    @media (min-width:64em) {
        .search-nav__control {
            transition: width .3s cubic-bezier(.445,.05,.55,.95),padding .3s cubic-bezier(.165,.84,.44,1)
        }
    }

    .search-nav__browse-icon {
        height: 18px;
        margin-left: 20px
    }

    .search-nav__browse-btn {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        margin-left: 5px;
        padding: 7px 8px;
        font-size: .75rem;
        font-family: inherit;
        font-weight: 700;
        color: #fff;
        background-color: #000;
        border: 3px solid transparent
    }

    .information .search-nav__browse-btn, .student .search-nav__browse-btn {
        background-color: #d42027
    }

    .search-nav__browse-btn .icon:last-child {
        margin-left: 10px
    }

    @media (min-width:48em) {
        .search-nav__browse-btn .icon:last-child {
            margin-left: 20px
        }
    }

    @media (min-width:48em) {
        .search-nav__browse-btn {
            margin-left: 20px;
            padding: .75em 1.5625em
        }
    }

    .search-nav__browse-btn.is-active {
        border-color: #815185;
        background-color: #fff
    }

        .search-nav__browse-btn.is-active .search-nav__browse-btn-text {
            color: #eecb27
        }

    .webkit-textfill .search-nav__browse-btn.is-active .search-nav__browse-btn-text {
        background: linear-gradient(90deg,#eea229 0,#eecb27);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text
    }

    .search-nav__browse-btn.is-active .hamburger__line {
        background: linear-gradient(90deg,#eea229 0,#eecb27)
    }

    .search-nav.is-active .search-nav__heading--main, .search-nav.is-collapsed .search-nav__heading--main {
        display: none
    }

    .search-nav.is-active .search-nav__top, .search-nav.is-collapsed .search-nav__top {
        background-image: none !important
    }

    .search-nav.is-active .search-nav__svg-text, .search-nav.is-collapsed .search-nav__svg-text {
        display: none
    }

    @media (min-width:48em) {
        .search-nav.is-active .search-nav__svg-text, .search-nav.is-collapsed .search-nav__svg-text {
            display: block
        }
    }

    .search-nav--small.is-collapsed .search-nav__heading--copy {
        display: block;
        min-height: 33px
    }

    .search-nav--small .search-nav__top {
        position: fixed
    }

    .search-nav--small .search-nav__heading--copy {
        margin-top: 0;
        font-size: 1rem;
        line-height: 1
    }

    @media (min-width:48em) {
        .search-nav--small .search-nav__heading--copy {
            font-size: 1.125rem
        }
    }

    @media (min-width:64em) {
        .search-nav--small .search-nav__heading--copy {
            font-size: 1.375rem
        }
    }

    @media (min-width:48em) {
        .search-nav--small .search-nav__control {
            width: 600px;
            margin: 0;
            padding: 15px 0
        }
    }

    @media (min-width:64em) {
        .search-nav--small .search-nav__control {
            width: 780px
        }
    }

    @media (min-width:48em) {
        .search-nav--small .search-nav__main {
            padding: 0 30px
        }
    }

    .search-nav--small .search-nav__heading--main {
        display: none
    }

    .search-nav--small .search-nav__heading--copy {
        display: block
    }

    .search-nav--small .search-nav__main {
        padding: 0 8px 0 30px
    }

    @media (min-width:48em) {
        .search-nav--small .search-nav__main {
            padding: 0 25px
        }
    }

    .search-nav--offset.is-collapsed .search-nav__heading--copy {
        display: block;
        min-height: 33px
    }

    .search-nav--offset .search-nav__top {
        position: fixed
    }

    .search-nav--offset .search-nav__heading--copy {
        margin-top: 0;
        font-size: 1rem;
        line-height: 1
    }

    @media (min-width:48em) {
        .search-nav--offset .search-nav__heading--copy {
            font-size: 1.125rem
        }
    }

    @media (min-width:64em) {
        .search-nav--offset .search-nav__heading--copy {
            font-size: 1.375rem
        }
    }

    @media (min-width:48em) {
        .search-nav--offset .search-nav__control {
            width: 600px;
            margin: 0;
            padding: 15px 0
        }
    }

    @media (min-width:64em) {
        .search-nav--offset .search-nav__control {
            width: 780px
        }
    }

    @media (min-width:48em) {
        .search-nav--offset .search-nav__main {
            padding: 0 30px
        }
    }

    @media (min-width:48em) {
        .search-nav--offset.is-collapsed .search-nav__heading--main {
            display: block
        }
    }

    .search-nav--offset .search-nav__main {
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    @media (min-width:48em) {
        .search-nav--offset .search-nav__main {
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: end;
            align-items: flex-end;
            padding: 80px 30px 0
        }
    }

    .search-nav--results.is-transparent .search-nav__top {
        background-color: transparent
    }

    .search-nav--results.is-transparent .search-nav__heading--copy {
        display: none
    }

    @media (min-width:48em) {
        .search-nav--results.is-transparent .search-nav__heading--copy {
            display: block
        }
    }

    .search-nav--results .search-nav__heading--main {
        display: none
    }

    .search-nav--results .search-nav__heading--copy {
        display: block
    }

    .is-collapsed .custom__logo--microsite .main-nav__svg-text {
        opacity: 1
    }

    @media (max-width:63.999em) {
        .is-collapsed .custom__logo--microsite .main-nav__svg-text {
            display: none
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .campus-map {
        position: relative;
        width: 100%
    }

    .campus-map__map {
        width: 100%;
        height: 100%;
        min-height: 280px;
        background-color: #f6f6f6
    }

    @media (min-width:48em) {
        .campus-map__map {
            min-height: 370px
        }
    }

    @media (min-width:90em) {
        .campus-map__map {
            min-height: 420px
        }
    }

    .campus-map__desc {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        font-size: .875rem;
        padding: 20px;
        color: #fff;
        background: #d42027
    }

    @media (min-width:90em) {
        .campus-map__desc {
            font-size: 1rem;
            padding: 30px
        }
    }

    .campus-map__title {
        position: relative;
        font-size: 1.125rem;
        font-weight: 700
    }

    @media (min-width:48em) {
        .campus-map__title {
            padding-top: 25px
        }
    }

    .campus-map__title:before {
        content: none;
        position: absolute;
        top: 0;
        width: 50px;
        height: 5px;
        background-color: #fff
    }

    @media (min-width:48em) {
        .campus-map__title:before {
            content: ''
        }
    }

    .campus-map__address {
        margin-top: 10px;
        line-height: 1.8
    }

    .campus-map__phone {
        margin-top: 15px;
        -ms-flex-positive: 100;
        flex-grow: 100
    }

    .campus-map__text {
        margin-top: 15px
    }

        .campus-map__text a {
            color: #fff;
            font-weight: 500
        }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .inline-quote {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

    @media (min-width:48em) {
        .inline-quote {
            -ms-flex-direction: row;
            flex-direction: row;
            max-width: 1024px;
            margin-left: auto;
            margin-right: auto
        }
    }

    .inline-quote__wrapper {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        width: 100%;
        padding: 25px 30px 30px 20px;
        background-color: #f6f6f6;
        border-left: 5px solid #ccc
    }

    @media (min-width:48em) {
        .inline-quote__wrapper {
            padding: 25px 40px 30px
        }
    }

    .inline-quote__text {
        color: #d42027;
        font-size: 1.25rem;
        line-height: 1.2
    }

    @media (min-width:48em) {
        .inline-quote__text {
            font-size: 1.5rem
        }
    }

    .inline-quote__image {
        display: none;
        width: 165px;
        height: auto;
        max-height: 248px;
        font-family: object-fit\:cover;
        object-fit: cover;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    @media (min-width:48em) {
        .inline-quote__image {
            display: block
        }
    }

    .inline-quote__author:before {
        content: none
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .research-team {
        padding-top: 20px
    }

        .research-team ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

            .research-team ul li {
                position: relative;
                padding-left: 42px;
                font-size: 1rem;
                color: #666
            }

                .research-team ul li > strong:first-child {
                    display: block;
                    color: #1f1762;
                    font-weight: 700;
                    margin-bottom: 6px
                }

                .research-team ul li:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 22px;
                    height: 22px;
                    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 96.79' fill='%23ADADAD'%3E%3Ctitle%3Emember%3C/title%3E%3Cpath d='M55 22.33a23.21 23.21 0 1 0 23.21 23.2A23.23 23.23 0 0 0 55 22.33zm0 36.41a13.21 13.21 0 1 1 13.21-13.21A13.22 13.22 0 0 1 55 58.74zM69.23 78a39.81 39.81 0 0 0-28.46 0C35.14 80.23 30.62 83.74 28 88h54c-2.61-4.26-7.13-7.77-12.77-10zM0 0v88h18.84a25.7 25.7 0 0 1 7.41-10H10V10h90v68H83.76a25.69 25.69 0 0 1 7.41 10H110V0zm55 22.33a23.21 23.21 0 1 0 23.21 23.2A23.23 23.23 0 0 0 55 22.33zm0 36.41a13.21 13.21 0 1 1 13.21-13.21A13.22 13.22 0 0 1 55 58.74zm0 16.63A38.64 38.64 0 0 0 40.77 78h28.46A38.6 38.6 0 0 0 55 75.37zm0-53a23.21 23.21 0 1 0 23.21 23.2A23.23 23.23 0 0 0 55 22.33zm0 36.41a13.21 13.21 0 1 1 13.21-13.25A13.22 13.22 0 0 1 55 58.74zM82 88c-2.65-4.26-7.17-7.77-12.81-10a39.81 39.81 0 0 0-28.46 0C35.14 80.23 30.62 83.74 28 88a16.45 16.45 0 0 0-2.61 8.79h59.26A16.45 16.45 0 0 0 82 88zm0 0c-2.65-4.26-7.17-7.77-12.81-10a39.81 39.81 0 0 0-28.46 0C35.14 80.23 30.62 83.74 28 88a16.45 16.45 0 0 0-2.61 8.79h59.26A16.45 16.45 0 0 0 82 88zM55 22.33a23.21 23.21 0 1 0 23.21 23.2A23.23 23.23 0 0 0 55 22.33zm0 36.41a13.21 13.21 0 1 1 13.21-13.21A13.22 13.22 0 0 1 55 58.74z'/%3E%3C/svg%3E") no-repeat 50% 50%
                }

                .research-team ul li a {
                    text-decoration: none;
                    color: #666
                }

    .no-touchevents .research-team ul li a:focus, .no-touchevents .research-team ul li a:hover {
        text-decoration: underline
    }

    .research-team ul li + li {
        margin-top: 20px
    }

    @media (min-width:48em) {
        .research-team ul li + li {
            margin-top: 30px
        }
    }

    .research-team a {
        display: inline-block;
        color: #d42027;
        font-weight: 500;
        transition: color .2s linear,border-bottom .2s linear;
        margin-top: 20px;
        border-bottom: #eaeaea
    }

    .no-touchevents .research-team a:focus, .no-touchevents .research-team a:hover {
        color: #eecb27;
        border-bottom: #eecb27
    }

    .no-touchevents .research-team a:visited {
        color: #cd202c
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .cookie-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: fixed;
        left: 0;
        bottom: -100%;
        width: 100%;
        font-size: .875rem;
        padding: 20px;
        border-top: 3px solid hsla(0,0%,80%,.5);
        background-color: #f6f6f6;
        color: #666;
        z-index: 10;
        opacity: 0;
        visibility: hidden
    }

    .cookie-bar__content {
        margin-right: 20px
    }

    .cookie-bar__link {
        font-weight: 500;
        padding: 3px
    }

    .cookie-bar__close-btn {
        border: none;
        background-color: transparent;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        cursor: pointer
    }

        .cookie-bar__close-btn .icon {
            fill: #666
        }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .show-all__button {
        font-weight: 700;
        font-size: .75rem;
        padding-top: 15px;
        margin-top: 15px;
        cursor: pointer
    }

        .show-all__button .icon {
            margin-left: 5px
        }

        .show-all__button.is-active .icon {
            transform: rotate(-180deg)
        }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .search-filter-container {
        width: 100%;
        height: 100%;
        background-color: #fff
    }

    @media (min-width:64em) {
        .search-filter-container {
            border: 1px solid #ccc
        }
    }

    .search-filter-container__head {
        display: none;
        padding: 1rem 1.25rem;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #000;
        line-height: normal
    }

    @media (min-width:64em) {
        .search-filter-container__head {
            display: -ms-flexbox;
            display: flex
        }
    }

    .search-filter-container__category {
        font-size: .875rem;
        font-weight: 700;
        padding: 15px 20px;
        background-color: #f6f6f6
    }

    .search-filter-container__body {
        border-bottom: 1px solid #ccc
    }

        .search-filter-container__body > ul {
            list-style: none;
            margin: 0;
            padding: 0;
            padding: 20px;
            border-bottom: 1px solid #ccc
        }

    .search-filter-container__icon {
        fill: #666;
        margin-right: 10px
    }

    .search-filter-container__title {
        font-size: 1.125rem;
        font-weight: 700;
        color: inherit
    }

    .search-filter-container__clearing {
        padding: .875rem 1.25rem;
        border-bottom: 1px solid #ccc
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .site-search-filter {
        list-style: none;
        margin: 0;
        padding: 0;
        padding: 20px
    }

    .site-search-filter__item {
        color: #666
    }

        .site-search-filter__item.is-active {
            font-weight: 700;
            color: #000
        }

        .site-search-filter__item + .site-search-filter__item {
            margin-top: 10px
        }

    .site-search-filter__link {
        text-decoration: none;
        color: inherit
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .site-search-filter {
        list-style: none;
        margin: 0;
        padding: 0;
        padding: 20px;
        border-bottom: 1px solid #ccc
    }

    .site-search-filter__item {
        color: #666
    }

        .site-search-filter__item.is-active {
            font-weight: 700;
            color: #000
        }

        .site-search-filter__item .list-section {
            display: block;
            box-sizing: border-box;
            width: 100%;
            border-bottom: 1px solid #ccc;
            margin: 0;
            padding: .875rem 1.25rem;
            transition: background-color,color .2s linear
        }

            .site-search-filter__item .list-section > a {
                display: block;
                box-sizing: border-box;
                width: 100%;
                color: #333
            }

        .site-search-filter__item .subcat-listing {
            padding: 0;
            margin: .5rem 0 0;
            list-style: none
        }

            .site-search-filter__item .subcat-listing li {
                margin: 0 0 .25rem
            }

                .site-search-filter__item .subcat-listing li a {
                    text-decoration: none;
                    color: #999
                }

        .site-search-filter__item + .site-search-filter__item {
            margin-top: 10px
        }

    .site-search-filter__link {
        text-decoration: none;
        color: inherit
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .course-search-card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        border: 1px solid #ccc;
        border-bottom: none;
        background-color: #fff;
        text-decoration: none
    }

        .course-search-card:after {
            content: '';
            position: absolute;
            left: -1px;
            right: -1px;
            bottom: 0;
            height: 3px;
            background: linear-gradient(90deg,#eea229 0,#eecb27)
        }

        .course-search-card:focus .course-search-card__header, .course-search-card:hover .course-search-card__header {
            background-color: #fff
        }

        .course-search-card:focus .course-search-card__content, .course-search-card:hover .course-search-card__content {
            background-color: #f6f6f6
        }

    .course-search-card__header {
        padding: 15px 55px 15px 20px;
        background-color: #f6f6f6;
        transition: background-color .3s linear
    }

    .course-search-card__caption {
        font-size: .75rem;
        font-weight: 700;
        text-transform: uppercase
    }

    .course-search-card__title {
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.2
    }

    .course-search-card__info {
        font-size: .75rem;
        color: #333
    }

    .course-search-card__figure {
        display: none;
        position: relative;
        width: 80px;
        margin: 0 15px 15px 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    @media (min-width:48em) {
        .course-search-card__figure {
            margin: 0 15px 0 0
        }
    }

    .course-search-card__figure:before {
        content: '';
        display: block;
        padding-top: 100%
    }

    .course-search-card__figure img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        font-family: object-fit\:cover;
        object-fit: cover
    }

    .course-search-card__label {
        display: block;
        position: relative;
        top: -1px;
        float: none;
        font-size: .75rem;
        font-weight: 700;
        line-height: 1.2;
        margin: 0 -1px;
        text-align: center;
        text-transform: uppercase;
        padding: 4px 10px 2px;
        color: #fff;
        background: linear-gradient(90deg,#eea229 0,#eecb27)
    }

    @media (min-width:48em) {
        .course-search-card__label {
            float: right;
            top: -1px;
            right: -1px;
            padding: 7px 11px 6px;
            margin: 0 0 0 15px
        }
    }

    .course-search-card__content {
        position: relative;
        display: block;
        width: 100%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        font-size: .875rem;
        padding: 15px 20px 20px;
        color: #666;
        transition: background-color .3s linear
    }

    @media (min-width:48em) {
        .course-search-card__content {
            padding: 15px 55px 20px 20px
        }
    }

    @media (min-width:48em) {
        .course-search-card--subject {
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .course-search-card--subject .course-search-card__figure {
        display: block;
        width: 100%;
        margin: 0
    }

        .course-search-card--subject .course-search-card__figure:before {
            content: '';
            display: block;
            padding-top: 47.48%
        }

    @media (min-width:48em) {
        .course-search-card--subject .course-search-card__figure {
            width: 120px
        }

            .course-search-card--subject .course-search-card__figure:before {
                content: '';
                display: block;
                padding-top: 100%
            }
    }

    .course-search-card--subject .course-search-card__description {
        margin: 5px 0 0
    }

    .course-search-card--labeled .course-search-card__header {
        padding: 0
    }

    .course-search-card--labeled .course-search-card__title {
        padding: 15px 20px
    }

    .info-box {
        width: 100%;
        zoom: 1
    }

        .info-box:after, .info-box:before {
            content: '';
            display: table
        }

        .info-box:after {
            clear: both
        }

    .info-box__item {
        display: inline-block;
        width: 50%;
        float: left;
        margin-bottom: 15px;
        padding-right: 10px
    }

    @media (min-width:48em) {
        .info-box__item {
            width: 33.333%;
            margin-bottom: 0;
            padding-right: 0
        }
    }

    .info-box__item:empty {
        margin: 0
    }

    .info-box__item-label {
        display: inline-block;
        font-weight: 500;
        margin-bottom: 5px
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .site-search-card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        border: 1px solid #ccc;
        border-bottom: none;
        background-color: #fff;
        text-decoration: none
    }

        .site-search-card:after {
            content: '';
            position: absolute;
            left: -1px;
            right: -1px;
            bottom: 0;
            height: 3px;
            background: linear-gradient(90deg,#eea229 0,#eecb27)
        }

    .site-search-card__header {
        padding: 15px 55px 15px 20px;
        background-color: #f6f6f6
    }

    @media (min-width:48em) {
        .site-search-card__header {
            padding: 15px 55px 20px 20px
        }
    }

    .site-search-card__caption {
        font-size: .75rem;
        font-weight: 700;
        text-transform: uppercase
    }

    .site-search-card__title {
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.2;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .site-search-card__description + .site-search-card__info {
        margin-top: 15px
    }

    .site-search-card__info {
        font-size: .75rem;
        color: #333
    }

    .site-search-card__info-divider {
        margin: 0 5px
    }

    .site-search-card__figure {
        display: none;
        position: relative;
        width: 80px;
        margin: 0 15px 15px 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    @media (min-width:48em) {
        .site-search-card__figure {
            display: block;
            margin: 0 15px 0 0
        }
    }

    .site-search-card__figure:before {
        content: '';
        display: block;
        padding-top: 100%
    }

    .site-search-card__figure img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        font-family: object-fit\:cover;
        object-fit: cover
    }

    .site-search-card__figure-btn {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 36px;
        height: 22px;
        background-color: rgba(0,0,0,.4);
        border-radius: 3px
    }

        .site-search-card__figure-btn:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 0 6px 12px;
            border-color: transparent transparent transparent #fff
        }

    .site-search-card__content {
        position: relative;
        display: block;
        width: 100%;
        font-size: .875rem;
        padding: 15px 20px 20px;
        color: #666
    }

    @media (min-width:48em) {
        .site-search-card__content {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            padding: 15px 55px 20px 20px
        }
    }

    .site-search-card__summary {
        width: 100%
    }

    .site-search-card__date {
        display: inline-block;
        font-size: .875rem;
        font-weight: 700;
        margin-bottom: 8px
    }

    .site-search-card__value {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.2;
        color: #000
    }

    @media (min-width:48em) {
        .site-search-card--image .site-search-card__figure {
            display: block
        }
    }

    @media (min-width:48em) {
        .site-search-card--video .site-search-card__content {
            -ms-flex-align: start;
            align-items: flex-start
        }

        .site-search-card--video .site-search-card__figure {
            display: block;
            width: 135px
        }

            .site-search-card--video .site-search-card__figure:before {
                content: '';
                display: block;
                padding-top: 56.25%
            }

        .site-search-card--video .site-search-card__figure-btn {
            display: block
        }
    }

    @media (min-width:48em) {
        .site-search-card--subject {
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .site-search-card--subject .site-search-card__figure {
        display: block;
        width: 100%;
        margin: 0
    }

        .site-search-card--subject .site-search-card__figure:before {
            content: '';
            display: block;
            padding-top: 47.48%
        }

    @media (min-width:48em) {
        .site-search-card--subject .site-search-card__figure {
            width: 120px
        }

            .site-search-card--subject .site-search-card__figure:before {
                content: '';
                display: block;
                padding-top: 100%
            }
    }

    .site-search-card--subject .site-search-card__description {
        margin: 5px 0 0
    }

    .site-search-card--profile .site-search-card__content {
        color: #333
    }

    .site-search-card--profile .site-search-card__description p + p {
        margin-top: 5px
    }

    .site-search-card--profile .site-search-card__description b {
        font-weight: 500
    }

    .site-search-card--simple .site-search-card__header {
        padding: 15px 20px 20px;
        background-color: #fff
    }

    .site-search-card--simple .site-search-card__title {
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.6;
        overflow: visible;
        white-space: normal;
        text-overflow: clip
    }

    .site-search-card--with-value .site-search-card__header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px 20px 20px
    }

    @media (min-width:48em) {
        .site-search-card--with-value .site-search-card__header {
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .site-search-card--with-value .site-search-card__title {
        white-space: normal;
        margin-bottom: 10px
    }

    @media (min-width:48em) {
        .site-search-card--with-value .site-search-card__title {
            margin: 0 20px 0 0
        }
    }

    .site-search-card--with-value .site-search-card__summary b, .site-search-card--with-value .site-search-card__summary strong {
        font-weight: 500
    }

    @media (min-width:48em) {
        .info-list__item {
            display: inline-block
        }
    }

    .info-list__divider {
        display: none;
        margin: 0 5px
    }

    @media (min-width:48em) {
        .info-list__divider {
            display: inline-block
        }
    }

    .best-bet-card__figure {
        display: none !important
    }

    @media (min-width:48em) {
        .best-bet-card__figure {
            display: block !important
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .related-course {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-top: 20px;
        text-decoration: none;
        border: 1px solid #ccc;
        border-bottom: 0;
        background: #fff
    }

        .related-course:after {
            content: '';
            position: absolute;
            height: 3px;
            left: -1px;
            right: -1px;
            bottom: 0;
            background: linear-gradient(90deg,#eea229 0,#eecb27)
        }

    @media (min-width:64em) {
        .related-course {
            margin-top: 0
        }
    }

    .related-course__header {
        background: #f6f6f6;
        padding: 20px
    }

    @media (min-width:48em) {
        .related-course__header {
            -ms-flex-positive: 100;
            flex-grow: 100
        }
    }

    .related-course__content {
        width: 100%;
        padding: 20px;
        font-size: .75rem;
        font-weight: 500;
        line-height: 18px;
        color: #333
    }

    .related-course__content-item {
        display: inline-block;
        width: 50%;
        float: left;
        margin-bottom: 15px;
        padding-right: 10px;
        font-weight: 400
    }

        .related-course__content-item:last-child {
            margin-bottom: 0
        }

    .related-course__content-item-label {
        display: inline-block;
        font-weight: 500
    }

    .related-course__title {
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.2;
        color: #d42027
    }

        .related-course__title a {
            color: inherit;
            text-decoration: none
        }

    @media (min-width:90em) {
        .related-course__title {
            font-size: 1.3125rem
        }
    }

    .related-course:focus .related-course__header, .related-course:hover .related-course__header {
        background: #fff
    }

    .related-course:focus .related-course__content, .related-course:hover .related-course__content {
        background: #f6f6f6
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .sub-nav {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        pointer-events: auto
    }

    .sub-nav-mobile {
        display: block
    }

    @media (min-width:64em) {
        .sub-nav-mobile {
            display: none
        }
    }

    .sub-nav__list {
        display: none;
        -ms-flex: 4;
        flex: 4 1 0%;
        list-style: none
    }

    @media (min-width:64em) {
        .sub-nav__list {
            display: -ms-flexbox;
            display: flex
        }
    }

    .sub-nav__list-item {
        height: 100%;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 30px
    }

        .sub-nav__list-item:focus, .sub-nav__list-item:hover {
            background-color: #d42027
        }

            .sub-nav__list-item:focus a, .sub-nav__list-item:hover a {
                color: #fff
            }

        .sub-nav__list-item.active {
            background-color: #d42027
        }

            .sub-nav__list-item.active a {
                color: #fff
            }

    .sub-nav__link {
        display: block;
        font-size: .875rem;
        padding: 39px 0 38px;
        font-weight: 500;
        color: #d42027;
        text-decoration: none
    }

    .sub-nav__button {
        text-transform: none;
        padding: 10px 30px;
        margin: 20px 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

        .sub-nav__button + .sub-nav__button {
            margin-left: 14px
        }

    @media (min-width:64em) {
        .sub-nav__button + .sub-nav__button {
            margin: 20px 0 20px 14px
        }
    }

    .sub-nav__button .icon {
        display: none
    }

    @media (min-width:64em) {
        .sub-nav__button .icon {
            display: inline-block;
            vertical-align: baseline;
            width: 12px;
            height: 12px;
            color: #fffffa
        }

            .sub-nav__button .icon:last-child {
                margin-left: 5px;
                margin-right: 0
            }
    }

    @media (min-width:64em) {
        .sub-nav__button {
            margin: 20px 0 20px 14px;
            padding: 7px 30px 6px;
            -ms-flex: 0 1 160px;
            flex: 0 1 160px;
            max-width: 160px
        }
    }

    .sub-nav__button-container {
        -ms-flex: 2;
        flex: 2 1 0%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    @media (min-width:64em) {
        .sub-nav__button-container {
            visibility: visible;
            -ms-flex-pack: end;
            justify-content: flex-end
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .subject {
        display: block;
        position: relative;
        height: 0;
        padding-bottom: 50%;
        text-decoration: none;
        background-color: #1f1762;
        color: #fff
    }

    @media (min-width:64em) {
        .subject {
            padding-bottom: 100%
        }
    }

    .subject:after {
        content: attr(data-letter);
        position: absolute;
        top: 13px;
        left: -6px;
        font-weight: 700;
        font-size: 4.25rem;
        line-height: .75;
        text-transform: uppercase
    }

    @media (min-width:64em) {
        .subject:after {
            font-size: 8.125rem;
            top: 20px;
            left: -20px
        }
    }

    .subject__content {
        position: absolute;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 20px
    }

    @media (min-width:48em) {
        .subject__content {
            padding: 30px
        }
    }

    .subject__content:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg,hsla(0,0%,100%,0) 40%,rgba(0,0,0,.7))
    }

    .subject__title {
        position: relative;
        font-size: 1.125rem;
        line-height: 20/18;
        font-weight: 700;
        color: inherit;
        z-index: 1
    }

    @media (min-width:48em) {
        .subject__title {
            font-size: 1.5rem
        }
    }

    .subject__image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: object-fit\:cover;
        object-fit: cover;
        transition: transform .3s cubic-bezier(.215,.61,.355,1),opacity .3s linear
    }

    .no-touchevents .subject:focus .subject__image, .no-touchevents .subject:hover .subject__image {
        transform: scale(1.1)
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .az-nav {
        font-weight: 700
    }

    .az-nav__item {
        color: #fffffa;
        transition: color .2s linear
    }

        .az-nav__item + .az-nav__item {
            margin-left: 20px
        }

    .no-touchevents .az-nav__item:focus, .no-touchevents .az-nav__item:hover {
        color: #000
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .additional-links {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: 0 0 20px
    }

    @media (min-width:64em) {
        .additional-links {
            -ms-flex-align: end;
            align-items: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            padding: 0
        }
    }

    .additional-links__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        list-style: none
    }

    @media (min-width:64em) {
        .additional-links__list {
            -ms-flex-direction: column;
            flex-direction: column
        }
    }

    .additional-links__list-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

        .additional-links__list-item + .additional-links__list-item {
            margin-left: 20px
        }

    @media (min-width:64em) {
        .additional-links__list-item + .additional-links__list-item {
            margin: 14px 0 0
        }
    }

    .additional-links__link {
        color: #fffffa;
        font-size: .875rem;
        font-weight: 500;
        text-decoration: none;
        white-space: nowrap
    }

    .additional-links__icon {
        margin-right: 8px;
        width: 16px;
        height: 16px;
        fill: #fffffa;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .intro-section__image-holder {
        width: 100%
    }

    .intro-section__image {
        background-position: 100% 50%;
        background-size: cover;
        position: absolute;
        left: -100%;
        right: 0;
        top: 0;
        bottom: 0
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .logos__container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    @media (min-width:48em) {
        .logos__container {
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .logos__item {
        -ms-flex: 1;
        flex: 1 1 0%;
        padding-bottom: 20px
    }

        .logos__item img {
            max-width: 100%
        }

    @media (min-width:48em) {
        .logos__item {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-bottom: 0
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .get-in-touch__items {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    @media (min-width:48em) {
        .get-in-touch__items {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }
    }

    .get-in-touch__item {
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

    @media (min-width:48em) {
        .get-in-touch__item {
            -ms-flex: 0 1 50%;
            flex: 0 1 50%
        }

            .get-in-touch__item:last-child {
                margin-left: 20px
            }
    }

    .get-in-touch__header {
        font-size: 24px;
        font-weight: 700;
        color: #d42027
    }

    @media (min-width:48em) {
        .get-in-touch__header:after {
            display: block;
            content: "";
            width: 50px;
            height: 5px;
            margin: 16px 0 27px;
            background: #ccc
        }
    }

    .get-in-touch__title {
        display: block;
        font-weight: 700;
        color: #1f1762;
        font-size: 18px
    }

    .get-in-touch__email, .get-in-touch__phone {
        display: block;
        color: #666;
        margin-top: 10px
    }

    .get-in-touch__email-suffix, .get-in-touch__phone-suffix {
        display: inline;
        font-weight: 500
    }

    .get-in-touch__phone-number {
        display: inline
    }

    .get-in-touch__email-address {
        display: inline;
        font-weight: 500
    }

        .get-in-touch__email-address a {
            color: #d42027
        }

    .get-in-touch__address {
        display: block;
        color: #666;
        padding: 20px 0
    }

    .get-in-touch__subtitle {
        display: block;
        margin-top: 10px;
        color: #666;
        display: inline-block
    }

    @media (min-width:48em) {
        .get-in-touch .accordion__icon {
            display: none
        }

        .get-in-touch .accordion__container {
            display: block !important
        }

        .get-in-touch .accordion__header {
            padding: 0
        }

        .get-in-touch .accordion__title {
            text-transform: none
        }

        .get-in-touch .accordion:last-child {
            border: none
        }

        .get-in-touch .accordion + .accordion .accordion__header {
            border: none;
            margin-top: 0;
            padding-top: 0
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .tabs {
        display: block;
        position: relative
    }

    .tabs__nav {
        display: -ms-flexbox;
        display: flex
    }

    .tabs__button {
        display: inline-block;
        line-height: 1;
        text-decoration: none
    }

    .tabs__panels {
        position: relative
    }

    .tabs__panel {
        display: none
    }

        .tabs__panel.is-active, .tabs__panel:target {
            display: block
        }

    .tabs--subject .tabs__nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tabs--subject .tabs__button {
        position: relative;
        display: block;
        font-size: .75rem;
        font-weight: 700;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 20px;
        text-align: center;
        color: #fff;
        background-color: #4c4c4c
    }

    @media (min-width:48em) {
        .tabs--subject .tabs__button {
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: 33.333%;
            font-size: 1.125rem;
            padding: 38px 30px
        }
    }

    .tabs--subject .tabs__button:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 5px;
        background-color: #333
    }

    .tabs--subject .tabs__button.is-active {
        background-color: #fff;
        color: #d42027
    }

        .tabs--subject .tabs__button.is-active:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 5px;
            background: linear-gradient(90deg,#eea229 0,#eecb27)
        }

        .tabs--subject .tabs__button.is-active:after {
            content: none
        }

        .tabs--subject .tabs__button.is-active:first-child {
            border-left: 2px solid #ccc
        }

            .tabs--subject .tabs__button.is-active:first-child:before {
                left: -2px
            }

        .tabs--subject .tabs__button.is-active:last-child {
            border-right: 2px solid #ccc
        }

            .tabs--subject .tabs__button.is-active:last-child:before {
                right: -2px
            }

    .tabs--subject .tabs__button:not(.is-active):focus, .tabs--subject .tabs__button:not(.is-active):hover {
        background-color: #333
    }

    .tabs--subject .tabs__button:not(.is-active) + .tabs__button:not(.is-active) {
        border-left: 2px solid #333;
        border-right: 2px solid #4c4c4c
    }

    .tabs--course-structure {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    @media (min-width:48em) {
        .tabs--course-structure {
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .tabs--course-structure .tabs__nav {
        position: relative;
        z-index: 1;
        margin-bottom: -10px;
        min-height: 70px
    }

    @media (min-width:48em) {
        .tabs--course-structure .tabs__nav {
            -ms-flex-direction: column;
            flex-direction: column;
            margin-bottom: 0;
            margin-top: 40px
        }
    }

    .tabs--course-structure .tabs__button {
        width: 70px;
        height: 70px;
        border: 3px solid #d42027;
        border-right-width: 0;
        font-size: 12px;
        color: #d42027;
        font-weight: 700;
        padding: 10px
    }

        .tabs--course-structure .tabs__button.is-active {
            background: #d42027;
            color: #fff
        }

        .tabs--course-structure .tabs__button:last-child {
            border-right-width: 3px
        }

    @media (min-width:48em) {
        .tabs--course-structure .tabs__button {
            width: 124px;
            height: 124px;
            border-right-width: 3px;
            border-bottom-width: 0;
            font-size: 14px;
            padding: 16px
        }

            .tabs--course-structure .tabs__button:last-child {
                border-bottom-width: 3px
            }
    }

    .tabs--course-structure .tabs__panels {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        background: #f6f6f6;
        color: #666;
        margin-right: -120px;
        padding-right: 120px
    }

    @media (min-width:48em) {
        .tabs--course-structure .tabs__panels {
            margin-right: 0;
            padding-right: 60px;
            padding-left: 80px;
            margin-left: -30px
        }
    }

    .tabs--course-structure .accordion__icon {
        width: 24px;
        height: 24px
    }

    .tabs--course-structure .accordion__title {
        font-weight: 500;
        font-size: 18px;
        color: #333
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .notification-bar {
        border-top: 3px solid #ccc;
        color: #fff;
        font-size: 14px;
        position: fixed;
        width: 100%;
        left: 0;
        bottom: -100%;
        z-index: 10;
        -ms-flex-direction: row;
        flex-direction: row;
        opacity: 0;
        visibility: hidden
    }

    .notification-bar, .notification-bar__alert {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .notification-bar__alert {
        width: 45px;
        height: 45px;
        background: #eecb27;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-item-align: start;
        align-self: flex-start;
        max-width: 0;
        overflow: hidden;
        transition: max-width .2s ease-in-out
    }

    @media (min-width:48em) {
        .notification-bar__alert {
            width: 60px;
            height: 60px;
            max-width: 60px
        }
    }

    .notification-bar svg {
        fill: #fff;
        pointer-events: none
    }

    .notification-bar__title {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 14px 0;
        font-weight: 700
    }

    @media (min-width:48em) {
        .notification-bar__title {
            padding: 22px 0 21px
        }
    }

    .notification-bar__icon {
        border: none;
        background-color: transparent;
        position: absolute;
        top: 15px;
        right: 20px;
        outline: none;
        cursor: pointer
    }

    @media (min-width:48em) {
        .notification-bar__icon {
            top: 20px
        }
    }

    .notification-bar__footer {
        max-height: 300px;
        overflow: hidden;
        transition: max-height .2s ease-in-out
    }

    @media (min-width:48em) {
        .notification-bar__footer {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: start;
            justify-content: flex-start
        }
    }

    .notification-bar__content {
        position: relative;
        -ms-flex: 2;
        flex: 2 1 0%;
        padding: 0 20px;
        background: linear-gradient(90deg,#eea229 0,#eecb27)
    }

    @media (min-width:48em) {
        .notification-bar__content {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: start;
            justify-content: flex-start;
            padding-right: 50px
        }
    }

    .notification-bar .paragraph {
        float: left;
        padding: 0 20px 10px 0
    }

    @media (min-width:48em) {
        .notification-bar .paragraph {
            padding: 0 20px
        }
    }

    .notification-bar .button {
        float: left;
        margin-bottom: 20px
    }

    @media (min-width:48em) {
        .notification-bar .button {
            margin-bottom: 0
        }
    }

    .notification-bar.js-is-closed .notification-bar__footer {
        max-height: 0
    }

    .notification-bar.js-is-closed .notification-bar__alert {
        max-width: 45px
    }

    @media (min-width:48em) {
        .notification-bar.js-is-closed .notification-bar__alert {
            max-width: 61px
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .info-card__content {
        width: 100%;
        background: #f6f6f6;
        padding: 70px 40px 40px;
        min-height: 275px
    }

    @media (min-width:48em) {
        .info-card__content {
            padding: 60px;
            min-height: 295px
        }
    }

    @media (min-width:64em) {
        .info-card__content {
            padding: 60px 84px
        }
    }

    @media (min-width:90em) {
        .info-card__content {
            padding: 60px 110px
        }
    }

    .info-card__header {
        font-size: 20px;
        color: #d42027;
        font-weight: 700
    }

    @media (min-width:48em) {
        .info-card__header {
            font-size: 24px
        }
    }

    .info-card__img {
        display: block;
        position: relative;
        width: 125px;
        height: 125px;
        z-index: 1;
        margin-bottom: -30px
    }

        .info-card__img img {
            width: 100%;
            height: 100%;
            font-family: object-fit\:cover;
            object-fit: cover
        }

    @media (min-width:48em) {
        .info-card__img {
            width: 206px;
            height: 206px
        }
    }

    @media (min-width:64em) {
        .info-card__img {
            position: absolute;
            width: 206px;
            height: 206px;
            top: -10px;
            right: -64px
        }
    }

    @media (min-width:90em) {
        .info-card__img {
            width: 228px;
            height: 228px;
            top: -27px;
            right: -76px
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .modal-box {
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: hsla(0,0%,9%,.9);
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: opacity .3s ease
    }

    .modal-box__container {
        display: table;
        width: 100%;
        height: 100%
    }

    .modal-box__content {
        display: table-cell;
        vertical-align: middle;
        padding: 2.5rem 1.25rem 1.25rem
    }

    @media (min-width:64em) {
        .modal-box__content {
            padding: 2.5rem 1.25rem 7.5rem
        }
    }

    .modal-box__inner {
        max-width: 730px;
        margin: auto;
        position: relative;
        transition: .5s ease
    }

    .modal-box__close-button {
        border: none;
        background-color: transparent;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 32px;
        height: 32px;
        padding: 0;
        background-color: rgba(0,0,0,.2);
        z-index: 1
    }

        .modal-box__close-button .icon {
            color: #fff
        }

            .modal-box__close-button .icon:first-child, .modal-box__close-button .icon:last-child {
                margin: 0
            }

    @media (min-width:48em) {
        .modal-box__close-button {
            width: 42px;
            height: 42px
        }

            .modal-box__close-button .icon {
                width: 12px;
                height: 12px
            }
    }

    .modal-box__loader {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .modal-box-container {
        display: block;
        background-color: #fff
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .filter-tags {
        display: none;
        margin-top: 20px
    }

    @media (min-width:48em) {
        .filter-tags {
            display: block;
            margin-top: 10px
        }
    }

    .filter-tags--search {
        margin: 0 0 10px
    }

    @media (min-width:64em) {
        .filter-tags--search {
            display: none
        }
    }

    .filter-tag {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 10px 10px 0;
        padding: 9px 12px;
        font-size: .75rem;
        font-weight: 400;
        letter-spacing: .02em;
        background: #f6f6f6;
        border: 1px solid #eaeaea;
        color: #666;
        cursor: pointer
    }

    .filter-tag__remove-icon {
        margin-left: 10px
    }

    .filter-tag__remove-icon--courses {
        background: #1f1762
    }

        .filter-tag__remove-icon--courses .filter-tag__button-filter {
            background-color: #333
        }

        .filter-tag__remove-icon--courses .filter-tag__content {
            padding: 55px 0 25px
        }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .filter-box {
        display: block;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .filter-box__container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%
    }

    .filter-box__top {
        display: block;
        padding: 20px
    }

    @media (min-width:48em) {
        .filter-box__top {
            display: none
        }
    }

    .filter-box__content {
        display: none;
        -ms-flex-positive: 100;
        flex-grow: 100;
        padding: 0 20px;
        overflow-y: auto
    }

    @media (min-width:48em) {
        .filter-box__content {
            display: block;
            overflow-y: visible;
            padding: 20px 0 0
        }
    }

    .filter-box__footer {
        position: relative;
        width: 100%;
        padding: 20px;
        text-align: left;
        background-color: #f6f6f6;
        border-top: 1px solid #ccc
    }

    @media (min-width:48em) {
        .filter-box__footer {
            border-top: none;
            text-align: center
        }
    }

    .filter-box__button-filter {
        display: block;
        font-family: inherit;
        border: 3px solid #ccc
    }

    @media (min-width:48em) {
        .filter-box__button-filter {
            display: none
        }
    }

    .filter-box__button-filter .icon:first-child, .filter-box__button-filter .icon:last-child {
        margin-left: 10px;
        margin-right: 0
    }

    .filter-box__button-filter .icon--close {
        fill: #fffffa
    }

        .filter-box__button-filter .icon--close:last-child {
            margin-left: 10px
        }

    .filter-box__button-text-mobile-hidden {
        display: none
    }

    @media (min-width:48em) {
        .filter-box__button-text-mobile-hidden {
            display: inline-block
        }
    }

    .filter-box__button-close {
        border: none;
        background-color: transparent;
        position: absolute;
        top: 13px;
        right: 11px;
        cursor: pointer;
        outline: none;
        color: #fffffa
    }

        .filter-box__button-close .icon {
            fill: #fffffa
        }

    .filter-box__legend {
        padding: 0 20px;
        margin-bottom: 30px;
        color: #000;
        font-weight: 700
    }

    .filter-box__form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }

    .filter-box__submit {
        display: block;
        width: 100%;
        font-family: inherit;
        font-size: .75rem;
        font-weight: 700;
        padding: 1.125em 1.5625em;
        border: 3px solid #fffffa;
        max-width: 196px
    }

    @media (min-width:48em) {
        .filter-box__submit {
            margin: 0 auto
        }
    }

    @media (min-width:64em) {
        .filter-box__submit {
            max-width: 288px
        }
    }

    @media (min-width:90em) {
        .filter-box__submit {
            max-width: 624px
        }
    }

    .filter-box__button-clear {
        display: inline-block;
        position: absolute;
        right: 20px;
        top: 50%;
        padding: 0;
        transform: translateY(-50%);
        font-size: .75rem;
        font-weight: 400;
        color: #666
    }

        .filter-box__button-clear .icon {
            display: inline-block
        }

            .filter-box__button-clear .icon:first-child {
                margin-left: 5px;
                margin-right: 0
            }

        .filter-box__button-clear .icon--close {
            fill: currentColor
        }

    @media (min-width:48em) {
        .filter-box__button-clear {
            bottom: 30px;
            right: 30px;
            top: auto;
            transform: none
        }
    }

    .filter-box__state-indicator {
        display: block;
        position: absolute;
        top: -6px;
        right: -6px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #eecb27
    }

    @media (min-width:48em) {
        .filter-box__state-indicator {
            display: none
        }
    }

    .filter-box.is-opened {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 100
    }

    @media (min-width:48em) {
        .filter-box.is-opened {
            z-index: 50
        }
    }

    .filter-box.is-opened .filter-box__content {
        display: block
    }

    @media (min-width:48em) {
        .filter-box.is-opened {
            position: relative
        }
    }

    @media (min-width:48em) {
        .filter-box--events .filter-box__footer, .filter-box--news .filter-box__footer {
            display: none
        }
    }

    .filter-box--research .filter-box__button-filter {
        position: relative;
        overflow: visible;
        padding: 13px 19px;
        margin-left: 20px;
        background-color: #fff;
        z-index: 5
    }

    @media (min-width:48em) {
        .filter-box--research .filter-box__button-filter {
            padding: 15px 19px 16px;
            display: block;
            float: right;
            margin-left: auto
        }
    }

    .filter-box--research .filter-box__button-filter.is-active .icon {
        fill: #fffffa
    }

    .filter-box--research .filter-box__button-filter.is-active:after {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0;
        height: 3px;
        width: 100%;
        background-color: #fff;
        transition: .3s ease
    }

    .filter-box--research .filter-box__content {
        padding: 25px
    }

    .filter-box--research .filter-box__container {
        width: 100%;
        position: relative
    }

    @media (min-width:48em) {
        .filter-box--research .filter-box__container {
            border: 3px solid #ccc;
            top: -3px
        }
    }

    @media (min-width:48em) {
        .filter-box--research .filter-box__footer {
            padding: 30px
        }
    }

    @media (min-width:48em) {
        .filter-box--research.is-opened {
            position: relative;
            background-color: transparent
        }
    }

    .filter-box--research.is-opened .filter-box__content {
        display: block
    }

    .filter-box--research.is-opened .filter-box__button-filter {
        display: none
    }

    @media (min-width:48em) {
        .filter-box--research.is-opened .filter-box__button-filter {
            position: relative;
            display: block
        }
    }

    .filter-box--search {
        height: auto
    }

    @media (min-width:64em) {
        .filter-box--search {
            height: 100%
        }
    }

    .filter-box--search .filter-box__button-filter {
        background-color: #fff;
        z-index: 10
    }

    @media (min-width:48em) {
        .filter-box--search .filter-box__button-filter {
            display: block;
            margin-left: auto
        }
    }

    @media (min-width:64em) {
        .filter-box--search .filter-box__button-filter {
            display: none
        }
    }

    .filter-box--search .filter-box__button-filter.is-active .icon {
        fill: #fffffa
    }

    .filter-box--search .filter-box__button-filter.is-active:after {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0;
        height: 3px;
        width: 100%;
        background-color: #fff;
        transition: .3s ease
    }

    .filter-box--search .filter-box__content {
        padding: 0
    }

    @media (min-width:64em) {
        .filter-box--search .filter-box__content {
            display: block;
            height: 100%
        }
    }

    .filter-box--search .filter-box__container {
        position: relative;
        width: 100%;
        background-color: #fff;
        display: none
    }

    @media (min-width:48em) {
        .filter-box--search .filter-box__container {
            top: -3px;
            border: 3px solid #ccc
        }
    }

    @media (min-width:64em) {
        .filter-box--search .filter-box__container {
            display: block !important;
            top: auto;
            border: none
        }
    }

    .filter-box--search .filter-box__footer {
        display: block
    }

    @media (min-width:64em) {
        .filter-box--search .filter-box__footer {
            display: none
        }
    }

    @media (min-width:48em) {
        .filter-box--search.is-opened {
            position: relative;
            height: auto;
            background-color: transparent
        }
    }

    @media (min-width:64em) {
        .filter-box--search.is-opened {
            height: 100%
        }
    }

    .filter-box--search.is-opened .filter-box__container {
        display: -ms-flexbox;
        display: flex
    }

    @media (min-width:48em) {
        .filter-box--search.is-opened .filter-box__container {
            display: block
        }
    }

    .filter-box--search.is-opened .filter-box__button-filter {
        display: none
    }

    @media (min-width:48em) {
        .filter-box--search.is-opened .filter-box__button-filter {
            position: relative;
            display: block
        }
    }

    @media (min-width:64em) {
        .filter-box--search.is-opened .filter-box__button-filter {
            display: none
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .content-box {
        padding: 20px 30px 10px;
        border: 5px solid #eaeaea;
        border-top: 0;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .content-box__wrapper {
        width: 100%
    }

    .content-box__title {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

        .content-box__title:after, .content-box__title:before {
            display: block;
            content: '';
            height: 1px;
            border-top: 5px solid #eaeaea
        }

        .content-box__title:before {
            width: 10px
        }

    @media (min-width:48em) {
        .content-box__title:before {
            width: 20px
        }
    }

    .content-box__title:after {
        -ms-flex: 2 0 0;
        flex: 2 0 0%
    }

    .content-box__title-text {
        position: relative;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0;
        top: -13px;
        padding: 0 10px;
        font-weight: 700
    }

    .content-box__list {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .content-box__list-item {
        position: relative;
        list-style-type: none;
        padding-left: 25px;
        font-size: 1rem
    }

        .content-box__list-item:before {
            content: "";
            position: absolute;
            left: -.6em;
            background-color: #d42027;
            margin-right: 0;
            margin-top: 6px;
            width: 10px;
            height: 10px
        }

        .content-box__list-item + .content-box__list-item {
            margin-top: 10px
        }

    @media (min-width:48em) {
        .content-box__list-item + .content-box__list-item {
            margin-top: 20px
        }
    }

    .content-box__list-item-title {
        display: block;
        font-weight: 500
    }

    .content-box__web-address {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        font-weight: 500
    }

    @media (min-width:48em) {
        .content-box__web-address {
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .content-box__web-address + .content-box__web-address {
        margin-top: 10px
    }

    @media (min-width:48em) {
        .content-box__web-address + .content-box__web-address {
            margin-top: 2px
        }
    }

    @media (min-width:48em) {
        .content-box__web-label {
            margin-right: 5px
        }
    }

    .content-box__column {
        width: 100%
    }

    @media (min-width:48em) {
        .content-box__column {
            width: 50%;
            padding: 0 10px
        }
    }

    .content-box__column + .content-box__column {
        margin-top: 10px
    }

    @media (min-width:48em) {
        .content-box__column + .content-box__column {
            margin-top: 0
        }
    }

    .content-box__row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    @media (min-width:48em) {
        .content-box__row {
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .content-box--big {
        border-width: 5px;
        padding: 40px 30px 20px;
        border-left: 0
    }

    @media (min-width:48em) {
        .content-box--big {
            padding: 70px 50px 30px;
            border-width: 10px
        }
    }

    .content-box--big:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 25px;
        bottom: 0;
        width: 5px;
        background: #eaeaea
    }

    @media (min-width:48em) {
        .content-box--big:before {
            width: 10px
        }
    }

    .content-box--big .content-box__title:after, .content-box--big .content-box__title:before {
        border-width: 5px
    }

    @media (min-width:48em) {
        .content-box--big .content-box__title:after, .content-box--big .content-box__title:before {
            border-width: 10px
        }
    }

    .content-box--big .content-box__title:before {
        width: 0
    }

    .content-box--big .content-box__title-text {
        font-size: 28px;
        padding-left: 0;
        left: 0;
        top: -15x;
        letter-spacing: 0;
        font-weight: 700;
        color: #d42027
    }

    @media (min-width:48em) {
        .content-box--big .content-box__title-text {
            font-size: 40px
        }
    }

    @media (min-width:64em) {
        .content-box--big .content-box__title-text {
            font-size: 48px
        }
    }

    .content-box--course-details {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        font-size: 14px;
        color: #666;
        padding: 30px 20px 20px
    }

    @media (min-width:48em) {
        .content-box--course-details {
            padding: 30px 20px 20px
        }
    }

    .content-box--course-details .content-box__title {
        color: #000
    }

    .content-box--course-details .content-box__detail + .content-box__detail {
        margin-top: 13px
    }

    .content-box--course-details .content-box__label {
        font-weight: 700
    }

    .content-box--course-details .content-box__desc--highlighting {
        font-weight: 500;
        color: #d42027
    }

    .content-box--course-details .content-box__small {
        font-size: 12px
    }

    .content-box--course-details a {
        font-weight: 500;
        text-decoration: none
    }

    .content-box--course-details small {
        font-size: 12px
    }

    .content-box--related-links {
        display: block;
        padding: 0 0 10px
    }

    @media (min-width:48em) {
        .content-box--related-links {
            display: -ms-flexbox;
            display: flex
        }
    }

    .content-box--related-links .content-box__title {
        position: relative
    }

        .content-box--related-links .content-box__title:after {
            -ms-flex: 2 0 10px;
            flex: 2 0 10px
        }

    .content-box--details {
        font-size: .875rem;
        color: #333;
        padding: 40px 20px 20px
    }

    @media (min-width:48em) {
        .content-box--details {
            padding: 40px 30px
        }
    }

    .content-box--details .content-box__detail + .content-box__detail {
        margin-top: 18px
    }

    .content-box--details .content-box__label {
        display: block;
        font-weight: 700;
        color: #1f1762
    }

    .content-box--details .content-box__desc {
        color: #666;
        text-decoration: none
    }

    .content-box--details .content-box__desc--highlighting {
        font-weight: 500;
        color: #d42027
    }

    .content-box--details .content-box__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .content-box--details .content-box__row + .content-box__row {
            margin-top: 10px
        }

    @media (min-width:48em) {
        .content-box--details .content-box__row + .content-box__row {
            margin-top: 20px
        }
    }

    .content-box--details .content-box__web-link {
        word-break: break-word
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .latest-posts {
        width: 100%
    }

    .latest-posts__elements {
        display: block
    }

    @media (min-width:48em) {
        .latest-posts__elements {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
    }

    .latest-posts__header {
        font-weight: 700;
        font-size: 36px
    }

    @media (min-width:48em) {
        .latest-posts__header {
            font-size: 48px
        }
    }

    .latest-posts__elem {
        text-decoration: none;
        min-height: 180px;
        -ms-flex: 1;
        flex: 1 1 0%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        transition: background-color .3s cubic-bezier(.215,.61,.355,1);
        position: relative
    }

        .latest-posts__elem:nth-child(odd) {
            background: #eaeaea
        }

        .latest-posts__elem:nth-child(2n) {
            background: #f6f6f6
        }

    .block:nth-child(odd) .latest-posts__elem:nth-child(2n) {
        background: #fff
    }

    .no-touchevents .block:nth-child(odd) .latest-posts__elem:nth-child(2n):focus, .no-touchevents .block:nth-child(odd) .latest-posts__elem:nth-child(2n):hover, .no-touchevents .latest-posts__elem:focus, .no-touchevents .latest-posts__elem:hover {
        background: #d42027
    }

        .no-touchevents .latest-posts__elem:focus .latest-posts__date, .no-touchevents .latest-posts__elem:focus .latest-posts__title, .no-touchevents .latest-posts__elem:hover .latest-posts__date, .no-touchevents .latest-posts__elem:hover .latest-posts__title {
            color: #fff
        }

    @media (min-width:48em) {
        .latest-posts__elem {
            min-height: 240px
        }
    }

    @media (min-width:64em) {
        .latest-posts__elem {
            min-height: 310px
        }
    }

    @media (min-width:90em) {
        .latest-posts__elem {
            min-height: 430px
        }
    }

    .latest-posts__elem--media:nth-child(n) {
        background-color: #000
    }

    .no-touchevents .latest-posts__elem--media:nth-child(n):focus, .no-touchevents .latest-posts__elem--media:nth-child(n):hover {
        background: #333
    }

    .latest-posts__title {
        width: 100%;
        font-weight: 700;
        font-size: 22px;
        color: #d42027;
        transition: color .3s cubic-bezier(.215,.61,.355,1)
    }

    @media (min-width:64em) {
        .latest-posts__title {
            font-size: 30px
        }
    }

    .latest-posts__elem--media .latest-posts__title {
        color: #fff
    }

    .latest-posts__authors {
        font-weight: 400;
        margin-top: 20px;
        font-size: 16px;
        color: #252525;
        position: relative;
        transition: color .3s cubic-bezier(.215,.61,.355,1)
    }

        .latest-posts__authors:before {
            content: "";
            position: relative;
            display: block;
            width: 40px;
            height: 5px;
            margin-bottom: 25px;
            background: #fffffa
        }

    @media (min-width:48em) {
        .latest-posts__authors {
            font-size: 18px
        }
    }

    .latest-posts__elem--media .latest-posts__authors {
        color: #fff
    }

    .latest-posts__date {
        font-weight: 400;
        margin-top: 20px;
        font-size: 16px;
        color: #252525;
        position: relative;
        transition: color .3s cubic-bezier(.215,.61,.355,1)
    }

    @media (min-width:48em) {
        .latest-posts__date {
            font-size: 18px
        }
    }

    .latest-posts__elem--media .latest-posts__date {
        color: #fff
    }

    .latest-posts__link-wrapper {
        text-align: left
    }

    @media (min-width:48em) {
        .latest-posts__link-wrapper {
            text-align: right
        }
    }

    .latest-posts__cta {
        display: block;
        text-align: right;
        margin: 20px 0;
        color: #d42027;
        font-weight: 700;
        text-decoration: none
    }

    .latest-posts__cta-icon {
        width: .7em;
        height: .7em;
        margin: 0 10px;
        fill: currentColor
    }

    .latest-posts .latest-posts__media-type {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #fff;
        color: #000;
        width: 48px;
        height: 48px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .latest-news {
        width: 100%
    }

    .latest-news__elements {
        display: block
    }

    @media (min-width:48em) {
        .latest-news__elements {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
    }

    .latest-news__header {
        font-weight: 700;
        font-size: 36px
    }

    @media (min-width:48em) {
        .latest-news__header {
            font-size: 48px
        }
    }

    .latest-news__elem {
        text-decoration: none;
        min-height: 180px;
        -ms-flex: 1;
        flex: 1 1 0%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        transition: background .3s cubic-bezier(.215,.61,.355,1)
    }

        .latest-news__elem:nth-child(odd) {
            background: #eaeaea
        }

        .latest-news__elem:nth-child(2n) {
            background: #f6f6f6
        }

    .block:nth-child(odd) .latest-news__elem:nth-child(2n) {
        background: #fff
    }

    .no-touchevents .block:nth-child(odd) .latest-news__elem:nth-child(2n):focus, .no-touchevents .block:nth-child(odd) .latest-news__elem:nth-child(2n):hover, .no-touchevents .latest-news__elem:focus, .no-touchevents .latest-news__elem:hover {
        background: #d42027
    }

        .no-touchevents .latest-news__elem:focus .latest-news__date, .no-touchevents .latest-news__elem:focus .latest-news__title, .no-touchevents .latest-news__elem:hover .latest-news__date, .no-touchevents .latest-news__elem:hover .latest-news__title {
            color: #fff
        }

    @media (min-width:48em) {
        .latest-news__elem {
            min-height: 240px
        }
    }

    @media (min-width:64em) {
        .latest-news__elem {
            min-height: 310px
        }
    }

    @media (min-width:90em) {
        .latest-news__elem {
            min-height: 430px
        }
    }

    .latest-news__title {
        width: 100%;
        font-weight: 700;
        font-size: 22px;
        color: #d42027;
        transition: color .3s cubic-bezier(.215,.61,.355,1)
    }

    @media (min-width:64em) {
        .latest-news__title {
            font-size: 30px
        }
    }

    .latest-news__date {
        font-weight: 400;
        margin-top: 20px;
        font-size: 16px;
        color: #252525;
        position: relative;
        transition: color .3s cubic-bezier(.215,.61,.355,1)
    }

        .latest-news__date:before {
            content: "";
            position: relative;
            display: block;
            width: 40px;
            height: 5px;
            margin-bottom: 25px;
            background: #fffffa
        }

    @media (min-width:48em) {
        .latest-news__date {
            font-size: 18px
        }
    }

    .latest-news__link-wrapper {
        text-align: left
    }

    @media (min-width:48em) {
        .latest-news__link-wrapper {
            text-align: right
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .callout {
        width: 100%;
        height: 0;
        padding-top: 100%;
        color: #fff;
        overflow: hidden;
        position: relative;
        display: block
    }

    @media (min-width:48em) {
        .callout {
            padding-top: 120%
        }

        .no-touchevents .callout:focus .callout__image, .no-touchevents .callout:hover .callout__image {
            transform: scale(1.1)
        }

        .no-touchevents .callout:focus .callout__icon, .no-touchevents .callout:focus .callout__title, .no-touchevents .callout:hover .callout__icon, .no-touchevents .callout:hover .callout__title {
            color: #ccc
        }
    }

    @media (min-width:64em) {
        .callout {
            padding-top: 100%
        }
    }

    @media (min-width:48em) {
        .callout--wide {
            padding-top: 85%
        }
    }

    @media (min-width:64em) {
        .callout--wide {
            padding-top: 60%
        }
    }

    .callout__image {
        font-family: object-fit\:cover;
        object-fit: cover;
        transform-origin: center;
        transition: transform .3s cubic-bezier(.215,.61,.355,1)
    }

    .callout__content, .callout__image {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute
    }

    .callout__content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        background: rgba(0,0,0,.6)
    }

    .callout__header {
        -ms-flex: 1;
        flex: 1 1 0%;
        font-weight: 700;
        font-size: 36px;
        line-height: .8em;
        padding: 20px
    }

    @media (min-width:48em) {
        .callout__header {
            padding: 30px
        }

        .big .callout__header {
            font-size: 42px
        }
    }

    @media (min-width:64em) {
        .callout__header {
            padding: 40px
        }
    }

    @media (min-width:90em) {
        .big .callout__header {
            font-size: 65px
        }
    }

    .callout__footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: 20px;
        background: rgba(0,0,0,.75)
    }

    @media (min-width:48em) {
        .callout__footer {
            padding: 20px 30px
        }
    }

    @media (min-width:64em) {
        .callout__footer {
            padding: 20px 40px
        }
    }

    .callout__footer-text {
        -ms-flex: 5;
        flex: 5 1 0%;
        padding-right: 50px
    }

    .callout__title {
        font-weight: 700;
        font-size: 20px;
        transition: color .3s ease
    }

    .callout__subtitle {
        font-size: 16px;
        color: #fff;
        text-decoration: none
    }

    .callout__icon {
        transition: color .3s ease
    }

        .callout__icon svg {
            fill: #fff
        }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .load-more-container {
        text-align: center;
        overflow: hidden;
        clear: both
    }

    .research--projects .load-more-container .button--load-more, .tabs--subject .load-more-container .button--load-more {
        width: 100%;
        border-color: #fff
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .content-filter-research--stacked-mobile {
        -ms-flex-flow: column;
        flex-flow: column
    }

    @media (min-width:48em) {
        .content-filter-research--stacked-mobile {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row;
            flex-flow: row
        }
    }

    .content-filter-research--baseline {
        -ms-flex-align: baseline;
        align-items: baseline
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .content-filter-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    @media (min-width:48em) {
        .content-filter-container {
            display: block
        }
    }

    .content-filter-container--stacked-mobile {
        -ms-flex-flow: column;
        flex-flow: column
    }

    @media (min-width:48em) {
        .content-filter-container--stacked-mobile {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row;
            flex-flow: row
        }
    }

    .content-filter-container--baseline {
        -ms-flex-align: baseline;
        align-items: baseline
    }

    @media (min-width:48em) {
        .content-filter-container--research {
            *zoom: 1
        }

            .content-filter-container--research:after, .content-filter-container--research:before {
                content: '';
                display: table
            }

            .content-filter-container--research:after {
                clear: both
            }

            .content-filter-container--research .content-filter-container__heading {
                float: left;
                line-height: 54px
            }
    }

    .content-filter-container--search {
        width: 100%
    }

        .content-filter-container--search .content-filter-container__heading {
            margin-right: 10px
        }

    @media (min-width:48em) {
        .content-filter-container--search {
            display: block;
            zoom: 1
        }

            .content-filter-container--search:after, .content-filter-container--search:before {
                content: '';
                display: table
            }

            .content-filter-container--search:after {
                clear: both
            }

            .content-filter-container--search .content-filter-container__heading {
                float: left;
                line-height: 46px
            }
    }

    @media (min-width:64em) {
        .content-filter-container--search {
            display: block;
            margin-top: -20px
        }
    }

    .content-filter-container--courses {
        width: 100%
    }

    .content-filter__control {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #000
    }

    @media (min-width:48em) {
        .content-filter__control {
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .content-filter__filters {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    @media (min-width:48em) {
        .content-filter__filters {
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .content-filter__submit {
        display: none;
        font-family: inherit;
        font-size: .875rem;
        font-weight: 700;
        outline: none;
        border: 3px solid #fffffa;
        color: #000
    }

        .content-filter__submit.is-disabled {
            opacity: .35
        }

    @media (min-width:48em) {
        .content-filter__submit {
            display: inline-block;
            margin-left: 20px
        }
    }

    .content-filter--courses {
        width: 100%
    }

    @media (min-width:64em) {
        .content-filter--courses {
            padding: 30px 0
        }
    }

    .content-filter--courses .content-filter__control {
        margin-top: 25px
    }

    .content-filter--courses .content-filter__filters {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .content-filter--courses .content-filter__submit {
        display: block;
        -ms-flex: 1 1 33%;
        flex: 1 1 33%;
        font-size: .75rem;
        margin: 20px 0 25px;
        padding: 8px 10px 7px;
        color: #fff;
        border-color: #fff
    }

        .content-filter--courses .content-filter__submit.is-disabled {
            color: #666;
            border-color: #4c4c4c;
            cursor: default
        }

    @media (min-width:64em) {
        .content-filter--courses .content-filter__submit {
            -ms-flex: 1 1 40px;
            flex: 1 1 40px;
            margin: 0 0 0 20px
        }
    }

    @media (min-width:48em) {
        .content-filter--east15 .content-filter__filters {
            -ms-flex-positive: 0;
            flex-grow: 0;
            min-width: 87%
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .pagination-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    .pagination-container__button {
        font-weight: 700;
        padding: .938em 2.128em;
        border: 3px solid #ccc;
        color: inherit
    }

        .pagination-container__button.is-disabled {
            visibility: hidden;
            pointer-events: none
        }

    .pagination-container__main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pagination-container--light .pagination-container__button {
        border-color: #fff
    }

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

    .pagination__page:not(.is-active) {
        display: none
    }

    @media (min-width:48em) {
        .pagination__page:not(.is-active) {
            display: block
        }
    }

    @media (min-width:48em) {
        .pagination__page.is-active .pagination__link, .pagination__page:focus .pagination__link, .pagination__page:hover .pagination__link {
            opacity: .5
        }
    }

    .pagination__link {
        display: block;
        margin: 0 6px;
        font-weight: 700;
        font-size: .875rem;
        text-align: center;
        text-decoration: none;
        transition: all .2s ease-in-out;
        background-color: transparent;
        color: #000
    }

    @media (min-width:48em) {
        .pagination__link {
            margin: 0 18px
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .related-pages {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    @media (min-width:48em) {
        .related-pages {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-pack: start;
            justify-content: start;
            gap: 5%
        }
    }

    .related-pages__item {
        display: block;
        text-decoration: none
    }

    @media (max-width:47.999em) {
        .related-pages__item + .related-pages__item {
            margin-top: 30px
        }
    }

    @media (min-width:48em) {
        .related-pages__item {
            width: 47%;
            margin-bottom: 30px
        }
    }

    @media (min-width:64em) {
        .related-pages__item {
            width: 30%;
            margin-bottom: 0
        }

            .related-pages__item:nth-child(3) {
                display: block
            }
    }

    .no-touchevents .related-pages__item:focus .related-pages__img, .no-touchevents .related-pages__item:hover .related-pages__img {
        transform: scale(1.1)
    }

    .no-touchevents .related-pages__item:focus .related-pages__icon, .no-touchevents .related-pages__item:hover .related-pages__icon {
        fill: #000
    }

    .related-pages__elem + .related-pages__elem .related-pages__img {
        margin-top: 20px
    }

    @media (min-width:48em) {
        .related-pages__elem + .related-pages__elem .related-pages__img {
            margin-top: 0
        }
    }

    .related-pages__image {
        overflow: hidden
    }

    .related-pages__img {
        width: 100%;
        height: 50vw;
        display: block;
        font-family: object-fit\:cover;
        object-fit: cover;
        transition: transform .3s cubic-bezier(.215,.61,.355,1)
    }

    @media (min-width:48em) {
        .related-pages__img {
            height: 25vw
        }
    }

    @media (min-width:64em) {
        .related-pages__img {
            height: 16vw
        }
    }

    .related-pages__title {
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.125rem;
        margin-top: 20px;
        color: #000
    }

    @media (min-width:90em) {
        .related-pages__title {
            font-size: 1.375rem
        }
    }

    .related-pages__text {
        color: #666;
        font-size: .875rem;
        line-height: 1.125rem;
        margin-top: 10px
    }

    .related-pages__icon {
        display: block;
        fill: #666;
        margin-top: 1.25rem;
        transition: fill .2s ease-in-out
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .module__code {
        font-size: 12px;
        color: #666;
        font-weight: 400;
        margin-bottom: 5px
    }

    .module__title {
        font-size: 18px;
        font-weight: 700
    }

    .module__credits {
        font-size: 12px;
        color: #000;
        font-weight: 400;
        margin-top: 5px
    }

    .module__heading {
        padding: 5px 0 20px
    }

    .module__link {
        color: #d42027;
        font-weight: 500
    }

    .structure-component__heading {
        padding: 5px 0 20px
    }

        .structure-component__heading > a {
            color: #d42027;
            font-weight: 500
        }

    .structure-component__title {
        font-size: 18px;
        color: #000
    }

    .structure-component__title--top {
        font-size: 12px;
        color: #666;
        font-weight: 400;
        letter-spacing: .5px;
        margin-bottom: 15px
    }

    .structure-component__title--bottom {
        font-size: 12px;
        color: #000;
        font-weight: 400;
        margin-top: 5px
    }

    .structure-component .accordion__header {
        padding: 0
    }

        .structure-component .accordion__header > svg {
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center
        }

    .structure-component-modal__description {
        margin-bottom: 20px
    }

    .structure-component-modal__summary {
        line-height: 1.5;
        font-size: 14px;
        padding-top: 15px;
        color: #666
    }

    .structure-component-modal .accordion__header {
        padding: 0
    }

        .structure-component-modal .accordion__header > svg {
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center
        }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .story-card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-top: 20px;
        text-decoration: none
    }

    @media (min-width:64em) {
        .story-card {
            margin-top: 0
        }
    }

    .no-touchevents .light-grey-bg .story-card:focus .story-card__content, .no-touchevents .light-grey-bg .story-card:hover .story-card__content {
        background-color: #fff
    }

    .no-touchevents .story-card:focus .story-card__figure img, .no-touchevents .story-card:hover .story-card__figure img {
        transform: scale(1.1)
    }

    .no-touchevents .story-card:focus .story-card__content, .no-touchevents .story-card:hover .story-card__content {
        background-color: #eaeaea
    }

    .no-touchevents .story-card:focus .story-card__link-icon, .no-touchevents .story-card:hover .story-card__link-icon {
        color: #d42027
    }

    .story-card__figure {
        background-color: #fffffa;
        position: absolute;
        left: 20px;
        top: -20px;
        width: 80px;
        overflow: hidden;
        z-index: 1
    }

        .story-card__figure:before {
            content: '';
            display: block;
            padding-top: 100%
        }

    @media (min-width:64em) {
        .story-card__figure {
            width: 150px;
            left: auto;
            right: 0;
            top: 20px
        }
    }

    .story-card__figure img, .story-card__figure svg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        font-family: object-fit\:cover;
        object-fit: cover;
        transition: transform .3s cubic-bezier(.215,.61,.355,1)
    }

    .story-card__figure svg {
        fill: #fff;
        width: 60%;
        height: 60%;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .story-card__content {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-positive: 100;
        flex-grow: 100;
        padding: 80px 30px 32px 20px;
        border: 1px solid #ccc;
        border-bottom: none;
        background-color: #f6f6f6;
        color: #666;
        transition: background-color .3s cubic-bezier(.215,.61,.355,1)
    }

    @media (min-width:64em) {
        .story-card__content {
            min-height: 192px;
            padding: 18px 30px 24px 20px;
            margin-right: 20px
        }
    }

    .story-card__content:after {
        content: '';
        position: absolute;
        left: -1px;
        right: -1px;
        bottom: 0;
        height: 3px;
        background: linear-gradient(90deg,#eea229 0,#eecb27)
    }

    .story-card__content-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .story-card__content-inner p + p {
            margin-top: 14px
        }

    @media (min-width:64em) {
        .story-card__content-inner {
            width: calc(100% - 175px)
        }
    }

    .story-card__date {
        display: inline-block;
        font-size: .875rem;
        font-weight: 700;
        margin-bottom: 8px
    }

    .story-card__title {
        font-weight: 700;
        font-size: 1.125rem;
        line-height: 1.2;
        margin-bottom: 15px
    }

        .story-card__title a {
            color: inherit;
            text-decoration: none
        }

    @media (min-width:90em) {
        .story-card__title {
            font-size: 1.3125rem
        }
    }

    .story-card__summary {
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: .875rem;
        line-height: 1.4
    }

    .story-card__link {
        display: none;
        margin-top: 25px
    }

    @media (min-width:64em) {
        .story-card__link {
            display: inline-block
        }
    }

    .story-card__link-icon {
        display: block;
        color: #fffffa;
        transition: color .3s cubic-bezier(.215,.61,.355,1)
    }

    .story-card--featured {
        margin-top: 0
    }

        .story-card--featured .story-card__figure {
            position: relative;
            left: auto;
            top: auto;
            width: auto;
            margin-bottom: -100px;
            overflow: hidden;
            z-index: auto
        }

    @media (min-width:48em) {
        .story-card--featured .story-card__figure {
            margin-bottom: 0
        }
    }

    @media (min-width:64em) {
        .story-card--featured .story-card__figure {
            transform: none;
            margin-bottom: -100px
        }
    }

    .story-card--featured .story-card__figure:before {
        content: '';
        display: block;
        padding-top: 80%
    }

    @media (min-width:64em) {
        .story-card--featured .story-card__figure:before {
            padding-top: 100%
        }
    }

    @media (min-width:90em) {
        .story-card--featured .story-card__figure:before {
            padding-top: 70%
        }
    }

    .story-card--featured .story-card__content {
        padding: 15px 20px 32px;
        margin-right: 20px
    }

    @media (min-width:48em) {
        .story-card--featured .story-card__content {
            margin: 0;
            padding: 15px 20px 20px;
            transform: none
        }
    }

    @media (min-width:64em) {
        .story-card--featured .story-card__content {
            min-height: 0;
            margin-right: 20px
        }
    }

    @media (min-width:64em) {
        .story-card--featured .story-card__content-inner {
            width: 100%
        }
    }

    .story-card--featured .story-card__date {
        margin-bottom: 10px
    }

    .story-card--profile .story-card__summary {
        font-size: 1rem
    }

        .story-card--profile .story-card__summary b {
            font-weight: 500
        }

    .story-card--profile .story-card__link {
        display: inline-block
    }

    .story-card--profile .story-card__link-icon {
        fill: #fffffa
    }

    @media (min-width:48em) {
        .story-card--profile .story-card__figure {
            width: 150px;
            left: auto;
            right: 0;
            top: 20px
        }
    }

    @media (min-width:48em) {
        .story-card--profile .story-card__content {
            min-height: 192px;
            padding: 18px 30px 24px 20px;
            margin-right: 20px
        }
    }

    .story-card--blog .story-card__pin {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #000;
        width: 48px;
        height: 48px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        z-index: 1
    }

    .story-card--blog .story-card__pin-icon {
        fill: #fff
    }

    .story-card--blog .story-card__title {
        color: #000
    }

    .no-touchevents .story-card--podcast:focus .story-card__content, .no-touchevents .story-card--podcast:hover .story-card__content, .no-touchevents .story-card--vlog:focus .story-card__content, .no-touchevents .story-card--vlog:hover .story-card__content {
        background-color: #333;
        border-color: #333
    }

    .story-card--podcast .story-card__content, .story-card--vlog .story-card__content {
        background-color: #000;
        color: #fff;
        border: 1px solid #000;
        padding-top: 15px
    }

    @media (min-width:64em) {
        .story-card--podcast .story-card__content, .story-card--vlog .story-card__content {
            padding-top: 18px
        }
    }

    .story-card--podcast .story-card__title, .story-card--vlog .story-card__title {
        color: #fff
    }

    .story-card--podcast .story-card__media-type, .story-card--vlog .story-card__media-type {
        position: absolute;
        bottom: 2px;
        right: 0;
        background-color: #fff;
        color: #000;
        width: 48px;
        height: 48px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .share {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        position: relative;
        z-index: 2;
        margin-left: auto;
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin-bottom: 20px
    }

    @media (min-width:48em) {
        .share {
            position: fixed;
            top: 20vh;
            right: 0
        }
    }

    .share__wrapper {
        position: relative;
        width: 100%;
        height: 0;
        transition: height .3s ease;
        overflow: hidden
    }

    @media (min-width:48em) {
        .share__wrapper {
            position: relative;
            height: auto;
            overflow: visible
        }
    }

    .share__buttons {
        display: block;
        transition: .3s ease
    }

    @media (min-width:48em) {
        .share__buttons {
            position: relative
        }
    }

    .share__button {
        width: 40px;
        height: 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        border: none;
        transition: transform .3s ease;
        transform-origin: 100% 100%;
        cursor: pointer
    }

        .share__button .icon {
            pointer-events: none
        }

    .share__button--facebook {
        background-color: #4267b2
    }

    .share__button--twitter {
        background-color: #14171a
    }

    .share__button--linkedin {
        background-color: #0077b5
    }

    .share__button--share {
        z-index: 1;
        background-color: #642269
    }

    @media (min-width:48em) {
        .share__button--share {
            display: none
        }
    }

    @media (min-width:48em) {
        .no-touchevents .share__button:focus, .no-touchevents .share__button:hover {
            transform: scaleX(1.2)
        }

            .no-touchevents .share__button:focus .share__icon, .no-touchevents .share__button:hover .share__icon {
                transform: scaleX(.8335)
            }
    }

    .share__icon {
        fill: #fff;
        transition: transform .3s ease
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .social-buttons {
        margin-top: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    @media (min-width:48em) {
        .social-buttons {
            -ms-flex-pack: start;
            justify-content: flex-start
        }
    }

    .social-buttons__icon-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 32px;
        height: 32px;
        background: #252525
    }

        .social-buttons__icon-wrapper:not(:last-child) {
            margin-right: 20px
        }

    .staff .social-buttons__icon-wrapper {
        background: #58225c
    }

    .social-buttons__icon-wrapper--facebook:focus, .social-buttons__icon-wrapper--facebook:hover {
        background: #4267b2
    }

    .social-buttons__icon-wrapper--twitter:focus, .social-buttons__icon-wrapper--twitter:hover {
        background: #14171a
    }

    .social-buttons__icon-wrapper--youtube:focus, .social-buttons__icon-wrapper--youtube:hover {
        background: #e62117
    }

    .social-buttons__icon-wrapper--linkedin:focus, .social-buttons__icon-wrapper--linkedin:hover {
        background: #0077b5
    }

    .social-buttons__icon-wrapper--instagram:focus, .social-buttons__icon-wrapper--instagram:hover {
        background: linear-gradient(90deg,#7649c2 0,#bc00b8 43%,#faba58)
    }

    .social-buttons__icon-wrapper--snapchat:hover {
        background: #fffc00
    }

        .social-buttons__icon-wrapper--snapchat:hover svg {
            fill: #000
        }

    .social-buttons__icon-wrapper--threads:focus, .social-buttons__icon-wrapper--threads:hover {
        background: #fff
    }

        .social-buttons__icon-wrapper--threads:focus svg, .social-buttons__icon-wrapper--threads:hover svg {
            fill: #000
        }

    .social-buttons__icon-wrapper--tiktok:focus, .social-buttons__icon-wrapper--tiktok:hover {
        background: linear-gradient(90deg,#2af0ea 0,#fe2858)
    }

    .social-buttons__icon-wrapper--wechat:focus, .social-buttons__icon-wrapper--wechat:hover {
        background: #09b83e
    }

    .social-buttons__icon-wrapper--weibo:focus, .social-buttons__icon-wrapper--weibo:hover {
        background: #df2029
    }

    .social-buttons__icon-wrapper svg {
        fill: #fff
    }

    .social-buttons--small {
        margin: 20px 0 0 15px;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

        .social-buttons--small .social-buttons__icon-wrapper {
            width: 20px;
            height: 20px
        }

            .social-buttons--small .social-buttons__icon-wrapper:not(:last-child) {
                margin-right: 12px
            }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .form__row {
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: .625rem
    }

    @media (min-width:48em) {
        .form__row {
            margin-bottom: 1.25rem
        }
    }

    .form__row--group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -ms-flex-align: start;
        align-items: flex-start
    }

    @media (min-width:48em) {
        .form__row--group {
            -ms-flex-flow: row wrap;
            flex-flow: row wrap
        }
    }

    .form__row:last-child {
        margin-bottom: 0
    }

    .form__col-1, .form__col-2 {
        display: block;
        width: 100%
    }

    @media (min-width:48em) {
        .form__col-1, .form__col-2 {
            -ms-flex: 1;
            flex: 1 1 0%
        }
    }

    .form__col-1 {
        margin-bottom: .625rem
    }

    @media (min-width:48em) {
        .form__col-1 {
            margin: 0
        }
    }

    @media (min-width:48em) {
        .form__col-2 {
            margin-left: 30px
        }
    }

    .form__button-submit {
        font-size: .875rem;
        font-weight: 700;
        font-family: inherit;
        padding: 1em 1.9em;
        border-color: #fffffa
    }

    .form__fieldset {
        border: 0
    }

    @media (min-width:48em) {
        .form__fieldset {
            display: block
        }
    }

    .form__fieldset + .form__fieldset:not(.is-multistep) {
        margin-top: 15px
    }

    @media (min-width:48em) {
        .form__fieldset + .form__fieldset, .form__fieldset + .form__fieldset:not(.is-multistep) {
            margin-top: 35px
        }
    }

    .form__fieldset.is-multistep {
        display: none
    }

        .form__fieldset.is-multistep.is-active {
            display: block
        }

    .form__fieldset--personal {
        font-size: 13px;
        line-height: 1.4
    }

    .form__fieldset-title {
        font-size: 1.25rem;
        font-weight: 700;
        color: #000
    }

    @media (min-width:48em) {
        .form__fieldset-title {
            font-size: 1.5rem
        }
    }

    .form__fieldset-description {
        margin-top: 3px;
        font-size: .75rem
    }

    @media (min-width:48em) {
        .form__fieldset-description {
            font-size: .8125rem
        }
    }

    .form__fields-group {
        padding-top: 15px
    }

    .form__fieldset-conclusion {
        margin-top: 7px;
        font-size: .75rem
    }

    @media (min-width:48em) {
        .form__fieldset-conclusion {
            font-size: .8125rem
        }
    }

    .form__checkbox-wrapper {
        position: relative
    }

        .form__checkbox-wrapper + .form__checkbox-wrapper {
            margin-top: 10px
        }

    .form__link {
        color: #d42027;
        font-weight: 500
    }

        .form__link:visited {
            color: #cd202c
        }

    .form__next-button {
        margin-top: 25px;
        width: 100%
    }

    .form .input-error-message {
        display: block;
        position: relative;
        font-weight: 500;
        font-size: .75rem;
        color: #eecb27;
        bottom: -2px
    }

    .form .server-errors-list {
        list-style: none;
        margin: 0;
        padding: 0;
        padding: 15px 0;
        color: #eecb27
    }

    .form-container {
        background-color: #eaeaea
    }

    .form-container__hero {
        position: relative;
        padding: 20px;
        background: #000
    }

    @media (min-width:48em) {
        .form-container__hero {
            padding: 40px 40px 126px;
            margin-bottom: -126px
        }
    }

    .form-container__hero:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: linear-gradient(90deg,rgba(0,0,0,.6) 0,hsla(0,0%,100%,0) 50%)
    }

    .form-container__hero-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: object-fit\:cover;
        object-fit: cover;
        opacity: .5
    }

    @media (min-width:48em) {
        .form-container__hero-image {
            opacity: .85
        }
    }

    .form-container__heading {
        position: relative;
        max-width: 380px;
        margin-top: 90px;
        z-index: 1
    }

    .form-container__subtitle {
        display: none
    }

    @media (min-width:48em) {
        .form-container__subtitle {
            display: block
        }
    }

    .form-container__mob-description {
        color: #000;
        font-size: .75rem;
        line-height: 16/12;
        margin-top: 10px;
        padding: 20px
    }

    @media (min-width:48em) {
        .form-container__mob-description {
            display: none
        }
    }

    .form-container__description {
        display: none;
        font-size: 1em;
        line-height: 26/16;
        padding: 18px 0 32px
    }

    @media (min-width:48em) {
        .form-container__description {
            display: block
        }
    }

    @media (min-width:48em) {
        .form-container__main {
            padding: 40px
        }
    }

    .form-container__steps {
        background: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 20px
    }

    @media (min-width:48em) {
        .form-container__steps {
            display: none
        }
    }

    .form-container__step-tick {
        display: none;
        fill: #58a618
    }

    .form-container__step {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 40px;
        height: 40px;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        border-radius: 50%;
        border: 3px solid #eaeaea;
        text-align: center;
        font-size: 20px;
        font-weight: 700
    }

        .form-container__step.is-active {
            border-color: #fffffa
        }

        .form-container__step.is-valid {
            border-color: #58a618;
            color: #58a618
        }

            .form-container__step.is-valid .form-container__step-tick {
                display: block
            }

            .form-container__step.is-valid .form-container__step-number {
                display: none
            }

    .form-container__step-line {
        -ms-flex: 9 1 auto;
        flex: 9 1 auto;
        height: 3px;
        background: #eaeaea
    }

        .form-container__step-line:first-child, .form-container__step-line:last-child {
            -ms-flex: 8 1 auto;
            flex: 8 1 auto
        }

        .form-container__step-line.is-active {
            background: #fffffa
        }

        .form-container__step-line.is-valid {
            background: #58a618
        }

    .form-container__inner {
        position: relative;
        padding: 20px 35px 20px 20px;
        background-color: #fff
    }

    @media (min-width:48em) {
        .form-container__inner {
            padding: 20px 65px 40px 40px
        }
    }

    .form-container__title {
        font-size: 20px;
        font-weight: 700;
        padding: 20px 0
    }

    @media (min-width:64em) {
        .form-container__title {
            font-size: 24px
        }
    }

    .form-container__notice {
        font-size: 12px;
        line-height: 1.5em;
        color: #666;
        padding: 20px 0
    }

    .form-container .js-hidden {
        display: none
    }

    .form-container .add-speaker-result-msg {
        margin: 10px 0 20px;
        font-size: 1.2em;
        padding: 23px;
        background-color: #fffffa;
        color: #000
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .vdatetime-input {
        border: 0;
        font-size: 1rem;
        width: 100%
    }

    .vdatetime-fade-enter-active, .vdatetime-fade-leave-active {
        transition: opacity .4s
    }

    .vdatetime-fade-enter, .vdatetime-fade-leave-to {
        opacity: 0
    }

    .vdatetime-overlay {
        z-index: 999;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.5);
        transition: opacity .5s
    }

    .vdatetime-popup {
        z-index: 1000;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 340px;
        max-width: calc(100% - 30px);
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);
        color: #444;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
        background: #fff;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

        .vdatetime-popup, .vdatetime-popup * {
            box-sizing: border-box
        }

    .vdatetime-popup__header {
        padding: 15px 30px;
        background: #3f51b5;
        color: #fff;
        font-size: 32px
    }

    .vdatetime-popup__year {
        display: block;
        font-weight: 300;
        font-size: 14px;
        opacity: .7;
        cursor: pointer;
        transition: opacity .3s
    }

        .vdatetime-popup__year:hover {
            opacity: 1
        }

    .vdatetime-popup__actions {
        padding: 0 20px 10px 30px;
        text-align: right
    }

    .vdatetime-popup__actions__button {
        display: inline-block;
        border: none;
        padding: 10px 20px;
        background: transparent;
        font-size: 16px;
        color: #3f51b5;
        cursor: pointer;
        transition: color .3s
    }

        .vdatetime-popup__actions__button:hover {
            color: #444
        }

    .vdatetime-calendar__navigation--next:hover svg path, .vdatetime-calendar__navigation--previous:hover svg path {
        stroke: #888
    }

    .vdatetime-calendar__navigation, .vdatetime-calendar__navigation * {
        box-sizing: border-box
    }

    .vdatetime-calendar__navigation {
        position: relative;
        margin: 15px 0;
        padding: 0 30px;
        width: 100%
    }

    .vdatetime-calendar__navigation--next, .vdatetime-calendar__navigation--previous {
        position: absolute;
        top: 0;
        padding: 0 5px;
        width: 18px;
        cursor: pointer
    }

        .vdatetime-calendar__navigation--next svg, .vdatetime-calendar__navigation--previous svg {
            width: 8px
        }

            .vdatetime-calendar__navigation--next svg path, .vdatetime-calendar__navigation--previous svg path {
                transition: stroke .3s
            }

    .vdatetime-calendar__navigation--previous {
        left: 25px
    }

    .vdatetime-calendar__navigation--next {
        right: 25px;
        transform: scaleX(-1)
    }

    .vdatetime-calendar__current--month {
        text-align: center;
        text-transform: capitalize
    }

    .vdatetime-calendar__month {
        padding: 0 20px;
        transition: height .2s
    }

    .vdatetime-calendar__month__day, .vdatetime-calendar__month__weekday {
        display: inline-block;
        width: 14.28571%;
        line-height: 36px;
        text-align: center;
        font-size: 15px;
        font-weight: 300;
        cursor: pointer
    }

        .vdatetime-calendar__month__day > span, .vdatetime-calendar__month__weekday > span {
            display: block;
            width: 100%;
            position: relative;
            height: 0;
            padding: 0 0 100%;
            overflow: hidden
        }

            .vdatetime-calendar__month__day > span > span, .vdatetime-calendar__month__weekday > span > span {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                justify-content: center;
                -ms-flex-align: center;
                align-items: center;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                border: 0;
                border-radius: 50%;
                transition: background-color .3s,color .3s
            }

    .vdatetime-calendar__month__weekday {
        font-weight: 700
    }

    .vdatetime-calendar__month__day:hover > span > span {
        background: #eee
    }

    .vdatetime-calendar__month__day--selected:hover > span > span, .vdatetime-calendar__month__day--selected > span > span {
        color: #fff;
        background: #3f51b5
    }

    .vdatetime-calendar__month__day--disabled {
        opacity: .4;
        cursor: default
    }

        .vdatetime-calendar__month__day--disabled:hover > span > span {
            color: inherit;
            background: transparent
        }

    .vdatetime-time-picker__list::-webkit-scrollbar-thumb {
        background: #ccc
    }

    .vdatetime-time-picker__list::-webkit-scrollbar-track {
        background: #efefef
    }

    .vdatetime-time-picker, .vdatetime-time-picker * {
        box-sizing: border-box
    }

        .vdatetime-time-picker:after {
            content: '';
            display: table;
            clear: both
        }

    .vdatetime-time-picker__list {
        float: left;
        width: 50%;
        height: 305px;
        overflow-y: scroll
    }

        .vdatetime-time-picker__list::-webkit-scrollbar {
            width: 3px
        }

    .vdatetime-time-picker__with-suffix .vdatetime-time-picker__list {
        width: 33.3%
    }

    .vdatetime-time-picker__item {
        padding: 10px 0;
        font-size: 20px;
        text-align: center;
        cursor: pointer;
        transition: font-size .3s
    }

        .vdatetime-time-picker__item:hover {
            font-size: 32px
        }

    .vdatetime-time-picker__item--selected {
        color: #3f51b5;
        font-size: 32px
    }

    .vdatetime-time-picker__item--disabled {
        opacity: .4;
        cursor: default;
        font-size: 20px !important
    }

    .vdatetime-year-picker__list::-webkit-scrollbar-thumb {
        background: #ccc
    }

    .vdatetime-year-picker__list::-webkit-scrollbar-track {
        background: #efefef
    }

    .vdatetime-year-picker, .vdatetime-year-picker * {
        box-sizing: border-box
    }

        .vdatetime-year-picker:after {
            content: '';
            display: table;
            clear: both
        }

    .vdatetime-year-picker__list {
        float: left;
        width: 100%;
        height: 305px;
        overflow-y: scroll
    }

        .vdatetime-year-picker__list::-webkit-scrollbar {
            width: 3px
        }

    .vdatetime-year-picker__item {
        padding: 10px 0;
        font-size: 20px;
        text-align: center;
        cursor: pointer;
        transition: font-size .3s
    }

        .vdatetime-year-picker__item:hover {
            font-size: 32px
        }

    .vdatetime-year-picker__item--selected {
        color: #3f51b5;
        font-size: 32px
    }

    .theme-black .vdatetime-calendar__month__day--selected:hover > span > span, .theme-black .vdatetime-calendar__month__day--selected > span > span, .theme-black .vdatetime-popup__header {
        background: #000
    }

    .theme-black .vdatetime-popup__actions__button, .theme-black .vdatetime-time-picker__item--selected, .theme-black .vdatetime-year-picker__item--selected {
        color: #000
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .form-datepicker {
        position: relative;
        width: 100%;
        box-sizing: border-box
    }

        .form-datepicker:after {
            content: none;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            height: 4px;
            background: #fffffa
        }

        .form-datepicker.is-filled:after {
            content: '';
            background: linear-gradient(90deg,#eea229 0,#eecb27)
        }

        .form-datepicker.is-error:after, .form-datepicker.is-filled.is-success:after, .form-datepicker.is-success:after {
            content: none
        }

        .form-datepicker.is-error:hover .form-datepicker__fake-wrapper, .form-datepicker.is-error:hover .form-datepicker__origin, .form-datepicker.is-success:hover .form-datepicker__fake-wrapper, .form-datepicker.is-success:hover .form-datepicker__origin {
            border: 3px solid #eaeaea
        }

    .form-datepicker__fake-wrapper, .form-datepicker__origin {
        box-sizing: border-box;
        width: 100%;
        height: 4.2em;
        font-size: 1rem;
        padding: 26px 16px 8px;
        border: 3px solid #eaeaea;
        background: transparent;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        transition: border-color .2s ease
    }

    @media (min-width:48em) {
        .form-datepicker__fake-wrapper, .form-datepicker__origin {
            height: 70px
        }
    }

    .form-datepicker__fake-wrapper::-ms-expand, .form-datepicker__origin::-ms-expand {
        display: none
    }

    .form-datepicker__icon {
        position: absolute;
        right: 20px;
        top: 50%;
        color: #fffffa;
        transform: translateY(-50%);
        pointer-events: none
    }

    .form-datepicker--border-hover-effect:hover .form-datepicker__fake-wrapper, .form-datepicker--border-hover-effect:hover .form-datepicker__origin {
        border: 3px solid #ccc
    }

    .form-datepicker--events {
        margin-bottom: 18px
    }

    @media (min-width:48em) {
        .form-datepicker--events {
            margin-bottom: 0
        }
    }

    @media (min-width:48em) {
        .form-datepicker--events + .form-datepicker--events .form-datepicker__fake-wrapper, .form-datepicker--events + .form-datepicker--events .form-datepicker__origin {
            border-left: none
        }
    }

    .form-datepicker--events .form-datepicker__fake-wrapper, .form-datepicker--events .form-datepicker__origin {
        font-weight: 700;
        font-size: .875rem;
        height: 54px;
        padding: 10px 26px 8px 16px;
        color: #666
    }

    .form-datepicker--events .form-datepicker__icon {
        right: 15px;
        color: #666
    }

    .form-datepicker--courses {
        margin: 20px 0;
        padding-right: 20px
    }

    @media (min-width:48em) {
        .form-datepicker--courses {
            margin: 0;
            margin-bottom: 0
        }
    }

    .form-datepicker--courses .form-datepicker__fake-wrapper, .form-datepicker--courses .form-datepicker__origin {
        font-weight: 400;
        border: 1px solid #666;
        font-size: .875rem;
        height: 45px;
        padding: 10px 26px 8px 16px;
        color: #fff;
        background: #333
    }

    .form-datepicker--courses .form-datepicker__icon {
        right: 30px;
        color: #fffffa
    }

    .form-datepicker--courses .form-datepicker__label {
        top: -25px;
        left: 0;
        font-size: 12px;
        color: #ccc
    }

    .form-datepicker--courses:first-child {
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }

    @media (min-width:48em) {
        .form-datepicker--courses:first-child {
            -ms-flex: 3;
            flex: 3 1 0%
        }
    }

    .form-datepicker--courses:nth-child(2) {
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }

    @media (min-width:48em) {
        .form-datepicker--courses:nth-child(2) {
            -ms-flex: 3;
            flex: 3 1 0%
        }
    }

    .form-datepicker--courses:nth-child(3) {
        -ms-flex: 1 0 60%;
        flex: 1 0 60%
    }

    @media (min-width:48em) {
        .form-datepicker--courses:nth-child(3) {
            -ms-flex: 4;
            flex: 4 1 0%
        }
    }

    .form-datepicker__fake-wrapper {
        display: none
    }

    .form-datepicker__fake-elem {
        border: none;
        height: 100%;
        display: inline-block;
        max-width: 30%;
        float: left;
        color: #333;
        font-size: 1rem;
        text-align: center
    }

        .form-datepicker__fake-elem::-webkit-input-placeholder {
            color: #fffffa
        }

        .form-datepicker__fake-elem:-ms-input-placeholder {
            color: #fffffa
        }

        .form-datepicker__fake-elem::placeholder {
            color: #fffffa
        }

    .form-datepicker__fake-elem--day, .form-datepicker__fake-elem--month {
        width: 30px
    }

    .form-datepicker__fake-elem--year {
        width: 50px
    }

    .form-datepicker__fake-elem-separator {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        float: left;
        height: 100%;
        width: 1.3rem;
        color: #333
    }

    .form-datepicker .form-field__label {
        transition: all .1s ease
    }

    .form-datepicker--fake .form-datepicker__fake-wrapper {
        display: -ms-flexbox;
        display: flex
    }

    .form-datepicker--fake .form-datepicker__fake-elem, .form-datepicker--fake .form-datepicker__fake-elem-separator {
        opacity: 0
    }

    .form-datepicker--fake.is-filled .form-datepicker__fake-elem, .form-datepicker--fake.is-filled .form-datepicker__fake-elem-separator {
        opacity: 1
    }

    .form-datepicker--fake.is-filled .form-datepicker__fake-elem-separator {
        color: #333
    }

    .form-datepicker--fake.is-filled .form-field__label {
        top: 1rem;
        font-size: .625rem;
        transform: none
    }

    @media (min-width:48em) {
        .form-datepicker--fake.is-filled .form-field__label {
            top: .9rem;
            font-size: .75rem
        }
    }

    .form-datepicker--fake-desktop .form-field__input {
        opacity: 0;
        overflow: hidden;
        position: absolute;
        width: 0;
        height: 0;
        pointer-events: none
    }

    .form-datepicker--fake-mobile .form-field__input {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 90%;
        height: 90%;
        display: block;
        opacity: 0;
        z-index: 2
    }

    .form-datepicker--fake-mobile.is-filled .form-datepicker__fake-elem::-webkit-input-placeholder {
        color: #fff
    }

    .form-datepicker--fake-mobile.is-filled .form-datepicker__fake-elem:-ms-input-placeholder {
        color: #fff
    }

    .form-datepicker--fake-mobile.is-filled .form-datepicker__fake-elem::placeholder {
        color: #fff
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .form-dropdown {
        position: relative;
        width: 100%;
        box-sizing: border-box
    }

        .form-dropdown:after {
            content: none;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            height: 4px;
            background: #fffffa
        }

        .form-dropdown.is-error:after, .form-dropdown.is-success:after {
            content: none
        }

        .form-dropdown.is-error:hover .form-dropdown__origin, .form-dropdown.is-success:hover .form-dropdown__origin, .form-dropdown__origin {
            border: 3px solid #eaeaea
        }

    .form-dropdown__origin {
        box-sizing: border-box;
        width: 100%;
        height: 4.2em;
        font-size: 1rem;
        padding: 26px 42px 8px 16px;
        background: transparent;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        transition: border-color .2s ease
    }

    @media (min-width:48em) {
        .form-dropdown__origin {
            height: 70px
        }
    }

    .form-dropdown__origin::-ms-expand {
        display: none
    }

    .form-dropdown__label {
        position: absolute;
        top: 1rem;
        left: 1.2rem;
        font-weight: 700;
        font-size: .625rem;
        color: #fffffa
    }

    @media (min-width:48em) {
        .form-dropdown__label {
            top: 1.1rem;
            font-size: .75rem
        }
    }

    .form-dropdown__label:after {
        content: none;
        font-size: .75rem;
        margin-left: 10px;
        color: #cd202c
    }

    @media (min-width:48em) {
        .form-dropdown__label:after {
            content: attr(error-message)
        }
    }

    .form-dropdown__icon {
        position: absolute;
        right: 20px;
        top: 50%;
        color: #fffffa;
        transform: translateY(-50%);
        pointer-events: none
    }

    .form-dropdown--border-hover-effect:hover .form-dropdown__origin {
        border: 3px solid #ccc
    }

    .form-dropdown--events {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-bottom: 18px
    }

    @media (min-width:48em) {
        .form-dropdown--events {
            margin-bottom: 0
        }
    }

    @media (min-width:48em) {
        .form-dropdown--events + .form-dropdown--events .form-dropdown__origin {
            border-left: none
        }
    }

    .form-dropdown--events .form-dropdown__origin {
        font-weight: 700;
        font-size: .875rem;
        height: 54px;
        padding: 8px 26px 8px 16px;
        letter-spacing: -.4px;
        color: #666
    }

    .form-dropdown--events .form-dropdown__icon {
        right: 15px;
        color: #666
    }

    .form-dropdown--courses {
        margin: 20px 0 25px;
        padding-right: 20px
    }

    @media (min-width:64em) {
        .form-dropdown--courses {
            margin: 0;
            margin-bottom: 0
        }
    }

    .form-dropdown--courses .form-dropdown__origin {
        font-weight: 400;
        border: 1px solid #666;
        font-size: .875rem;
        height: 40px;
        padding: 8px 26px 8px 12px;
        color: #fff;
        background: #333
    }

        .form-dropdown--courses .form-dropdown__origin.is-disabled {
            color: hsla(0,0%,100%,.4)
        }

            .form-dropdown--courses .form-dropdown__origin.is-disabled + .form-dropdown__icon {
                display: none
            }

    .form-dropdown--courses .form-dropdown__icon {
        width: 12px;
        height: 12px;
        right: 30px;
        color: #fffffa
    }

    .form-dropdown--courses .form-dropdown__label {
        top: -25px;
        left: 0;
        font-size: 12px;
        color: #ccc
    }

    .form-dropdown--courses:first-child {
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }

    @media (min-width:64em) {
        .form-dropdown--courses:first-child {
            -ms-flex: 3;
            flex: 3 1 0%
        }
    }

    .form-dropdown--courses:nth-child(2) {
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        padding-right: 0
    }

    @media (min-width:64em) {
        .form-dropdown--courses:nth-child(2) {
            -ms-flex: 3;
            flex: 3 1 0%;
            padding-right: 20px
        }
    }

    .form-dropdown--courses:nth-child(3) {
        -ms-flex: 1 0 65%;
        flex: 1 0 65%;
        max-width: 66%
    }

    @media (min-width:64em) {
        .form-dropdown--courses:nth-child(3) {
            -ms-flex: 4;
            flex: 4 1 0%
        }
    }

    .form-dropdown--courses:nth-child(4) {
        -ms-flex: 1 0 65%;
        flex: 1 0 65%
    }

    @media (min-width:64em) {
        .form-dropdown--courses:nth-child(4) {
            -ms-flex: 4;
            flex: 4 1 0%
        }
    }

    @media (min-width:64em) {
        .form-dropdown--courses:last-of-type {
            padding-right: 0
        }

            .form-dropdown--courses:last-of-type .form-dropdown__icon {
                right: 10px
            }
    }

    .form-dropdown--nav-search {
        display: inline-block;
        width: calc(100% - 50px)
    }

    @media (min-width:48em) {
        .form-dropdown--nav-search {
            display: block;
            width: 30%;
            max-width: 300px;
            margin-left: 20px
        }
    }

    .form-dropdown--nav-search .form-dropdown__origin {
        font-weight: 500;
        border: 2px solid #666;
        font-size: 16px;
        line-height: 1.3;
        height: auto;
        padding: 10px 15px;
        color: #fffffa;
        background: transparent
    }

    @media (min-width:48em) {
        .form-dropdown--nav-search .form-dropdown__origin {
            font-size: 18px;
            padding: 14px
        }
    }

    .form-dropdown--nav-search .form-dropdown__icon {
        right: 30px;
        color: #fffffa
    }

    .form-dropdown--nav-search .form-dropdown__label {
        top: -25px;
        left: 0;
        font-size: 12px;
        color: #fffffa
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .form-field {
        position: relative;
        -ms-flex: 1;
        flex: 1 1 0%
    }

        .form-field:after {
            content: none;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            height: 4px;
            background: #fffffa
        }

    .no-touchevents .form-field.styleguide-hover .form-field__input, .no-touchevents .form-field:hover .form-field__input {
        border: 3px solid #ccc
    }

    .form-field.is-filled:after {
        content: '';
        background: linear-gradient(90deg,#eea229 0,#eecb27)
    }

    .form-field.is-filled .form-field__input {
        border: 3px solid #eaeaea
    }

        .form-field.is-filled .form-field__input + label {
            top: 1rem;
            font-size: .625rem;
            transform: none
        }

    @media (min-width:48em) {
        .form-field.is-filled .form-field__input + label {
            top: .9rem;
            font-size: .75rem
        }
    }

    .form-field.is-error:after, .form-field.is-success:after {
        content: none
    }

    .form-field.is-error:hover .form-field__input, .form-field.is-success:hover .form-field__input, .form-field__input {
        border: 3px solid #eaeaea
    }

    .form-field__input {
        width: 100%;
        height: 100%;
        font-size: 1rem;
        padding: 2rem 1rem .7rem;
        box-sizing: border-box;
        line-height: normal;
        border-radius: 0;
        background: none;
        transition: border-color .2s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        .form-field__input:-webkit-autofill {
            box-shadow: inset 0 0 0 1000px #fff
        }

    @media (min-width:48em) {
        .form-field__input {
            padding: 2rem 1rem .9rem
        }
    }

    .form-field__label {
        position: absolute;
        top: 50%;
        left: 1.2rem;
        font-weight: 700;
        font-size: 1rem;
        color: #fffffa;
        transition: all 50ms ease;
        transform: translateY(-50%)
    }

        .form-field__label:after {
            content: none;
            margin-left: 10px;
            font-size: .75rem;
            color: #cd202c
        }

    @media (min-width:48em) {
        .form-field__label:after {
            content: attr(error-message)
        }
    }

    .form-field__icon {
        position: absolute;
        right: -23px;
        top: 50%;
        transform: translateY(-50%)
    }

    .form-field__icon--error {
        color: #eecb27
    }

    .form-field__icon--success {
        color: #58a618
    }

    .form-field--textarea .form-field__label {
        top: 25%
    }

    .form-field--datepicker .form-field__input {
        z-index: -1
    }

    @media (min-width:48em) {
        .form-field--datepicker .form-field__input {
            z-index: auto
        }
    }

    .form-field--datepicker .form-field__input--fake-mobile {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 5
    }

    .form-field--datepicker .form-field__label {
        top: 1rem;
        font-size: .625rem;
        transform: none
    }

    @media (min-width:48em) {
        .form-field--datepicker .form-field__label {
            top: .9rem;
            font-size: .75rem
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .form-radio {
        display: inline-block;
        position: relative;
        width: 100%
    }

        .form-radio + .form-radio {
            margin-top: 10px
        }

    .form-radio__input {
        position: absolute;
        opacity: 0;
        width: 0
    }

        .form-radio__input:checked ~ label:before {
            border: 3px solid #cd202c
        }

        .form-radio__input:checked ~ label:after {
            background: #cd202c
        }

    .form-radio__label {
        display: inline-block;
        padding-left: 1.875em;
        cursor: pointer
    }

        .form-radio__label:after, .form-radio__label:before {
            content: '';
            display: block;
            position: absolute;
            background-color: #fff;
            transition: .4s;
            border-radius: 50%;
            text-align: center;
            box-sizing: border-box
        }

        .form-radio__label:before {
            width: 18px;
            height: 18px;
            left: 0;
            top: 50%;
            border: 3px solid #fffffa;
            transform: translateY(-50%)
        }

        .form-radio__label:after {
            left: 6px;
            width: 6px;
            height: 6px;
            top: 50%;
            transform: translateY(-50%)
        }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .form-checkbox {
        display: block
    }

    .form-checkbox__checkbox {
        position: absolute;
        display: inline-block;
        width: 0;
        height: 0
    }

        .form-checkbox__checkbox:checked ~ .form-checkbox__label .form-checkbox__icon--checked {
            display: block
        }

        .form-checkbox__checkbox:checked ~ .form-checkbox__label .form-checkbox__icon--unchecked {
            display: none
        }

        .form-checkbox__checkbox:focus ~ label svg, .no-touchevents .form-checkbox__checkbox:focus ~ svg {
            fill: #000
        }

    .form-checkbox__label {
        cursor: pointer;
        color: #666;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        line-height: 1rem
    }

        .form-checkbox__label svg {
            margin-right: .5rem
        }

    .form-checkbox__icon {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .form-checkbox__icon--checked {
        display: none;
        fill: #eecb27
    }

    .form-checkbox--small .form-checkbox__icon {
        width: 16px;
        height: 16px
    }

    .form-checkbox--light .form-checkbox__icon {
        fill: #fffffa
    }

    .form-checkbox--light .form-checkbox__icon--checked {
        display: none;
        fill: #eecb27
    }

    .form-checkbox--origin .form-checkbox__label {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .form-checkbox--origin .form-checkbox__icon {
        fill: #666
    }

    .form-checkbox--filter {
        display: block
    }

        .form-checkbox--filter + .form-checkbox--filter {
            margin-top: 15px
        }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .sticky {
        width: 100%
    }

    @media (min-width:48em) {
        .sticky--nav {
            position: absolute;
            z-index: 10
        }

            .sticky--nav .scroll-area {
                height: 100%
            }
    }

    .sticky .is-sticky .side-nav {
        margin-top: 0
    }

    .sticky .is-sticky .lightest-grey-bg {
        margin-top: -50px
    }

    @media (min-width:64em) {
        .sticky .is-sticky .lightest-grey-bg {
            margin-top: 24px
        }
    }

    .sticky.not-scrollable .ps__scrollbar-y-rail {
        display: none !important
    }

    .sticky__inner {
        position: relative
    }

    @media (min-width:64em) {
        .sticky__inner {
            pointer-events: none
        }
    }

    .sticky__inner:after, .sticky__inner:before {
        display: block;
        position: absolute;
        z-index: 10;
        content: '';
        width: 60px;
        height: 20px;
        top: 10px;
        left: 50%;
        transform: rotate(180deg) translateX(50%);
        pointer-events: none;
        opacity: .4;
        transition: opacity .5s
    }

    .sticky__inner:after, .sticky__inner:before {
        background: url(../images/arrow_down_wide.svg) no-repeat 0 0
    }

    .sticky__inner:after {
        top: auto;
        bottom: 10px;
        transform: translateX(-50%)
    }

    .sticky.is-reach-end .sticky__inner:after, .sticky.is-reach-start .sticky__inner:before, .sticky.not-scrollable .sticky__inner:after, .sticky.not-scrollable .sticky__inner:before {
        opacity: 0
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .footer {
        background: #1f1762
    }

    .footer__header {
        background: url(../images/common/footer_bg.jpg) no-repeat 50% 50%;
        background-size: cover;
        padding: 40px 0
    }

        .footer__header .container {
            position: relative
        }

    .footer__header {
        *zoom: 1
    }

        .footer__header:after, .footer__header:before {
            content: '';
            display: table
        }

        .footer__header:after {
            clear: both
        }

    @media (min-width:48em) {
        .footer__header {
            padding: 42px 0
        }
    }

    @media (min-width:64em) {
        .footer__header {
            padding: 60px 0
        }
    }

    @media (min-width:90em) {
        .footer__header {
            padding: 72px 0
        }
    }

    .footer__title {
        font-weight: 700;
        color: #fff;
        font-size: 2rem;
        line-height: 90%
    }

        .footer__title span {
            color: #fffffa;
            display: block
        }

    @media (min-width:48em) {
        .footer__title {
            font-size: 3rem
        }
    }

    @media (min-width:64em) {
        .footer__title {
            font-size: 2.5rem
        }
    }

    .footer__call-btn {
        margin-top: 1.2rem
    }

    @media (min-width:60em) {
        .footer__call-btn {
            position: absolute;
            right: 0;
            bottom: 0
        }
    }

    .footer__call-btn a {
        margin-right: 20px
    }

    @media (max-width:40em) {
        .footer__call-btn a {
            display: block;
            float: left;
            clear: both;
            margin-bottom: 20px
        }

            .footer__call-btn a:last-child {
                margin-bottom: 0
            }
    }

    .footer__back-to-start {
        background: #eaeaea;
        text-align: center
    }

        .footer__back-to-start .icon {
            fill: purple;
            transform: rotate(-90deg);
            margin: 1rem 0
        }

    @media (min-width:48em) {
        .footer__back-to-start {
            display: none
        }
    }

    .footer__menu-section {
        background: #000;
        color: #fff;
        padding: 2rem 1rem;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        width: 100%;
        display: -ms-flexbox;
        display: flex
    }

    @media (min-width:48em) {
        .footer__menu-section {
            background: #1f1762
        }
    }

    .footer__menu-column {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 0 1rem
    }

    @media (min-width:48em) {
        .footer__menu-column {
            -ms-flex: 1;
            flex: 1 1 0%
        }
    }

    .footer__menu-title {
        margin-top: 50px;
        display: none
    }

    @media (min-width:48em) {
        .footer__menu-title {
            display: block
        }
    }

    .footer__menu-list {
        font-size: 14px;
        line-height: 1.7rem;
        display: none
    }

    @media (min-width:48em) {
        .footer__menu-list {
            display: block
        }
    }

    .footer__menu-list:before {
        content: '';
        display: block;
        width: 40px;
        height: 3px;
        margin: 20px 0;
        background: #666
    }

    .footer__menu-list a {
        font-weight: 400;
        color: #fffffa;
        text-decoration: none
    }

        .footer__menu-list a:hover {
            color: #d5031e !important;
        }

    .footer__menu-list {
        list-style: none
    }

    .footer__find-course-btn {
        display: block;
        width: 100%;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
        padding: 21px 20px;
        text-transform: none
    }

    @media (min-width:48em) {
        .footer__find-course-btn {
            display: inline-block;
            width: auto;
            margin-top: 1.2rem;
            padding: 15px
        }

            .footer__find-course-btn.button .icon {
                margin-left: 10px
            }

            .footer__find-course-btn .icon {
                width: 12px;
                height: 12px
            }
    }

    @media (min-width:64em) {
        .footer__find-course-btn {
            padding: 16px 20px
        }
    }

    .footer__contact-section {
        background: #1f1762
    }

    @media (min-width:48em) {
        .footer__contact-section {
            background: #000
        }
    }

    .footer__contact-section .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        width: 100%;
        padding: 40px 30px;
        font-size: .875rem;
        text-align: center
    }

    @media (min-width:48em) {
        .footer__contact-section .container {
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            text-align: left
        }
    }

    .footer__contact-column {
        width: 100%;
        color: #fffffa
    }

    @media (min-width:48em) {
        .footer__contact-column--contacts {
            color: #fff;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%
        }

        .footer__contact-column--misc {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%
        }

        .footer__contact-column--connect {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%
        }
    }

    .footer__contact-title {
        font-size: 1rem;
        color: #fff
    }

    @media (min-width:48em) {
        .footer__contact-title {
            font-size: .875rem
        }
    }

    @media (min-width:48em) {
        .footer__contact-title--contact-us {
            display: none
        }
    }

    .footer__contact-title--contact-enquiries {
        display: none
    }

    @media (min-width:48em) {
        .footer__contact-title--contact-enquiries {
            font-weight: 500;
            display: block;
            padding-bottom: .5rem
        }
    }

    .footer__contact-list {
        line-height: 1.4rem
    }

        .footer__contact-list:after {
            content: '';
            display: inline-block;
            width: 40px;
            height: 3px;
            margin: 30px 0 20px;
            background: #333
        }

    @media (min-width:48em) {
        .footer__contact-list:after {
            display: none
        }
    }

    .footer__contact-item {
        list-style: none
    }

    .footer__contact-item--phone {
        padding: 10px 0
    }

    @media (min-width:48em) {
        .footer__contact-item--phone {
            padding: 0
        }
    }

    .footer__contact-item a {
        text-decoration: none;
        color: #fffffa
    }

    .footer__copy {
        background: #000
    }

        .footer__copy .container {
            padding: 0 2rem;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

    .footer__copy-text {
        color: #fffffa;
        padding: 20px 0;
        font-size: 10px;
        text-transform: uppercase;
        width: 100%
    }

    @media (min-width:48em) {
        .footer__copy-text {
            width: 100%;
            text-align: center;
        }
    }

    .footer__copy-logo {
        width: 78px;
        height: 15px
    }

    @media (min-width:48em) {
        .footer__copy-logo {
            display: block
        }
    }

    .footer__copyright-text {
        display: block
    }

    @media (min-width:48em) {
        .footer__copyright-text {
            display: inline-block
        }
    }

    .footer__contact-social {
        margin-top: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    @media (min-width:48em) {
        .footer__contact-social {
            -ms-flex-pack: start;
            justify-content: flex-start
        }
    }

    .staff .footer, .staff .footer .footer__contact-section {
        background: #d42027
    }

    @media (min-width:48em) {
        .staff .footer .footer__contact-section {
            background: #d42027
        }
    }

    .staff .footer .footer__copy {
        background: #d42027
    }

    .staff .footer .footer__contact-item a {
        font-weight: 500;
        color: #fff
    }

    .staff .footer .footer__contact-column {
        color: #fff
    }

    .staff .footer .footer__contact-list:after {
        background: hsla(0,0%,100%,.1)
    }

    .staff .footer .footer__copy-logo svg path:first-of-type, .staff .footer .footer__copy-logo svg use {
        fill: transparent !important
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .related-link {
        font-size: 1rem;
        line-height: 1.625;
        min-width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 10px 30px
    }

    .related-link__link {
        font-weight: 500;
        color: #d42027;
        text-decoration: none
    }

    .related-link__desc {
        color: #666;
        padding-left: 5px;
        font-weight: 400
    }

    @media (min-width:48em) {
        .related-link {
            width: 50%;
            min-width: 50%
        }
    }

    .related-link--file .related-link__icon {
        transform: rotate(90deg);
        border-right: 2px solid currentColor;
        height: .6rem;
        width: 1rem
    }

    .related-link--recently-view {
        padding: 10px
    }

    .related-link--styleguide {
        padding: 0
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .horizontal-scroll {
        margin-right: -30px
    }

    @media (min-width:48em) {
        .horizontal-scroll {
            margin-right: 0
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .quote-block {
        display: block;
        position: relative;
        color: #fff
    }

    @media (min-width:48em) {
        .quote-block {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .quote-block .quote-block__wrapper {
        display: block;
        position: relative;
        padding: 30px 22px;
        margin: -15px 0 0 20px;
        background: #d42027
    }

    @media (min-width:48em) {
        .quote-block .quote-block__wrapper {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            -ms-flex-direction: column;
            flex-direction: column;
            position: relative;
            -ms-flex-item-align: stretch;
            align-self: stretch;
            margin: 30px 30px 30px -30%;
            padding: 40px 30px
        }
    }

    @media (min-width:64em) {
        .quote-block .quote-block__wrapper {
            width: 100%;
            -ms-flex-item-align: end;
            align-self: flex-end;
            padding: 45px 40px;
            margin: 50px 40px -50px -20%
        }
    }

    @media (min-width:90em) {
        .quote-block .quote-block__wrapper {
            margin: 50px 60px -50px -12%;
            padding: 52px 45px
        }
    }

    .quote-block .quote-block__wrapper .quote__author {
        margin-top: 30px
    }

        .quote-block .quote-block__wrapper .quote__author:before {
            height: 3px;
            margin-bottom: 30px;
            background-color: #fff;
            opacity: .5
        }

    .quote-block .quote-block__text {
        -ms-flex-positive: 100;
        flex-grow: 100;
        font-size: 20px;
        line-height: 1.2em
    }

    @media (min-width:48em) {
        .quote-block .quote-block__text {
            font-size: 25px;
            line-height: 1.2em
        }
    }

    .quote-block .quote-block__image {
        width: calc(100% - 20px);
        display: block;
        font-family: object-fit\:cover;
        object-fit: cover
    }

    @media (min-width:48em) {
        .quote-block .quote-block__image {
            width: 650px;
            -ms-flex-negative: 0;
            flex-shrink: 0
        }
    }

    @media (min-width:64em) {
        .quote-block .quote-block__image {
            width: 60vw;
            max-width: 850px;
            max-height: 650px
        }
    }

    .quote-block .quote-block__author:before {
        background: #fff;
        opacity: .5
    }

    .quote-block .quote-block__icon {
        display: block;
        fill: #fff;
        width: 30px;
        height: 30px;
        opacity: .5;
        margin-bottom: 20px
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .media {
        color: #666
    }

    .media__title {
        margin-bottom: .47222em
    }

    .media__main {
        padding: 5rem 0 1.875rem
    }

    @media (min-width:48em) {
        .media__main {
            padding: 2.5rem 0
        }
    }

    @media (min-width:64em) {
        .media__main {
            padding: 3.125rem 0
        }
    }

    @media (min-width:90em) {
        .media__main {
            font-size: 1.125rem;
            padding: 3.75rem 0
        }
    }

    .media__content {
        margin: 0 0 30px
    }

    @media (min-width:48em) {
        .media__content {
            max-width: 80%
        }
    }

    .media__figure {
        margin: 0 0 -40px 15px
    }

    @media (min-width:48em) {
        .media__figure {
            margin: 0
        }
    }

    .media .grid__item:last-of-type {
        clear: left
    }

    @media (min-width:48em) {
        .media .grid__item:last-of-type {
            clear: none
        }
    }

    .media--promo {
        color: #fff
    }

        .media--promo .media__main {
            background-image: linear-gradient(90deg,#eea229 0,#eecb27);
            padding: 5rem 1.875rem 1.875rem;
            font-size: 1rem;
            line-height: 1.5
        }

    @media (min-width:48em) {
        .media--promo .media__main {
            padding: 2.5rem;
            margin-right: 1.25rem;
            font-size: 1.125rem
        }
    }

    @media (min-width:64em) {
        .media--promo .media__main {
            padding: 3.125rem;
            margin-right: 1.875rem;
            font-size: 1.25rem
        }
    }

    @media (min-width:90em) {
        .media--promo .media__main {
            padding: 3.75rem
        }
    }

    .media--promo .media__content {
        font-weight: 500
    }

    @media (min-width:48em) {
        .media--promo .media__content {
            max-width: 60%
        }
    }

    .media--promo .media__figure {
        z-index: 1;
        margin-left: 2.8125rem
    }

    @media (min-width:48em) {
        .media--promo .media__figure {
            margin: 30px 0 0
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .figure {
        margin: 0
    }

    .figure--square {
        width: 100%;
        position: relative
    }

        .figure--square:before {
            content: "";
            display: block;
            padding-bottom: 100%
        }

        .figure--square img {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
            font-family: object-fit\:cover;
            object-fit: cover
        }

    .figure--border:after {
        content: "";
        position: absolute;
        top: 15px;
        left: -15px;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border: 8px solid rgba(212,32,39,.4)
    }

    @media (min-width:48em) {
        .figure--border:after {
            top: 20px;
            left: -20px
        }
    }

    @media (min-width:64em) {
        .figure--border:after {
            top: 30px;
            left: -30px;
            border-width: 10px
        }
    }

    @media (min-width:48em) {
        .figure {
            display: block
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .cross-links {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column
    }

    @media (min-width:48em) {
        .cross-links {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .cross-links__overlay {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0
    }

    @media (min-width:48em) {
        .cross-links__overlay {
            background: rgba(0,0,0,.6)
        }
    }

    .cross-links__wrapper {
        display: block;
        position: relative;
        width: 100%;
        height: 140px;
        background: #1f1762;
        color: #fff;
        text-decoration: none
    }

    @media (min-width:48em) {
        .cross-links__wrapper {
            height: 31vw;
            max-height: 460px;
            padding: 0;
            -ms-flex: 1;
            flex: 1 1 0%
        }

        .no-touchevents .cross-links__wrapper:focus .cross-links__img, .no-touchevents .cross-links__wrapper:hover .cross-links__img {
            transform: scale(1.1)
        }

        .no-touchevents .cross-links__wrapper:focus .cross-links__arrow, .no-touchevents .cross-links__wrapper:hover .cross-links__arrow {
            transform: translate(10px)
        }
    }

    .cross-links__img-wrapper {
        position: relative;
        width: 6rem;
        height: 6rem;
        overflow: hidden;
        float: left;
        margin-right: 1rem
    }

    @media (min-width:48em) {
        .cross-links__img-wrapper {
            position: absolute;
            width: 100%;
            height: 100%;
            margin-right: 0;
            transition: opacity .3s linear
        }
    }

    .cross-links__img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: object-fit\:cover;
        object-fit: cover;
        transform-origin: center
    }

    @media (min-width:48em) {
        .cross-links__img {
            transition: transform .3s cubic-bezier(.215,.61,.355,1)
        }
    }

    .cross-links__text-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        text-transform: uppercase
    }

    @media (min-width:48em) {
        .cross-links__text-wrapper {
            width: 100%;
            -ms-flex-pack: end;
            justify-content: flex-end;
            position: absolute;
            padding: 22px
        }
    }

    @media (min-width:64em) {
        .cross-links__text-wrapper {
            padding: 40px
        }
    }

    .cross-links__title {
        color: #fff;
        font-weight: 700;
        display: block;
        font-size: 22px;
        line-height: .9em
    }

    @media (min-width:48em) {
        .cross-links__title {
            font-size: 24px
        }
    }

    @media (min-width:64em) {
        .cross-links__title {
            font-size: 36px
        }
    }

    @media (min-width:90em) {
        .cross-links__title {
            font-size: 48px
        }
    }

    .cross-links__subtitle {
        color: #fff;
        font-weight: 700;
        font-size: 12px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    @media (min-width:48em) {
        .cross-links__subtitle {
            font-size: 14px;
            padding-top: 10px
        }
    }

    @media (min-width:64em) {
        .cross-links__subtitle {
            font-size: 18px
        }
    }

    @media (min-width:90em) {
        .cross-links__subtitle {
            font-size: 24px
        }
    }

    .cross-links__subtitle--styleguide {
        color: #000;
        text-transform: uppercase
    }

    .cross-links__arrow {
        fill: #fff;
        height: .7rem;
        width: .7em;
        margin-left: 10px;
        transition: transform .3s linear
    }

    .cross-links__arrow--styleguide {
        fill: #000
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .images-x2 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }

    @media (min-width:48em) {
        .images-x2 {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            font-size: 0
        }
    }

    .images-x2__wrapper {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        position: relative;
        width: 100%;
        background: #000;
        display: block
    }

    .images-x2__img {
        display: block;
        font-family: object-fit\:cover;
        object-fit: cover;
        height: 100%;
        justify-self: center;
        margin: 0 auto
    }

    .images-x2__img--wide {
        width: 100%
    }

    .images-x2__title {
        width: 60%;
        position: absolute;
        bottom: 0;
        background: #fff;
        padding: 10px;
        color: #666
    }

    @media (min-width:48em) {
        .images-x2__title {
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            width: 50%;
            margin-bottom: -4px;
            padding-bottom: 0
        }
    }

    @media (min-width:64em) {
        .images-x2__title {
            width: 40%;
            padding: 15px 15px 0
        }
    }

    @media (min-width:90em) {
        .images-x2__title {
            padding: 20px 20px 0
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .keyfacts {
        display: block;
        position: relative;
        background: #eee;
        color: #000
    }

        .keyfacts strong {
            color: #fff
        }

    .keyfacts__container {
        display: -ms-flexbox;
        display: flex;
        padding-left: 20px;
        padding-right: 20px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    @media (min-width:48em) {
        .keyfacts__container {
            padding-left: 30px;
            padding-right: 30px;
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    @media (min-width:64em) {
        .keyfacts__container {
            padding-left: 40px;
            padding-right: 40px
        }
    }

    @media (min-width:90em) {
        .keyfacts__container {
            padding-left: 40px;
            padding-right: 40px
        }
    }

    .keyfacts__content {
        position: relative
    }

    @media (min-width:48em) {
        .keyfacts__content {
            z-index: 1;
            width: 50%
        }
    }

    @media (min-width:64em) {
        .keyfacts__content {
            width: 41.66667%
        }
    }

    @media (min-width:90em) {
        .keyfacts__header br {
            display: none
        }
    }

    .keyfacts__facts {
        display: block;
        position: relative;
        width: 100%;
        padding-top: 100%;
        overflow: hidden
    }

    h2 + .keyfacts__facts {
        margin-top: 20px
    }

    @media (min-width:48em) {
        .keyfacts__facts {
            width: 330px;
            height: 330px;
            padding-top: 0;
            overflow: visible
        }

        h2 + .keyfacts__facts {
            margin-top: 35px
        }
    }

    @media (min-width:64em) {
        .keyfacts__facts {
            width: 375px;
            height: 375px
        }

        h2 + .keyfacts__facts {
            margin-top: 40px
        }
    }

    @media (min-width:90em) {
        .keyfacts__facts {
            width: 485px;
            height: 485px
        }

        h2 + .keyfacts__facts {
            margin-top: 30px
        }
    }

    .keyfacts__facts:after, .keyfacts__facts:before {
        content: '';
        display: block;
        position: absolute;
        right: 0;
        width: 8px;
        height: 100%;
        background-color: #fff
    }

    @media (min-width:48em) {
        .keyfacts__facts:after, .keyfacts__facts:before {
            width: 9px;
            height: 90px
        }
    }

    @media (min-width:64em) {
        .keyfacts__facts:after, .keyfacts__facts:before {
            width: 10px;
            height: 100px
        }
    }

    @media (min-width:90em) {
        .keyfacts__facts:after, .keyfacts__facts:before {
            width: 13px;
            height: 125px
        }
    }

    .keyfacts__facts:before {
        top: 0
    }

    .keyfacts__facts:after {
        bottom: 0
    }

    .keyfacts__border {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-left: 8px solid #fff
    }

    @media (min-width:48em) {
        .keyfacts__border {
            border-left-width: 9px
        }
    }

    @media (min-width:64em) {
        .keyfacts__border {
            border-left-width: 10px
        }
    }

    @media (min-width:90em) {
        .keyfacts__border {
            border-left-width: 13px
        }
    }

    .keyfacts__border:after, .keyfacts__border:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 8px;
        background-color: #fff
    }

    @media (min-width:48em) {
        .keyfacts__border:after, .keyfacts__border:before {
            height: 9px
        }
    }

    @media (min-width:64em) {
        .keyfacts__border:after, .keyfacts__border:before {
            height: 10px
        }
    }

    @media (min-width:90em) {
        .keyfacts__border:after, .keyfacts__border:before {
            height: 13px
        }
    }

    .keyfacts__border:before {
        top: 0
    }

    .keyfacts__border:after {
        bottom: 0
    }

    .keyfacts__fact {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 8px;
        height: 100%;
        padding: 20px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .keyfacts:not(.is-initied) .keyfacts__fact:first-child, .keyfacts__fact.is-active, .keyfacts__fact.slide-in, .keyfacts__fact.slide-out {
            display: -ms-flexbox;
            display: flex
        }

    @media (min-width:48em) {
        .keyfacts__fact {
            padding: 0;
            top: 0;
            left: 20%;
            right: auto;
            width: 400px;
            height: 100%
        }
    }

    @media (min-width:64em) {
        .keyfacts__fact {
            width: 550px
        }
    }

    @media (min-width:90em) {
        .keyfacts__fact {
            width: 700px
        }
    }

    .keyfacts__text {
        display: block;
        width: 100%;
        font-weight: 700;
        font-size: 24px;
        line-height: .875em;
        letter-spacing: 0
    }

    @media (min-width:48em) {
        .keyfacts__text {
            font-size: 36px
        }
    }

    @media (min-width:64em) {
        .keyfacts__text {
            font-size: 48px
        }
    }

    @media (min-width:90em) {
        .keyfacts__text {
            font-size: 60px
        }
    }

    .keyfacts__bullets {
        display: block;
        position: absolute;
        top: 20px;
        left: 20px;
        font-size: 0
    }

    @media (min-width:48em) {
        .keyfacts__bullets {
            top: 30px;
            left: 30px
        }
    }

    .keyfacts__bullet {
        display: inline-block;
        position: relative;
        border: none;
        background-color: transparent;
        font-family: inherit;
        font-weight: 700;
        line-height: 1em;
        letter-spacing: 0;
        color: #d42027;
        font-size: 24px;
        transition: color .3s linear;
        cursor: pointer
    }

        .keyfacts__bullet:after {
            content: '';
            display: block;
            width: 100%;
            height: 5px;
            margin-top: 15px;
            background-color: #fff;
            transform-origin: bottom left;
            transform: scaleY(0);
            transition: transform .2s cubic-bezier(.645,.045,.355,1)
        }

        .keyfacts__bullet.is-active, .keyfacts__bullet.slide-in {
            color: #eecb27
        }

            .keyfacts__bullet.is-active:after, .keyfacts__bullet.slide-in:after {
                transform: scaleY(1)
            }

    @media (min-width:64em) {
        .keyfacts__bullet {
            font-size: 30px
        }
    }

    .keyfacts__bullet + .keyfacts__bullet {
        margin-left: 20px
    }

    @media (min-width:64em) {
        .keyfacts__bullet + .keyfacts__bullet {
            margin-left: 30px
        }
    }

    .keyfacts__arrows {
        display: block;
        position: absolute;
        bottom: 30px;
        left: 30px;
        font-size: 0;
        z-index: 1
    }

    @media (min-width:48em) {
        .keyfacts__arrows {
            position: relative;
            bottom: auto;
            left: auto;
            margin-top: 30px;
            z-index: auto
        }
    }

    @media (min-width:64em) {
        .keyfacts__arrows {
            margin-bottom: 30px
        }
    }

    @media (min-width:90em) {
        .keyfacts__arrows {
            margin-top: 40px;
            margin-bottom: 0
        }
    }

    .keyfacts__next, .keyfacts__play-pause, .keyfacts__prev {
        display: inline-block;
        padding: 0;
        -webkit-tap-highlight-color: transparent;
        cursor: pointer
    }

        .keyfacts__next:focus, .keyfacts__play-pause:focus, .keyfacts__prev:focus {
            outline-color: #eecb27;
            outline-offset: 2px
        }

    .keyfacts__next, .keyfacts__play-pause {
        margin-left: 20px
    }

    @media (min-width:48em) {
        .keyfacts__next, .keyfacts__play-pause {
            margin-left: 10px
        }
    }

    @media (min-width:90em) {
        .keyfacts__next, .keyfacts__play-pause {
            margin-left: 20px
        }
    }

    .keyfacts__icon {
        display: block;
        position: relative;
        width: 32px;
        height: 32px
    }

    @media (min-width:48em) {
        .keyfacts__icon {
            width: 50px;
            height: 50px
        }
    }

    @media (min-width:90em) {
        .keyfacts__icon {
            width: 60px;
            height: 60px
        }
    }

    .keyfacts__images {
        position: relative;
        height: 0
    }

    @media (min-width:48em) {
        .keyfacts__images {
            width: 50%;
            height: auto
        }
    }

    @media (min-width:64em) {
        .keyfacts__images {
            width: 58.33333%
        }
    }

    .keyfacts__images-group {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

        .keyfacts__images-group.is-active .keyfacts__image1, .keyfacts__images-group.is-active .keyfacts__image2, .keyfacts__images-group.slide-in .keyfacts__image1, .keyfacts__images-group.slide-in .keyfacts__image2 {
            opacity: 1
        }

    .keyfacts__image1, .keyfacts__image2 {
        display: block;
        position: absolute;
        opacity: 0;
        transition: opacity .5s linear;
        font-family: object-fit\:cover;
        object-fit: cover
    }

    .keyfacts__image1 {
        width: 120px;
        height: 120px;
        top: -75px;
        right: 20px;
        transition-delay: .3s
    }

    @media (min-width:48em) {
        .keyfacts__image1 {
            width: 330px;
            height: 330px;
            top: 0;
            left: 0;
            right: -30px;
            margin-left: auto;
            margin-right: auto
        }
    }

    @media (min-width:64em) {
        .keyfacts__image1 {
            width: 450px;
            height: 450px
        }
    }

    @media (min-width:90em) {
        .keyfacts__image1 {
            width: 505px;
            height: 505px;
            top: -30px
        }
    }

    .keyfacts__image2 {
        width: 80px;
        height: 80px;
        bottom: -40px;
        left: 80px
    }

    @media (min-width:48em) {
        .keyfacts__image2 {
            width: 190px;
            height: 190px;
            bottom: -50px;
            left: 25px
        }
    }

    @media (min-width:64em) {
        .keyfacts__image2 {
            width: 205px;
            height: 205px;
            bottom: -60px
        }
    }

    @media (min-width:90em) {
        .keyfacts__image2 {
            bottom: -80px
        }
    }

    .keyfacts__image1-overlay {
        display: none;
        position: absolute;
        width: 120px;
        height: 120px;
        top: -75px;
        right: 20px
    }

    .single .keyfacts__image1-overlay {
        margin-left: 1px
    }

    @media (min-width:48em) {
        .keyfacts__image1-overlay {
            display: block;
            width: 330px;
            height: 330px;
            top: 0;
            left: 0;
            right: -30px;
            margin-left: auto;
            margin-right: auto
        }
    }

    @media (min-width:64em) {
        .keyfacts__image1-overlay {
            width: 450px;
            height: 450px
        }
    }

    @media (min-width:90em) {
        .keyfacts__image1-overlay {
            width: 505px;
            height: 505px;
            top: -30px
        }
    }

    .keyfacts__image1-overlay:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))
    }

    @media (min-width:48em) {
        .single .keyfacts__image1, .single .keyfacts__image1-overlay {
            margin: auto;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            width: 330px;
            height: 330px
        }
    }

    @media (min-width:64em) {
        .single .keyfacts__image1, .single .keyfacts__image1-overlay {
            margin-left: auto;
            margin-right: auto;
            left: 0;
            right: 0;
            width: 420px;
            height: 420px
        }
    }

    @media (min-width:90em) {
        .single .keyfacts__image1, .single .keyfacts__image1-overlay {
            width: 550px;
            height: 550px
        }
    }

    .keyfacts--dark {
        color: #ccc;
        background-image: url(../images/bg_dark.jpg)
    }

        .keyfacts--dark .keyfacts__facts:after, .keyfacts--dark .keyfacts__facts:before {
            background-color: #eecb27
        }

        .keyfacts--dark .keyfacts__border {
            border-left: 8px solid #eea229
        }

            .keyfacts--dark .keyfacts__border:after, .keyfacts--dark .keyfacts__border:before {
                background-image: linear-gradient(90deg,#eea229 0,#eecb27)
            }

    @media (min-width:64em) {
        .keyfacts--dark .keyfacts__border {
            border-left-width: 10px
        }
    }

    @media (min-width:90em) {
        .keyfacts--dark .keyfacts__border {
            border-left-width: 13px
        }
    }

    .keyfacts--dark .keyfacts__bullet.is-active, .keyfacts--dark .keyfacts__bullet.slide-in {
        color: #fff
    }

    .keyfacts--dark .keyfacts__icon {
        fill: #fffffa
    }

        .keyfacts--dark .keyfacts__icon:focus, .keyfacts--dark .keyfacts__icon:hover {
            fill: #fff
        }

    .keyfacts--dark .keyfacts__image1-overlay:after {
        background-image: linear-gradient(90deg,rgba(0,0,0,.2) 0,transparent)
    }

    .keyfacts--home {
        z-index: 1
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .image-gallery {
        display: block;
        position: relative;
        width: 100%;
        padding-top: 57%
    }

    @media (min-width:48em) {
        .image-gallery {
            padding-top: 55%
        }
    }

    .image-gallery__bg-container {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 57%
    }

    @media (min-width:48em) {
        .image-gallery__bg-container {
            padding-top: 0;
            height: 100%
        }
    }

    .image-gallery__bg {
        display: none;
        font-family: object-fit\:cover;
        object-fit: cover;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

        .image-gallery:not(.is-initied) .image-gallery__bg, .image-gallery__bg.is-active, .image-gallery__bg.slide-in, .image-gallery__bg.slide-out {
            display: block
        }

        .image-gallery__bg.slide-out {
            z-index: 1
        }

        .image-gallery__bg.slide-in {
            z-index: auto
        }

    .image-gallery__contents {
        display: -ms-flexbox;
        display: flex;
        background-color: #f6f6f6
    }

    @media (min-width:48em) {
        .image-gallery__contents {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: transparent
        }
    }

    .image-gallery__slides {
        position: relative;
        overflow: hidden;
        width: 100%;
        background-color: #f6f6f6;
        transition: height .3s linear
    }

    .is-changing .image-gallery__slides {
        z-index: 1
    }

    @media (min-width:48em) {
        .image-gallery__slides {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            padding-left: 0;
            background-color: transparent;
            transition: none;
            overflow: visible
        }
    }

    .image-gallery__slide {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .image-gallery:not(.is-initied) .image-gallery__slide:first-child, .image-gallery__slide.is-active, .image-gallery__slide.slide-in, .image-gallery__slide.slide-out {
            display: -ms-flexbox;
            display: flex;
            visibility: visible;
            opacity: 1
        }

        .image-gallery__slide.slide-out {
            z-index: auto
        }

        .image-gallery__slide.slide-in {
            z-index: 1
        }

    @media (min-width:48em) {
        .image-gallery__slide {
            top: auto;
            bottom: 0;
            -ms-flex-pack: end;
            justify-content: flex-end
        }
    }

    .image-gallery__slide-content {
        background-color: #f6f6f6;
        padding: 20px;
        color: #333
    }

    @media (min-width:48em) {
        .image-gallery__slide-content {
            background-color: #fff;
            width: 33.3333%;
            height: auto;
            margin-bottom: -30px
        }
    }

    @media (min-width:90em) {
        .image-gallery__slide-content {
            padding: 25px
        }
    }

    .image-gallery:not(.is-initied) .image-gallery__slide-content {
        z-index: 1
    }

    .image-gallery__index {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 65px;
        height: 65px;
        padding: 20px;
        background-color: #f6f6f6;
        font-weight: 700;
        font-size: 10px;
        line-height: 1em
    }

    .is-changing .image-gallery__index {
        z-index: 1
    }

    .image-gallery__index:after {
        content: '';
        display: block;
        position: absolute;
        width: 35px;
        height: 3px;
        margin-top: -1px;
        margin-left: -17px;
        top: 50%;
        left: 50%;
        transform-origin: 50% 50%;
        transform: rotate(-45deg);
        background-color: #fffffa
    }

    @media (min-width:48em) {
        .image-gallery__index:after {
            background-color: #fff
        }
    }

    @media (min-width:90em) {
        .image-gallery__index:after {
            width: 40px;
            margin-left: -20px
        }
    }

    @media (min-width:48em) {
        .image-gallery__index {
            width: 45px;
            height: 45px;
            padding: 10px;
            position: absolute;
            top: 0;
            right: 0;
            bottom: auto;
            left: auto;
            background-color: hsla(0,0%,68%,.7)
        }
    }

    @media (min-width:64em) {
        .image-gallery__index {
            width: 50px;
            height: 50px;
            font-size: 12px
        }
    }

    @media (min-width:90em) {
        .image-gallery__index {
            width: 60px;
            height: 60px;
            font-size: 14px;
            padding: 15px
        }
    }

    .image-gallery__index-current {
        color: #000;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .image-gallery__index-total {
        -ms-flex-item-align: end;
        align-self: flex-end;
        color: #fffffa
    }

    @media (min-width:48em) {
        .image-gallery__index-total {
            color: #fff
        }
    }

    .image-gallery__next, .image-gallery__prev {
        border: none;
        background-color: transparent;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 0;
        background-color: hsla(0,0%,100%,.45);
        -webkit-tap-highlight-color: transparent;
        cursor: pointer;
        z-index: 1
    }

        .image-gallery__next:focus, .image-gallery__prev:focus {
            outline-color: #eecb27;
            outline-offset: 2px
        }

    .is-changing .image-gallery__next, .is-changing .image-gallery__prev {
        z-index: 2
    }

    .image-gallery__prev {
        left: -16px
    }

    @media (min-width:64em) {
        .image-gallery__prev {
            left: -24px
        }
    }

    @media (min-width:90em) {
        .image-gallery__prev {
            left: -30px
        }
    }

    .image-gallery__next {
        right: -16px
    }

    @media (min-width:64em) {
        .image-gallery__next {
            right: -24px
        }
    }

    @media (min-width:90em) {
        .image-gallery__next {
            right: -30px
        }
    }

    .image-gallery__icon {
        float: left;
        width: 32px;
        height: 32px
    }

    @media (min-width:64em) {
        .image-gallery__icon {
            width: 48px;
            height: 48px
        }
    }

    @media (min-width:90em) {
        .image-gallery__icon {
            width: 60px;
            height: 60px
        }
    }

    .image-gallery__image {
        overflow: hidden;
        top: 0
    }

    .image-gallery__image, .image-gallery__mask {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%
    }

    .image-gallery__mask {
        display: block;
        bottom: 0;
        background-color: #fff;
        transform-origin: bottom left;
        z-index: 1
    }

    @media (min-width:48em) {
        .image-gallery__mask {
            bottom: -30px;
            background-color: #000
        }
    }

    .image-gallery.is-not-gallery .image-gallery__index {
        visibility: hidden;
        opacity: 0
    }

    @media (min-width:48em) {
        .image-gallery.is-not-gallery .image-gallery__index {
            display: none
        }
    }

    .image-gallery.is-not-gallery .image-gallery__slides {
        left: 0;
        bottom: 35px
    }

    @media (min-width:48em) {
        .image-gallery.is-not-gallery .image-gallery__slides {
            bottom: 0
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .accordion {
        display: block;
        box-sizing: border-box;
        width: 100%;
        border-top: 2px solid #ccc;
        border-bottom: 2px solid #ccc
    }

    .accordion__header {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        background: none;
        border: none;
        font-family: inherit;
        text-align: left;
        cursor: pointer
    }

    .accordion__group_title, .accordion__title {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .accordion__icon {
        display: block;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        fill: #ccc;
        pointer-events: none
    }

    .accordion__container {
        display: block
    }

    .is-collapsing .accordion__container, .is-expanding .accordion__container {
        overflow: hidden
    }

    .accordion__content {
        display: block
    }

    .accordion + .accordion, .accordion--big:first-child {
        border-top: none
    }

    .accordion--big .accordion__title {
        color: #000
    }

    .accordion--filter {
        border-top-width: 1px;
        border-bottom-width: 1px
    }

        .accordion--filter .accordion__header {
            -ms-flex-align: center;
            align-items: center;
            padding: .875rem 1.25rem;
            color: #fffffa;
            transition: background-color,color .2s linear
        }

        .accordion--filter .accordion__content {
            padding: 15px 15px 20px 20px
        }

        .accordion--filter .accordion__title {
            font-size: .875rem;
            font-weight: 700
        }

        .accordion--filter .accordion__icon {
            width: 16px;
            height: 16px;
            fill: #fffffa
        }

        .accordion--filter + .accordion--filter .accordion__header {
            padding: .875rem 1.25rem;
            margin: 0
        }

        .accordion--filter.is-opened .accordion__header {
            color: #333;
            background-color: #f6f6f6
        }

        .accordion--filter.is-opened .accordion__icon {
            width: 16px;
            height: 16px;
            fill: #333
        }

        .accordion--filter:last-child {
            border-bottom: none
        }

    .accordion--small .accordion__title {
        font-size: 1.125rem;
        font-weight: 700
    }

    @media (min-width:48em) {
        .accordion--small .accordion__title {
            font-size: 1.25rem
        }
    }

    .accordion--small .accordion__icon {
        width: 16px;
        height: 16px;
        fill: #fffffa
    }

    .accordion--small .accordion__header {
        padding: 27px 12px 27px 5px;
        -ms-flex-align: center;
        align-items: center
    }

    .accordion--small .accordion__content {
        padding: 0 20px
    }

    .accordion--medium .accordion__title {
        font-size: 1.125rem;
        font-weight: 700
    }

    .accordion--medium .accordion__icon {
        width: 16px;
        height: 16px
    }

    @media (min-width:48em) {
        .accordion--medium .accordion__icon {
            width: 24px;
            height: 24px
        }
    }

    .accordion--medium .accordion__header {
        padding: 24px 0 28px
    }

    .accordion--medium .accordion__content {
        padding: 0 0 40px
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .video {
        width: 100%;
        position: relative;
        background-color: #333
    }

    @media (min-width:64em) {
        .block .video:before {
            display: block;
            position: absolute;
            content: '';
            width: 45vw;
            height: 45vw;
            max-width: 600px;
            max-height: 600px;
            right: -7.5%;
            top: 50%;
            transform: translateY(-50%);
            border: 10px solid #d53e7d
        }
    }

    @media (min-width:90em) {
        .block .video:before {
            right: -5%
        }
    }

    .video__iframe-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        max-width: 100%;
        height: auto
    }

        .video__iframe-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

    .video__thumbnail-wrapper {
        overflow: hidden
    }

    .video__thumbnail-img {
        overflow: hidden;
        position: relative;
        padding-bottom: 56.25%;
        font-size: 0;
        transition: transform .3s
    }

        .video__thumbnail-img img {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            margin: auto;
            font-family: object-fit\:cover;
            object-fit: cover
        }

        .video__thumbnail-img:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 1;
            background: linear-gradient(90deg,#eea229 0,#eecb27);
            background: rgba(0,0,0,.6);
            transition: opacity .7s
        }

    .video__control {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        width: 100%
    }

    @media (min-width:48em) {
        .video__control {
            position: absolute;
            bottom: 40px
        }
    }

    .video__play-btn {
        position: relative;
        width: 3rem;
        height: 3rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background: rgba(0,0,0,.5);
        border: .4rem solid #fff;
        margin-top: -3.8rem;
        cursor: pointer;
        margin-left: 1rem;
        color: #fff
    }

        .video__play-btn:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: linear-gradient(90deg,#eea229 0,#eecb27);
            transition: opacity .3s;
            opacity: 0
        }

        .video__play-btn .icon {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 17px;
            height: 20px;
            fill: #fff
        }

    @media (min-width:48em) {
        .video__play-btn .icon {
            width: 24px;
            height: 28px
        }
    }

    .video__play-btn--hide-on-tablet {
        position: absolute
    }

    @media (min-width:48em) {
        .video__play-btn--hide-on-tablet {
            display: none
        }
    }

    .video__play-btn--hide-on-mobile {
        display: none
    }

    @media (min-width:48em) {
        .video__play-btn--hide-on-mobile {
            display: block
        }
    }

    @media (min-width:48em) {
        .video__play-btn {
            width: 4.5rem;
            height: 4.5rem;
            margin-left: 1.8rem;
            margin-top: 0;
            border-width: .8rem
        }
    }

    @media (min-width:64em) {
        .video__play-btn {
            width: 5.6rem;
            height: 5.6rem;
            margin-left: 2.2rem;
            border-width: .9rem
        }
    }

    @media (min-width:90em) {
        .video__play-btn {
            width: 6rem;
            height: 6rem
        }
    }

    .video__title {
        display: block;
        width: 100%;
        font-weight: 700;
        font-size: .9rem;
        text-transform: uppercase;
        color: #fff;
        line-height: .9rem;
        padding: 15px 20px;
        box-sizing: border-box
    }

    @media (min-width:48em) {
        .video__title {
            font-size: 1.875rem;
            line-height: 1.8rem;
            width: 75%;
            background: none;
            padding: 0 20px
        }
    }

    @media (min-width:64em) {
        .video__title {
            font-size: 2.25rem;
            line-height: 2.2rem
        }
    }

    .video__title--styleguide {
        color: #000
    }

    @media (min-width:48em) {
        .video__title--styleguide {
            padding: 0
        }
    }

    .video:focus .video__thumbnail-img, .video:hover .video__thumbnail-img {
        transform-origin: center;
        transform: scale(1.05)
    }

        .video:focus .video__thumbnail-img:after, .video:hover .video__thumbnail-img:after {
            opacity: 0
        }

    .video:focus .video__play-btn:before, .video:hover .video__play-btn:before {
        opacity: 1
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .side-nav {
        border-style: solid;
        border-color: #eaeaea;
        border-width: 1px 0 2px;
        background-color: #fff;
        transform: translateZ(0);
        pointer-events: auto
    }

    @media (min-width:48em) {
        .side-nav-holder {
            width: 250px
        }
    }

    @media (min-width:64em) {
        .side-nav-holder {
            position: relative;
            z-index: 3;
            margin-top: -55px
        }
    }

    @media (min-width:48em) {
        .side-nav {
            border-color: #ccc;
            max-width: 250px;
            border-width: 1px
        }
    }

    .side-nav__head {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #000;
        line-height: normal;
        font-size: 1rem;
        padding: .75rem 1.25rem
    }

    @media (min-width:48em) {
        .side-nav__head {
            padding: 1rem 1.25rem
        }
    }

    .side-nav__head.is-active {
        position: relative
    }

        .side-nav__head.is-active:before {
            width: 4px;
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            left: -1px;
            background-color: #eecb27
        }

    .side-nav__icon {
        fill: #666;
        margin-right: 10px;
        margin-top: 2px
    }

    .side-nav__title {
        font-weight: 700;
        text-transform: uppercase;
        color: inherit;
        -ms-flex: 1;
        flex: 1 1 0%
    }

    .side-nav__button {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 0;
        line-height: 0;
        cursor: pointer;
        margin-left: 15px
    }

    .side-nav__list {
        list-style: none
    }

        .side-nav__list > .side-nav__item {
            line-height: normal;
            font-size: .75rem;
            border-bottom: 1px solid #ccc
        }

            .side-nav__list > .side-nav__item:first-child {
                border-top: 1px solid #ccc
            }

            .side-nav__list > .side-nav__item > .side-nav__link {
                padding: 1.125rem;
                color: #787878;
                font-weight: 700;
                transition: .3s ease
            }

            .no-touchevents .side-nav__list > .side-nav__item:focus > .side-nav__link, .no-touchevents .side-nav__list > .side-nav__item:hover > .side-nav__link, .side-nav__list > .side-nav__item.is-active > .side-nav__link {
                color: #000;
                background-color: #eaeaea
            }

            .side-nav__list > .side-nav__item:last-child {
                border: 0
            }

            .side-nav__list > .side-nav__item > .side-nav__link {
                position: relative
            }

                .side-nav__list > .side-nav__item > .side-nav__link.is-active {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .side-nav__list > .side-nav__item > .side-nav__link.is-active:before {
                        width: 4px;
                        content: '';
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: -1px;
                        background-color: #eecb27
                    }

    .side-nav__sublist {
        list-style: none;
        padding: .6875rem 0;
        font-size: .875rem;
        font-weight: 500
    }

        .side-nav__sublist .side-nav__link {
            padding: .5rem 1.125rem;
            color: #666;
            transition: .3s ease
        }

    .no-touchevents .side-nav__sublist .side-nav__link:focus, .no-touchevents .side-nav__sublist .side-nav__link:hover {
        color: #000
    }

    .side-nav__sublist .side-nav__item.is-active > .side-nav__link {
        position: relative;
        color: #000
    }

        .side-nav__sublist .side-nav__item.is-active > .side-nav__link:before {
            width: 4px;
            content: '';
            position: absolute;
            top: .35714em;
            bottom: .35714em;
            left: -1px;
            background-color: #eecb27
        }

    .side-nav__sublist .side-nav__sublist {
        padding: 0;
        font-size: .75rem
    }

    .side-nav__link {
        display: -ms-flexbox;
        display: flex;
        text-decoration: none;
        color: inherit
    }

    .side-nav__text {
        margin-left: 4px
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .main-nav:not(.is-initied) {
        display: none
    }

    .main-nav__top {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100
    }

    .main-nav__logo {
        position: absolute;
        width: 150px;
        height: 75px;
        top: 0;
        left: 0;
        margin-left: 20px;
        font-size: 0;
        transform-origin: top left;
        transition: transform .3s cubic-bezier(.215,.61,.355,1);
        background-image: url('../../images/common/logo_light.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    @media (min-width:48em) {
        .is-collapsed .main-nav__logo {
            transform: scale(.9);
            background-image: url('../../images/common/logo_light.png');
        }
    }

    .footer-logo {
        margin-left: 100px;
    }

    .main-nav__svg {
        width: 107px;
        height: 45px;
        fill: #fff
    }

    @media (min-width:48em) {
        .main-nav__svg {
            width: 178px;
            height: 75px
        }
    }

    @media (min-width:90em) {
        .main-nav__svg {
            width: 237px;
            height: 100px
        }
    }

    .is-collapsed .main-nav__svg, .theme-light .main-nav__svg {
        fill: #000
    }

    .main-nav .custom__logo .main-nav__svg {
        width: 137px;
        height: auto;
        margin-top: -8px
    }

    .main-nav .custom__logo img {
        max-width: 200px;
        margin-left: 20px;
        margin-top: 20px;
    }

    @media (min-width:48em) {
        .main-nav .custom__logo .main-nav__svg {
            width: 260px;
            height: auto;
            margin-top: -14px
        }
    }

    @media (min-width:90em) {
        .main-nav .custom__logo .main-nav__svg {
            width: 380px;
            height: auto;
            margin-top: -21px
        }
    }

    .main-nav__svg-text {
        transition: opacity .3s cubic-bezier(.215,.61,.355,1)
    }

    .is-collapsed .main-nav__svg-text, .is-open .main-nav__svg-text {
        opacity: 0
    }

    .main-nav__icons {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 0
    }

    .main-nav__icon-btn {
        border: none;
        background-color: transparent;
        display: inline-block;
        position: relative;
        background-color: #000;
        color: #fff;
        padding: 14px;
        font-size: 0;
        line-height: 0;
        cursor: pointer
    }

        .main-nav__icon-btn + .main-nav__icon-btn {
            margin-left: 2px
        }

    @media (min-width:64em) {
        .main-nav__icon-btn {
            padding: 18px
        }
    }

    .main-nav__icon-search {
        transform-origin: 50% 50%;
        transition: opacity .2s linear,transform .6s cubic-bezier(.19,1,.22,1)
    }

    .is-open .main-nav__icon-search {
        opacity: 0;
        transform: rotate(-90deg)
    }

    .main-nav__icon-search__line {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 23px;
        height: 3px;
        margin-left: -11px;
        margin-top: -1px;
        background-color: #fff;
        transform-origin: 50% 50%;
        opacity: 0;
        transition: opacity .2s linear,transform .6s cubic-bezier(.19,1,.22,1)
    }

        .main-nav__icon-search__line:nth-child(2), .main-nav__icon-search__line:nth-child(3) {
            transform: rotate(90deg)
        }

    .is-open .main-nav__icon-search__line:nth-child(2) {
        opacity: 1;
        transform: rotate(-45deg)
    }

    .is-open .main-nav__icon-search__line:nth-child(3) {
        opacity: 1;
        transform: rotate(45deg)
    }

    .main-nav__icon-account, .main-nav__icon-search {
        display: inline-block;
        fill: #fff
    }

    @media (min-width:48em) {
        .main-nav__icon-account, .main-nav__icon-search {
            width: 23px;
            height: 23px
        }
    }

    @media (min-width:64em) {
        .main-nav__icon-account, .main-nav__icon-search {
            width: 30px;
            height: 30px
        }
    }

    .main-nav__panel {
        width: 100vw;
        min-height: 100vh;
        z-index: 99;
        margin-left: 0;
        margin-right: 0;
        background-color: #000;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .main-nav__panel-enter-active {
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity .2s cubic-bezier(.215,.61,.355,1)
    }

        .main-nav__panel-enter-active .main-nav__nav {
            transform: translateY(50px);
            transition: transform .5s cubic-bezier(.19,1,.22,1)
        }

    .main-nav__panel-leave-active {
        transition: opacity .2s linear
    }

    .main-nav__panel-enter-to {
        opacity: 1
    }

        .main-nav__panel-enter-to .main-nav__nav {
            transform: translateY(0)
        }

    .main-nav__panel-leave-to {
        opacity: 0
    }

    .main-nav__primary {
        padding: 75px 30px 45px !important;
    }

    @media (min-width:48em) {
        .main-nav__primary {
            padding: 145px 40px 50px !important
        }
    }

    @media (min-width:64em) {
        .main-nav__primary {
            padding: 145px 40px 60px !important
        }
    }

    @media (min-width:90em) {
        .main-nav__primary {
            padding: 145px 125px 60px !important
        }
    }

    .main-nav__secondary {
        background-color: #181818;
        padding: 45px 30px !important
    }

    @media (min-width:48em) {
        .main-nav__secondary {
            padding: 155px 30px 50px !important
        }
    }

    @media (min-width:64em) {
        .main-nav__secondary {
            padding: 155px 40px 60px !important;
            min-height: 100vh
        }
    }

    .main-nav__secondary hr {
        width: 40px;
        height: 3px;
        margin: 10px 0;
        border: none;
        background-color: #eecb23
    }

    .main-nav__nav .main-nav__list + .button {
        margin-top: 30px
    }

    @media (min-width:48em) {
        .main-nav__nav .main-nav__list + .button {
            margin-top: 35px
        }
    }

    @media (min-width:64em) {
        .main-nav__nav .main-nav__list + .button {
            margin-top: 40px
        }
    }

    @media (min-width:90em) {
        .main-nav__nav .main-nav__list + .button {
            margin-top: 40px
        }
    }

    .main-nav__nav--secondary .main-nav__sublist:first-child {
        padding-top: 0
    }

    .main-nav__list, .main-nav__sublist {
        list-style: none
    }

    .main-nav__item {
        font-size: 0
    }

        .main-nav__item .main-nav__sublist {
            padding-left: 30px
        }

    @media (min-width:48em) {
        .main-nav__item .main-nav__sublist {
            padding-left: 40px
        }
    }

    .main-nav__item + .main-nav__item {
        margin-top: 10px
    }

    @media (min-width:64em) {
        .main-nav__item + .main-nav__item {
            margin-top: 10px
        }
    }

    .main-nav__sublist {
        padding: 15px 0
    }

    @media (min-width:48em) {
        .main-nav__sublist {
            padding: 30px 0
        }
    }

    @media (min-width:64em) {
        .main-nav__sublist {
            padding: 25px 0
        }
    }

    @media (min-width:90em) {
        .main-nav__sublist {
            padding: 35px 0
        }
    }

    .main-nav__item:last-child .main-nav__sublist {
        padding-bottom: 0
    }

    .main-nav__subitem {
        font-size: 0
    }

        .main-nav__subitem .nav-subitem {
            color: #fff
        }

            .main-nav__subitem .nav-subitem.dark {
                color: #fffffa
            }

            .main-nav__subitem .nav-subitem:focus, .main-nav__subitem .nav-subitem:hover {
                color: #d5031e
            }

        .main-nav__subitem + .main-nav__subitem {
            margin-top: 15px
        }

    @media (min-width:48em) {
        .main-nav__subitem + .main-nav__subitem {
            margin-top: 15px
        }
    }

    @media (min-width:90em) {
        .main-nav__subitem + .main-nav__subitem {
            margin-top: 20px
        }
    }

    .main-nav__search {
        color: #fff;
        padding: 75px 0 45px !important
    }

    @media (min-width:48em) {
        .main-nav__search {
            padding: 175px 0 50px !important
        }
    }

    @media (min-width:64em) {
        .main-nav__search {
            padding: 175px 0 60px !important
        }
    }

    @media (min-width:90em) {
        .main-nav__search {
            padding: 175px 0 60px !important
        }
    }

    .main-nav__tabs-nav {
        display: block;
        padding: 0 30px
    }

    @media (min-width:48em) {
        .main-nav__tabs-nav {
            display: block;
            padding: 0 0 0 40px
        }
    }

    @media (min-width:64em) {
        .main-nav__tabs-nav {
            display: block;
            padding: 0 0 0 40px
        }
    }

    @media (min-width:90em) {
        .main-nav__tabs-nav {
            padding: 0 0 0 125px
        }
    }

    .main-nav__tabs-nav .is-active {
        border-color: #000
    }

    .main-nav__search-title {
        font-size: 14px;
        font-weight: 700;
        line-height: 1em;
        letter-spacing: 0;
        text-transform: uppercase
    }

    @media (min-width:48em) {
        .main-nav__search-title {
            font-size: 18px
        }
    }

    .main-nav__search-suboption {
        font-size: 14px;
        font-weight: 700;
        line-height: 1em;
        letter-spacing: 0
    }

    @media (min-width:48em) {
        .main-nav__search-suboption {
            font-size: 18px
        }
    }

    .main-nav__tabs-btn {
        display: none;
        position: relative;
        text-decoration: none;
        color: #fff;
        text-transform: none;
        border: 3px solid #fff;
        margin-bottom: 25px;
        padding: 20px
    }

        .main-nav__tabs-btn:focus, .main-nav__tabs-btn:hover {
            border: 3px solid #eecb27;
            color: #eecb27
        }

            .main-nav__tabs-btn:focus .main-nav__input-submit-icon-sm, .main-nav__tabs-btn:hover .main-nav__input-submit-icon-sm {
                fill: #eecb27
            }

        .main-nav__tabs-btn + .main-nav__tabs-btn {
            margin-bottom: 25px
        }

    @media (min-width:90em) {
        .main-nav__tabs-btn + .main-nav__tabs-btn {
            margin-left: 10px
        }
    }

    @media (min-width:64em) {
        .main-nav__tabs-btn + .main-nav__tabs-btn {
            margin-left: 10px
        }
    }

    .main-nav__tabs-btn:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        transform-origin: bottom left;
        transform: scaleY(0);
        transition: transform .3s cubic-bezier(.215,.61,.355,1)
    }

    @media (min-width:48em) {
        .main-nav__tabs-btn {
            display: none;
            padding: 12px 14px;
            font-size: 18px
        }

            .main-nav__tabs-btn:after {
                height: 4px
            }
    }

    @media (min-width:64em) {
        .main-nav__tabs-btn {
            display: inline-block;
            padding: 12px 14px
        }

            .main-nav__tabs-btn:after {
                height: 5px
            }
    }

    @media (min-width:90em) {
        .main-nav__tabs-btn {
            display: inline-block;
            padding: 18px 24px
        }
    }

    .main-nav__tabs-btn.is-active:after, .main-nav__tabs-btn:focus:after, .main-nav__tabs-btn:hover:after {
        transform: scaleY(1)
    }

    .main-nav__tabs-panel {
        position: relative
    }

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

    .main-nav__input {
        display: block;
        background-color: #1f1762;
        padding: 30px 20px;
        margin-top: 30px
    }

    @media (min-width:48em) {
        .main-nav__input {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            padding: 50px 40px
        }
    }

    @media (min-width:64em) {
        .main-nav__input {
            padding: 65px 40px
        }
    }

    @media (min-width:90em) {
        .main-nav__input {
            padding: 65px 125px
        }
    }

    .main-nav__input--inline {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

        .main-nav__input--inline .main-nav__input-field {
            margin-bottom: 0
        }

    .main-nav__input-field {
        background-color: transparent;
        border: none;
        border-radius: 0;
        outline: none;
        color: #fffffa;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2em;
        letter-spacing: 0;
        width: 100%;
        margin-bottom: 20px;
        padding: 15px;
        background-color: #333
    }

    @media (min-width:48em) {
        .main-nav__input-field {
            width: auto;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1;
            margin-bottom: 0;
            padding: 0;
            font-size: 24px;
            background-color: transparent
        }
    }

    @media (min-width:64em) {
        .main-nav__input-field {
            font-size: 30px
        }
    }

    @media (min-width:90em) {
        .main-nav__input-field {
            font-size: 48px
        }
    }

    .main-nav__input-submit {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        margin-left: 20px;
        background-color: transparent;
        border: none;
        border-radius: 0;
        outline: none;
        cursor: pointer;
        width: 25px;
        height: 25px
    }

    @media (min-width:48em) {
        .main-nav__input-submit {
            width: 50px;
            height: 50px;
            margin-left: 30px
        }
    }

    @media (min-width:90em) {
        .main-nav__input-submit {
            width: 55px;
            height: 55px
        }
    }

    .main-nav__input-submit-icon-sm {
        width: 15px;
        height: 15px;
        margin-left: 20px;
        fill: #fff;
        transition: fill .2s linear
    }

        .main-nav__input-submit-icon-sm.is-filled, .main-nav__input-submit-icon-sm:focus, .main-nav__input-submit-icon-sm:hover, .no-touchevents .main-nav__input-submit-icon-sm:focus, .no-touchevents .main-nav__input-submit-icon-sm:hover {
            fill: #eecb27
        }

    .main-nav__input-submit-icon {
        width: 100%;
        height: 100%;
        fill: #666;
        transition: fill .2s linear
    }

        .main-nav__input-submit-icon.is-filled, .no-touchevents .main-nav__input-submit-icon:focus, .no-touchevents .main-nav__input-submit-icon:hover {
            fill: #eecb27
        }

    .main-nav__search-results {
        display: block;
        position: relative;
        background-color: #1f1762;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px
    }

    @media (min-width:48em) {
        .main-nav__search-results {
            padding-top: 15px;
            padding-bottom: 15px;
            margin-left: 20px;
            margin-right: 20px;
            max-width: 825px
        }
    }

    @media (min-width:90em) {
        .main-nav__search-results {
            margin-left: 125px;
            margin-right: 125px;
            max-width: 1025px
        }
    }

    .main-nav__search-result {
        display: block;
        padding: 10px 15px;
        font-size: 14px;
        line-height: 1em;
        font-weight: 500;
        color: #ccc;
        text-decoration: none;
        transition: color .2s linear
    }

        .main-nav__search-result.is-highlited, .no-touchevents .main-nav__search-result:focus, .no-touchevents .main-nav__search-result:hover {
            background-color: #252525;
            color: #eecb27
        }

    @media (min-width:48em) {
        .main-nav__search-result {
            font-size: 20px;
            padding: 15px 20px
        }
    }

    @media (min-width:90em) {
        .main-nav__search-result {
            font-size: 24px
        }
    }

    .main-nav__search-no-result {
        display: block;
        padding: 10px 15px;
        font-size: 14px;
        line-height: 1em;
        font-weight: 500;
        color: #ccc;
        text-decoration: none
    }

    @media (min-width:48em) {
        .main-nav__search-no-result {
            font-size: 20px;
            padding: 15px 20px
        }
    }

    @media (min-width:90em) {
        .main-nav__search-no-result {
            font-size: 24px
        }
    }

    .main-nav__search-secondary {
        display: -ms-flexbox;
        display: flex;
        padding: 30px 20px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    @media (min-width:48em) {
        .main-nav__search-secondary {
            padding: 40px
        }
    }

    @media (min-width:64em) {
        .main-nav__search-secondary {
            -ms-flex-pack: justify;
            justify-content: space-between
        }
    }

    @media (min-width:90em) {
        .main-nav__search-secondary {
            padding: 35px 125px
        }
    }

    .main-nav__secondary-links {
        display: block;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

        .main-nav__secondary-links a {
            display: block;
            color: #fff;
            text-decoration: none;
            transition: color .2s linear
        }

            .main-nav__secondary-links a:focus, .main-nav__secondary-links a:hover {
                color: #eecb27
            }

            .main-nav__secondary-links a + a {
                margin-top: 30px
            }

    @media (min-width:48em) {
        .main-nav__secondary-links {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: start;
            align-items: flex-start
        }

            .main-nav__secondary-links a + a {
                margin-top: 0;
                margin-left: 40px
            }
    }

    @media (min-width:64em) {
        .main-nav__secondary-links {
            margin-bottom: 0
        }
    }

    .main-nav__recently-viewed {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        color: #fffffa;
        margin-bottom: 30px
    }

        .main-nav__recently-viewed a {
            display: block;
            font-size: 16px;
            font-weight: 500;
            line-height: 1em;
            letter-spacing: 0;
            margin-top: 20px;
            color: #666;
            text-decoration: none
        }

            .main-nav__recently-viewed a:first-of-type {
                margin-top: 30px
            }

            .main-nav__recently-viewed a:focus, .main-nav__recently-viewed a:hover {
                color: #fff
            }

    .main-nav__top:before {
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        height: 75px;
        width: 100vw;
        background: #000;
        transform-origin: 0 0;
        transition: transform .3s ease
    }



    @media (min-width:64em) {
        .main-nav--east15 .main-nav__top:before {
            height: 100px
        }
    }

    .main-nav--east15 .main-nav__top.is-collapsed:before {
        content: "";
        transform: scaleY(.75)
    }

    .main-nav--east15 .main-nav__logo img {
        height: 2rem;
        margin: 10% 20px
    }

    @media (min-width:64em) {
        .main-nav--east15 .main-nav__logo img {
            height: 4rem
        }
    }

    .main-nav--simple .main-nav__top:before {
        content: "";
        position: fixed;
        left: 0;
        top: 0;
        height: 61px;
        width: 100vw;
        background: #000;
        transform-origin: 0 0;
        transition: transform .3s ease
    }

    @media (min-width:64em) {
        .main-nav--simple .main-nav__top:before {
            height: 90px
        }
    }

    .main-nav--simple .main-nav__top.is-collapsed:before {
        content: "";
        transform: scaleY(.75)
    }

    .main-nav--simple .main-nav__logo {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 0;
        transform-origin: top left;
        transition: transform .3s cubic-bezier(.215,.61,.355,1)
    }

    @media (min-width:48em) {
        .is-collapsed .main-nav--simple .main-nav__logo {
            transform: scaleY(.75)
        }
    }

    .main-nav--simple .main-nav__svg {
        width: 107px;
        height: 45px;
        fill: #fff
    }

    @media (min-width:48em) {
        .main-nav--simple .main-nav__svg {
            width: 178px;
            height: 75px
        }
    }

    @media (min-width:90em) {
        .main-nav--simple .main-nav__svg {
            width: 237px;
            height: 100px
        }
    }

    .is-collapsed .main-nav--simple .main-nav__svg, .theme-light .main-nav--simple .main-nav__svg {
        fill: #fff
    }

    .main-nav--simple .main-nav__icon-btn:focus, .main-nav--simple .main-nav__logo:focus {
        outline-color: #eecb27;
        outline-offset: 2px
    }

    .main-nav span.h2 {
        font-size: 25px;
        margin-bottom: 30px;
        font-weight: 700;
        display: block
    }

    .mobile-search-nav {
        display: block;
        margin: 0 30px
    }

    @media (min-width:48em) {
        .mobile-search-nav {
            display: block
        }
    }

    @media (min-width:64em) {
        .mobile-search-nav {
            display: none
        }
    }

    @media (min-width:90em) {
        .mobile-search-nav {
            display: none
        }
    }

    .mobile-search-nav span.h2 {
        font-size: 25px;
        display: block
    }

    .mobile-search-nav .accordion__icon {
        display: none !important
    }

    .mobile-search-nav .accordion {
        border: 2px solid #fff;
        margin-bottom: 23px;
        text-align: center
    }

        .mobile-search-nav .accordion .section-header {
            margin-bottom: 20px
        }

        .mobile-search-nav .accordion:focus .section-header, .mobile-search-nav .accordion:hover .section-header {
            color: #eecb27;
            margin-bottom: 20px
        }

        .mobile-search-nav .accordion:focus, .mobile-search-nav .accordion:hover {
            border-color: #eecb27
        }

            .mobile-search-nav .accordion:focus svg, .mobile-search-nav .accordion:hover svg {
                fill: #eecb27
            }

        .mobile-search-nav .accordion .main-nav__search-suboption {
            font-size: 20px
        }

    .mobile-search-nav .accordion__title {
        display: block
    }

    .mobile-search-nav .accordion__header {
        padding-bottom: 0;
        text-align: center;
        color: #fff
    }

    .mobile-search-nav .is-opened {
        border: 0
    }

    .custom__logo-homepage.is-open {
        background: #1f1762
    }

    @media (max-width:47.999em) {
        .custom__logo-homepage.is-open {
            background: transparent
        }
    }

    .custom__logo.is-open.is-open .main-nav__svg-text {
        opacity: 1
    }

    @media (max-width:47.999em) {
        .nav-open .custom__logo .main-nav__top {
            background: #000;
            width: 100%;
            height: 46px
        }
    }

    .ee {
        position: relative
    }

        .ee .main-nav__top, .ee .main-nav__top:before {
            position: absolute
        }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .hamburger {
        display: inline-block;
        position: relative;
        width: 18px;
        height: 18px;
        transition: transform .6s cubic-bezier(.19,1,.22,1)
    }

    @media (min-width:48em) {
        .hamburger {
            width: 23px;
            height: 23px
        }
    }

    @media (min-width:64em) {
        .hamburger {
            width: 30px;
            height: 30px
        }
    }

    .is-open .hamburger {
        transform: rotate(-90deg)
    }

    .hamburger--xs {
        width: 14px;
        height: 14px
    }

    @media (min-width:48em) {
        .hamburger--xs {
            width: 14px;
            height: 14px
        }
    }

    .hamburger--xs .hamburger__line {
        width: 16px;
        margin-left: -8px
    }

        .hamburger--xs .hamburger__line:first-child {
            transform: translateY(-6px)
        }

        .hamburger--xs .hamburger__line:nth-child(3) {
            transform: translateY(6px)
        }

    .hamburger--md {
        width: 18px;
        height: 18px
    }

        .hamburger--md .hamburger__line {
            width: 18px;
            margin-left: -8px;
            height: 2px
        }

            .hamburger--md .hamburger__line:first-child {
                transform: translateY(-8px)
            }

            .hamburger--md .hamburger__line:nth-child(3) {
                transform: translateY(8px)
            }

    .hamburger__line {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 23px;
        height: 3px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        margin-left: -11px;
        margin-top: -1px;
        background-color: #fff;
        transform-origin: 50% 50%;
        transition: transform .6s cubic-bezier(.19,1,.22,1)
    }

        .hamburger__line:first-child {
            transform: translateY(-8px)
        }

        .hamburger__line:nth-child(2) {
            transform: scaleX(1)
        }

        .hamburger__line:nth-child(3) {
            transform: translateY(8px)
        }

    .is-open .hamburger__line:first-child {
        transform: rotate(-45deg) translateY(0)
    }

    .is-open .hamburger__line:nth-child(2) {
        transform: scaleX(0)
    }

    .is-open .hamburger__line:nth-child(3) {
        transform: rotate(45deg) translateY(0)
    }

    @media (min-width:64em) {
        .hamburger__line {
            width: 30px;
            margin-left: -15px
        }

            .hamburger__line:first-child {
                transform: translateY(-10px)
            }

            .hamburger__line:nth-child(3) {
                transform: translateY(10px)
            }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .blog-nav {
        max-height: 0;
        overflow: hidden
    }

        .blog-nav.is-opened {
            max-height: none
        }

    .blog-nav__inner {
        background-color: #333;
        color: #fff
    }

    .staff .blog-nav__inner, .student .blog-nav__inner {
        background-color: #f6f6f6;
        color: #000
    }

    .blog-nav__menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .blog-nav__col, .blog-nav__menu {
        display: -ms-flexbox;
        display: flex
    }

    .blog-nav__col {
        width: 0;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 15px
    }

    @media (min-width:48em) {
        .blog-nav__col {
            -ms-flex-align: start;
            align-items: flex-start;
            -ms-flex: 1 0 50%;
            flex: 1 0 50%
        }

            .blog-nav__col:nth-of-type(odd) {
                padding-left: 0
            }

            .blog-nav__col:nth-of-type(2n) {
                padding-right: 0
            }
    }

    @media (min-width:64em) {
        .blog-nav__col {
            -ms-flex: 1 0 25%;
            flex: 1 0 25%
        }

            .blog-nav__col:nth-of-type(4n+1) {
                padding-left: 0
            }

            .blog-nav__col:nth-of-type(4n) {
                padding-right: 0
            }
    }

    .blog-nav__button, .blog-nav__link {
        color: inherit;
        text-decoration: none;
        margin-bottom: 10px;
        transition: color .2s linear
    }

        .blog-nav__button:last-of-type, .blog-nav__link:last-of-type {
            margin-bottom: 0
        }

    @media (min-width:64em) {
        .blog-nav__button:hover, .blog-nav__link:hover {
            color: #eecb27
        }

        .student .blog-nav__button:hover, .student .blog-nav__link:hover {
            color: #d5031e
        }

        .staff .blog-nav__button:hover, .staff .blog-nav__link:hover {
            color: #d42027
        }
    }

    .blog-nav__button {
        border: 2px solid #fff;
        font-weight: 700;
        transition: color .2s linear,border .2s linear
    }

    .staff .blog-nav__button, .student .blog-nav__button {
        border-color: #000
    }

    @media (min-width:64em) {
        .blog-nav__button:hover {
            border-color: #eecb27
        }

        .student .blog-nav__button:hover {
            border-color: #d5031e
        }

        .staff .blog-nav__button:hover {
            border-color: #d42027
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .blog-search {
        background-color: #1f1762
    }

    .blog-search__bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    @media (min-width:48em) {
        .blog-search__bar {
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
    }

    .blog-search__form {
        position: relative;
        background: #252525;
        color: #fff;
        margin-bottom: 15px;
        width: 100%
    }

    @media (min-width:48em) {
        .blog-search__form {
            margin-bottom: 0;
            width: 50%
        }
    }

    .staff .blog-search__form, .student .blog-search__form {
        background-color: #fff;
        color: #000
    }

    .blog-search__input {
        background-color: transparent;
        border: none;
        height: 42px;
        padding: .3rem 52px .3rem 2rem;
        color: inherit;
        width: 100%
    }

    @media (min-width:48em) {
        .blog-search__input {
            padding: .5rem 52px .5rem 2rem
        }
    }

    .blog-search__input::-webkit-input-placeholder {
        color: #ccc
    }

    .blog-search__input:-ms-input-placeholder {
        color: #ccc
    }

    .blog-search__input::placeholder {
        color: #ccc
    }

    .staff .blog-search__input::-webkit-input-placeholder, .student .blog-search__input::-webkit-input-placeholder {
        color: #4c4c4c
    }

    .staff .blog-search__input:-ms-input-placeholder, .student .blog-search__input:-ms-input-placeholder {
        color: #4c4c4c
    }

    .staff .blog-search__input::placeholder, .student .blog-search__input::placeholder {
        color: #4c4c4c
    }

    .blog-search__button {
        position: absolute;
        padding-right: 16px;
        top: 0;
        right: 0;
        height: 42px;
        width: 42px;
        box-sizing: content-box;
        background-color: transparent;
        color: inherit;
        border: none
    }

        .blog-search__button:hover {
            cursor: pointer
        }

    .blog-search__button-icon {
        fill: currentColor
    }

    .blog-search__cta {
        background-color: transparent;
        border: 2px solid #fff;
        color: #fff;
        font-size: 12px;
        transition: border-color .2s linear,color .2s linear
    }

    .staff .blog-search__cta, .student .blog-search__cta {
        border-color: #000;
        color: #000
    }

    .blog-search__cta:hover {
        color: #eecb27;
        border-color: #eecb27
    }

    .student .blog-search__cta:hover {
        color: #d5031e;
        border-color: #d5031e
    }

    .staff .blog-search__cta:hover {
        color: #815185;
        border-color: #815185
    }

    .blog-search__cta-label {
        font-weight: 700
    }

    .blog-search__cta-icon {
        margin-left: 1rem;
        width: 1.2em;
        height: 1.2em;
        fill: currentColor
    }

    .staff .blog-search, .student .blog-search {
        background-color: #eaeaea
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .blog-hero {
        display: block;
        position: relative;
        background-image: url("../images/dark_06.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        margin-top: 40px;
        padding-top: 75px
    }

    @media (min-width:48em) {
        .blog-hero {
            padding-top: 115px
        }
    }

    .blog-hero__top {
        display: none;
        margin-bottom: 40px
    }

    @media (min-width:48em) {
        .blog-hero__top {
            display: block
        }
    }

    .blog-hero__container {
        padding-bottom: 40px
    }

    .blog-hero__content * {
        max-width: 875px
    }

    .blog-hero__cta {
        color: inherit;
        text-decoration: none;
        font-weight: 700;
        transition: color .15s linear
    }

        .blog-hero__cta:hover {
            color: #eecb27
        }

    .student .blog-hero__cta:hover {
        color: #d5031e
    }

    .staff .blog-hero__cta:hover {
        color: #d42027
    }

    .blog-hero__cta-icon {
        fill: currentColor;
        width: 18px;
        height: 18px
    }

    @media (min-width:48em) {
        .page-subtitle .blog-hero__cta-icon {
            width: 36px;
            height: 36px
        }
    }

    .blog-hero__details p {
        margin-bottom: .7em
    }

    .blog-hero__details .blog-hero__cta {
        margin: 1em 0 .1em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .blog-hero__details .blog-hero__cta-icon {
        margin-left: .7em;
        width: 18px;
        height: 18px
    }

    .blog-hero__image, .blog-hero__image-border {
        display: none
    }

    .blog-hero .page-subtitle, .blog-hero .page-title, .blog-hero__details {
        display: inline-block;
        padding: .3rem .4rem
    }

    @media (min-width:48em) {
        .blog-hero .page-subtitle, .blog-hero .page-title, .blog-hero__details {
            padding: .5rem .7rem
        }
    }

    .blog-hero .page-title:last-of-type {
        margin-bottom: 16px
    }

    .blog-hero .page-title--secondary {
        text-transform: none
    }

    .blog-hero .page-subtitle {
        font-size: 2em;
        margin-bottom: 16px;
        transition: color .15s linear
    }

    @media (min-width:48em) {
        .blog-hero .page-subtitle {
            padding-bottom: 1rem;
            font-size: 4em
        }
    }

    .staff .blog-hero, .student .blog-hero {
        margin-top: 0;
        background-image: url("../images/light_02.jpg")
    }

        .staff .blog-hero .breadcrumb, .student .blog-hero .breadcrumb {
            color: #333
        }

        .student .blog-hero .muted-red {
            color: #d5031e
        }

        .staff .blog-hero .muted-red {
            color: #d42027
        }

    .blog-hero--featured {
        margin-top: 60px;
        padding-top: 0
    }

    @media (min-width:48em) {
        .blog-hero--featured {
            margin-top: 40px;
            padding-top: 115px
        }
    }

    .blog-hero--featured .blog-hero__content-wrapper {
        position: relative
    }

    .blog-hero--featured .blog-hero__container {
        padding-top: 50px
    }

    .blog-hero--featured .blog-hero__content {
        position: relative;
        z-index: 1
    }

    .blog-hero--featured .blog-hero__image {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        display: block;
        width: 100%;
        height: 100%
    }

        .blog-hero--featured .blog-hero__image img {
            width: 100%;
            height: 100%;
            font-family: object-fit\:cover;
            object-fit: cover
        }

    .staff .blog-hero--featured .blog-hero__image img, .student .blog-hero--featured .blog-hero__image img {
        filter: grayscale(1);
        mix-blend-mode: hard-light
    }

    .student .blog-hero--featured .blog-hero__image {
        background-color: #9e5f7a
    }

    .staff .blog-hero--featured .blog-hero__image {
        background-color: #97609f
    }

    .blog-hero--author .blog-hero__container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .blog-hero--author .blog-hero__content {
        -ms-flex: 1;
        flex: 1 1 0%;
        z-index: 2
    }

    @media (min-width:64em) {
        .blog-hero--author .blog-hero__content {
            margin-right: -200px
        }
    }

    .blog-hero--author .blog-hero__image {
        display: none;
        position: relative;
        -ms-flex-order: 1;
        order: 1;
        font-size: 0;
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin-top: -50px;
        z-index: 1
    }

    @media (min-width:64em) {
        .blog-hero--author .blog-hero__image {
            margin-right: 30px;
            -ms-flex-order: 0;
            order: 0;
            display: block;
            margin-left: -200px
        }
    }

    @media (min-width:90em) {
        .blog-hero--author .blog-hero__image {
            margin-right: 45px
        }
    }

    .blog-hero--author .blog-hero__image img {
        display: block;
        width: 40vw;
        height: 40vw;
        font-family: object-fit\:cover;
        object-fit: cover;
        max-width: 350px;
        max-height: 350px
    }

    .blog-hero--author .blog-hero__image:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(90deg,rgba(0,0,0,.3) 0,transparent)
    }

    .theme-light .blog-hero--author .blog-hero__image:after {
        background-image: linear-gradient(90deg,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0))
    }

    .blog-hero--author .blog-hero__image-border {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        max-width: 350px;
        max-height: 350px;
        transform: translateX(-20px) translateY(-20px);
        margin-left: auto;
        margin-right: auto;
        opacity: .7;
        border-left: 10px solid #eea229;
        border-right: 10px solid #eecb27
    }

        .blog-hero--author .blog-hero__image-border:after, .blog-hero--author .blog-hero__image-border:before {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 10px;
            left: 0;
            background-image: linear-gradient(90deg,#eea229 0,#eecb27)
        }

        .blog-hero--author .blog-hero__image-border:before {
            top: 0
        }

        .blog-hero--author .blog-hero__image-border:after {
            bottom: 0
        }

    .blog-hero--vlog .blog-hero__content-wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .blog-hero--vlog .blog-hero__container {
        width: 100%
    }

    .blog-hero--vlog .page-subtitle {
        margin-bottom: 0;
        margin-left: 1.2rem
    }

    .blog-hero-video {
        width: 100vw;
        height: 100vh;
        position: relative;
        background-color: #333
    }

    .blog-hero-video__iframe-wrapper {
        position: relative;
        max-width: 100%;
        height: 100%
    }

        .blog-hero-video__iframe-wrapper iframe {
            width: 100%;
            height: 100%
        }

    .blog-hero-video__thumbnail-wrapper {
        overflow: hidden;
        height: 100%;
        width: 100%
    }

    .blog-hero-video__thumbnail-img {
        overflow: hidden;
        position: relative;
        height: 100%;
        font-size: 0;
        transition: transform .3s
    }

        .blog-hero-video__thumbnail-img img {
            display: block;
            width: 100%;
            height: 100%;
            margin: auto;
            font-family: object-fit\:cover;
            object-fit: cover
        }

        .blog-hero-video__thumbnail-img:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 1;
            background: linear-gradient(90deg,#eea229 0,#eecb27);
            background: linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.2) 30%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.5));
            transition: opacity .7s
        }

    .blog-hero-video__control {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        width: 100%
    }

    .blog-hero-video__play-btn {
        position: relative;
        width: 4rem;
        height: 4rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background: rgba(0,0,0,.5);
        cursor: pointer;
        color: #fff
    }

        .blog-hero-video__play-btn:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: linear-gradient(90deg,#eea229 0,#eecb27);
            transition: opacity .3s;
            opacity: 0
        }

        .blog-hero-video__play-btn .icon {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 100%;
            height: 100%;
            fill: #fff
        }

    .blog-hero-video__play-btn--hide-on-tablet {
        position: absolute
    }

    @media (min-width:48em) {
        .blog-hero-video__play-btn--hide-on-tablet {
            display: none
        }
    }

    .blog-hero-video__play-btn--hide-on-mobile {
        display: none
    }

    @media (min-width:48em) {
        .blog-hero-video__play-btn--hide-on-mobile {
            display: block
        }
    }

    @media (min-width:48em) {
        .blog-hero-video__play-btn {
            width: 8.8rem;
            height: 8.8rem;
            margin-top: 0
        }
    }

    .blog-hero-video__title {
        display: block;
        width: 100%;
        font-weight: 700;
        font-size: .9rem;
        text-transform: uppercase;
        color: #fff;
        line-height: .9rem;
        padding: 15px 20px;
        box-sizing: border-box
    }

    @media (min-width:48em) {
        .blog-hero-video__title {
            font-size: 1.875rem;
            line-height: 1.8rem;
            width: 75%;
            background: none;
            padding: 0 20px
        }
    }

    @media (min-width:64em) {
        .blog-hero-video__title {
            font-size: 2.25rem;
            line-height: 2.2rem
        }
    }

    .blog-hero-video__title--styleguide {
        color: #000
    }

    @media (min-width:48em) {
        .blog-hero-video__title--styleguide {
            padding: 0
        }
    }

    .blog-hero-video:focus .blog-hero-video__thumbnail-img, .blog-hero-video:hover .blog-hero-video__thumbnail-img {
        transform-origin: center;
        transform: scale(1.05)
    }

        .blog-hero-video:focus .blog-hero-video__thumbnail-img:after, .blog-hero-video:hover .blog-hero-video__thumbnail-img:after {
            opacity: 0
        }

    .blog-hero-video:focus .blog-hero-video__play-btn:before, .blog-hero-video:hover .blog-hero-video__play-btn:before {
        opacity: 1
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .blog-author-card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        background-color: #f6f6f6;
        padding: 20px;
        border: 1px solid #eaeaea;
        color: #4c4c4c;
        transition: background-color .3s cubic-bezier(.215,.61,.355,1);
        text-decoration: none
    }

        .blog-author-card img {
            font-family: object-fit\:cover;
            object-fit: cover
        }

    .no-touchevents .light-grey-bg .blog-author-card[href]:hover {
        background-color: #fff
    }

    .no-touchevents .blog-author-card[href]:hover {
        background-color: #eaeaea
    }

        .no-touchevents .blog-author-card[href]:hover .blog-author-card__thumbnail img, .no-touchevents .blog-author-card[href]:hover .blog-author-card__thumbnail svg {
            transform: scale(1.1)
        }

    :not([class*=gutter-h]) .blog-author-card {
        border-top: 0
    }

    :not([class*=gutter-h]) :first-child > .blog-author-card {
        border-top: 1px solid #eaeaea
    }

    @media (min-width:48em) {
        :not([class*=gutter-h]) :nth-child(2) > .blog-author-card {
            border-top: 1px solid #eaeaea
        }

        .no-gutter :nth-child(odd) > .blog-author-card {
            border-right: none
        }
    }

    .grid + .grid .blog-author-card {
        border-top: 0
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .blog-post-tags {
        display: -ms-flexbox;
        display: flex
    }

    .blog-post-tags__icon {
        width: 16px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 3px
    }

    .blog-post-tags__list {
        list-style-type: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 16px
    }

    .blog-post-tags__item {
        background-color: #f6f6f6;
        padding: .2em .1em;
        margin: 3px;
        font-size: 14px
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .blog-author-bar {
        background-color: #1f1762
    }

    .blog-author-bar__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #fffffa
    }

    @media (min-width:48em) {
        .blog-author-bar__inner {
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-pack: start;
            justify-content: flex-start
        }
    }

    .blog-author-bar__authors, .blog-author-bar__meta {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    @media (min-width:48em) {
        .blog-author-bar__authors, .blog-author-bar__meta {
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .blog-author-bar__author, .blog-author-bar__meta-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    @media (min-width:48em) {
        .blog-author-bar__author, .blog-author-bar__meta-item {
            margin-right: 60px
        }
    }

    @media (min-width:64em) {
        .blog-author-bar__author, .blog-author-bar__meta-item {
            margin-right: 80px
        }
    }

    .blog-author-bar__author {
        margin-bottom: 10px
    }

        .blog-author-bar__author:last-child {
            margin-bottom: 0
        }

    @media (min-width:48em) {
        .blog-author-bar__author {
            margin-bottom: 0
        }
    }

    .blog-author-bar__picture {
        position: relative;
        width: 50px;
        padding-bottom: 50px
    }

        .blog-author-bar__picture img {
            position: absolute;
            width: 100%;
            height: 100%;
            font-family: object-fit\:cover;
            object-fit: cover;
            bottom: 0
        }

    .blog-author-bar__meta-item {
        margin-top: 10px;
        margin-bottom: 10px
    }

    @media (min-width:48em) {
        .blog-author-bar__meta-item {
            margin-top: 0;
            margin-bottom: 0
        }
    }

    .blog-author-bar__meta-icon, .blog-author-bar__picture {
        margin-right: 10px;
        -ms-flex: none;
        flex: none
    }

    .blog-author-bar__author, .blog-author-bar__meta-item {
        transition: color .2s linear
    }

        .blog-author-bar__author, .blog-author-bar__author a, .blog-author-bar__meta-item, .blog-author-bar__meta-item a {
            text-decoration: none;
            color: inherit
        }

    .staff .blog-author-bar__author, .staff .blog-author-bar__meta-item, .student .blog-author-bar__author, .student .blog-author-bar__meta-item {
        color: #000
    }

    .blog-author-bar__author:hover, .blog-author-bar__meta-item:hover {
        color: #eecb27
    }

    .student .blog-author-bar__author:hover, .student .blog-author-bar__meta-item:hover {
        color: #d5031e
    }

    .staff .blog-author-bar__author:hover, .staff .blog-author-bar__meta-item:hover {
        color: #815185
    }

    .blog-author-bar__meta-icon, .blog-author-bar__user-icon {
        fill: currentColor;
        stroke: currentColor
    }

    .staff .blog-author-bar, .student .blog-author-bar {
        background-color: #eaeaea
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .header {
        display: block;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .header--overlay:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.75);
        z-index: 2
    }

    .theme-light .header--overlay:after {
        background: hsla(0,0%,100%,.85)
    }

    .header--grayscale:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: inherit;
        filter: grayscale(100%);
        z-index: 1;
        pointer-events: none
    }

    .header__container {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 55px;
        z-index: 3
    }

    @media (min-width:48em) {
        .header__container {
            -ms-flex-direction: row;
            flex-direction: row;
            padding-top: 75px
        }
    }

    @media (min-width:90em) {
        .header__container {
            padding-top: 90px
        }
    }

    .header__content {
        -ms-flex-order: 2;
        order: 2;
        padding: 20px;
        z-index: 2;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        color: #fff
    }

    .theme-light .header__content, .theme-light .header__content p {
        color: #000
    }

    @media (min-width:48em) {
        .header__content {
            -ms-flex-order: 0;
            order: 0;
            padding: 40px;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-negative: 1;
            flex-shrink: 1
        }
    }

    @media (min-width:64em) {
        .header__content {
            padding-right: 240px
        }
    }

    @media (min-width:90em) {
        .header__content {
            padding: 40px 245px 40px 45px
        }
    }

    .header__content .breadcrumb {
        display: none;
        margin-bottom: 40px
    }

    @media (min-width:48em) {
        .header__content .breadcrumb {
            display: inline-block
        }
    }

    .header__content .page-title {
        margin-bottom: 20px
    }

    @media (min-width:64em) {
        .header__content .page-title {
            margin-right: -200px
        }
    }

    .header__content .page-subtitle {
        max-width: 875px
    }

    @media (min-width:64em) {
        .header__content .page-subtitle {
            margin-right: -200px
        }
    }

    @media (min-width:48em) {
        .header__content h4 {
            display: inline-block;
            vertical-align: middle
        }
    }

    .header__content h4 + .header__label {
        margin-top: 20px
    }

    @media (min-width:48em) {
        .header__content h4 + .header__label {
            margin: 0 0 0 12px
        }
    }

    .header__content p {
        max-width: 500px
    }

    @media (min-width:90em) {
        .header__content p {
            max-width: 800px
        }
    }

    .header__content .page-subtitle:not(:last-child), .header__content .responsive-font:not(:last-child), .header__content a:not(:last-child), .header__content p:not(:last-child) {
        margin-bottom: 30px
    }

    @media (min-width:48em) {
        .header__content .page-subtitle:not(:last-child), .header__content .responsive-font:not(:last-child), .header__content a:not(:last-child), .header__content p:not(:last-child) {
            margin-bottom: 40px
        }
    }

    .header__title {
        transition: color .2s linear
    }

        .header__title:hover {
            color: #d42027
        }

            .header__title:hover .header__icon {
                fill: #d42027
            }

    .header__icon {
        transition: fill .2s linear;
        fill: #fffffa
    }

    .header__stamp {
        display: none;
        width: 165px;
        height: 165px;
        font-family: object-fit\:cover;
        object-fit: cover;
        float: right;
        margin-top: 65px;
        margin-left: 30px;
        margin-bottom: 30px
    }

    @media (min-width:64em) {
        .header__stamp {
            display: block
        }
    }

    .header__image {
        display: none;
        position: relative;
        -ms-flex-order: 1;
        order: 1;
        font-size: 0;
        -ms-flex-item-align: end;
        align-self: flex-end;
        transform: translateY(50px);
        margin-top: -30px;
        z-index: 1
    }

        .header__image img {
            display: block;
            width: 40vw;
            height: 40vw;
            font-family: object-fit\:cover;
            object-fit: cover;
            max-width: 350px;
            max-height: 350px
        }

        .header__image:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(90deg,rgba(0,0,0,.3) 0,transparent)
        }

    .theme-light .header__image:after {
        background-image: linear-gradient(90deg,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0))
    }

    @media (min-width:48em) {
        .header__image {
            display: block;
            margin-right: 30px;
            -ms-flex-order: 0;
            order: 0
        }
    }

    @media (min-width:64em) {
        .header__image {
            margin-left: -200px
        }
    }

    @media (min-width:90em) {
        .header__image {
            margin-right: 45px
        }
    }

    .header__image-border {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        max-width: 350px;
        max-height: 350px;
        transform: translateX(-20px) translateY(-20px);
        margin-left: auto;
        margin-right: auto;
        opacity: .7;
        border-left: 10px solid #eea229;
        border-right: 10px solid #eecb27
    }

        .header__image-border:after, .header__image-border:before {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 10px;
            left: 0;
            background-image: linear-gradient(90deg,#eea229 0,#eecb27)
        }

        .header__image-border:before {
            top: 0
        }

        .header__image-border:after {
            bottom: 0
        }

    .header__info {
        display: block;
        list-style: none
    }

        .header__info h3 {
            margin-bottom: 4px
        }

        .header__info .location {
            text-transform: capitalize
        }

    .theme-light .header__info {
        color: #333
    }

        .theme-light .header__info h3 {
            color: #1f1762
        }

    @media (min-width:64em) {
        .header__info {
            display: -ms-flexbox;
            display: flex
        }
    }

    .header__profile + .header__profile {
        margin-top: 20px
    }

    .header__detail {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        max-width: 200px
    }

        .header__detail + .header__detail {
            margin-top: 20px
        }

    @media (min-width:48em) {
        .header__detail + .header__detail {
            margin-top: 0;
            margin-left: 20px
        }
    }

    .header__button-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 20px
    }

    @media (min-width:48em) {
        .header__button-container {
            padding: 30px
        }
    }

    .header__label {
        display: inline-block;
        font-size: .875rem;
        font-weight: 700;
        text-transform: uppercase;
        padding: 13px 18px 12px;
        background: linear-gradient(90deg,#eea229 0,#eecb27)
    }

    @media (min-width:48em) {
        .header__label {
            display: inline-block;
            vertical-align: middle
        }
    }

    .header__supervision {
        font-size: .8125rem;
        font-weight: 500;
        padding: 8px 12px;
        text-transform: none
    }

    .header--offset {
        margin-top: 40px
    }

    .header--big .header__content {
        padding: 30px;
        margin: 0 15px 20px 0
    }

        .header--big .header__content .page-subtitle, .header--big .header__content p {
            max-width: 800px
        }

    @media (min-width:48em) {
        .header--big .header__content {
            margin: 0;
            -ms-flex-order: 0;
            order: 0
        }
    }

    @media (min-width:64em) {
        .header--big .header__content {
            padding-bottom: 115px;
            padding-right: 240px
        }
    }

    @media (min-width:90em) {
        .header--big .header__content {
            padding-bottom: 125px
        }
    }

    .header--big .header__image img {
        width: 56vw;
        height: 56vw;
        max-width: 575px;
        max-height: 575px
    }

    @media (min-width:48em) {
        .header--big .header__image {
            margin-right: 0
        }
    }

    .header--big .header__image-border {
        transform: translateX(-20px) translateY(-20px)
    }

    .header--secondary .header__content {
        padding: 20px;
        margin: 0 40px 0 0
    }

    @media (min-width:48em) {
        .header--secondary .header__content {
            margin: 0;
            padding: 40px;
            background-color: transparent
        }
    }

    @media (min-width:64em) {
        .header--secondary .header__content {
            padding: 40px 240px 40px 40px
        }
    }

    .header--detail .header__content .page-subtitle, .header--detail .header__content p, .header--search .header__content .page-subtitle, .header--search .header__content p {
        max-width: 780px
    }

    .header--detail .header__image, .header--search .header__image {
        display: none;
        transform: none;
        margin-top: 0;
        margin-bottom: 20px
    }

    @media (min-width:48em) {
        .header--detail .header__image, .header--search .header__image {
            display: none
        }
    }

    @media (min-width:64em) {
        .header--detail .header__image, .header--search .header__image {
            display: block;
            margin-right: 30px;
            margin-bottom: 30px
        }
    }

    @media (min-width:90em) {
        .header--detail .header__image, .header--search .header__image {
            margin-right: 45px;
            margin-bottom: 45px
        }
    }

    @media (min-width:48em) {
        .header--detail .header__info, .header--search .header__info {
            display: -ms-flexbox;
            display: flex
        }
    }

    @media (min-width:48em) {
        .header--detail + .header--detail {
            margin-top: 0;
            margin-left: 20px
        }
    }

    .header--search .header__container {
        padding-bottom: 25px
    }

    .header--search .header__content .page-subtitle {
        word-wrap: break-word
    }

    .information .header--search {
        background-color: #1f1762
    }

    .header--staff-search {
        background-size: initial;
        background-position: 100% 0;
        background-color: #d42027
    }

    .header--overlap {
        padding-bottom: 20px;
        margin-bottom: -20px
    }

    @media (min-width:48em) {
        .header--overlap {
            padding-bottom: 50px;
            margin-bottom: -50px
        }
    }

    .header--page-not-found .header__container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 55px 0
    }

    @media (min-width:48em) {
        .header--page-not-found .header__container {
            padding: 120px 0
        }
    }

    @media (min-width:90em) {
        .header--page-not-found .header__container {
            padding: 140px 0
        }
    }

    .header--page-not-found .header__content .page-subtitle:first-of-type, .header--page-not-found .header__content h2:first-of-type {
        margin-bottom: 0
    }

    .header--page-not-found .header__image {
        margin-bottom: 0;
        margin-top: 0;
        transform: none;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }

    @media (min-width:48em) {
        .header--page-not-found .header__image {
            margin-left: -80px
        }
    }

    @media (min-width:64em) {
        .header--page-not-found .header__image {
            margin-left: -350px
        }
    }

    .header--page-not-found .header__image img {
        max-width: 614px;
        max-height: 614px
    }

    .header--simple .header__container {
        padding-top: 0
    }

    @media (min-width:48em) {
        .header--simple .header__container {
            padding-top: 0
        }
    }

    .header--simple .header__content {
        padding: 0 30px;
        color: inherit
    }

        .header--simple .header__content .breadcrumb {
            display: block;
            margin-bottom: 20px
        }

        .header--simple .header__content p {
            max-width: none
        }

    @media (min-width:48em) {
        .header--simple .header__content p {
            max-width: 800px
        }

        .staff .header--simple .header__content p {
            max-width: none
        }
    }

    .header--simple .page-subtitle {
        max-width: none
    }

    @media (min-width:64em) {
        .header--simple .page-subtitle {
            margin-right: 0;
            max-width: 875px
        }
    }

    .header--simple .page-subtitle:not(:last-child) {
        margin: 0
    }

    .header--simple .page-subtitle + .pullout-text {
        margin-top: 20px
    }

    .header--simple .page-subtitle + .page-publish-date {
        margin-top: 10px
    }

    .header--results .header__container {
        padding-top: 0
    }

    @media (min-width:48em) {
        .header--results .header__container {
            padding-top: 0
        }
    }

    .header--east15 .header__content {
        padding-top: 30vh
    }

    .header .principal-investigator {
        margin-top: 5px
    }

    .student .header--search {
        background-color: #d5031e
    }

        .student .header--search .muted-red {
            color: #fff
        }

    .staff .header--search {
        background-color: #d42027
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .ldla .ldla-header {
        position: relative;
        width: 100vw;
        height: 50vh;
        min-height: 400px;
        max-height: 1000px;
        padding: 20px;
        background-repeat: no-repeat;
        background-size: cover
    }

        .ldla .ldla-header.js-initied:not(.is-simple) .ldla-header__title {
            color: transparent
        }

        .ldla .ldla-header.js-initied.is-simple {
            overflow: hidden;
            background-image: none !important;
            background-color: #1f1762
        }

            .ldla .ldla-header.js-initied.is-simple video {
                display: none
            }

    @media (min-width:48em) {
        .ldla .ldla-header.js-initied.is-simple video {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100vw;
            height: 56vw;
            min-width: 172vh;
            min-height: 98vh;
            transform: translateX(-50%) translateY(-50%)
        }
    }

    @media (min-width:48em) {
        .ldla .ldla-header {
            height: 95vh;
            padding: 40px 40px 70px
        }
    }

    .ldla .ldla-header__video-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        overflow: hidden
    }

    .ldla .ldla-header__video {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        font-family: object-fit\:cover;
        object-fit: cover;
        will-change: object-fit;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .ldla .ldla-header__video-toggle {
        border: none;
        background-color: transparent;
        position: relative;
        float: right;
        margin-bottom: 50px;
        width: 52px;
        height: 52px;
        border: 3px solid #fff;
        border-radius: 0;
        color: #fff;
        cursor: pointer;
        z-index: 1
    }

    @media (min-width:48em) {
        .ldla .ldla-header__video-toggle {
            border-width: 6px
        }
    }

    @media (min-width:64em) {
        .ldla .ldla-header__video-toggle {
            margin-right: 50px
        }
    }

    .ldla .ldla-header__video-toggle svg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        fill: #fff
    }

    .ldla .ldla-header__video-toggle.is-paused .video-pause, .ldla .ldla-header__video-toggle .video-play {
        display: none
    }

    .ldla .ldla-header__video-toggle.is-paused .video-play {
        display: block
    }

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

    .ldla .ldla-header__container {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        width: 100%;
        height: calc(100% - 102px);
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center
    }

    .ldla .ldla-header__title {
        display: block;
        position: relative;
        width: 100%;
        font-size: 35px;
        line-height: 32px;
        font-weight: 700;
        color: #fff;
        margin-top: 10px
    }

        .ldla .ldla-header__title:focus + .button, .ldla .ldla-header__title:hover + .button {
            color: #fff;
            border-color: #fff
        }

    @media (min-width:48em) {
        .ldla .ldla-header__title {
            font-size: 60px;
            line-height: 55px
        }
    }

    @media (min-width:64em) {
        .ldla .ldla-header__title {
            font-size: 85px;
            line-height: 80px
        }
    }

    @media (min-width:90em) {
        .ldla .ldla-header__title {
            font-size: 100px;
            line-height: 95px
        }
    }

    .ldla .block-video {
        display: block;
        position: relative;
        margin-bottom: 85px
    }

        .ldla .block-video:after {
            content: '';
            display: table;
            clear: both
        }

    @media (min-width:48em) {
        .ldla .block-video {
            margin-top: -50px;
            margin-bottom: 140px
        }
    }

    @media (min-width:64em) {
        .ldla .block-video {
            margin-top: -175px
        }
    }

    .ldla .block-video .video__thumbnail-wrapper:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background-image: linear-gradient(90deg,#eea229 0,#eecb27)
    }

    .ldla .block {
        display: block;
        position: relative;
        background-color: transparent
    }

        .ldla .block:nth-child(2n):before {
            left: auto;
            right: 20px
        }

    @media (min-width:48em) {
        .ldla .block:nth-child(2n):before {
            right: 125px
        }
    }

    @media (min-width:48em) {
        .ldla .block:nth-child(2n) .block__container {
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }
    }

    .ldla .block:nth-child(2n) .block__left {
        margin-left: 45%
    }

    @media (min-width:48em) {
        .ldla .block:nth-child(2n) .block__left {
            margin-left: 0
        }
    }

    .ldla .block:nth-child(2n) .block__content {
        padding: 35px 40px 105px 20px
    }

    @media (min-width:48em) {
        .ldla .block:nth-child(2n) .block__content {
            padding: 100px 0 170px
        }
    }

    .ldla .block:nth-child(2n) .block__number {
        left: 0;
        right: 55%;
        color: #ccc
    }

    @media (min-width:48em) {
        .ldla .block:nth-child(2n) .block__number {
            right: 0;
            left: 100px;
            text-align: left
        }
    }

    .ldla .block:nth-child(2n) .block__title strong {
        color: #d42027
    }

    @media (min-width:48em) {
        .ldla .block:nth-child(2n) .block__title {
            margin-left: -10%;
            margin-right: -30%
        }
    }

    .ldla .block:nth-child(2n) .block__text {
        color: #000
    }

        .ldla .block:nth-child(2n) .block__text a {
            color: #000;
            border-bottom: 1px solid #666
        }

    .ldla .block:nth-child(2n) .block__image-border {
        transform: translateX(-20px) translateY(-20px)
    }

    @media (min-width:48em) {
        .ldla .block + .ldla .block {
            margin-top: -60px
        }
    }

    .ldla .block:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 20px;
        width: calc(100% - 20px);
        height: 100%;
        background-size: cover;
        background-position: 50%
    }

    @media (min-width:48em) {
        .ldla .block:before {
            left: 125px;
            width: calc(100% - 125px)
        }
    }

    .ldla .block.hidden:before {
        display: none
    }

    .ldla .block:nth-child(3):before {
        background-image: url(../images/bg_1.jpg)
    }

    .ldla .block:nth-child(4):before {
        background-image: url(../images/bg_2.jpg)
    }

    .ldla .block:nth-child(5):before {
        background-image: url(../images/bg_3.jpg)
    }

    .ldla .block:nth-child(6):before {
        background-image: url(../images/bg_4.jpg)
    }

    .ldla .block:nth-child(7):before {
        background-image: url(../images/bg_5.jpg)
    }

    .ldla .block:nth-child(8):before {
        background-image: url(../images/bg_6.jpg)
    }

    .ldla .block__mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #666;
        transform-origin: top left
    }

    .ldla .block__container {
        display: block;
        position: relative
    }

    @media (min-width:48em) {
        .ldla .block__container {
            display: -ms-flexbox;
            display: flex
        }
    }

    .ldla .block__left {
        width: 55%
    }

    @media (min-width:48em) {
        .ldla .block__left {
            width: 33.33333%;
            padding-left: 40px
        }
    }

    .ldla .block__right {
        width: 100%
    }

    @media (min-width:48em) {
        .ldla .block__right {
            width: 58.33333%;
            margin-left: 8.33333%;
            padding-right: 40px
        }
    }

    .ldla .block__content {
        display: block;
        position: relative;
        padding: 35px 20px 105px 40px
    }

    @media (min-width:48em) {
        .ldla .block__content {
            padding: 100px 0 170px
        }

            .ldla .block__content.last {
                padding-bottom: 250px
            }
    }

    .ldla .block__number {
        display: block;
        position: absolute;
        top: -70px;
        left: 55%;
        right: 0;
        text-align: center;
        color: #333;
        line-height: 1em;
        font-weight: 700;
        font-size: 150px
    }

        .ldla .block__number img {
            width: auto;
            height: 100px
        }

    @media (min-width:48em) {
        .ldla .block__number {
            font-size: 280px;
            top: -70px;
            right: 0;
            left: -60px;
            text-align: left;
            margin-left: 0;
            margin-right: 0
        }

            .ldla .block__number img {
                height: 200px
            }
    }

    .webkit-textfill .ldla .block__number {
        background-size: cover;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text
    }

    .ldla .block.hidden .block__number {
        display: none
    }

    .ldla .block__title {
        display: block;
        position: relative;
        margin-bottom: 40px;
        color: #fff;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 1em;
        font-weight: 700
    }

        .ldla .block__title strong {
            color: #cd202c
        }

    @media (min-width:48em) {
        .ldla .block__title {
            margin-left: -30%;
            font-size: 48px
        }
    }

    @media (min-width:64em) {
        .ldla .block__title {
            font-size: 60px
        }
    }

    @media (min-width:90em) {
        .ldla .block__title {
            font-size: 72px
        }
    }

    .ldla .block__text {
        position: relative;
        font-size: 16px;
        line-height: 1.5em;
        color: #fff
    }

    @media (min-width:48em) {
        .ldla .block__text {
            font-size: 20px
        }
    }

    .ldla .block__text + p {
        margin-top: 15px
    }

    .ldla .block__text a {
        color: #fff;
        font-weight: 700;
        /*    text-decoration: underline;
*/ border-bottom: 1px solid #ccc;
        text-decoration: none
    }

    .ldla .block__image {
        display: block;
        position: relative;
        margin-bottom: -40px;
        top: -40px
    }

        .ldla .block__image img {
            display: block;
            position: relative;
            width: 100%;
            height: auto
        }

    @media (min-width:48em) {
        .ldla .block__image {
            top: -60px;
            margin-bottom: 0
        }
    }

    .ldla .block__image-border {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateX(20px) translateY(-20px);
        margin-left: auto;
        margin-right: auto;
        opacity: .7;
        border-left: 10px solid #eea229;
        border-right: 10px solid #eecb27
    }

        .ldla .block__image-border:after, .ldla .block__image-border:before {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 10px;
            left: 0;
            background-image: linear-gradient(90deg,#eea229 0,#eecb27)
        }

        .ldla .block__image-border:before {
            top: 0
        }

        .ldla .block__image-border:after {
            bottom: 0
        }

    .ldla .block-cta {
        display: block;
        position: relative;
        margin-top: -80px
    }

        .ldla .block-cta:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: calc(100% - 20px);
            height: 100%;
            background-size: cover;
            background-position: 50%;
            background-image: url(../images/cta_bg.jpg)
        }

    @media (min-width:48em) {
        .ldla .block-cta:before {
            width: calc(100% - 40px)
        }
    }

    .ldla .block-cta__container {
        position: relative;
        padding: 40px 40px 40px 20px
    }

    @media (min-width:48em) {
        .ldla .block-cta__container {
            padding: 120px 80px 80px 40px
        }
    }

    .ldla .block-cta__title {
        font-weight: 700;
        color: #fff;
        font-size: 48px;
        line-height: .875;
        text-transform: uppercase
    }

    @media (min-width:48em) {
        .ldla .block-cta__title {
            width: 83.33333%;
            margin-left: 8.33333%;
            font-size: 72px
        }
    }

    @media (min-width:64em) {
        .ldla .block-cta__title {
            width: 66.66667%;
            margin-left: 8.33333%;
            font-size: 100px
        }
    }

    @media (min-width:90em) {
        .ldla .block-cta__title {
            font-size: 130px
        }
    }

    .ldla .block-cta__text {
        display: block;
        margin-top: 20px;
        font-weight: 700;
        color: #fff;
        font-size: 24px;
        line-height: 1.1;
        text-transform: uppercase
    }

    @media (min-width:48em) {
        .ldla .block-cta__text {
            width: 83.33333%;
            margin-left: 8.33333%;
            margin-top: 40px;
            font-size: 36px
        }
    }

    @media (min-width:64em) {
        .ldla .block-cta__text {
            width: 58.33333%;
            margin-left: 16.66667%;
            margin-top: 40px;
            font-size: 36px
        }
    }

    .ldla .block-cta__buttons {
        display: block;
        position: relative;
        margin-top: 40px;
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
        z-index: 1
    }

    @media (min-width:48em) {
        .ldla .block-cta__buttons {
            max-width: 450px
        }
    }

    @media (min-width:64em) {
        .ldla .block-cta__buttons {
            max-width: none;
            padding-left: 160px;
            padding-right: 160px
        }
    }

    .ldla .block-cta__lines {
        display: none;
        width: 100%
    }

    @media (min-width:64em) {
        .ldla .block-cta__lines {
            display: block
        }
    }

    .ldla .block-cta__lines.small {
        display: block
    }

        .ldla .block-cta__lines.small .tablet {
            display: none
        }

    @media (min-width:48em) {
        .ldla .block-cta__lines.small .tablet {
            display: block
        }

        .ldla .block-cta__lines.small .mobile {
            display: none
        }
    }

    @media (min-width:64em) {
        .ldla .block-cta__lines.small {
            display: none
        }
    }

    .ldla .block-cta__button {
        display: block;
        position: absolute;
        text-align: center;
        cursor: pointer;
        width: 175px;
        padding: 20px;
        border: 5px solid #fff;
        font-weight: 700;
        font-size: 16px;
        line-height: 1;
        color: #fff;
        text-decoration: none;
        background-color: transparent;
        transition: border-color .2s linear,background-color .2s linear,color .2s linear;
        margin-top: -45px;
        left: 29%
    }

        .ldla .block-cta__button span {
            display: block;
            position: relative;
            z-index: 1
        }

        .ldla .block-cta__button.rejected, .ldla .block-cta__button.selected, .ldla .block-cta__button:hover:not(.disabled) {
            border-color: #000;
            background-color: #fff;
            color: #000
        }

        .ldla .block-cta__button.disabled, .ldla .block-cta__button.rejected, .ldla .block-cta__button.selected {
            cursor: auto
        }

            .ldla .block-cta__button.rejected:after, .ldla .block-cta__button.rejected:before {
                content: '';
                display: block;
                position: absolute;
                background-color: #cd202c;
                top: 50%;
                left: 50%;
                width: 200px;
                height: 40px;
                margin-top: -20px;
                margin-left: -100px;
                transform-origin: 50% 50%
            }

            .ldla .block-cta__button.rejected:before {
                transform: rotate(-45deg)
            }

            .ldla .block-cta__button.rejected:after {
                transform: rotate(45deg)
            }

        .ldla .block-cta__button.bt1 {
            top: 200px
        }

        .ldla .block-cta__button.bt2 {
            top: 340px
        }

    @media (min-width:48em) {
        .ldla .block-cta__button {
            width: 320px;
            padding: 30px;
            font-size: 20px
        }

            .ldla .block-cta__button.bt1 {
                top: 185px
            }

            .ldla .block-cta__button.bt2 {
                top: 330px
            }
    }

    @media (min-width:64em) {
        .ldla .block-cta__button.bt1 {
            top: 50%;
            left: 0
        }

        .ldla .block-cta__button.bt2 {
            top: 50%;
            left: auto;
            right: 0
        }
    }

    .ldla .block-final {
        display: block;
        position: relative;
        padding-right: 20px;
        margin-top: -60px
    }

    @media (min-width:48em) {
        .ldla .block-final {
            margin-top: -100px
        }
    }

    .ldla .block-final:after {
        content: '';
        display: block;
        position: absolute;
        top: 20px;
        left: 20px;
        width: calc(100% - 60px);
        height: calc(100% - 40px);
        border: 5px solid #fff;
        box-sizing: border-box;
        pointer-events: none
    }

    .ldla .block-final__bg {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        max-height: 800px;
        font-family: object-fit\:cover;
        object-fit: cover
    }

    .ldla .block-final__container {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 100px 40px 40px;
        margin-top: -150px;
        z-index: 0
    }

        .ldla .block-final__container:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 150px;
            z-index: -1;
            background-image: linear-gradient(180deg,transparent 0,#000)
        }

        .ldla .block-final__container:after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: calc(100% - 150px);
            z-index: -1;
            background-color: #000
        }

    @media (min-width:48em) {
        .ldla .block-final__container {
            padding: 60px
        }
    }

    @media (min-width:64em) {
        .ldla .block-final__container {
            position: absolute;
            top: 0;
            left: 0;
            width: calc(100% - 20px);
            height: 100%;
            margin-top: 0
        }

            .ldla .block-final__container:before {
                height: 50%;
                top: auto;
                bottom: 0
            }

            .ldla .block-final__container:after {
                display: none
            }
    }

    .ldla .block-final__title {
        color: #fff;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 1em;
        font-weight: 700;
        margin-bottom: 25px
    }

    @media (min-width:48em) {
        .ldla .block-final__title {
            font-size: 36px
        }
    }

    @media (min-width:64em) {
        .ldla .block-final__title {
            font-size: 60px
        }
    }

    .ldla .block-final__subtitle {
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 40px
    }

    .ldla .block-final__link {
        display: inline-block;
        font-size: 16px;
        line-height: 1em;
        font-weight: 700;
        color: #fff;
        text-decoration: none
    }

        .ldla .block-final__link svg {
            display: inline-block;
            vertical-align: middle;
            fill: currentColor;
            margin-right: 5px
        }

    @media (min-width:64em) {
        .ldla .block-final__link svg {
            margin-right: 20px
        }
    }

    .ldla .block-final__link + a {
        margin-top: 10px
    }

    @media (min-width:48em) {
        .ldla .block-final__link + a {
            margin-top: 15px
        }
    }

    @media (min-width:48em) {
        .ldla .block-final__link {
            font-size: 24px
        }
    }

    .ldla {
        display: block;
        position: relative;
        width: 100vw;
        overflow: hidden
    }

    .ldla__topblock {
        font-weight: 700;
        font-size: 24px;
        line-height: .875em;
        letter-spacing: 0;
        color: #fff
    }

    @media (min-width:48em) {
        .ldla__topblock {
            font-size: 36px
        }
    }

    @media (min-width:64em) {
        .ldla__topblock {
            font-size: 48px
        }
    }

    @media (min-width:90em) {
        .ldla__topblock {
            font-size: 60px
        }
    }

    .ldla__topblockcontainer {
        padding: 15% 10%
    }

    @media (min-width:48em) {
        .ldla__topblockcontainer {
            padding: 100px 0 170px 200px;
            width: 100%
        }
    }

    @media (min-width:64em) {
        .ldla__topblockcontainer {
            padding: 100px 0 170px 200px;
            width: 90%
        }
    }

    @media (min-width:90em) {
        .ldla__topblockcontainer {
            padding: 100px 0 170px 200px;
            width: 100%
        }
    }

    .ldla-header__title {
        font-size: 24px
    }

    @media (min-width:48em) {
        .ldla-header__title {
            font-size: 36px
        }
    }

    @media (min-width:64em) {
        .ldla-header__title {
            font-size: 48px
        }
    }

    @media (min-width:90em) {
        .ldla-header__title {
            font-size: 60px
        }
    }

    @media (min-width:48em) {
        .is-hidden-tablet {
            display: none
        }
    }

    @media (min-width:64em) {
        .is-hidden-desktop {
            display: none
        }
    }

    @media (min-width:90em) {
        .is-hidden-wide {
            display: none
        }
    }

    .fade-in-linear-enter-active, .fade-in-linear-leave-active {
        transition: opacity .2s linear
    }

    .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active {
        opacity: 0
    }

    .fade-enter-active, .fade-leave-active {
        transition: opacity .3s ease;
        will-change: opacity
    }

    .fade-enter, .fade-leave-active {
        opacity: 0;
        will-change: opacity
    }

    .modal-box-enter, .modal-box-enter .modal-box__inner, .modal-box-leave-active, .modal-box-leave-active .modal-box__inner {
        opacity: 0
    }

    .home .home-header {
        position: relative;
        width: 100vw;
        height: 95vh;
        min-height: 400px;
        max-height: 1000px;
        padding: 20px;
        background-repeat: no-repeat;
        background-size: cover
    }

    @media (min-width:48em) {
        .home .home-header {
            padding: 40px
        }
    }

    .home .home-header__video-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        overflow: hidden
    }

    .home .home-header__video {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        font-family: object-fit\:cover;
        object-fit: cover;
        will-change: object-fit;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .home .home-header__video-toggle {
        border: none;
        background-color: transparent;
        position: relative;
        float: right;
        margin-bottom: 50px;
        width: 52px;
        height: 52px;
        border: 3px solid #fff;
        border-radius: 0;
        color: #fff;
        cursor: pointer
    }

    @media (min-width:48em) {
        .home .home-header__video-toggle {
            border-width: 6px
        }
    }

    @media (min-width:64em) {
        .home .home-header__video-toggle {
            margin-right: 50px
        }
    }

    .home .home-header__video-toggle svg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        fill: #fff
    }

    .home .home-header__video-toggle.is-paused .video-pause, .home .home-header__video-toggle .video-play {
        display: none
    }

    .home .home-header__video-toggle.is-paused .video-play {
        display: block
    }

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

    .home .home-header__container {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        width: 100%;
        height: calc(100% - 102px);
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center
    }

    .home .home-header__title {
        display: block;
        position: relative;
        width: 100%;
        font-size: 46px;
        line-height: 48px;
        font-weight: 700;
        color: #fff
    }

    .js-initied .home .home-header__title {
        color: transparent
    }

    .home .home-header__title:focus + .button, .home .home-header__title:hover + .button {
        color: #fff;
        border-color: #fff
    }

    @media (min-width:48em) {
        .home .home-header__title {
            font-size: 95px;
            line-height: 94px
        }
    }

    @media (min-width:64em) {
        .home .home-header__title {
            font-size: 100px;
            line-height: 94px
        }
    }

    @media (min-width:90em) {
        .home .home-header__title {
            font-size: 140px;
            line-height: 120px
        }
    }

    .home .home-header .button {
        transition: none;
        color: #fff;
        border-color: #fff
    }

        .home .home-header .button:after, .home .home-header .button:before {
            transition: none
        }

    .no-touchevents .home .home-header .button:focus, .no-touchevents .home .home-header .button:hover {
        background-image: linear-gradient(90deg,#eea229 0,#eecb27);
        border-color: #fff;
        color: #fff
    }

        .no-touchevents .home .home-header .button:focus:after, .no-touchevents .home .home-header .button:focus:before, .no-touchevents .home .home-header .button:hover:after, .no-touchevents .home .home-header .button:hover:before {
            background-color: #fff
        }

    .home .block1 {
        display: block;
        position: relative
    }

        .home .block1:after {
            content: '';
            display: table;
            clear: both
        }

    .home .block1__left, .home .block1__right {
        position: relative;
        float: left;
        height: 100vw;
        max-height: 615px
    }

    @media (min-width:48em) {
        .home .block1__left, .home .block1__right {
            height: 60vw
        }
    }

    .home .block1__left {
        width: 100%;
        margin-top: -20px
    }

    @media (min-width:48em) {
        .home .block1__left {
            width: 66.6666%;
            margin-right: -16.6666%;
            margin-top: -40px;
            margin-bottom: 40px
        }
    }

    .home .block1__left .block1__bg, .home .block1__left .block1__content {
        top: 0;
        left: 0;
        width: calc(100% - 20px);
        height: 100%
    }

    @media (min-width:48em) {
        .home .block1__left .block1__bg, .home .block1__left .block1__content {
            top: 0;
            left: 40px;
            width: calc(100% - 40px);
            height: 100%
        }
    }

    .home .block1__right {
        width: 100%;
        margin-top: -20px;
        margin-bottom: -20px;
        z-index: 1
    }

    @media (min-width:48em) {
        .home .block1__right {
            width: 50%;
            margin-top: 40px;
            margin-bottom: -40px
        }
    }

    .home .block1__right .block1__bg, .home .block1__right .block1__content {
        top: 0;
        left: 20px;
        width: calc(100% - 20px);
        height: 100%
    }

    @media (min-width:48em) {
        .home .block1__right .block1__bg, .home .block1__right .block1__content {
            top: 0;
            width: 100%;
            height: 100%
        }
    }

    .home .block1__bg {
        display: block;
        position: absolute;
        transform-origin: center center;
        transition: transform .8s cubic-bezier(.215,.61,.355,1);
        font-family: object-fit\:cover;
        object-fit: cover;
        background-color: #ccc
    }

    .home .block1__content {
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 40px;
        /*background: rgba(0,0,0,.6)*/
    }

    .home .block1__content_fade .is-visible:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 200px;
        background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.8))
    }

    .home .block1__content h2 {
        position: relative;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        text-transform: uppercase
    }

    .home .block1__content a {
        display: inline-block;
        position: relative;
        font-size: 18px;
        line-height: 1em;
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        transition: color .3s linear
    }

        .home .block1__content a:focus, .home .block1__content a:hover {
            color: #ccc
        }

        .home .block1__content a svg {
            display: inline-block;
            vertical-align: middle;
            fill: currentColor;
            margin-right: 10px
        }

        .home .block1__content a + a {
            margin-top: 20px
        }

    @media (min-width:48em) {
        .home .block1__content a + a {
            margin-top: 15px
        }
    }

    @media (min-width:48em) {
        .home .block1__content a {
            font-size: 24px
        }
    }

    .home .block1__mask {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #d42027;
        transform-origin: top left
    }

    .home .block2 {
        display: block;
        position: relative
    }

    .home .block2__bg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: object-fit\:cover;
        object-fit: cover
    }

    .home .block2__container {
        display: block;
        position: relative;
        color: #fff
    }

    @media (min-width:48em) {
        .home .block2__container {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: end;
            align-items: flex-end
        }
    }

    .home .block2__content {
        position: relative
    }

    @media (min-width:48em) {
        .home .block2__content {
            width: 75%;
            float: left;
        }
    }

    .home .block2__content p {
        font-size: 16px;
        line-height: 1.5em
    }

    @media (min-width:48em) {
        .home .block2__content p {
            width: 75%;
            font-size: 20px
        }
    }

    .home .block2__content p + p {
        margin-top: 15px
    }

    .home .block2__content .button {
        transition: none;
        color: #fff;
        border-color: #fff
    }

        .home .block2__content .button:after, .home .block2__content .button:before {
            transition: none
        }

    .no-touchevents .home .block2__content .button:focus, .no-touchevents .home .block2__content .button:hover {
        background-image: linear-gradient(90deg,#eea229 0,#eecb27);
        border-color: #fff;
        color: #fff
    }

        .no-touchevents .home .block2__content .button:focus:after, .no-touchevents .home .block2__content .button:focus:before, .no-touchevents .home .block2__content .button:hover:after, .no-touchevents .home .block2__content .button:hover:before {
            background-color: #fff
        }

    .home .block2__title {
        display: block;
        position: relative;
        margin-bottom: 20px;
        color: #fff;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 1;
        font-weight: 700;
        z-index: 3
    }

        .home .block2__title strong {
            display: block;
            text-transform: uppercase;
            font-size: 18px;
            line-height: 1em;
            margin-top: 15px
        }

    @media (min-width:48em) {
        .home .block2__title {
            font-size: 60px
        }
    }

    @media (min-width:64em) {
        .home .block2__title {
            font-size: 72px
        }
    }

    @media (min-width:90em) {
        .home .block2__title {
            font-size: 100px
        }
    }

    .home .block2__title-line {
        display: block;
        position: relative
    }

    .home .block2__title-line1 {
        font-size: 32px
    }

    .home .block2__title-line2 {
        visibility: hidden
    }

        .home .block2__title-line2.is-visible {
            visibility: visible
        }

    @media (min-width:48em) {
        .home .block2__title-line2.small {
            font-size: 40px
        }
    }

    @media (min-width:64em) {
        .home .block2__title-line2.small {
            font-size: 50px
        }
    }

    @media (min-width:90em) {
        .home .block2__title-line2.small {
            font-size: 60px
        }
    }

    .home .block2__card {
        display: block;
        position: relative;
        text-decoration: none;
        z-index: 2
    }

        .home .block2__card:focus .block2__card__image, .home .block2__card:hover .block2__card__image {
            transform: scale(1.1)
        }

        .home .block2__card:focus .block2__card__content, .home .block2__card:hover .block2__card__content {
            background-color: #333
        }

    @media (min-width:48em) {
        .home .block2__card {
            width: 35%;
            float: left;
            margin-bottom: -30px
        }
    }

    .home .block2__card__image-wrapper {
        overflow: hidden
    }

    .home .block2__card__image {
        display: block;
        width: 100%;
        height: auto;
        transition: transform .8s cubic-bezier(.215,.61,.355,1)
    }

    .home .block2__card__content {
        display: block;
        position: relative;
        width: 90%;
        margin-top: -75px;
        background-color: #252525;
        padding: 30px;
        color: #fff;
        transition: background-color .3s linear
    }

        .home .block2__card__content > :nth-child(n+2) {
            margin-top: 20px
        }

    @media (min-width:48em) {
        .home .block2__card__content {
            width: 100%;
            padding: 20px
        }
    }

    @media (min-width:64em) {
        .home .block2__card__content {
            width: 90%;
            padding: 30px
        }
    }

    .home .block2__card__icon {
        display: inline-block;
        fill: currentColor
    }

    .home .block3 {
        display: block;
        position: relative;
        z-index: 1
    }

    .home .block3__mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #d42027;
        transform-origin: top left
    }

    .home .block3__container {
        display: block;
        position: relative;
        padding-top: 30px
    }

    @media (min-width:48em) {
        .home .block3__container {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: start;
            align-items: flex-start;
            padding-top: 0
        }
    }

    .home .block3__bg {
        position: absolute;
        top: 0;
        left: 20px;
        width: calc(100% - 20px);
        height: 100%;
        font-family: object-fit\:cover;
        object-fit: cover
    }

    @media (min-width:48em) {
        .home .block3__bg {
            left: 125px;
            width: calc(100% - 125px)
        }
    }

    .home .block3__image {
        display: block;
        position: relative;
        width: 55%
    }

        .home .block3__image img {
            display: block;
            position: relative;
            width: 100%;
            height: auto
        }

    @media (min-width:48em) {
        .home .block3__image {
            width: 33.33333%;
            padding-left: 40px;
            margin-top: 80px
        }
    }

    .home .block3__image-border {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: translateX(10px) translateY(-10px);
        margin-left: auto;
        margin-right: auto;
        opacity: .7;
        border-left: 10px solid #eea229;
        border-right: 10px solid #eecb27
    }

    @media (min-width:48em) {
        .home .block3__image-border {
            top: 0;
            bottom: 0;
            left: 40px;
            right: 0;
            width: auto;
            height: auto;
            transform: translateX(20px) translateY(-20px)
        }
    }

    .home .block3__image-border:after, .home .block3__image-border:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 10px;
        left: 0;
        background-image: linear-gradient(90deg,#eea229 0,#eecb27)
    }

    .home .block3__image-border:before {
        top: 0
    }

    .home .block3__image-border:after {
        bottom: 0
    }

    .home .block3__content {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        width: 100%;
        margin-left: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        padding-left: 40px;
        padding-right: 20px
    }

        .home .block3__content p {
            font-size: 16px;
            line-height: 1.5em
        }

    @media (min-width:48em) {
        .home .block3__content p {
            font-size: 20px
        }
    }

    .home .block3__content p + p {
        margin-top: 15px
    }

    .home .block3__content .button {
        transition: none;
        color: #fff;
        border-color: #fff
    }

        .home .block3__content .button:after, .home .block3__content .button:before {
            transition: none
        }

    .no-touchevents .home .block3__content .button:focus, .no-touchevents .home .block3__content .button:hover {
        background-image: linear-gradient(90deg,#eea229 0,#eecb27);
        border-color: #fff;
        color: #fff
    }

        .no-touchevents .home .block3__content .button:focus:after, .no-touchevents .home .block3__content .button:focus:before, .no-touchevents .home .block3__content .button:hover:after, .no-touchevents .home .block3__content .button:hover:before {
            background-color: #fff
        }

    @media (min-width:48em) {
        .home .block3__content {
            width: 58.33333%;
            margin-left: 8.33333%;
            padding-right: 40px
        }
    }

    .home .block3__title {
        display: block;
        position: relative;
        margin-bottom: 40px;
        color: #fff;
        text-transform: uppercase;
        font-size: 30px;
        line-height: .95em;
        letter-spacing: -.003em;
        font-weight: 700
    }

    @media (min-width:48em) {
        .home .block3__title {
            margin-left: -30%;
            margin-right: 20%;
            font-size: 60px
        }
    }

    @media (min-width:64em) {
        .home .block3__title {
            font-size: 72px
        }
    }

    @media (min-width:90em) {
        .home .block3__title {
            font-size: 100px
        }
    }

    .home .block3__title.ie {
        width: 100%
    }

        .home .block3__title.ie .text-split--line.is-rendered {
            white-space: normal
        }

    .home .block4__container {
        display: block;
        position: relative
    }

    @media (min-width:64em) {
        .home .block4__container {
            display: -ms-flexbox;
            display: flex;
            margin-bottom: -40px
        }
    }

    .home .block4__left {
        display: block;
        position: relative
    }

    @media (min-width:64em) {
        .home .block4__left {
            display: -ms-flexbox;
            display: flex;
            width: 75%
        }
    }

    .home .block4__left .block4__block {
        width: 100%;
        margin-bottom: -20px
    }

    @media (min-width:48em) {
        .home .block4__left .block4__block {
            margin-bottom: -140px
        }
    }

    @media (min-width:64em) {
        .home .block4__left .block4__block {
            margin-bottom: 40px
        }
    }

    .home .block4__left .block4__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: "object-fit:cover;object-position:center left";
        object-fit: cover;
        object-position: center left
    }

    .home .block4__left .block4__content {
        position: relative;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 200px 20px 50px
    }

    @media (min-width:48em) {
        .home .block4__left .block4__content {
            padding-left: 40px;
            padding-right: 20%;
            padding-bottom: 200px
        }
    }

    @media (min-width:64em) {
        .home .block4__left .block4__content {
            padding-top: 40px;
            padding-bottom: 40px
        }
    }

    .home .block4__right {
        display: block;
        position: relative;
        z-index: 1
    }

    @media (min-width:48em) {
        .home .block4__right {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
            -ms-flex-align: start;
            align-items: flex-start
        }
    }

    @media (min-width:64em) {
        .home .block4__right {
            display: block;
            width: 33.33333%;
            margin-left: -8.33333%
        }
    }

    .home .block4__right .block4__block {
        margin-bottom: -20px
    }

        .home .block4__right .block4__block:first-child {
            margin-left: 20px
        }

            .home .block4__right .block4__block:first-child .block4__content {
                padding-bottom: 50px
            }

    @media (min-width:48em) {
        .home .block4__right .block4__block:first-child {
            margin-left: 0;
            width: 50%
        }
    }

    @media (min-width:64em) {
        .home .block4__right .block4__block:first-child {
            margin-top: 80px;
            width: auto
        }
    }

    .home .block4__right .block4__block:last-child {
        margin-right: 20px
    }

    @media (min-width:48em) {
        .home .block4__right .block4__block:last-child {
            margin-top: 110px;
            margin-right: 0;
            width: calc(50% - 20px)
        }
    }

    @media (min-width:64em) {
        .home .block4__right .block4__block:last-child {
            margin-top: 0;
            width: auto;
            left: -40px
        }
    }

    .home .block4__right .block4__content {
        padding: 20px
    }

    @media (min-width:48em) {
        .home .block4__right .block4__content {
            padding: 40px
        }
    }

    .home .block4__block {
        display: block;
        position: relative
    }

    .home .block4__mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #252525
    }

    .block4__block:nth-child(odd) .home .block4__mask {
        background-color: #1f1762
    }

    .home .block4__bg {
        display: block;
        width: 100%;
        height: auto
    }

    .home .block4__content {
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: end;
        justify-content: flex-end;
        color: #fff
    }

        .home .block4__content:before {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 200px;
            background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.8))
        }

        .home .block4__content p {
            position: relative;
            font-size: 16px;
            line-height: 1.5em
        }

    @media (min-width:48em) {
        .home .block4__content p {
            font-size: 20px
        }
    }

    .home .block4__content p + p {
        margin-top: 15px
    }

    .home .block4__content a {
        display: inline-block;
        position: relative;
        font-size: 18px;
        line-height: 1em;
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        margin-top: 40px;
        transition: color .3s linear
    }

        .home .block4__content a:focus, .home .block4__content a:hover {
            color: #ccc
        }

    @media (min-width:48em) {
        .home .block4__content a {
            font-size: 24px
        }
    }

    .home .block4__content a svg {
        display: inline-block;
        vertical-align: middle;
        fill: currentColor;
        margin-right: 10px
    }

    .home .block4__title {
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: 40px;
        color: #fff;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 1em;
        font-weight: 700
    }

    @media (min-width:48em) {
        .home .block4__title {
            font-size: 60px
        }
    }

    @media (min-width:64em) {
        .home .block4__title {
            font-size: 72px
        }
    }

    @media (min-width:90em) {
        .home .block4__title {
            font-size: 100px
        }
    }

    .home {
        display: block;
        position: relative;
        width: 100vw
    }
    /*# sourceMappingURL=app.css.map*/

    .legal-title {
        color: #000;
    }

    .no-show {
        display: none !important;
    }

    .bottom-margin{
        margin-bottom: 15vh;
    }