﻿/* Comment out for dynamic header */
#globalnav {
    background: #000 !important;
}

ul#globalnav li {
    margin-top: 0 !important;
}

@media only screen and (max-width: 1024px) {

    ul#globalnav {
        padding-top: 8px;
    }

        ul#globalnav li {
            display: none;
            padding-top: 1em;
        }

    #globalnav > li:first-child {
        display: block;
    }
}

/* End */

.cambridge-icon.hideText, a {
    background-color: transparent
}

button, hr, input {
    overflow: visible
}

button, select {
    text-transform: none
}

.clear, .mainfooter .clear {
    clear: both
}

#footernav ul, #globalnav ul {
    list-style: none
}

.margin-2em {
    margin: 2em 0;
}

.margin-4em {
    margin: 4em 0;
}

.cambridge-icon.dismiss {
    background-position: -644px -100px;
    width: 14px;
    height: 14px;
    top: -5px
}

    .cambridge-icon.dismiss:before {
        background-position: -644px -100px;
        width: 14px;
        height: 14px;
        left: 10px;
        top: -5px;
        background-size: 800px 215px
    }

    .cambridge-icon.dismiss:after, .cambridge-icon.dismiss:before {
        background-image: url(/packages/corporate/images/spriteCorporate.png);
        background-image: linear-gradient(transparent,transparent),url(/packages/corporate/images/spriteCorporate.svg);
        background-repeat: no-repeat;
        content: "";
        display: inline-block;
        position: relative;
        vertical-align: middle
    }

.cambridge-icon.hideText {
    border: 0;
    font: 0/0 a !important;
    text-shadow: none;
    color: transparent
}

#ccm-cookiesDisclosure a, #ccm-headerAnnounce a {
    font-weight: 700;
    text-decoration: none
}

#ccm-cookiesDisclosure .disclosure-container, #ccm-headerAnnounce .disclosure-container {
    background: #F3F2EE;
    color: #6A6A6A;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4em;
    position: relative
}

#ccm-cookiesDisclosure p, #ccm-headerAnnounce p {
    font-family: "Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
    padding: 7px 0;
    font-weight: 700
}

#ccm-cookiesDisclosure .disclosure-container .disclosure-content p a:hover, #ccm-headerAnnounce .disclosure-container .disclosure-content p a:hover {
    text-decoration: underline
}

#ccm-cookiesDisclosure .disclosure-form form, #ccm-headerAnnounce .disclosure-form form {
    margin: 0;
    padding: 0
}

.disclosure-content {
    width: 1233px;
    height: auto
}

    .disclosure-content p {
        margin-bottom: 0;
        height: auto
    }

@media only screen {
    #ccm-cookiesDisclosure p, #ccm-headerAnnounce p {
        margin: 0 4px 2px 7px
    }
}

#cookieNotice {
    height: 40px;
    background-color: #F2F2F2;
    line-height: 30px;
    width: 100%;
    display: none;
    font-family: 'Cambridge Sans',sans-serif
}

    #cookieNotice.off {
        display: none !important
    }

    #cookieNotice .cambridge-icon.dismiss:before {
        background-position: -644px -100px;
        width: 14px;
        height: 14px;
        top: -5px
    }

    #cookieNotice .wrap {
        position: relative;
        text-align: center;
        top: 3px
    }

    #cookieNotice .link, #cookieNotice .message {
        color: #000;
        font-weight: 400;
        font-size: 15px
    }

    #cookieNotice .link {
        font-weight: 600;
        line-height: 20px
    }

        #cookieNotice .link, #cookieNotice .link:visited {
            border-bottom: 1px solid transparent;
            display: inline-block;
            -webkit-transition: border .3s ease;
            transition: border .3s ease
        }

            #cookieNotice .link:hover, #cookieNotice .link:visited, #cookieNotice .link:visited:hover, #cookieNotice .link:visited:visited {
                border-bottom: 1px solid #1173cd
            }

@media only screen and (max-width:767px) {
    #cookieNotice {
        height: 46px
    }

        #cookieNotice .wrap {
            top: 0
        }

        #cookieNotice .message {
            display: block
        }

            #cookieNotice .message + .link {
                position: relative;
                bottom: 10px
            }

                #cookieNotice .message + .link:hover {
                    border-bottom: 0
                }

        #cookieNotice .cambridge-icon.dismiss {
            position: absolute;
            right: 24px;
            top: 21px
        }

        #cookieNotice .link, #cookieNotice .message {
            font-size: 14px;
            line-height: 27px
        }
}

.absolute-center, dialog {
    right: 0;
    position: absolute
}

@media only screen and (max-width:380px) {
    #cookieNotice {
        line-height: 25px
    }

        #cookieNotice .wrap {
            padding: 0 42px
        }

        #cookieNotice .message {
            display: inline
        }

            #cookieNotice .message + .link {
                bottom: 0
            }

        #cookieNotice .wrap * {
            position: relative;
            line-height: 5px
        }

    .lost #cookieNotice .wrap * {
        top: 10px
    }

    .lost #cookieNotice .cambridge-icon.dismiss:before {
        top: 5px !important
    }
}

.container, .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

:root #cookieNotice .cambridge-icon.dismiss::before, _::-webkit-full-page-media, _:future {
    top: -2px
}

@media only screen and (max-width:767px) {
    :root #cookieNotice .cambridge-icon.dismiss::before, _::-webkit-full-page-media, _:future {
        top: -5px
    }
}

@media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
    #cookieNotice .cambridge-icon.dismiss:before, _:-webkit-full-screen {
        top: -5px !important
    }
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 100;
    font-style: normal;
    src: url(Fonts/CambridgeSans/CambridgeSans-ExtraLight.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-ExtraLight.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans Light"),local("Cambridge-Sans-Light"),url(Fonts/CambridgeSans/CambridgeSans-ExtraLight.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-ExtraLight.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-ExtraLight.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-ExtraLight.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 200;
    font-style: normal;
    src: url(Fonts/CambridgeSans/CambridgeSans-Thin.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-Thin.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans Light"),local("Cambridge-Sans-Light"),url(Fonts/CambridgeSans/CambridgeSans-Thin.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-Thin.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-Thin.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-Thin.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 200;
    font-style: italic;
    src: url(Fonts/CambridgeSans/CambridgeSans-ThinItalic.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-ThinItalic.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans Light"),local("Cambridge-Sans-Light"),url(Fonts/CambridgeSans/CambridgeSans-ThinItalic.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-ThinItalic.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-ThinItalic.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-ThinItalic.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 300;
    font-style: normal;
    src: url(Fonts/CambridgeSans/CambridgeSans-Light.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-Light.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans Light"),local("Cambridge-Sans-Light"),url(Fonts/CambridgeSans/CambridgeSans-Light.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-Light.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-Light.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-Light.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 300;
    font-style: italic;
    src: url(Fonts/CambridgeSans/CambridgeSans-LightItalic.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-LightItalic.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans Light Italic"),local("Cambridge-Sans-Light-Italic"),url(Fonts/CambridgeSans/CambridgeSans-LightItalic.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-LightItalic.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-LightItalic.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-LightItalic.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 400;
    font-style: normal;
    src: url(Fonts/CambridgeSans/CambridgeSans-Regular.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-Regular.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans"),local("CambridgeSans-Regular"),url(Fonts/CambridgeSans/CambridgeSans-Regular.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-Regular.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-Regular.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 400;
    font-style: italic;
    src: url(Fonts/CambridgeSans/CambridgeSans-RegularItalic.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-RegularItalic.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans Italic"),local("CambridgeSans-RegularItalic"),url(Fonts/CambridgeSans/CambridgeSans-RegularItalic.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-RegularItalic.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-RegularItalic.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-RegularItalic.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 500;
    font-style: normal;
    src: url(Fonts/CambridgeSans/CambridgeSans-Medium.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-Medium.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans"),local("CambridgeSans-Medium"),url(Fonts/CambridgeSans/CambridgeSans-Medium.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-Medium.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-Medium.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-Medium.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 500;
    font-style: italic;
    src: url(Fonts/CambridgeSans/CambridgeSans-MediumItalic.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-MediumItalic.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans"),local("CambridgeSans-MediumItalic"),url(Fonts/CambridgeSans/CambridgeSans-MediumItalic.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-MediumItalic.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-MediumItalic.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-MediumItalic.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 600;
    font-style: normal;
    src: url(Fonts/CambridgeSans/CambridgeSans-Semibold.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-Semibold.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans Semibold"),local("Cambridge-Sans-Semibold"),url(Fonts/CambridgeSans/CambridgeSans-Semibold.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-Semibold.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-Semibold.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-Semibold.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 600;
    font-style: italic;
    src: url(Fonts/CambridgeSans/CambridgeSans-SemiboldItalic.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-SemiboldItalic.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans Semibold Italic"),local("Cambridge-Sans-Semibold-Italic"),url(Fonts/CambridgeSans/CambridgeSans-SemiboldItalic.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-SemiboldItalic.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-SemiboldItalic.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-SemiboldItalic.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 700;
    font-style: normal;
    src: url(Fonts/CambridgeSans/CambridgeSans-Bold.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-Bold.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans Bold"),local("CambridgeSans-Bold"),url(Fonts/CambridgeSans/CambridgeSans-Bold.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-Bold.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-Bold.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 700;
    font-style: italic;
    src: url(Fonts/CambridgeSans/CambridgeSans-BoldItalic.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-BoldItalic.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans Bold Italic"),local("Cambridge-Sans-Bold-Italic"),url(Fonts/CambridgeSans/CambridgeSans-BoldItalic.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-BoldItalic.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-BoldItalic.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-BoldItalic.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 800;
    font-style: normal;
    src: url(Fonts/CambridgeSans/CambridgeSans-Black.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-Black.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans Bold Italic"),local("Cambridge-Sans-Bold-Italic"),url(Fonts/CambridgeSans/CambridgeSans-Black.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-Black.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-Black.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-Black.ttf) format("truetype")
}

@font-face {
    font-family: "Cambridge Sans";
    font-weight: 800;
    font-style: italic;
    src: url(Fonts/CambridgeSans/CambridgeSans-BlackItalic.eot);
    src: url(Fonts/CambridgeSans/CambridgeSans-BlackItalic.eot?#iefix) format("embedded-opentype"),local("Cambridge Sans Bold Italic"),local("Cambridge-Sans-Bold-Italic"),url(Fonts/CambridgeSans/CambridgeSans-BlackItalic.otf) format("opentype"),url(Fonts/CambridgeSans/CambridgeSans-BlackItalic.woff2) format("woff2"),url(Fonts/CambridgeSans/CambridgeSans-BlackItalic.woff) format("woff"),url(Fonts/CambridgeSans/CambridgeSans-BlackItalic.ttf) format("truetype")
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    line-height: 1.333;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.col, .col-auto {
    max-width: 100%
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

audio, canvas, progress, video {
    display: inline-block
}

details, dialog, main {
    display: block
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-last {
    order: 13
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width:576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 13
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

button, dl dl, dl ol, dl ul, input, ol dl, ol ol, ol ul, select, textarea, ul dl, ul ol, ul ul {
    margin: 0
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media (min-width:1200px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }
}

*, ::after, ::before {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

h1 {
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    cursor: pointer
}

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none;
    max-width: 100%;
    height: auto;
    border: 0;
    margin: 0;
    display: block;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

select {
    cursor: pointer
}

textarea {
    overflow: auto
}

.label-hidden, .overflow-hidden {
    overflow: hidden
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.base, .large, .lead, .small {
    font-weight: 400;
    color: #333
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: ButtonText dotted 1px
}

:-moz-ui-invalid {
    box-shadow: none
}

input[type=button], input[type=submit], input[type=search], input[type=text], input[type=email], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=date], textarea {
    -webkit-appearance: none;
    border-radius: 0
}

dialog {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

    dialog:not([open]) {
        display: none
    }

summary {
    display: list-item
}

[hidden], template {
    display: none
}

.base {
    font-size: 1.8rem;
    line-height: 1.333;
    margin-top: 16px
}

.large {
    font-size: 2.2rem;
    line-height: 1.272
}

.small {
    font-size: 1.6rem;
    line-height: 1.285
}

.lead {
    font-size: 2.2rem;
    font-size: 1.8rem;
    line-height: 1.307;
    margin-top: 20px
}

h1, h2 {
    margin-top: 60px
}

h3, h4 {
    margin-top: 25px;
    margin-bottom: 15px;
}

h5, h6 {
    font-weight: 600;
    color: #000;
    margin-top: 30px
}

@media (min-width:320px) {
    .lead {
        font-size: calc(2.2rem + .4 * (100vw - 320px)/ 672)
    }
}

@media (min-width:992px) {
    .lead {
        font-size: 2.6rem
    }
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit
}

h1 {
    font-size: 5rem;
    font-weight: 600;
    color: #000;
    line-height: 1.111
}

@media (min-width:320px) {
    h1 {
        font-size: calc(5rem + 2.2 * (100vw - 320px)/ 672)
    }
}

@media (min-width:992px) {
    h1 {
        font-size: 7.2rem
    }
}

h2 {
    font-size: 3rem;
    line-height: 1.08333;
    margin-bottom: 2.25rem;
    font-weight: 700;
}

@media (min-width:320px) {
    h2 {
        font-size: calc(4.2rem + 1.8 * (100vw - 320px)/ 672)
    }
}

@media (min-width:992px) {
    h2 {
        font-size: 6rem
    }
}

h3 {
    font-size: 3.2rem;
    font-weight: 600;
    color: #000;
    line-height: 1.13
}

@media (min-width:320px) {
    h3 {
        font-size: calc(3.2rem + 1.4 * (100vw - 320px)/ 672)
    }
}

@media (min-width:992px) {
    h3 {
        font-size: 4.6rem
    }
}

h4 {
    font-size: 2.8rem;
    font-weight: 600;
    color: #000;
    line-height: 1.187
}

@media (min-width:320px) {
    h4 {
        font-size: calc(2.8rem + .4 * (100vw - 320px)/ 672)
    }
}

@media (min-width:992px) {
    h4 {
        font-size: 3.2rem
    }
}

h5 {
    font-size: 2.4rem;
    line-height: 1.23
}

@media (min-width:320px) {
    h5 {
        font-size: calc(2.4rem + .2 * (100vw - 320px)/ 672)
    }
}

@media (min-width:992px) {
    h5 {
        font-size: 2.6rem
    }
}

h6 {
    font-size: 2rem;
    line-height: 1.3
}

@media (min-width:320px) {
    h6 {
        font-size: calc(2rem + 0 * (100vw - 320px)/ 672)
    }
}

@media (min-width:992px) {
    h6 {
        font-size: 2rem
    }
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Cambridge Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}

p {
    margin-top: 1.6rem
}

a, a:active, a:link, a:visited {
    color: inherit;
    display: inline-block;
    text-decoration: none
}

    a:hover {
        text-decoration: none;
        color: #008bd2
    }

/*ol, ul {
    padding-inline-start: 3.2rem
}*/

/*ol li, ul li {
    font-size: 1.8rem;
    font-weight: 400;
    color: #333;
    margin-top: 16px
}*/

ol[data-list-type="1"] {
    list-style-type: decimal
}

ol[data-list-type="A"] {
    list-style-type: upper-alpha
}

ol[data-list-type="a"] {
    list-style-type: lower-alpha
}

ol[data-list-type="I"] {
    list-style-type: upper-roman
}

ol[data-list-type="i"] {
    list-style-type: lower-roman
}

@keyframes FadeIn {
    0% {
        opacity: 0;
        left: 4rem;
        transform: translateX(5rem)
    }

    100% {
        opacity: 1;
        left: 0;
        transform: translateX(0rem)
    }
}

.bold {
    font-weight: 700
}

.regular {
    font-weight: 400
}

.italic {
    font-style: italic
}

.break-word {
    word-wrap: break-word
}

.no-wrap {
    white-space: nowrap
}

.vertical-center {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.absolute-center, .center-block {
    margin-right: auto;
    margin-left: auto
}

.absolute-center {
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0)
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.center-block {
    display: block
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.modal, .text-center {
    text-align: center
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.static {
    position: static
}

.zindex-1 {
    z-index: 1
}

.zindex-2 {
    z-index: 2
}

.zindex-3 {
    z-index: 3
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.img-responsive {
    width: 100%;
    height: auto
}

.footer .footer-section .footer-column.social-link-wrap ul li .social-link, .imagelink, .modal .modal-close {
    font-size: 0;
    text-decoration: none
}

.hide {
    display: none !important
}

.block, .show {
    display: block !important
}

.flex {
    display: flex
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.affix {
    position: fixed
}

.label-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px
}

html {
    font-size: 10px
}

    html :focus {
        outline: #008bd2 solid .2rem
    }

    html.using-mouse :focus {
        outline: 0
    }

body {
    background-color: #fff;
    color: #333;
    font-size: 1.8rem;
    font-family: "Cambridge Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.section-wrapper > div {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.btn, a.btn, input[type=submit].btn {
    font-size: 1.6rem;
    background-color: #186594;
    color: #fff;
    padding-top: 1rem;
    padding-right: 1.8rem;
    padding-bottom: 1rem;
    padding-left: 1.8rem;
    border-radius: 4px;
    cursor: pointer;
    border: 0;
    transition: background-color 50ms linear;
    text-decoration: none;
    width: auto;
    vertical-align: top;
    text-align: center
}

    .btn.btn-cancel, a.btn.btn-cancel, input[type=submit].btn.btn-cancel {
        background-color: #767676
    }

        .btn.btn-cancel:hover, a.btn.btn-cancel:hover, input[type=submit].btn.btn-cancel:hover {
            background-color: #5b6770
        }

.btn-group .btn:not(:first-child) {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: .5rem
}

.form-group .form-block, .form-group .form-inline {
    position: relative;
    margin-bottom: 1.5rem;
    margin-top: 0;
    margin-right: 0
}

.btn:hover, a.btn:hover, input[type=submit].btn:hover {
    background-color: #004B8C
}

.searchbar-btn {
    background-image: url(../images/icons/ic_search.svg);
    background-size: 2rem 2rem;
    background-repeat: no-repeat;
    background-position: center center;
    min-width: 4rem
}

label {
    color: #333;
}

.label {
    color: inherit;
}

.form-group .form-inline {
    margin-left: 0
}

    .form-group .form-inline > * {
        display: inline-block
    }

    .form-group .form-inline.multiline {
        display: block
    }

        .form-group .form-inline.multiline > div {
            width: 100%;
            flex-grow: 1;
            flex-basis: 0
        }

@media only screen and (min-width:768px) {
    .form-group .form-inline.multiline {
        display: flex
    }

        .form-group .form-inline.multiline > div:not(:last-child) {
            padding-right: 2rem
        }
}

.form-group .form-inline.multiline > div * {
    width: 100%
}

.form-group .form-block {
    margin-left: 0
}

    .form-group .form-block > * {
        display: block
    }

    .form-group .form-block div, .form-group .form-block input:not(.btn) {
        width: 100%
    }

    .form-group .form-block label {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 1rem;
        margin-left: 0
    }

.form-group .form-item {
    margin-top: .6rem;
    margin-right: 0;
    margin-bottom: .6rem;
    margin-left: 0
}

.form-group .required-field {
    color: #da291c
}

.radio-group {
    list-style-type: none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

.modal, .modal .modal-content {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
    width: 100%
}

.radio-group li {
    margin-top: 1rem
}

    .radio-group li * {
        cursor: pointer
    }

.modal {
    font-size: 1.8rem;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.8);
    overflow: auto
}

    .footer, .modal .modal-content {
        background-color: #fff
    }

    .modal * {
        text-align: left
    }

@media only screen and (min-width:320px) {
    .modal {
        opacity: 0
    }
}

@media only screen and (min-width:768px) {
    .radio-group li {
        display: inline-block
    }

    .modal {
        opacity: 0
    }
}

.modal.toggled {
    display: block;
    opacity: 1;
    z-index: 99;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: z-index .2s step-start,opacity .2s linear;
    -moz-transition: z-index .2s step-start,opacity .2s linear;
    -ms-transition: z-index .2s step-start,opacity .2s linear;
    -o-transition: z-index .2s step-start,opacity .2s linear;
    transition: z-index .2s step-start,opacity .2s linear
}

.modal .modal-content {
    margin-top: 8rem;
    display: inline-block;
    border-radius: .4rem
}

    .modal .modal-content > div {
        padding-top: 1rem;
        padding-right: 0;
        padding-bottom: 1rem;
        padding-left: 0
    }

@media only screen and (min-width:768px) {
    .modal .modal-content {
        padding-top: 4rem;
        padding-right: 4rem;
        padding-bottom: 4rem;
        padding-left: 4rem;
        width: 60rem
    }
}

@media only screen and (min-width:992px) {
    .modal .modal-content {
        margin-top: 15rem
    }
}

.modal .modal-content .modal-header * {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.modal .modal-close {
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
    cursor: pointer
}

.modal-open {
    overflow: hidden
}

.footer .footer-section {
    padding-top: 2rem;
    padding-bottom: 2rem
}

    .footer .footer-section .footer-logo {
        max-width: 15rem;
        width: 15rem
    }

    .footer .footer-section .footer-column {
        width: 100%;
        display: inline-block;
        vertical-align: top
    }

        .footer .footer-section .footer-column.social-link-wrap {
            float: right;
        }

@media only screen and (min-width:768px) {
    .footer .footer-section .footer-column {
        max-width: 35%;
        width: auto
    }

        .footer .footer-section .footer-column:not(:last-child) {
            padding-top: 0;
            padding-right: 4rem;
            padding-bottom: 0;
            padding-left: 0
        }
}

@media only screen and (min-width:992px) {
    .footer .footer-section .footer-column {
        max-width: 30%;
        width: auto
    }

        .footer .footer-section .footer-column:not(:last-child) {
            padding-top: 0;
            padding-right: 6rem;
            padding-bottom: 0;
            padding-left: 0
        }
}

.footer .footer-section .footer-column ul {
    list-style-type: none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

    .footer .footer-section .footer-column ul li {
        font-size: 1.6rem;
        margin-top: .7rem
    }

@media only screen and (min-width:992px) {
    .footer .footer-section .footer-column ul li {
        margin-top: 0;
        margin-bottom: .4rem
    }
}

.footer .footer-section .footer-column .footer-title {
    font-size: 2rem;
    margin-top: 4rem;
    margin-bottom: 1.6rem
}

@media only screen and (min-width:768px) {
    .footer .footer-section .footer-column .footer-title {
        margin-top: 3rem;
        margin-bottom: 3rem
    }
}

.footer .footer-section .footer-column.social-link-wrap ul {
    list-style-type: none;
    display: flex
}

    .footer .footer-section .footer-column.social-link-wrap ul li {
        display: inline-block;
        flex: none;
        margin-right: 3.5rem
    }

@media only screen and (min-width:992px) {
    .footer .footer-section .footer-column.social-link-wrap ul li {
        flex: auto;
        margin-right: 2.5rem
    }
}

.footer .footer-section .footer-column.social-link-wrap ul li .social-link {
    display: inline-block;
    text-align: center
}

    .footer .footer-section .footer-column.social-link-wrap ul li .social-link img {
        -webkit-transition: filter .1s ease;
        -moz-transition: filter .1s ease;
        -ms-transition: filter .1s ease;
        -o-transition: filter .1s ease;
        transition: filter .1s ease
    }

        .footer .footer-section .footer-column.social-link-wrap ul li .social-link img:hover {
            filter: brightness(80%)
        }

.footer .footer-section.footer-section-social .social-link-item {
    padding-top: 1.2rem;
    padding-right: .5rem;
    padding-bottom: 1.2rem
}

.footer.footer-foundation > .row {
    width: 100%;
    min-width: unset;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0
}

@media only screen and (min-width:576px) {
    .footer.footer-foundation > .row {
        max-width: 540px
    }
}

@media only screen and (min-width:768px) {
    .footer.footer-foundation > .row {
        max-width: 720px
    }
}

@media only screen and (min-width:992px) {
    .footer.footer-foundation > .row {
        padding-right: 0;
        padding-left: 0;
        max-width: 960px
    }
}

@media only screen and (min-width:1200px) {
    .footer.footer-foundation > .row {
        max-width: 1140px
    }
}

.footer.footer-foundation .footer-section {
    width: 100%
}

@media only screen and (min-width:320px) {
    .footer.footer-foundation .footer-section.footer-section-social {
        max-width: 66.666%
    }
}

@media only screen and (min-width:576px) {
    .footer.footer-foundation .footer-section.footer-section-social {
        max-width: 50%
    }
}

@media only screen and (min-width:768px) {
    .footer.footer-foundation .footer-section.footer-section-social {
        max-width: 33.333%
    }
}

.footer.footer-foundation .footer-section .columns.footer-logo-wrapper {
    max-width: 100%
}

@media only screen and (min-width:576px) {
    .footer.footer-foundation .footer-section .columns {
        max-width: 50%;
        float: left
    }
}

#homepage {
    min-width: 95vw;
    overflow-x: hidden
}

@media only screen and (min-width:768px) {
    #homepage {
        background-color: #fff
    }
}

#homepage input[type=search], #homepage input[type=text], #homepage input[type=email], #homepage input[type=password], #homepage input[type=url], #homepage input[type=number], #homepage input[type=tel], #homepage input[type=date], #homepage select, #homepage textarea {
    color: #333;
    min-height: 4rem;
    font-weight: 400;
    background-color: #fff;
    border-radius: .4rem;
    border: .1rem solid #c8c8c8;
    vertical-align: top;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding-top: 0;
    padding-right: 1rem;
    padding-bottom: 0;
    padding-left: 1rem;
    margin-bottom: 5px;
}

    #homepage input[type=search]::-webkit-input-placeholder, #homepage input[type=search]::placeholder, #homepage input[type=text]::-webkit-input-placeholder, #homepage input[type=text]::placeholder, #homepage input[type=email]::-webkit-input-placeholder, #homepage input[type=email]::placeholder, #homepage input[type=password]::-webkit-input-placeholder, #homepage input[type=password]::placeholder, #homepage input[type=url]::-webkit-input-placeholder, #homepage input[type=url]::placeholder, #homepage input[type=number]::-webkit-input-placeholder, #homepage input[type=number]::placeholder, #homepage input[type=tel]::-webkit-input-placeholder, #homepage input[type=tel]::placeholder, #homepage input[type=date]::-webkit-input-placeholder, #homepage input[type=date]::placeholder, #homepage select::-webkit-input-placeholder, #homepage select::placeholder, #homepage textarea::-webkit-input-placeholder, #homepage textarea::placeholder {
        opacity: 1;
        color: #767676
    }

    #homepage input[type=search]::-ms-expand, #homepage input[type=text]::-ms-expand, #homepage input[type=email]::-ms-expand, #homepage input[type=password]::-ms-expand, #homepage input[type=url]::-ms-expand, #homepage input[type=number]::-ms-expand, #homepage input[type=tel]::-ms-expand, #homepage input[type=date]::-ms-expand, #homepage select::-ms-expand, #homepage textarea::-ms-expand {
        display: none
    }

#homepage textarea {
    padding-top: 1rem;
    padding-bottom: 1rem
}

#homepage input[type=radio] + label {
    margin-right: 1rem;
    margin-left: .2rem
}

/*#homepage a {
    font-weight: 500
}*/

#homepage .btn, #homepage a.btn, #homepage input[type=submit].btn {
    height: 4rem;
    min-height: 4rem
}

#homepage #global-nav .mobile-icons .toggle-searchbar .toggle-searchbar-img, #homepage #global-nav li.gnav-right .toggle-searchbar .toggle-searchbar-img, .toggle-searchbar-2 .toggle-searchbar-img {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 100%;
    height: 2.2rem;
    vertical-align: middle
}

#homepage input[type=number]::-webkit-inner-spin-button, #homepage input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#homepage input[type=number] {
    -moz-appearance: textfield
}

#homepage select {
    background-image: url(../images/icons/ic_dropdown.svg);
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: center;
    padding-top: .6rem;
    padding-right: 1rem;
    padding-bottom: .6rem;
    padding-left: 1rem
}

    #homepage select:not(:valid) {
        color: #767676
    }

#homepage section {
    background-color: #fff
}

/*#homepage #global-nav {
    position: relative;
    font-size: 0;
    z-index: 4
}

    #homepage #global-nav ul li {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }

        #homepage #global-nav ul li.hide-for-mobile {
            display: none
        }*/

@media only screen and (min-width:992px) {
    .footer.footer-foundation .footer-section {
        width: 75%
    }

        .footer.footer-foundation .footer-section.footer-section-social {
            width: 25%
        }

    /*#homepage #global-nav ul li.hide-for-mobile {
        display: inline-block
    }*/
}

/*#homepage #global-nav ul li a {
    font-weight: 400
}

#homepage #global-nav .open {
    color: #fff
}

#homepage #global-nav.homepage-gnav-mobile .open {
    position: absolute;
    z-index: 1
}

    #homepage #global-nav.homepage-gnav-mobile .open:not(.reveal-modal) {
        float: unset !important
    }

#homepage #global-nav.homepage-gnav-mobile .mobile-logo-wrapper {
    display: inline-block;
    margin-left: 4rem
}

    #homepage #global-nav.homepage-gnav-mobile .mobile-logo-wrapper .cuplogo {
        float: unset
    }*/

#globalnav .right, div.alert-box.area-edit > span {
    float: right
}
/*
#homepage #global-nav li.gnav-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4
}

    #homepage #global-nav li.gnav-right > ul > li:first-child {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    #homepage #global-nav li.gnav-right ul {
        display: flex;
        padding-left: 0
    }

        #homepage #global-nav li.gnav-right ul li {
            margin-top: 0;
            margin-right: 0;
            margin-bottom: 0;
            margin-left: 2.1rem;
            line-height: 2.2rem
        }

            #homepage #global-nav li.gnav-right ul li a {
                cursor: pointer;
                padding-top: 1.2rem;
                padding-bottom: 1.2rem;
                font: unset;
                font-size: 0 !important
            }*/

#homepage #pageslide #globalnav li a, #searchbar-results-modal.toggled .modal-content ul li a {
    font-weight: 400
}

/*@media only screen and (min-width:992px) {
    #homepage #global-nav li.gnav-right ul li a {
        font-size: 1.4rem !important
    }
}

#homepage #global-nav li.gnav-right .toggle-searchbar .toggle-searchbar-img {
    background-image: url(../images/icons/ic_search.svg);
    width: 2rem
}

    #homepage #global-nav li.gnav-right .toggle-searchbar .toggle-searchbar-img:hover {
        -webkit-filter: brightness(.5);
        filter: brightness(.5)
    }

    #homepage #global-nav li.gnav-right .toggle-searchbar .toggle-searchbar-img.toggled {
        background-image: url(../images/icons/ic_close.svg)
    }

#homepage #global-nav .mobile-icons {
    position: absolute;
    right: 0;
    top: 0
}

    #homepage #global-nav .mobile-icons li {
        line-height: 4rem
    }

        #homepage #global-nav .mobile-icons li a {
            position: static;
            padding: 1.2rem 1rem;
            vertical-align: middle
        }

    #homepage #global-nav .mobile-icons .toggle-searchbar .toggle-searchbar-img {
        background-image: url(../images/icons/ic_search.svg);
        width: 2rem
    }

        #homepage #global-nav .mobile-icons .toggle-searchbar .toggle-searchbar-img:hover {
            -webkit-filter: brightness(.5);
            filter: brightness(.5)
        }

        #homepage #global-nav .mobile-icons .toggle-searchbar .toggle-searchbar-img.toggled {
            background-image: url(../images/icons/ic_close.svg)
        }*/

#homepage #pageslide #globalnav li {
    margin-top: 0
}

#searchbar-results-modal * {
    text-align: center
}

#searchbar-results-modal.toggled .modal-content span {
    font-size: 2.4rem
}

#searchbar-results-modal.toggled .modal-content ul {
    margin-right: 2rem;
    margin-left: 2rem
}

    #searchbar-results-modal.toggled .modal-content ul li {
        animation: FadeIn .5s ease-out;
        animation-fill-mode: both
    }

        #searchbar-results-modal.toggled .modal-content ul li:nth-child(1) {
            animation-delay: .1s
        }

        #searchbar-results-modal.toggled .modal-content ul li:nth-child(2) {
            animation-delay: .16s
        }

        #searchbar-results-modal.toggled .modal-content ul li:nth-child(3) {
            animation-delay: .22s
        }

        #searchbar-results-modal.toggled .modal-content ul li:nth-child(4) {
            animation-delay: .28s
        }

        #searchbar-results-modal.toggled .modal-content ul li:nth-child(5) {
            animation-delay: .34s
        }

#searchbar-results-modal .modal-content ul {
    padding: 0;
    list-style-type: none;
    text-align: center;
    margin-top: 4rem
}

    #searchbar-results-modal .modal-content ul li {
        margin-top: 3rem
    }

#country-selector-modal .country-autocomplete {
    position: relative;
    display: inline-block
}

    #country-selector-modal .country-autocomplete #country-selector {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    #country-selector-modal .country-autocomplete .autocomplete-items {
        position: absolute;
        border: .1rem solid #dcdcdc;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        top: 100%;
        left: 0;
        right: 0;
        max-height: 30rem;
        overflow-y: auto
    }

        #country-selector-modal .country-autocomplete .autocomplete-items div {
            padding: 1rem;
            cursor: pointer;
            background-color: #fff;
            border-bottom: .1rem solid #dcdcdc;
            line-height: 1.333
        }

            #country-selector-modal .country-autocomplete .autocomplete-items div:hover {
                background-color: #c8c8c8
            }

            #country-selector-modal .country-autocomplete .autocomplete-items div.autocomplete-active {
                background-color: #1e90ff !important;
                color: #fff
            }

#feedback-form-modal .modal-content {
    margin-top: 5rem
}

@media only screen and (min-width:992px) {
    #feedback-form-modal .modal-content {
        width: 80rem
    }
}

#feedback-form-modal .modal-content .feedback-category {
    display: block
}

#homepage-searchbar-2 {
    text-align: center;
    z-index: 1;
    margin-top: -18.8rem;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-transition: margin .4s ease;
    -moz-transition: margin .4s ease;
    -ms-transition: margin .4s ease;
    -o-transition: margin .4s ease;
    transition: margin .4s ease
}

    #homepage-searchbar-2 > div {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem
    }

    #homepage-searchbar-2 .form-group {
        opacity: 0;
        -webkit-transition: opacity .2s ease;
        -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease
    }

@media only screen and (min-width:768px) {
    #feedback-form-modal .modal-content .feedback-category div {
        padding-right: 1rem;
        width: 50%
    }

    #homepage-searchbar-2 .form-group {
        opacity: 1
    }
}

#homepage-searchbar-2 .form-group .form-block, #homepage-searchbar-2 .form-group .form-inline {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

#homepage-searchbar-2 .form-group .form-item {
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in
}

#homepage-searchbar-2 .searchbar-input-2 {
    width: 100%
}

@media only screen and (min-width:768px) {
    #homepage-searchbar-2 .searchbar-input-2 {
        width: 35rem
    }
}

@media only screen and (min-width:992px) {
    #homepage-searchbar-2 .searchbar-input-2 {
        width: 40rem
    }
}

#homepage-searchbar-2 .searchbar-select {
    width: 100%
}

@media only screen and (min-width:768px) {
    #homepage-searchbar-2 .searchbar-select {
        width: 26rem;
        margin-top: .6rem;
        margin-right: .6rem;
        margin-bottom: .6rem;
        margin-left: .6rem
    }
}

#homepage-searchbar-2 .searchbar-select option:disabled {
    background-color: #fff
}

#homepage-searchbar-2 .searchbar-btn {
    width: 100%;
    font-size: 1.8rem;
    background-image: none;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem
}

#homepage-searchbar-2.toggled {
    z-index: 2;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

    #homepage-searchbar-2.toggled .form-group {
        opacity: 1
    }

    #homepage-searchbar-2.toggled .toggle-searchbar-2 {
        opacity: 0
    }

@media only screen and (min-width:768px) {
    #homepage-searchbar-2 .searchbar-btn {
        background-image: url(../images/icons/ic_search.svg);
        width: auto;
        font-size: 0
    }

    #homepage-searchbar-2.toggled {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: -8.4rem;
        margin-left: 0
    }

    #homepage-searchbar-2 {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: -8.4rem;
        margin-left: 0;
        position: relative;
        z-index: 1
    }

        #homepage-searchbar-2.section-wrapper {
            background-color: transparent
        }
}

@media only screen and (min-width:768px) and (min-width:768px) {
    #homepage-searchbar-2.section-wrapper {
        background-color: rgba(0,0,0,.35)
    }
}

.toggle-searchbar-2 .toggle-searchbar-img {
    background-image: url(../images/icons/ic_search.svg);
    width: 2rem
}

#homepage-hero, #homepage-hero .mobile-hero {
    background-size: cover;
    background-repeat: no-repeat
}

.toggle-searchbar-2 .toggle-searchbar-img:hover {
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
}

.toggle-searchbar-2 .toggle-searchbar-img.toggled {
    background-image: url(../images/icons/ic_close.svg)
}

#homepage-hero {
    background-position: 88% 15%;
    height: 600px;
    text-align: left;
    position: relative;
    min-height: 200px
}

    #homepage-hero .container {
        height: 100%
    }

        #homepage-hero .container .row {
            height: 100%;
            position: relative
        }

    #homepage-hero .hero-logo {
        width: 100%;
        backface-visibility: hidden;
        margin-bottom: 2rem
    }

    #homepage-hero .hero-text {
        z-index: 1;
        text-align: left;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto
    }

@media only screen and (min-width:768px) {
    #homepage-hero .hero-logo {
        width: 55rem
    }

    #homepage-hero .hero-text {
        margin-top: 7rem;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto
    }
}

@media only screen and (min-width:992px) {
    #homepage-hero .hero-text {
        align-self: flex-end;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }
}

body.pos_description section#homepage-hero {
    background-position: center;
}

#homepage-hero .hero-text h1, #homepage-hero .hero-text p {
    margin-right: 0;
    margin-bottom: 2rem;
    margin-left: 0;
    color: #fff;
}

#homepage-hero .hero-text > * {
    color: #000;
}

#homepage-hero .hero-text h1 {
    font-weight: 500;
    line-height: 1.2;
    font-size: 6rem;
    margin-top: 4vw;
    color: #fff;
}

#homepage-hero .hero-text p {
    font-weight: 300;
    line-height: 1.333;
    font-size: 1.8rem;
    margin-top: 2rem
}

@media (min-width:320px) {
    #homepage-hero .hero-text p {
        font-size: calc(1.8rem + .2 * (100vw - 320px)/ 672)
    }
}

@media (min-width:992px) {
    #homepage-hero .hero-text p {
        font-size: 2rem
    }
}

#homepage-hero .hero-text a:hover {
    text-decoration: none;
    color: #000
}

#homepage-hero .hero-text a:after {
    display: block;
    content: "";
    border-bottom: solid .2rem #000;
    transform: scaleX(0);
    transition: transform .2s ease-in-out
}

#homepage-hero .hero-text a:hover:after {
    transform: scaleX(1)
}

#homepage-hero .hero-text a:after {
    transform-origin: 0 50%
}

#homepage-hero .mobile-hero {
    background-position: center;
    position: absolute;
    z-index: 0;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
}

#homepage-concierge-top {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media only screen and (min-width:992px) {
    #homepage-hero .mobile-hero {
        display: none
    }

    #homepage-concierge-top .row {
        display: flex
    }
}

#homepage-concierge-top .row > div {
    margin-bottom: 3rem
}

@media only screen and (min-width:768px) {
    #homepage-concierge-top .row > div {
        margin-bottom: 0
    }
}

#homepage-concierge-top .row a {
    text-decoration: none;
    height: 100%;
    width: 100%;
}

#homepage-concierge-top .concierge-top-item {
    position: relative;
    height: 100%;
    background-color: #fff
}

.listItemContentContainer.concierge-top-item {
    margin-bottom: 20px;
}

#homepage-concierge-top .concierge-top-item * {
    -webkit-transition: color .4s ease,transform .4s ease;
    -moz-transition: color .4s ease,transform .4s ease;
    -ms-transition: color .4s ease,transform .4s ease;
    -o-transition: color .4s ease,transform .4s ease;
    transition: color .4s ease,transform .4s ease;
    color: #333
}

#homepage-concierge-top .concierge-top-item .concierge-top-img {
    height: 30rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.concierge-top-img.academic {
    background-image: url(../Images/custom/academic.jpg) !important;
}

.concierge-top-img.cambridge.assessment {
    background-image: url(../Images/custom/cambridge-assessment.jpg) !important;
}

.concierge-top-img.education {
    background-image: url(../Images/custom/education.jpg) !important;
}

.concierge-top-img.elt {
    background-image: url(../Images/custom/elt.jpg) !important;
}

.concierge-top-img.finance {
    background-image: url(../Images/custom/finance.jpg) !important;
}

.concierge-top-img.hr {
    background-image: url(../Images/custom/hr.jpg) !important;
}

.concierge-top-img.integrations {
    background-image: url(../Images/custom/integrations.jpg) !important;
}

.concierge-top-img.legal {
    background-image: url(../Images/custom/legal.jpg) !important;
}

.concierge-top-img.operations {
    background-image: url(../Images/custom/operations.jpg) !important;
}

.concierge-top-img.technology {
    background-image: url(../Images/custom/technology.jpg) !important;
}

#homepage-concierge-top .concierge-top-item .concierge-top-item-title {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

#homepage-concierge-top .concierge-top-item .concierge-top-item-btn {
    margin: 0;
    font-weight: 100;
    font-size: 14px;
}

@media only screen and (min-width:768px) {
    #homepage-concierge-top .concierge-top-item .concierge-top-item-btn {
        width: auto
    }
}

#homepage-concierge-top .concierge-top-item .concierge-top-item-details {
    margin: 0;
    font-weight: 100;
    font-size: 14px;
}

#homepage-concierge-bottom.section-wrapper, #homepage-product.section-wrapper {
    background-color: #fff
}

#homepage-concierge-top .concierge-top-item:hover {
    cursor: pointer
}

#homepage-concierge-top .listItemName.concierge-top-item-container {
    display: inline-block;
    background: #f1f1f1;
    width: 100%;
    padding: 1em;
}

#homepage-concierge-top.concierge-top-item * {
    position: relative
}

#homepage-concierge-top.link {
    text-decoration: none
}

    #homepage-concierge-top .link:after {
        margin-left: .6rem;
        content: "\2192"
    }

    #homepage-concierge-top .link:before {
        display: block;
        content: "";
        border-bottom: solid .2rem #fff;
        transform: scaleX(0);
        transition: transform .2s ease-in-out;
        width: 100%;
        position: absolute;
        bottom: -.2rem
    }

    #homepage-concierge-top .link:hover:before {
        transform: scaleX(1)
    }

#homepage-concierge-top link:before {
    transform-origin: 0 50%
}

#homepage-concierge-bottom {
    text-align: center
}

    #homepage-concierge-bottom a:hover {
        text-decoration: none
    }

    #homepage-concierge-bottom .concierge-bottom-title {
        text-align: center;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 4rem;
        margin-left: 0;
        font-size: 3.2rem
    }

    #homepage-concierge-bottom .concierge-bottom-item {
        text-align: center;
        margin-top: 1rem;
        margin-bottom: 1rem
    }

        #homepage-concierge-bottom .concierge-bottom-item .concierge-bottom-item-img {
            position: relative;
            width: 10rem;
            height: 10rem;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            margin: 0 auto
        }

        #homepage-concierge-bottom .concierge-bottom-item .concierge-bottom-item-title {
            padding-top: 1.1rem;
            padding-right: 1.1rem;
            padding-bottom: 1.1rem;
            padding-left: 1.1rem;
            font-size: 2rem
        }

        #homepage-concierge-bottom .concierge-bottom-item * {
            margin-top: 0;
            margin-right: 0;
            margin-bottom: 0;
            margin-left: 0
        }

#homepage-product.section-wrapper .container, #homepage-product.section-wrapper .container-fluid {
    padding-top: 0;
    padding-bottom: 0
}

#homepage-product .row > div {
    display: flex;
    padding-right: 1rem;
    padding-left: 1rem
}

    #homepage-product .row > div:first-child {
        padding-right: 0;
        padding-left: 0
    }

.product-card {
    width: 100%;
    position: relative;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0
}

    .product-card.product-card-full {
        align-items: center;
        width: 100%;
        overflow: hidden;
        position: relative;
        background-size: cover;
        background-position: 57% center;
        background-repeat: no-repeat
    }

@media only screen and (min-width:768px) {
    #homepage-product .row > div:not(:first-child):nth-child(even) {
        padding-right: .5rem
    }

    #homepage-product .row > div:not(:first-child):nth-child(odd) {
        padding-left: .5rem
    }

    .product-card.product-card-full {
        min-height: 60rem;
        display: flex
    }
}

@media only screen and (min-width:1200px) {
    .product-card.product-card-full {
        height: 40vh
    }
}

.product-card.product-card-full .link-overlay {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding-top: 4rem;
    padding-right: 4rem;
    padding-bottom: 4rem;
    padding-left: 4rem
}

    .product-card.product-card-full .link-overlay * {
        display: inline-block
    }

    .product-card.product-card-full .link-overlay:hover * {
        text-decoration: none
    }

    .product-card.product-card-full .link-overlay:focus {
        outline: 0
    }

        .product-card.product-card-full .link-overlay:focus .link {
            outline: #008bd2 solid .2rem
        }

.product-card.product-card-full .product-card-img {
    width: auto;
    height: 100%
}

.product-card.product-card-full .product-card-details-full {
    color: #fff;
    position: relative;
    left: 0;
    width: 100%;
    padding-top: 4rem;
    padding-right: 4rem;
    padding-bottom: 4rem;
    padding-left: 4rem
}

@media only screen and (min-width:768px) {
    .product-card.product-card-full .product-card-details-full {
        padding-top: 2rem;
        padding-right: 2rem;
        padding-bottom: 2rem;
        padding-left: 2rem;
        width: 50%;
        left: 7rem
    }
}

@media only screen and (min-width:992px) {
    .product-card.product-card-full {
        min-height: 70rem;
        background-position: center
    }

        .product-card.product-card-full .product-card-details-full {
            margin: 0 auto;
            width: 41rem;
            left: -20rem
        }
}

.product-card.product-card-full .product-card-details-full a:hover {
    text-decoration: none
}

.product-card.product-card-full .product-card-details-full * {
    color: #fff;
    text-align: center
}

.product-card.product-card-full .product-card-details-full .product-card-title {
    font-size: 3.5rem;
    font-weight: 500
}

@media (min-width:320px) {
    .product-card.product-card-full .product-card-details-full .product-card-title {
        font-size: calc(3.5rem + .7 * (100vw - 320px)/ 672)
    }
}

@media (min-width:992px) {
    .product-card.product-card-full .product-card-details-full .product-card-title {
        font-size: 4.2rem
    }
}

.product-card.product-card-full .product-card-details-full .product-card-content h1, .product-card.product-card-full .product-card-details-full .product-card-content h2, .product-card.product-card-full .product-card-details-full .product-card-content h3, .product-card.product-card-full .product-card-details-full .product-card-content h4, .product-card.product-card-full .product-card-details-full .product-card-content h5, .product-card.product-card-full .product-card-details-full .product-card-content h6 {
    margin-top: 0;
    font-size: 1.8rem;
    font-weight: 400
}

@media (min-width:320px) {
    .product-card.product-card-full .product-card-details-full .product-card-content h1, .product-card.product-card-full .product-card-details-full .product-card-content h2, .product-card.product-card-full .product-card-details-full .product-card-content h3, .product-card.product-card-full .product-card-details-full .product-card-content h4, .product-card.product-card-full .product-card-details-full .product-card-content h5, .product-card.product-card-full .product-card-details-full .product-card-content h6 {
        font-size: calc(1.8rem + .4 * (100vw - 320px)/ 672)
    }
}

@media (min-width:992px) {
    .product-card.product-card-full .product-card-details-full .product-card-content h1, .product-card.product-card-full .product-card-details-full .product-card-content h2, .product-card.product-card-full .product-card-details-full .product-card-content h3, .product-card.product-card-full .product-card-details-full .product-card-content h4, .product-card.product-card-full .product-card-details-full .product-card-content h5, .product-card.product-card-full .product-card-details-full .product-card-content h6 {
        font-size: 2.2rem
    }
}

.product-card.product-card-full .product-card-details-full .mobile-product-text {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: -1
}

.product-card.product-card-full .mobile-product {
    height: 36rem
}

@media (min-width:320px) {
    .product-card.product-card-full .mobile-product {
        height: calc(36rem + 264 * (100vw - 320px)/ 448)
    }
}

@media (min-width:768px) {
    .product-card.product-card-full .mobile-product {
        height: 300rem
    }
}

@media only screen and (min-width:768px) {
    .product-card.product-card-full .product-card-details-full * {
        text-align: left
    }

    .product-card.product-card-full .mobile-product, .product-card.product-card-full .product-card-details-full .mobile-product-text {
        display: none
    }
}

.product-card.product-card-single {
    background-color: #f0f0f0;
    height: 50rem;
    min-height: 50rem
}

@media only screen and (min-width:1200px) {
    .product-card.product-card-single {
        height: 40vh
    }

        .product-card.product-card-single .product-card-details-single {
            max-width: 46rem
        }
}

.product-card.product-card-single .product-card-img-wrapper {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@media only screen and (min-width:992px) {
    .product-card.product-card-single .product-card-img-wrapper {
        display: block
    }
}

.product-card.product-card-single .product-card-img-wrapper > .product-card-img {
    width: auto;
    height: 100%
}

.product-card.product-card-single .product-card-details-single {
    min-height: 50%;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    color: #fff;
    padding-top: 4rem;
    padding-right: 4rem;
    padding-bottom: 4rem;
    padding-left: 4rem
}

#homepage .ccm-ui .btn, #homepage .ccm-ui a.btn, #homepage .ccm-ui input, #homepage .ccm-ui select, #homepage .colorpicker input[type=text] {
    min-height: 0
}

.product-card.product-card-single .product-card-details-single .product-card-btn {
    background: 0 0;
    width: auto;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 2rem;
    font-weight: 500;
    text-align: left
}

.product-card.product-card-single .product-card-details-single a:hover {
    color: inherit;
    text-decoration: none
}

.product-card .product-card-details {
    text-align: left;
    z-index: 1
}

    .product-card .product-card-details .product-card-title {
        color: #fff;
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 2.8rem
    }

@media (min-width:320px) {
    .product-card .product-card-details .product-card-title {
        font-size: calc(2.8rem + .4 * (100vw - 320px)/ 672)
    }
}

@media (min-width:992px) {
    .product-card .product-card-details .product-card-title {
        font-size: 3.2rem
    }
}

.product-card .product-card-details .product-card-content h1, .product-card .product-card-details .product-card-content h2, .product-card .product-card-details .product-card-content h3, .product-card .product-card-details .product-card-content h4, .product-card .product-card-details .product-card-content h5, .product-card .product-card-details .product-card-content h6 {
    margin-bottom: 2rem
}

.product-card .product-card-details .product-card-content p {
    margin-bottom: 1.8rem;
    font-weight: 300
}

.product-card .product-card-details .link {
    width: auto;
    position: relative;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

    .product-card .product-card-details .link:after {
        margin-left: .6rem;
        content: "\2192";
        display: inline-block;
        width: 1.2rem;
        height: 1.2rem;
        font-size: 2.4rem;
        font-weight: 300
    }

    .product-card .product-card-details .link.external-link {
        padding-right: 2rem
    }

        .product-card .product-card-details .link.external-link:after {
            font-size: 2.7rem;
            backface-visibility: hidden;
            display: table-row;
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            position: absolute;
            right: 1.2rem;
            top: -.4rem
        }

    .product-card .product-card-details .link:hover {
        text-decoration: none;
        cursor: pointer;
        color: inherit
    }

    .product-card .product-card-details .link:before {
        content: "";
        border-bottom: solid .2rem;
        border-color: inherit;
        transform: scaleX(0);
        transition: transform .2s ease-in-out;
        width: 100%;
        position: absolute;
        bottom: -.2rem
    }

    .product-card .product-card-details .link:hover:before {
        transform: scaleX(1)
    }

    .product-card .product-card-details .link:before {
        transform-origin: 0 50%
    }

.product-card .mobile-product {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media only screen and (min-width:992px) {
    .product-card .mobile-product {
        display: none
    }
}

.product-card:focus {
    outline: 0
}

    .product-card:focus .link {
        outline: #008bd2 solid .2rem
    }

#homepage-quicklinks {
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center
}

    #homepage-quicklinks .quicklinks-title {
        font-size: 3.2rem;
        margin-top: 0;
        margin-bottom: 2rem;
        text-align: center
    }

    #homepage-quicklinks .quicklinks-item {
        text-align: center;
        display: flex;
        padding-top: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
        padding-left: 1rem
    }

        #homepage-quicklinks .quicklinks-item a {
            width: 100%;
            margin-top: 0;
            margin-right: 0;
            margin-bottom: 0;
            margin-left: 0;
            text-decoration: none;
            color: inherit
        }

            #homepage-quicklinks .quicklinks-item a .quicklinks-item-title {
                font-size: 2rem;
                margin-top: 0;
                margin-bottom: 1.6rem
            }

            #homepage-quicklinks .quicklinks-item a > div {
                background-color: #fff;
                padding-top: 2rem;
                padding-right: 1.7rem;
                padding-bottom: 7rem;
                padding-left: 1.7rem;
                height: 100%;
                transition: all .2s ease;
                word-break: break-word;
                position: relative;
                top: 0
            }

                #homepage-quicklinks .quicklinks-item a > div:hover {
                    transition: all .2s ease;
                    box-shadow: 0 4px 8px rgba(38,38,38,.2);
                    top: -1rem;
                    cursor: pointer
                }

                #homepage-quicklinks .quicklinks-item a > div p {
                    display: block;
                    display: -webkit-box;
                    margin: 0 auto;
                    -webkit-line-clamp: 4;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-size: 1.6rem;
                    font-weight: 400
                }

                #homepage-quicklinks .quicklinks-item a > div .link-wrap {
                    position: absolute;
                    bottom: 2.5rem;
                    right: 0;
                    left: 0;
                    padding-right: 2rem;
                    padding-left: 2rem
                }

                #homepage-quicklinks .quicklinks-item a > div .link {
                    margin-top: 2rem;
                    display: inline-block;
                    position: relative;
                    margin: 0 auto
                }

                    #homepage-quicklinks .quicklinks-item a > div .link:after {
                        margin-left: .6rem;
                        content: "\2192";
                        display: inline-block;
                        width: 1.2rem;
                        height: 1.2rem
                    }

                    #homepage-quicklinks .quicklinks-item a > div .link:hover {
                        text-decoration: none;
                        cursor: pointer;
                        color: inherit
                    }

                    #homepage-quicklinks .quicklinks-item a > div .link:before {
                        content: "";
                        border-bottom: solid .2rem;
                        border-color: inherit;
                        transform: scaleX(0);
                        transition: transform .2s ease-in-out;
                        width: 100%;
                        position: absolute;
                        bottom: -.2rem
                    }

                    #homepage-quicklinks .quicklinks-item a > div .link:hover:before {
                        transform: scaleX(1)
                    }

                    #homepage-quicklinks .quicklinks-item a > div .link:before {
                        transform-origin: 0 50%
                    }

                    #homepage-quicklinks .quicklinks-item a > div .link.external-link {
                        padding-right: 1.7rem
                    }

                        #homepage-quicklinks .quicklinks-item a > div .link.external-link:after {
                            margin-left: .6rem;
                            content: "";
                            background-image: url(../images/icons/ic_external-link.svg);
                            background-repeat: no-repeat;
                            background-size: 100%;
                            display: inline-block;
                            width: 1.2rem;
                            height: 1.2rem;
                            position: absolute;
                            bottom: .6rem
                        }

#homepage .ccm-ui div.ccm-scroller-inner a, #homepage .ccm-ui div.ccm-scroller-inner a:active, #homepage .ccm-ui div.ccm-scroller-inner a:link, #homepage .ccm-ui div.ccm-scroller-inner a:visited, div.alert-box {
    display: block
}

#homepage-quicklinks .quicklinks-item a > div .ql-image {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 2rem;
    margin-left: auto;
    width: 75%;
    max-width: 20rem;
    height: 10rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    box-shadow: none;
    backface-visibility: hidden
}

#homepage-footer.section-wrapper {
    background-color: #fff
}

    #homepage-footer.section-wrapper ul a {
        font-weight: 400
    }

        #homepage-footer.section-wrapper ul a:hover {
            text-decoration: underline;
            color: #008bd2
        }

#homepage .mainfooter > div, #homepage footer > div {
    width: 100%
}

@media only screen and (min-width:992px) {
    #homepage footer > div {
        max-width: 960px;
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media only screen and (min-width:1200px) {
    #homepage footer > div {
        max-width: 1140px;
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media only screen and (min-width:992px) {
    #homepage .mainfooter > div {
        max-width: 960px;
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media only screen and (min-width:1200px) {
    #homepage .mainfooter > div {
        max-width: 1140px;
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

ul#globalnav li {
    line-height: 1
}

#homepage a.setGlobalContent:hover {
    text-decoration: underline
}

#homepage .ccm-ui .btn, #homepage .ccm-ui a.btn {
    height: 2.7rem
}

#homepage .ccm-ui input[type=search], #homepage .ccm-ui input[type=text] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    -ms-appearance: textfield;
    -o-appearance: textfield;
    appearance: textfield
}

#homepage .ccm-ui input[type=checkbox] {
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
    -ms-appearance: checkbox;
    -o-appearance: checkbox;
    appearance: checkbox
}

#homepage .ccm-ui input[type=radio] {
    -moz-appearance: radio;
    -webkit-appearance: radio;
    -ms-appearance: radio;
    -o-appearance: radio;
    appearance: radio
}

#homepage .ccm-ui textarea {
    font-family: monospace;
    padding: 5px
}

#homepage .ccm-ui div.ccm-scroller-inner {
    height: 125px
}

#homepage div.ccm-scroller-inner ul li span {
    padding: 1px 3px;
    height: 36px;
    white-space: pre-line;
    line-height: 15px
}

#homepage #ccm-block-fields select {
    min-width: 11em
}

@media only screen {
    #ccm-cookiesDisclosure p, #ccm-headerAnnounce p {
        margin: 0 4px 0 7px
    }
}

#cookieNotice {
    position: relative;
    z-index: 99
}

#ccm-cookiesDisclosure, #ccm-headerAnnounce {
    margin-bottom: 0;
    width: 100%;
    z-index: 1;
    position: relative;
    overflow: auto;
    background: #F3F2EE
}

.disclosure-content.row {
    margin: 0 auto;
    max-width: 100%;
    min-width: 768px;
    display: block
}

    .disclosure-content.row h1, .disclosure-content.row h2, .disclosure-content.row h3, .disclosure-content.row h4, .disclosure-content.row h5, .disclosure-content.row h6 {
        font-weight: 700;
        margin-top: 16px;
        margin-bottom: 16px
    }

@media only screen and (min-width:768px) {
    .disclosure-content.row {
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

        .disclosure-content.row h1 {
            font-size: 24px;
            line-height: 26px
        }
}

@media only screen and (min-width:320px) {
    .disclosure-content.row {
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

        .disclosure-content.row h1 {
            font-size: 24px;
            line-height: 26px
        }

        .disclosure-content.row h2 {
            font-size: 18px;
            line-height: 21px
        }
}

@media only screen and (min-width:768px) {
    .disclosure-content.row h2 {
        font-size: 18px;
        line-height: 21px
    }

    .disclosure-content.row h3 {
        font-size: 16px;
        line-height: 20px
    }
}

@media only screen and (min-width:320px) {
    .disclosure-content.row h3 {
        font-size: 16px;
        line-height: 20px
    }
}

div.alert-box {
    padding: 6px 7px 7px !important;
    font-weight: 700;
    font-size: 16px !important;
    color: #fff;
    background-color: #2b7ab5;
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px rgba(0,0,0,.3);
    position: relative
}

#globalnav .submenu + ul .tablet-only, .ccm-add-block + a {
    display: none
}

div.alert-box.area-edit {
    font-size: 11px;
    line-height: 18px;
    margin-top: 5px;
    height: auto;
    padding-top: 0;
    overflow: none
}

    div.alert-box.area-edit > span > a {
        color: #fff;
        text-decoration: underline;
        font-weight: 400
    }

.label.alert {
    white-space: normal;
    line-height: 18px
}

ul#ccm-system-nav input#ccm-nav-intelligent-search {
    height: 18px
}

#global-nav, #pageslide {
    font-family: 'Cambridge Sans',sans-serif
}

#pageslide {
    font-weight: 300
}

#global-nav .hide-text, #global-nav .mobile-logo-wrapper {
    border: 0;
    font: 0/0 a !important;
    text-shadow: none;
    color: transparent;
    background-color: transparent
}

#global-nav, #globalnav .submenu + ul, #pageslide {
    background-color: #181817
}

    #pageslide ul#globalnav li {
        padding: 0 !important;
        padding: 0\9
    }

#global-nav {
    line-height: 15px;
    width: 100%
}

#globalnav {
    margin: 0;
    padding: 0;
    height: 46px
}

    #globalnav .right ul {
        padding: 0
    }

    #globalnav li {
        display: inline-block;
        padding: 0 1.2%;
        vertical-align: middle
    }

        #globalnav li a {
            color: #f3f2ee;
            display: block;
            font-size: 14px;
            padding: 15px 0;
            text-decoration: none
        }

#global-nav li a:hover, #pageslide #globalnav .submenu + ul a {
    color: #949494
}

#globalnav > li:first-child {
    padding-left: 10px !important;
    padding-right: 10px !important
}

#globalnav .submenu + ul {
    display: none;
    margin-left: -30px;
    padding: 0;
    position: absolute;
    z-index: 40
}

    #globalnav .submenu + ul li {
        display: block;
        padding: 14px 28px
    }

        #globalnav .submenu + ul li:last-child {
            padding-bottom: 28px
        }

    /*#global-nav li .submenu.hovered + ul, #global-nav li:hover .submenu + ul {
    display: block
}*/

    #globalnav .submenu + ul a {
        padding: 0
    }

#globalnav .show-for-mobile {
    display: none
}

.icon:after, .icon:before {
    background-image: url(../Images/Icons/global-nav.png);
    background-image: linear-gradient(transparent,transparent),url(../Images/Icons/global-nav.svg);
    background-repeat: no-repeat;
    background-size: 220px 146px;
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle
}

#globalnav > li:first-child > a:before {
    background-position: 0 0;
    height: 30px;
    width: 144px;
    position: relative;
    top: 1px;
    background-image: url(../Images/custom/logo.svg);
    background-size: contain;
}

@-moz-document url-prefix() {
    #globalnav > li:first-child > a:before {
        top: 0
    }
}

#globalnav > li:first-child > a {
    padding: 0;
    position: relative
}

#globalnav .submenu:after, #pageslide .submenu:after {
    background-position: -206px -58px;
    width: 14px;
    height: 9px;
    margin-left: 3px
}

#globalnav .submenu:hover:after {
    background-position: -206px -103px
}

#pageslide .submenu.open:after, #pageslide .submenu:hover:after {
    background-position: -206px -58px
}

#globalnav .right .location:before {
    background-position: 0 -51px;
    width: 23px;
    height: 22px;
    margin: -3px 3px 0 -25px
}

#globalnav .right .location:hover:before {
    background-position: 0 -96px
}

#globalnav .right .location {
    white-space: nowrap
}

#global-nav .mobile-icons li a {
    padding: 23px 10px;
    position: relative;
    top: 10px
}

#global-nav .mobile-icons li a, _:-webkit-full-screen:not(:root:root) {
    top: 13px
}

#global-nav .mobile-icons {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    float: right
}

    #global-nav .mobile-icons li {
        display: inline-block;
        text-align: center;
        padding: 0
    }

#pageslide, #pageslide #globalnav > li:first-child {
    display: none
}

#global-nav .mobile-icons li a:before {
    width: 23px;
    height: 23px
}

#global-nav .mobile-icons .cart:before {
    background-position: -140px -52px
}

#global-nav .mobile-icons .cart:hover:before {
    background-position: -140px -97px
}

#global-nav .mobile-icons .search:before {
    background-position: -36px -51px
}

#global-nav .mobile-icons .search:hover:before {
    background-position: -36px -96px
}

#global-nav .mobile-icons .menu:before {
    background-position: -106px -53px;
    top: 3px
}

#global-nav .mobile-icons .menu:hover:before {
    background-position: -106px -98px;
    top: 3px
}

#global-nav .mobile-icons .countryReveal:before {
    background-position: 0 -51px
}

#global-nav .mobile-icons .countryReveal:hover:before {
    background-position: 0 -96px
}

#pageslide {
    overflow: auto;
    position: fixed;
    top: 0;
    width: 280px;
    height: 100%
}

    #pageslide #globalnav li a {
        font-size: 20px;
        line-height: 30px;
        padding: 8px 22px
    }

    #pageslide #globalnav li {
        display: block
    }

    #pageslide #globalnav .submenu + ul {
        margin: 0;
        padding-left: 15px;
        position: relative
    }

        #pageslide #globalnav .submenu + ul a span {
            font-size: 16px;
            line-height: 24px;
            display: block
        }

    #pageslide #globalnav li.right {
        display: none
    }

    #pageslide .expanded.submenu + ul {
        display: block
    }

    #pageslide #globalnav .submenu + ul a:hover {
        color: #686868
    }

/*#global-nav .open:not(.reveal-modal) {
    display: none;
    float: left !important;
    padding: 12px
}

#global-nav .open:before {
    background-position: -178px -52px;
    width: 12px;
    height: 20px
}

#global-nav .open:hover:before {
    background-position: -178px -97px
}

#global-nav .open.globalnav_close:before {
    background-position: -71px -53px;
    width: 18px;
    height: 18px
}

#global-nav .open.globalnav_close:hover:before {
    background-position: -71px -98px
}

@media only screen and (max-width:980px) {
    #global-nav li {
        padding: 0 .9%
    }
}*/

@media only screen and (max-width:930px) {
    #globalnav .right .location {
        border: 0;
        font: 0/0 a;
        text-shadow: none;
        color: transparent;
        background-color: transparent
    }
}

.mainfooter, .mainfooter .ninesixty {
    background-color: #333
}

@media only screen and (max-width:822px) {
    #globalnav .hide-for-mobile {
        display: none
    }

    #globalnav .submenu + ul .tablet-only {
        display: block
    }
}

@media only screen and (max-width:768px) {
    #globalnav > li {
        padding: 0 7px !important
    }
}

@media only screen and (max-width:767px) {
    /*#global-nav .mobile-icons, #global-nav .open, #pageslide #globalnav .hide-for-mobile, #pageslide #globalnav .show-for-mobile {
        display: block !important
    }

    #global-nav #globalnav, #pageslide #globalnav .submenu + ul .hide-for-mobile, #pageslide #globalnav .tablet-only {
        display: none !important
    }

    #global-nav {
        height: 46px
    }

        #global-nav .cuplogo:before {
            background-position: 0 0;
            width: 144px;
            height: 30px
        }

        #global-nav .cupshield:before {
            background-position: 0 0;
            width: 27px;
            height: 30px
        }

        #global-nav .education:after {
            background-position: -119px -129px;
            width: 100px;
            height: 17px;
            margin: 4px 0 3px 8px
        }

        #global-nav .academic:after {
            background-position: 0 -129px;
            width: 98px;
            height: 17px;
            margin: 4px 0 3px 8px
        }

        #global-nav .academic, #global-nav .cuplogo, #global-nav .cupshield, #global-nav .education {
            margin: 8px 0 0;
            float: left
        }*/

    #pageslide .submenu.open:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    #pageslide .submenu.expanded:after {
        width: 0;
        height: 0
    }
}

.triage .mobile-icons .cartCount, .triage .mobile-icons .mainNavToggle, .triage .mobile-icons .searchToggle {
    display: none !important
}

.triage .mobile-icons .countryReveal {
    display: inline;
    right: 0;
    height: 45px;
    width: 46px
}

#globalnav li a:focus {
    outline: #008BD2 solid 2px
}

.mobile-logo-wrapper a {
    outline: 0
}

#footernav li, #footernav li a {
    color: #f2f2f2;
    font-size: 12px;
    text-decoration: none;
    display: inline-block
}

@media \0screen {
    body {
        min-width: 1023px
    }
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: local('Source Sans Pro Light'),local('SourceSansPro-Light'),url(Fonts/SourceSansPro/SourceSansPro-Light.ttf) format('truetype');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro'),local('SourceSansPro-Regular'),url(Fonts/SourceSansPro/SourceSansPro-Regular.ttf) format('truetype');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mainfooter .columns, .mainfooter.columns {
    float: left;
    min-height: 1px;
    padding: 0 5px;
    position: relative
}

    .mainfooter .columns.centered {
        float: none;
        margin: 0 auto
    }

.mainfooter {
    font-family: 'Source Sans Pro',sans-serif;
    overflow: hidden;
    width: 100%;
    line-height: 24px
}

#footernav {
    margin: 0;
    padding: 0;
    height: 54px
}

    #footernav .right ul {
        padding: 0
    }

    #footernav li {
        line-height: 24px;
        padding: 15px 0;
        vertical-align: middle;
        margin: 0
    }

        #footernav li a:hover {
            color: #9C9C9C
        }

.mainfooter li.pipe:after {
    background-repeat: no-repeat;
    content: "|";
    position: relative;
    color: #949494;
    padding: 0 7px
}

.mainfooter li .lifebuoy:before {
    background-position: 0 -170px;
    height: 20px;
    width: 20px
}

.mainfooter .icon:before {
    background-image: url(../Images/Icons/global-foot.svg);
    background-size: 220px 190px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.mainfooter li .lifebuoy:hover:before {
    background-position: -35px -170px;
    height: 20px;
    width: 20px
}

@-moz-document url-prefix() {
    #footernav > li:first-child > a:before {
        top: 0
    }
}

#footernav > li:first-child > a {
    padding: 0;
    position: relative
}

#footernav .right {
    float: right
}

.mainfooter .hide-text {
    border: 0;
    font: 0/0 a !important;
    text-shadow: none;
    color: transparent;
    background-color: transparent
}

#footernav .mobile-icons {
    display: none;
    padding: 0;
    margin: 0
}

.mainfooter li .arrow-up:before {
    background-position: -77px -160px;
    height: 30px;
    width: 30px;
    padding-bottom: 8px
}

.mainfooter .up:before {
    background-image: url(../Images/Icons/global-foot.svg);
    background-size: 220px 190px;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.mainfooter li .arrow-up:hover:before {
    background-position: -77px -160px;
    height: 30px;
    width: 30px;
    opacity: .5;
    filter: alpha(opacity=50)
}

.mainfooter .ninesixty, .mainfooter .ninesixty {
    max-width: 100%;
    width: 960px
}

@media only screen and (max-width:767px) {
    .mainfooter .ninesixty, .mainfooter .ninesixty {
        max-width: 100%;
        min-width: 0;
        width: 100% !important;
        padding: 0;
        margin: 0
    }

    .mainfooter li.pipe:after {
        background-repeat: no-repeat;
        content: "|";
        position: relative;
        color: #949494;
        padding: 0 2px
    }

    #footernav li {
        color: #f2f2f2;
        font-size: 12px;
        line-height: 24px;
        text-decoration: none;
        padding: 0;
        float: left;
        display: inline-block
    }

    #footernav .mobile-icons {
        display: inline;
        float: right;
        width: 30px;
        height: 30px;
        position: absolute;
        bottom: 8px;
        right: 2px
    }

    #footernav {
        margin: 0;
        padding: 8px 8px 0;
        height: 97px
    }

        #footernav .right {
            display: inline-block;
            float: left;
            width: 100%;
            padding: 10px 0 8px;
            margin: 0;
            position: absolute;
            bottom: 0;
            left: 8px
        }
}

@media only screen and (max-width:320px) {
    #footernav {
        height: auto
    }

        #footernav .right {
            position: relative;
            left: 0
        }
}

/* New Header and Footer */
#global-footer {
    background-color: #fff;
    align-items: center;
    color: #000;
    min-height: 50px;
    border-top: 40px #f3f3f3 solid;
}

    #global-footer, #global-footer * {
        text-size-adjust: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
    }

#global-nav, #global-footer {
    background-color: #fff;
    box-sizing: border-box;
    color: #000;
    font-family: cambridge sans,Arial,sans-serif;
    font-size: 14px;
}

    #global-footer *, #global-nav * {
        box-sizing: inherit;
    }

.gnav-container {
    align-items: center;
    max-width: 1244px;
    display: flex;
    min-height: 40px;
    margin: 0 auto;
    position: relative;
}

#global-nav .logo {
    margin-left: 16px;
    vertical-align: middle;
    width: 35%;
}

    #global-nav .logo img {
        width: 100%;
        height: auto;
    }

#global-nav .gnav-mobile-toggle {
    background: url(/modules/custom/gnav/images/sprite.svg) -287px -63px no-repeat;
    border: 0;
    box-shadow: none;
    font-size: 0;
    cursor: pointer;
    margin: 0 18px 0 auto;
    width: 36px;
    height: 36px;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}

#global-nav .menu-wrapper {
    height: 100%;
    display: none;
    flex-grow: 1;
}

#global-nav .menu {
    background-color: #fff;
}

#global-nav ul {
    display: block;
    font-size: 14px;
    list-style: none;
    margin: 0 0 0 auto;
    padding-left: 16px;
    padding-right: 16px;
    vertical-align: middle;
}

    #global-nav ul li {
        line-height: 1.2;
        border-top: 1px solid #e0e0e0;
        list-style: none;
        margin-left: 0;
        margin-bottom: 0;
        padding-left: 2px;
        vertical-align: middle;
    }

        #global-nav ul li:last-child {
            margin-right: 0;
        }

        #global-nav ul li a {
            color: inherit;
            display: flex;
            padding-top: 10px;
            padding-bottom: 10px;
            text-decoration: none;
        }

    #global-nav ul .menu--has-submenu > a::after {
        background: url(/modules/custom/gnav/images/sprite.svg) -20px -212px no-repeat;
        display: inline-block;
        content: "";
        height: 14px;
        width: 13px;
        margin-left: auto;
        margin-right: 3px;
        vertical-align: middle;
        transform: rotate( 90deg );
    }

    #global-nav ul > li:hover .sub-menu, #global-nav ul .sub-menu--open .sub-menu, #global-nav ul .active .sub-menu {
        display: flex;
    }

    #global-nav ul .sub-menu {
        background-color: #fff;
        display: block;
        left: 100vw;
        right: 0;
        position: absolute;
        bottom: 0;
        top: 0;
        transition: .2s left;
        width: 100vw;
        z-index: 2;
    }

#global-nav .sub-menu .gnav-menu--back {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background: 0 0;
    box-shadow: none;
    color: #000;
    cursor: pointer;
    margin-left: 12px;
    margin-right: 16px;
    text-align: left;
    width: calc(100% - 32px);
    padding: 9px 10px 9px 0;
}

#global-nav .wide-only, #global-footer .wide-only {
    display: none;
}

#global-nav .menu-item--current {
    font-weight: 700;
    margin-left: 16px;
    margin-right: 16px;
}

#global-nav .sub-menu li {
    display: block;
}

#global-nav ul li a:hover {
    text-decoration: underline;
}

.gnav-container {
    align-items: center;
    max-width: 1244px;
    display: flex;
    min-height: 40px;
    margin: 0 auto;
    position: relative;
}

#global-footer .gnav-container {
    align-items: flex-start;
    flex-wrap: wrap;
    height: auto;
}

#global-footer .logo {
    padding: 25px 0 35px;
}

    #global-footer .logo img {
        max-width: 180px;
        width: 100%;
    }

#global-footer .footer-menu {
    flex-basis: 100%;
    padding: 0 16px;
    padding-bottom: 0;
}

#global-footer .gnav-footer-title {
    margin: 0;
}

#global-nav .narrow-only, #global-footer .narrow-only {
    display: block;
}

#global-footer .gnav-collapse-button {
    align-items: center;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    outline: 0;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0;
    border-top: 1px solid #e0e0e0;
    margin: 0;
    width: 100%;
}

#global-footer .footer-menu--main .menu, #global-footer .footer-menu--about .menu {
    display: none;
}

#global-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

    #global-footer ul li {
        line-height: 1.3;
        page-break-inside: avoid;
        vertical-align: middle;
    }

#global-footer .footer-menu li {
    border-top: 1px solid #e0e0e0;
    list-style: none;
    padding: 0;
    margin-left: 0;
    margin-bottom: 0;
}

#global-footer .footer-menu--about li, #global-footer .footer-menu--main li {
    padding-left: 20px;
}

#global-footer ul li a {
    color: inherit;
    text-decoration: none;
    padding: 10px 0;
    display: block;
}

    #global-footer ul li a:hover {
        text-decoration: underline;
    }

#global-footer .gnav-sub-footer {
    flex-basis: 100%;
}

    #global-footer .gnav-sub-footer .gnav-container {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    #global-footer .gnav-sub-footer .gnav-copyright {
        border-top: 1px solid #e0e0e0;
        font-size: 12px;
        padding: 13px 0;
        margin: 0 16px;
    }

    #global-footer .gnav-sub-footer .footer-menu {
        padding-bottom: 0;
        padding-top: 0;
    }

#global-footer .footer-menu .menu-item--social {
    border: 0;
    margin-bottom: 24px;
    display: inline-block;
    margin-left: 10px;
}

#global-footer .menu-item--social a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    white-space: nowrap;
    min-width: 22px;
    height: 22px;
}

    #global-footer .menu-item--social a img {
        display: block;
    }

#global-nav .menu-wrapper.menu--open {
    background-color: #fff;
    display: block;
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100vw;
    z-index: 3;
}

@media (min-width: 768px) {
    .gnav-container {
        min-height: 60px;
    }

    #global-nav .logo {
        margin-left: 0;
        width: 180px;
    }

    #global-nav .menu-wrapper, #global-nav .gnav-extra {
        display: flex;
        align-items: center;
    }

    #global-nav ul {
        display: inline-block;
        padding-right: 0;
        padding-left: 0;
    }

        #global-nav ul li {
            display: inline-block;
            border-top: 0;
            line-height: 1;
            margin: 0 8px 0 0;
            page-break-inside: avoid;
        }

    #global-nav .menu-wrapper > .menu > li > a {
        padding-top: 21px;
        padding-bottom: 22px;
    }

    #global-nav ul .menu--has-submenu > a::after {
        margin-top: 1px;
        margin-left: 10px;
        transform: rotate( -180deg );
    }

    #global-nav ul .sub-menu {
        background-color: #f3f3f3;
        display: none;
        left: 0;
        right: 0;
        bottom: auto;
        top: 100%;
        padding: 16px 16px 30px;
        position: absolute;
        width: 100%;
    }

    #global-nav ul li .gnav-menu--back, .gnav-mobile-toggle {
        display: none;
    }

    #global-nav .wide-only, #global-footer .wide-only {
        display: block;
    }

    #global-nav .menu__intro {
        flex-basis: 30%;
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 10px;
        margin-right: 30px;
    }

        #global-nav .menu__intro h2 {
            font-size: 24px;
            line-height: 1.1666;
            margin-top: 0;
            margin-bottom: 16px;
        }

        #global-nav .menu__intro p {
            max-width: 266px;
        }

    #global-nav .menu-wrapper .menu .sub-menu a {
        padding: 8px 5px;
    }

    #global-nav .menu-item--current, #global-nav ul :not(.menu--has-submenu) > a::after {
        display: none;
    }

    #global-nav .sub-menu .menu {
        background-color: #f3f3f3;
        column-count: 3;
        width: 100%;
    }

    .gnav-container {
        min-height: 60px;
    }

    #global-footer {
        padding: 0 16px;
    }

        #global-footer .footer-menu {
            padding: 0;
        }

        #global-footer .footer-menu--main {
            display: block;
            flex-basis: 40%;
        }

        #global-footer .gnav-footer-title {
            margin-bottom: 12px;
            font-size: 20px;
        }

        #global-nav .narrow-only, #global-footer .narrow-only {
            display: none;
        }

        #global-footer .footer-menu .menu {
            display: block;
        }

        #global-footer .footer-menu--main ul {
            column-count: 2;
        }

        #global-footer .footer-menu li {
            border: 0;
        }

        #global-footer .footer-menu--about li, #global-footer .footer-menu--main li {
            padding-left: 0;
        }

        #global-footer .footer-menu--main ul li {
            margin-right: 30px;
        }

        #global-footer ul li a {
            padding: 6px 0;
        }

        #global-footer .footer-menu--about {
            flex-basis: 25%;
            padding-left: 40px;
        }

        #global-footer .gnav-sub-footer {
            background-color: #f3f3f3;
            font-size: 12px;
            margin: 60px -16px 0;
            padding: 0 16px;
        }

            #global-footer .gnav-sub-footer .gnav-container {
                align-items: center;
                flex-direction: row;
            }

            #global-footer .gnav-sub-footer .gnav-copyright {
                border: 0;
                margin-left: 0;
                margin-right: 50px;
            }

            #global-footer .gnav-sub-footer .footer-menu {
                flex-basis: auto;
                padding: 13px 0;
            }

        #global-footer .footer-menu .menu {
            display: block;
        }

        #global-footer .gnav-sub-footer li {
            display: inline-block;
            margin-bottom: 0;
            margin-right: 8px;
        }

            #global-footer .gnav-sub-footer li a {
                margin-bottom: 0;
                padding: 0 8px 0 0;
                border-right: 1px solid #000;
            }

            #global-footer .gnav-sub-footer li:last-child a {
                border: 0;
            }

        #global-footer .footer-menu--social {
            margin-left: auto;
            flex-basis: 25%;
        }

        #global-footer .footer-menu .menu-item--social:first-child {
            margin-left: -10px;
        }
}
