@charset "UTF-8";

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

html {
    font-size: .625em;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font-size: 100%;
    text-align: left;
    letter-spacing: 0
}

a, blockquote, body, div, fieldset, form, h1, h2, h3, h4, h5, h6, img, input, label, legend, li, ol, p, select, ul {
    margin: 0;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, picture, section, video {
    display: block
}

iframe {
    border: 0 solid transparent
}

img {
    max-width: 100%;
    display: block
}

a img, img {
    border: 0
}

[class*=row-], [class*=row_], [class~=row] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -1rem
}

[class*=base], [class*=base_], [class~=base] {
    padding: 0 1rem
}

[class~=base] {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

[class*=base_], [class~=base] {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

[class~=row][class*=base], [class~=row][class*=base_], [class~=row][class~=base] {
    margin: 0;
    padding: 0
}

[class*=row-][class*=-noGutter] {
    margin: 0
}

    [class*=row-][class*=-noGutter] > [class*=base], [class*=row-][class*=-noGutter] > [class~=base] {
        padding: 0
    }

[class*=row] > [class*=base1] {
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%
}

[class*=row] > [class*=base2] {
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%
}

[class*=row] > [class*=base3] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

[class*=row] > [class*=base4] {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%
}

[class*=row] > [class*=base5] {
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%
}

[class*=row] > [class*=base6] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

[class*=row] > [class*=base7] {
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%
}

[class*=row] > [class*=base8] {
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%
}

[class*=row] > [class*=base9] {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

[class*=row] > [class*=base10] {
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%
}

[class*=row] > [class*=base11] {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%
}

[class*=row] > [class*=base12] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

@media (min-width:1024px) and (max-width:1430px) {
    [class*=row] > [class*=_dc1] {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class*=row] > [class*=_dc2] {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=row] > [class*=_dc3] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=row] > [class*=_dc4] {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=row] > [class*=_dc5] {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class*=row] > [class*=_dc6] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=row] > [class*=_dc7] {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class*=row] > [class*=_dc8] {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class*=row] > [class*=_dc9] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=row] > [class*=_dc10] {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class*=row] > [class*=_dc11] {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class*=row] > [class*=_dc12] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width:780px) and (max-width:1080px) {
    [class*=row] > [class*=tp1] {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class*=row] > [class*=tp2] {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=row] > [class*=tp3] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=row] > [class*=tp4] {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=row] > [class*=tp5] {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class*=row] > [class*=tp6] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=row] > [class*=tp7] {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class*=row] > [class*=tp8] {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class*=row] > [class*=tp9] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=row] > [class*=tp10] {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class*=row] > [class*=tp11] {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class*=row] > [class*=tp12] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width:128px) and (max-width:780px) {
    [class*=row] > [class*=base], [class*=row] > [class*=base_], [class*=row] > [class~=base] {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    [class*=base], [class*=base_], [class~=base] {
        padding: 0 6.5%
    }

    [class*=row] > [class*=ml1] {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class*=row] > [class*=ml2] {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=row] > [class*=ml3] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=row] > [class*=ml4] {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=row] > [class*=ml5] {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class*=row] > [class*=ml6] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=row] > [class*=ml7] {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class*=row] > [class*=ml8] {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class*=row] > [class*=ml9] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=row] > [class*=ml10] {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class*=row] > [class*=ml11] {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class*=row] > [class*=ml12] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (max-width:480px) {
    [class*=row] > [class*=base], [class*=row] > [class*=base_], [class*=row] > [class~=base] {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    [class*=base], [class*=base_], [class~=base] {
        padding: 0 6.5%
    }

    [class*=row] > [class*=mp1] {
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%
    }

    [class*=row] > [class*=mp2] {
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%
    }

    [class*=row] > [class*=mp3] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=row] > [class*=mp4] {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%
    }

    [class*=row] > [class*=mp5] {
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%
    }

    [class*=row] > [class*=mp6] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=row] > [class*=mp7] {
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%
    }

    [class*=row] > [class*=mp8] {
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%
    }

    [class*=row] > [class*=mp9] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=row] > [class*=mp10] {
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%
    }

    [class*=row] > [class*=mp11] {
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%
    }

    [class*=row] > [class*=mp12] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

[class*=base]:not([class*=base0]) {
    display: block
}

[class~=row][class*=base]:not([class*=base0]) {
    display: -ms-flexbox;
    display: flex
}

[class*=base][class*=base0] {
    display: none
}

@media (min-width:1024px) and (max-width:1430px) {
    [class~=row] > :not([class*=dc0]) {
        display: block
    }

    [class~=row]:not([class*=dc0]) {
        display: -ms-flexbox;
        display: flex
    }

    [class~=row] > [class*=dc0], [class~=row][class*=-equalHeight] > [class*=dc0] {
        display: none
    }
}

@media (min-width:780px) and (max-width:1080px) {
    [class~=row] > :not([class*=tp0]) {
        display: block
    }

    [class~=row]:not([class*=tp0]) {
        display: -ms-flexbox;
        display: flex
    }

    [class~=row] > [class*=tp0], [class~=row][class*=-equalHeight] > [class*=tp0] {
        display: none
    }
}

@media (min-width:128px) and (max-width:780px) {
    [class~=row] > :not([class*=ml0]) {
        display: block
    }

    [class~=row]:not([class*=ml0]) {
        display: -ms-flexbox;
        display: flex
    }

    [class~=row] > [class*=ml0], [class~=row][class*=-equalHeight] > [class*=ml0] {
        display: none
    }
}

@media (max-width:480px) {
    [class~=row] > :not([class*=mp0]) {
        display: block
    }

    [class~=row]:not([class*=mp0]) {
        display: -ms-flexbox;
        display: flex
    }

    [class~=row] > [class*=mp0], [class~=row][class*=-equalHeight] > [class*=mp0] {
        display: none
    }
}

html.noto-sans body {
    font-family: Noto sans,sans-serif
}

    html.noto-sans body * {
        font-family: inherit !important
    }

@keyframes a {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes b {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes c {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes d {
    0% {
        opacity: 0
    }

    to {
        opacity: .2
    }
}

.ml01 {
    position: relative;
    z-index: 1
}

    .ml01 .content, .ml01 .hero {
        background-color: #fff
    }

    .ml01 .content {
        margin-bottom: 37.4rem
    }

main.fixed-position {
    position: fixed
}

.row {
    max-width: 110.4rem;
    margin: 0 auto
}

    .row.wide {
        max-width: none;
        padding: 0
    }

        .row.wide > div {
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: 100%
        }

        .row.wide .block, .row.wide > .pane {
            padding: 0
        }

        .row.wide + .feature-right .image-block {
            margin-top: 7rem
        }

    .row.narrow {
        max-width: 73.6rem
    }

    .row.flex {
        display: -ms-flexbox;
        display: flex
    }

        .row.flex > .block.base4:first-child, .row.flex > .block.base6:first-child {
            padding-right: 0
        }

        .row.flex > .block.base4:nth-child(2) {
            padding-left: 0;
            padding-right: 0
        }

        .row.flex > .block.base4:last-child, .row.flex > .block.base6:last-child, .row.flex > .block.base8:last-child {
            padding-left: 0
        }

        .row.flex .base4, .row.flex .base6, .row.flex .base8 {
            display: -ms-flexbox;
            display: flex
        }

        .row.flex + .wide .dynamic-service-list.styled-tabs {
            padding-top: 4rem
        }

.cf:after, .cf:before, .component:after, .component:before, main:after, main:before {
    content: "";
    display: table
}

.cf:after, .component:after, main:after {
    clear: both
}

.shade {
    width: 100%;
    height: 100%;
    background-color: #1d252d;
    position: fixed;
    left: 0;
    top: 5rem;
    z-index: 2;
    display: none;
    opacity: 0
}

    .shade.show {
        display: block;
        animation-name: d;
        animation-duration: .6s;
        animation-iteration-count: 1;
        animation-delay: .01s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(.075,.82,.165,1)
    }

    .shade.higher-position {
        height: calc(100% + 10rem);
        top: -10rem
    }

.search-shade .search-result-item, .search-shade .search-results-listing {
    position: relative
}

    .search-shade .search-result-item:before, .search-shade .search-results-listing:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: hsla(0,0%,100%,.8);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1
    }

[class$=template] > .row:first-child .rich-text {
    margin-top: 4rem
}

[class$=template] > .row:first-child .base5 .rich-text {
    margin-top: 0
}

@media (min-width:128px) and (max-width:780px) {
    .ml01 .content {
        margin-bottom: 0
    }

        .ml01 .content .row.flex {
            display: block
        }

            .ml01 .content .row.flex > .block.base4:first-child, .ml01 .content .row.flex > .block.base6:first-child {
                padding-right: 6.5%
            }

                .ml01 .content .row.flex > .block.base4:first-child .cta-container, .ml01 .content .row.flex > .block.base6:first-child .cta-container {
                    margin-bottom: 0
                }

            .ml01 .content .row.flex > .block.base4:nth-child(2) {
                padding-left: 6.5%;
                padding-right: 6.5%
            }

                .ml01 .content .row.flex > .block.base4:nth-child(2) > div {
                    margin-top: -.1rem;
                    margin-bottom: 0
                }

            .ml01 .content .row.flex > .block.base4:last-child, .ml01 .content .row.flex > .block.base6:last-child, .ml01 .content .row.flex > .block.base8:last-child {
                padding-left: 6.5%
            }

                .ml01 .content .row.flex > .block.base4:last-child > div, .ml01 .content .row.flex > .block.base6:last-child > div, .ml01 .content .row.flex > .block.base8:last-child > div {
                    margin-top: -.1rem
                }

            .ml01 .content .row.flex .base4, .ml01 .content .row.flex .base6, .ml01 .content .row.flex .base8 {
                display: block
            }

            .ml01 .content .row.flex + .wide .dynamic-service-list.styled-tabs {
                padding-top: 2rem
            }

        .ml01 .content .row.wide + .feature-right .image-block {
            margin-top: 5.5rem
        }

    .search-shade .search-result-item:before, .search-shade .search-results-listing:before, .shade, .site-footer.fixed-position-f, main.fixed-position, main.fixed-position + .site-footer, main.fixed-position + aside + .site-footer, main.fixed-position + aside + script + script + .site-footer {
        display: none
    }

    [class$=template] .row:first-child .rich-text {
        margin-top: 2rem
    }
}

@font-face {
    font-family: Calmetta;
    font-weight: 700;
    font-display: swap;
    src: local("☺"),url(/assets/fonts/Calmetta_Bold.woff2) format("woff2"),url(/assets/fonts/Calmetta_Bold.woff) format("woff"),url(/assets/fonts/Calmetta_Bold.ttf) format("truetype")
}

@font-face {
    font-family: Calmetta;
    font-weight: 400;
    font-display: swap;
    src: local("☺"),url(/assets/fonts/Calmetta_Regular.woff2) format("woff2"),url(/assets/fonts/Calmetta_Regular.woff) format("woff"),url(/assets/fonts/Calmetta_Regular.ttf) format("truetype")
}

@font-face {
    font-family: Calmetta;
    font-weight: 300;
    font-display: swap;
    src: local("☺"),url(/assets/fonts/Calmetta_Light.woff2) format("woff2"),url(/assets/fonts/Calmetta_Light.woff) format("woff"),url(/assets/fonts/Calmetta_Light.ttf) format("truetype")
}

@font-face {
    font-family: Source Sans Pro;
    font-weight: 700;
    font-display: swap;
    src: local("☺"),url(/assets/fonts/SourceSansPro-Bold.woff2) format("woff2"),url(/assets/fonts/SourceSansPro-Bold.woff) format("woff"),url(/assets/fonts/SourceSansPro-Bold.ttf) format("truetype")
}

@font-face {
    font-family: Source Sans Pro;
    font-weight: 400;
    font-display: swap;
    src: local("☺"),url(/assets/fonts/SourceSansPro-Regular.woff2) format("woff2"),url(/assets/fonts/SourceSansPro-Regular.woff) format("woff"),url(/assets/fonts/SourceSansPro-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Source Sans Pro;
    font-weight: 300;
    font-display: swap;
    src: local("☺"),url(/assets/fonts/SourceSansPro-Light.woff2) format("woff2"),url(/assets/fonts/SourceSansPro-Light.woff) format("woff"),url(/assets/fonts/SourceSansPro-Light.ttf) format("truetype")
}

@font-face {
    font-family: Source Sans Pro;
    font-weight: 300;
    font-display: swap;
    font-style: italic;
    src: local("☺"),url(/assets/fonts/SourceSansPro-Light-Italic.woff2) format("woff2"),url(/assets/fonts/SourceSansPro-Light-Italic.woff) format("woff"),url(/assets/fonts/SourceSansPro-Light-Italic.ttf) format("truetype")
}

@font-face {
    font-family: Noto sans;
    font-weight: 700;
    font-display: swap;
    src: local("☺"),url(/assets/fonts/noto-sans/NotoSans-Bold.woff2) format("woff2"),url(/assets/fonts/noto-sans/NotoSans-Bold.woff) format("woff"),url(/assets/fonts/noto-sans/NotoSans-Bold.ttf) format("truetype")
}

@font-face {
    font-family: Noto sans;
    font-weight: 400;
    font-display: swap;
    src: local("☺"),url(/assets/fonts/noto-sans/NotoSans-Regular.woff2) format("woff2"),url(/assets/fonts/noto-sans/NotoSans-Regular.woff) format("woff"),url(/assets/fonts/noto-sans/NotoSans-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Noto sans;
    font-weight: 300;
    font-display: swap;
    src: local("☺"),url(/assets/fonts/noto-sans/NotoSans-Light.woff2) format("woff2"),url(/assets/fonts/noto-sans/NotoSans-Light.woff) format("woff"),url(/assets/fonts/noto-sans/NotoSans-Light.ttf) format("truetype")
}

@font-face {
    font-family: Noto sans;
    font-weight: 300;
    font-display: swap;
    font-style: italic;
    src: local("☺"),url(/assets/fonts/noto-sans/NotoSans-LightItalic.woff2) format("woff2"),url(/assets/fonts/noto-sans/NotoSans-LightItalic.woff) format("woff"),url(/assets/fonts/noto-sans/NotoSans-LightItalic.ttf) format("truetype")
}

html.iframe {
    overflow: hidden
}

body {
    font-family: Source Sans Pro,Arial,sans-serif;
    color: #1d252d;
    max-width: 1920px;
    margin: auto
}

    body.page-load {
        opacity: 1
    }

    body.epi-inline {
        padding-top: 100px !important;
        background: linear-gradient(180deg,#f1f4f7 80px,rgba(233,238,241,0) 81px) !important
    }

a {
    text-decoration: none;
    color: #1a8479
}

    a:active, a:focus, a:hover {
        text-decoration: underline
    }

        a:active strong, a:focus strong, a:hover strong {
            color: #1a8479
        }

    a.button {
        display: inline-block
    }

        a.button:after {
            display: none
        }

        a.button:active, a.button:focus, a.button:hover {
            text-decoration: none
        }

    a.label-tag:focus, a.label-tag:hover {
        text-decoration: underline
    }

.h7, h1, h2, h3, h4, h5, h6 {
    font-family: Calmetta,Arial,Verdana,sans-serif;
    font-weight: 700;
    color: #1d252d
}

.h1, h1 {
    line-height: 1.2;
    letter-spacing: .1rem;
    font-family: Source Sans Pro,Arial,sans-serif;
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 2.5rem;
    text-transform: uppercase;
    color: #616771
}

    .h1.underline, h1.underline {
        background-size: .1rem .6rem
    }

        .h1.underline + *, h1.underline + * {
            margin-top: 5.25rem
        }

.h2, h2 {
    line-height: 1.26667;
    font-size: 6rem
}

    .h2.underline, h2.underline {
        background-size: .1rem .6rem
    }

        .h2.underline + *, h2.underline + * {
            margin-top: 5.25rem
        }

.h3, h3 {
    line-height: 1.23077;
    font-size: 2.6rem;
    margin-bottom: 2rem;
    color: #1d252d
}

    .h3.underline, h3.underline {
        background-position: 0 7.2rem;
        background-size: .1rem .6rem;
        font-size: 2.2rem
    }

        .h3.underline + *, h3.underline + * {
            margin-top: 5.25rem
        }

.h4, h4 {
    line-height: 1.25;
    font-size: 2.4rem;
    margin-bottom: 2rem
}

.h4, .h5, h4, h5 {
    font-weight: 400
}

.h5, h5 {
    line-height: 1.31579;
    font-size: 1.9rem
}

.h5, .h6, h5, h6 {
    margin-bottom: 1.5rem
}

.h6, h6 {
    line-height: 1.27273;
    font-size: 2.2rem
}

    .h6.underline, h6.underline {
        background-position: 0 2.6rem
    }

        .h6.underline + *, h6.underline + * {
            margin-top: 1.5rem
        }

.h7 {
    line-height: 1.31579;
    font-size: 1.9rem;
    margin-bottom: 1.5rem
}

    .h7.underline {
        display: inline;
        position: relative;
        top: 0;
        background-position: 0 2.6rem
    }

        .h7.underline + * {
            margin-top: 1.5rem
        }

.underline {
    display: inline;
    position: relative;
    top: 0;
    background-image: linear-gradient(90deg,#1a8479 0,#1a8479);
    background-position: 0 100%;
    background-size: .1rem .3rem;
    background-repeat: repeat-x
}

hr {
    background-color: #e9eef1;
    color: transparent;
    border-width: 0;
    height: .1rem;
    margin-bottom: 2.5rem
}

strong {
    color: #1d252d;
    font-weight: 700
}

    strong a {
        background-size: .1rem .3rem
    }

a strong {
    position: relative;
    display: inline-block
}

    a strong:after {
        content: "";
        width: 100%;
        height: .2rem;
        display: block;
        background-color: #1a8479;
        position: absolute;
        bottom: .2rem;
        left: 0;
        z-index: -1
    }

p {
    line-height: 1.375;
    margin-bottom: 2rem;
    font-size: 1.6rem
}

    p, p a {
        font-weight: 300;
        color: #616771
    }

        p a {
            position: relative;
            z-index: 1;
            background-image: linear-gradient(90deg,#1a8479 0,#1a8479);
            background-position: 0 1.8rem;
            background-repeat: repeat-x;
            background-size: .1rem .1rem
        }

            p a:focus, p a:focus strong, p a:hover, p a:hover strong {
                text-decoration: none;
                color: #1a8479
            }

ol, ul {
    list-style-type: none;
    color: #616771;
    font-weight: 300
}

.medium {
    line-height: 1.3;
    font-size: 2rem
}

    .medium a {
        background-position: 0 2.3rem
    }

        .medium a strong:after {
            height: .3rem;
            bottom: .1rem
        }

.large {
    line-height: 1.33333;
    font-size: 2.4rem
}

    .large a, .large a strong {
        background-position: 0 2.8rem
    }

        .large a strong:before {
            content: "";
            width: 100%;
            height: .2rem;
            display: block;
            background-color: #fff;
            position: absolute;
            bottom: .7rem;
            left: 0;
            z-index: -1
        }

        .large a strong:after {
            height: .3rem;
            bottom: .1rem
        }

dt {
    font-weight: 700
}

dd, dt {
    font-size: 1.6rem
}

dd {
    font-weight: 400;
    margin-left: 0;
    margin-bottom: 2rem
}

.cta {
    position: relative;
    color: #1d252d;
    font-family: Calmetta,Arial,Verdana,sans-serif;
    font-weight: 700;
    padding: .2rem;
    display: inline-block;
    margin-left: 2.2rem;
    white-space: nowrap;
    font-size: 1.9rem;
    background-image: none
}

    .cta svg {
        display: block
    }

    .cta.light {
        font-weight: 300
    }

        .cta.light:after {
            height: .1rem
        }

        .cta.light:focus .cta-text, .cta.light:hover .cta-text {
            transform: translate3d(0,-.3rem,0)
        }

        .cta.light:focus:after, .cta.light:hover:after {
            transform: translate3d(0,-.7rem,0)
        }

    .cta .cta-text {
        position: relative;
        z-index: 1;
        display: inline-block;
        transform: translateZ(0)
    }

    .cta .cta-text, .cta:after {
        transition: transform .1s cubic-bezier(.215,.61,.355,1)
    }

    .cta:after {
        content: "";
        display: block;
        width: 100%;
        height: .3rem;
        background-color: #1a8479;
        opacity: 0;
        transform: translate3d(0,-.4rem,0);
        z-index: 0
    }

    .cta:focus, .cta:hover {
        text-decoration: none
    }

        .cta:focus .cta-text, .cta:hover .cta-text {
            color: #1d252d;
            transform: translate3d(0,-.3rem,0)
        }

        .cta:focus:after, .cta:hover:after {
            opacity: 1;
            transform: translate3d(0,-.5rem,0)
        }

    .cta .icon-arrow-right {
        display: block;
        width: 1.5rem;
        height: 1.3rem;
        position: absolute;
        left: -2.1rem;
        top: 50%;
        transform: translateY(-50%);
        margin-left: auto
    }

        .cta .icon-arrow-right svg {
            width: 100%;
            height: 100%
        }

        .cta .icon-arrow-right path {
            stroke: #1a8479
        }

    .cta .icon-external {
        left: -2.2rem;
        top: .6rem
    }

        .cta .icon-external svg {
            display: block;
            width: 1.7rem;
            height: 1.7rem
        }

.cta-multi {
    position: relative;
    color: #1d252d;
    font-family: Calmetta,Arial,Verdana,sans-serif;
    font-weight: 700;
    padding: .2rem;
    display: inline-block;
    margin-left: 2.2rem;
    font-size: 1.9rem;
    background-image: none
}

    .cta-multi.light {
        font-weight: 300
    }

        .cta-multi.light:after {
            height: .1rem
        }

        .cta-multi.light:focus .cta-text, .cta-multi.light:hover .cta-text {
            transform: translate3d(0,-.3rem,0)
        }

        .cta-multi.light:focus:after, .cta-multi.light:hover:after {
            transform: translate3d(0,-.7rem,0)
        }

        .cta-multi.light .cta-multi-text {
            background-size: .1rem .1rem
        }

    .cta-multi .cta-multi-text {
        background-position: 0 2.3rem;
        background-repeat: repeat-x;
        background-size: .1rem .3rem;
        display: inline;
        position: relative;
        top: 0;
        transition-duration: .15s
    }

        .cta-multi .cta-multi-text span {
            margin-left: .2rem
        }

    .cta-multi:active, .cta-multi:focus, .cta-multi:hover {
        text-decoration: none
    }

        .cta-multi:active .cta-multi-text, .cta-multi:focus .cta-multi-text, .cta-multi:hover .cta-multi-text {
            background-image: linear-gradient(90deg,#1a8479 0,#1a8479);
            top: -.3rem;
            padding-bottom: .6rem;
            text-decoration: none;
            color: #1d252d
        }

    .cta-multi .icon-arrow-right {
        display: block;
        width: 1.5rem;
        height: 1.3rem;
        position: absolute;
        left: -2.1rem;
        top: .9rem
    }

        .cta-multi .icon-arrow-right svg {
            display: block;
            width: 100%;
            height: 100%
        }

        .cta-multi .icon-arrow-right path {
            stroke: #1a8479
        }

input.button {
    border-radius: 0
}

.button, [type=submit] {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: none;
    font-family: Calmetta,Arial,Verdana,sans-serif;
    font-weight: 700;
    font-size: 1.9rem;
    line-height: 1.15;
    margin: 0;
    color: #1a8479;
    border: .2rem solid #1a8479;
    padding: 1.2rem 2.3rem 1.5rem;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .3s ease;
    border-radius: 0
}

    .button svg, [type=submit] svg {
        display: block
    }

    .button::-moz-focus-inner, [type=submit]::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .button.inverted, .button:focus, .button:hover, [type=submit].inverted, [type=submit]:focus, [type=submit]:hover {
        background-color: #1a8479;
        color: #fff
    }

        .button.inverted:focus, .button.inverted:hover, [type=submit].inverted:focus, [type=submit].inverted:hover {
            background-color: #fff;
            color: #1a8479
        }

    .button.secondary, [type=submit].secondary {
        border-color: #1d252d;
        color: #1d252d;
        padding: 1.3rem 1.8rem 1.4rem
    }

        .button.secondary:focus, .button.secondary:hover, [type=submit].secondary:focus, [type=submit].secondary:hover {
            background-color: #1d252d;
            color: #fff
        }

    .button.tertiary, [type=submit].tertiary {
        color: #1d252d;
        border-color: #e1e6e9;
        border-width: .1rem
    }

        .button.tertiary .icon-arrow-right, [type=submit].tertiary .icon-arrow-right {
            display: inline-block;
            vertical-align: top;
            width: 1.6rem;
            height: 1.6rem;
            margin-top: .1rem;
            margin-right: .8rem
        }

        .button.tertiary:focus, .button.tertiary:hover, [type=submit].tertiary:focus, [type=submit].tertiary:hover {
            color: #fff
        }

            .button.tertiary:focus .icon-arrow-right svg path, .button.tertiary:hover .icon-arrow-right svg path, [type=submit].tertiary:focus .icon-arrow-right svg path, [type=submit].tertiary:hover .icon-arrow-right svg path {
                stroke: #fff
            }

.skip {
    display: block;
    position: absolute;
    left: -999rem;
    z-index: 999999
}

    .skip:active, .skip:focus {
        top: 0;
        left: 0;
        color: #fff;
        background: #01a7e3;
        font-size: 1.6rem;
        display: inline-block;
        padding: .4rem;
        border: .1rem solid #fff;
        white-space: nowrap;
        text-align: center;
        font-weight: 700
    }

iframe, svg {
    width: 100%
}

svg {
    display: inline;
    height: 100%
}

.label-tag {
    text-transform: uppercase;
    padding: .2rem .9rem;
    font-size: 1.2rem;
    font-weight: 400;
    display: inline-block;
    color: #1d252d;
    letter-spacing: .11rem;
    margin-right: .8rem;
    margin-top: 1rem;
    min-height: 2rem;
    position: relative
}

    .label-tag.tag-color1 {
        background-color: #badc66
    }

    .label-tag.tag-color2 {
        background-color: #ccbde9
    }

    .label-tag.tag-color3 {
        background-color: #89e8de
    }

    .label-tag.tag-color4 {
        background-color: #a4c2e6
    }

    .label-tag.tag-color5 {
        background-color: #eae265
    }

    .label-tag.tag-color6 {
        background-color: #f0c088
    }

::-ms-clear {
    display: none
}

.display-none {
    display: none !important
}

.color-blue, .color-blue-interaction:active, .color-blue-interaction:focus, .color-blue-interaction:hover {
    color: #3b8ede !important
}

.svg-fill-blue-interaction.svg-prefill [fill], .svg-fill-blue-interaction:active [fill], .svg-fill-blue-interaction:focus [fill], .svg-fill-blue-interaction:hover [fill] {
    fill: #3b8ede !important
}

.border-color-blue, .border-color-blue-interaction:active, .border-color-blue-interaction:focus, .border-color-blue-interaction:hover {
    border-color: #3b8ede !important
}

.background-color-blue, .background-color-blue-interaction:active, .background-color-blue-interaction:focus, .background-color-blue-interaction:hover {
    background-color: #3b8ede !important
}

.color-mid-blue, .color-mid-blue-interaction:active, .color-mid-blue-interaction:focus, .color-mid-blue-interaction:hover {
    color: #284d97 !important
}

.svg-fill-mid-blue-interaction.svg-prefill [fill], .svg-fill-mid-blue-interaction:active [fill], .svg-fill-mid-blue-interaction:focus [fill], .svg-fill-mid-blue-interaction:hover [fill] {
    fill: #284d97 !important
}

.border-color-mid-blue, .border-color-mid-blue-interaction:active, .border-color-mid-blue-interaction:focus, .border-color-mid-blue-interaction:hover {
    border-color: #284d97 !important
}

.background-color-mid-blue, .background-color-mid-blue-interaction:active, .background-color-mid-blue-interaction:focus, .background-color-mid-blue-interaction:hover {
    background-color: #284d97 !important
}

.color-navy, .color-navy-interaction:active, .color-navy-interaction:focus, .color-navy-interaction:hover {
    color: #282f65 !important
}

.svg-fill-navy-interaction.svg-prefill [fill], .svg-fill-navy-interaction:active [fill], .svg-fill-navy-interaction:focus [fill], .svg-fill-navy-interaction:hover [fill] {
    fill: #282f65 !important
}

.border-color-navy, .border-color-navy-interaction:active, .border-color-navy-interaction:focus, .border-color-navy-interaction:hover {
    border-color: #282f65 !important
}

.background-color-navy, .background-color-navy-interaction:active, .background-color-navy-interaction:focus, .background-color-navy-interaction:hover {
    background-color: #282f65 !important
}

.color-teal, .color-teal-interaction:active, .color-teal-interaction:focus, .color-teal-interaction:hover {
    color: #00ab91 !important
}

.svg-fill-teal-interaction.svg-prefill [fill], .svg-fill-teal-interaction:active [fill], .svg-fill-teal-interaction:focus [fill], .svg-fill-teal-interaction:hover [fill] {
    fill: #00ab91 !important
}

.border-color-teal, .border-color-teal-interaction:active, .border-color-teal-interaction:focus, .border-color-teal-interaction:hover {
    border-color: #00ab91 !important
}

.background-color-teal, .background-color-teal-interaction:active, .background-color-teal-interaction:focus, .background-color-teal-interaction:hover {
    background-color: #00ab91 !important
}

.color-light-teal, .color-light-teal-interaction:active, .color-light-teal-interaction:focus, .color-light-teal-interaction:hover {
    color: #5abeb9 !important
}

.svg-fill-light-teal-interaction.svg-prefill [fill], .svg-fill-light-teal-interaction:active [fill], .svg-fill-light-teal-interaction:focus [fill], .svg-fill-light-teal-interaction:hover [fill] {
    fill: #5abeb9 !important
}

.border-color-light-teal, .border-color-light-teal-interaction:active, .border-color-light-teal-interaction:focus, .border-color-light-teal-interaction:hover {
    border-color: #5abeb9 !important
}

.background-color-light-teal, .background-color-light-teal-interaction:active, .background-color-light-teal-interaction:focus, .background-color-light-teal-interaction:hover {
    background-color: #5abeb9 !important
}

.color-purple, .color-purple-interaction:active, .color-purple-interaction:focus, .color-purple-interaction:hover {
    color: #70378d !important
}

.svg-fill-purple-interaction.svg-prefill [fill], .svg-fill-purple-interaction:active [fill], .svg-fill-purple-interaction:focus [fill], .svg-fill-purple-interaction:hover [fill] {
    fill: #70378d !important
}

.border-color-purple, .border-color-purple-interaction:active, .border-color-purple-interaction:focus, .border-color-purple-interaction:hover {
    border-color: #70378d !important
}

.background-color-purple, .background-color-purple-interaction:active, .background-color-purple-interaction:focus, .background-color-purple-interaction:hover {
    background-color: #70378d !important
}

.color-light-purple, .color-light-purple-interaction:active, .color-light-purple-interaction:focus, .color-light-purple-interaction:hover {
    color: #a17fb8 !important
}

.svg-fill-light-purple-interaction.svg-prefill [fill], .svg-fill-light-purple-interaction:active [fill], .svg-fill-light-purple-interaction:focus [fill], .svg-fill-light-purple-interaction:hover [fill] {
    fill: #a17fb8 !important
}

.border-color-light-purple, .border-color-light-purple-interaction:active, .border-color-light-purple-interaction:focus, .border-color-light-purple-interaction:hover {
    border-color: #a17fb8 !important
}

.background-color-light-purple, .background-color-light-purple-interaction:active, .background-color-light-purple-interaction:focus, .background-color-light-purple-interaction:hover {
    background-color: #a17fb8 !important
}

.color-green, .color-green-interaction:active, .color-green-interaction:focus, .color-green-interaction:hover {
    color: #5faf30 !important
}

.svg-fill-green-interaction.svg-prefill [fill], .svg-fill-green-interaction:active [fill], .svg-fill-green-interaction:focus [fill], .svg-fill-green-interaction:hover [fill] {
    fill: #5faf30 !important
}

.border-color-green, .border-color-green-interaction:active, .border-color-green-interaction:focus, .border-color-green-interaction:hover {
    border-color: #5faf30 !important
}

.background-color-green, .background-color-green-interaction:active, .background-color-green-interaction:focus, .background-color-green-interaction:hover {
    background-color: #5faf30 !important
}

.color-light-green, .color-light-green-interaction:active, .color-light-green-interaction:focus, .color-light-green-interaction:hover {
    color: #adc916 !important
}

.svg-fill-light-green-interaction.svg-prefill [fill], .svg-fill-light-green-interaction:active [fill], .svg-fill-light-green-interaction:focus [fill], .svg-fill-light-green-interaction:hover [fill] {
    fill: #adc916 !important
}

.border-color-light-green, .border-color-light-green-interaction:active, .border-color-light-green-interaction:focus, .border-color-light-green-interaction:hover {
    border-color: #adc916 !important
}

.background-color-light-green, .background-color-light-green-interaction:active, .background-color-light-green-interaction:focus, .background-color-light-green-interaction:hover {
    background-color: #adc916 !important
}

.color-dark-grey, .color-dark-grey-interaction:active, .color-dark-grey-interaction:focus, .color-dark-grey-interaction:hover {
    color: #51545b !important
}

.svg-fill-dark-grey-interaction.svg-prefill [fill], .svg-fill-dark-grey-interaction:active [fill], .svg-fill-dark-grey-interaction:focus [fill], .svg-fill-dark-grey-interaction:hover [fill] {
    fill: #51545b !important
}

.border-color-dark-grey, .border-color-dark-grey-interaction:active, .border-color-dark-grey-interaction:focus, .border-color-dark-grey-interaction:hover {
    border-color: #51545b !important
}

.background-color-dark-grey, .background-color-dark-grey-interaction:active, .background-color-dark-grey-interaction:focus, .background-color-dark-grey-interaction:hover {
    background-color: #51545b !important
}

.color-mid-grey, .color-mid-grey-interaction:active, .color-mid-grey-interaction:focus, .color-mid-grey-interaction:hover {
    color: #95979a !important
}

.svg-fill-mid-grey-interaction.svg-prefill [fill], .svg-fill-mid-grey-interaction:active [fill], .svg-fill-mid-grey-interaction:focus [fill], .svg-fill-mid-grey-interaction:hover [fill] {
    fill: #95979a !important
}

.border-color-mid-grey, .border-color-mid-grey-interaction:active, .border-color-mid-grey-interaction:focus, .border-color-mid-grey-interaction:hover {
    border-color: #95979a !important
}

.background-color-mid-grey, .background-color-mid-grey-interaction:active, .background-color-mid-grey-interaction:focus, .background-color-mid-grey-interaction:hover {
    background-color: #95979a !important
}

@media (min-width:128px) and (max-width:780px) {
    .h1, h1 {
        font-size: 1.6rem;
        margin-bottom: 1.5rem
    }

    .h1, .h2, h1, h2 {
        line-height: 1.25
    }

    .h2, h2 {
        font-size: 3.2rem
    }

        .h2.underline, h2.underline {
            background-size: .1rem .4rem;
            background-position: 0 3.7rem
        }

            .h2.underline + *, h2.underline + * {
                margin-top: 1.5rem
            }

    .h3, .h4, h3, h4 {
        line-height: 1.25;
        font-size: 2.4rem;
        margin-bottom: 1.5rem
    }

    .h5, h5 {
        line-height: 1.33333
    }

    .h5, .h6, h5, h6 {
        margin-bottom: 1.5rem
    }

    .h6, h6 {
        line-height: 1.3;
        font-size: 2rem
    }

    .h7 {
        line-height: 1.26316;
        font-size: 1.9rem;
        margin-bottom: 1.5rem
    }

    p {
        line-height: 1.375;
        font-size: 1.6rem;
        margin-bottom: 2.5rem
    }

        p.medium {
            line-height: 1.33333;
            font-size: 1.8rem
        }

            p.medium a {
                background-position: 0 2rem
            }

        p.large {
            line-height: 1.33333;
            font-size: 1.8rem
        }

            p.large a {
                background-position: 0 2rem
            }

    ol li a, ul li a {
        background-position: 0 2.2rem
    }

    table {
        overflow-x: auto;
        white-space: nowrap;
        display: block
    }

    .button, [type=submit] {
        white-space: normal
    }
}

.clear-input {
    cursor: pointer;
    margin: auto
}

    .clear-input .icon-close {
        display: block;
        padding: .7rem;
        height: 2.6rem;
        width: 2.6rem;
        border: .1rem solid transparent;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

        .clear-input .icon-close svg {
            margin: auto
        }

            .clear-input .icon-close svg path {
                stroke: #1d252d
            }

    .clear-input .label {
        display: block;
        position: absolute;
        text-indent: -9999px
    }

    .clear-input:focus .icon-close, .clear-input:hover .icon-close {
        border-color: #1d252d
    }

        .clear-input:focus .icon-close svg path, .clear-input:hover .icon-close svg path {
            stroke: #70378d
        }

.global-indicator {
    font-size: 1.6rem;
    font-weight: 300;
    position: relative;
    bottom: .1rem
}

    .global-indicator span {
        margin-right: .3rem;
        position: relative;
        top: .2rem
    }

        .global-indicator span.icon-globe svg {
            width: 1.3rem;
            height: 1.4rem
        }

@media (min-width:128px) and (max-width:780px) {
    .ml01 .content {
        margin-bottom: 0
    }
}

.carousel-standard {
    margin: auto;
    margin-bottom: 3rem
}

    .carousel-standard .slick-slider {
        margin-bottom: -.1rem
    }

    .carousel-standard .slick-slide {
        outline: none
    }

        .carousel-standard .slick-slide img {
            max-width: none;
            width: 100%
        }

    .carousel-standard .slick-next, .carousel-standard .slick-prev {
        height: 78px;
        width: 52px;
        top: 45%;
        z-index: 99;
        fill: #fff
    }

        .carousel-standard .slick-next:before, .carousel-standard .slick-prev:before {
            content: "";
            background: url(/assets/img/svg/chevron-down.svg) 50% no-repeat;
            transform: rotate(180deg);
            height: 100%;
            width: 100%;
            z-index: 99;
            display: block;
            position: relative;
            opacity: 1;
            background-position: 50%
        }

        .carousel-standard .slick-next:focus:before, .carousel-standard .slick-next:hover:before, .carousel-standard .slick-prev:focus:before, .carousel-standard .slick-prev:hover:before {
            opacity: .75
        }

    .carousel-standard .slick-prev {
        left: 41px
    }

        .carousel-standard .slick-prev:before {
            transform: rotate(90deg)
        }

    .carousel-standard .slick-next {
        right: 41px
    }

        .carousel-standard .slick-next:before {
            transform: rotate(-90deg)
        }

    .carousel-standard .slick-dots {
        bottom: 10px
    }

        .carousel-standard .slick-dots li {
            margin: 0 3px
        }

            .carousel-standard .slick-dots li button:before {
                content: "";
                height: 10px;
                width: 10px;
                display: block;
                background-color: #7d7d7d;
                border: 2px solid transparent;
                border-radius: 8px;
                opacity: 1;
                transition: transform .35s ease
            }

            .carousel-standard .slick-dots li.slick-active button:before {
                opacity: 1;
                border-color: #7d7d7d;
                background-color: transparent;
                border: 2px solid #7d7d7d;
                transform: scale(1.3)
            }

@media (min-width:128px) and (max-width:780px) {
    .carousel-standard .slick-next, .carousel-standard .slick-prev {
        display: none
    }

    .carousel-standard .slick-dots li.slick-active button:before, .carousel-standard .slick-dots li button:before {
        height: 11px;
        width: 11px
    }

    .t11-blog-article .carousel-standard {
        margin-bottom: 44px
    }
}

.mfp-bg {
    background: transparent
}

.mfp-container {
    background: #fff url(/assets/img/lr-loading-spinner.gif) center 100px no-repeat;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden
}

    .mfp-container .mfp-content {
        vertical-align: top
    }

        .mfp-container .mfp-content .white-popup-block {
            background-color: #fff;
            max-width: 110.4rem;
            margin: 0 auto;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap
        }

            .mfp-container .mfp-content .white-popup-block h2 {
                font-size: 1.4rem;
                text-transform: uppercase;
                color: #70378d;
                font-weight: 300;
                margin: 10.6rem 0 9.4rem;
                letter-spacing: 1.34px;
                padding: 0 1rem
            }

                .mfp-container .mfp-content .white-popup-block h2 .hit-text-m {
                    display: none
                }

            .mfp-container .mfp-content .white-popup-block form {
                display: -ms-flexbox;
                display: flex;
                width: 100%;
                opacity: 0;
                transform: scale3d(.5,.5,.5);
                transition: transform .5s,opacity .5s
            }

.mfp-ready .mfp-container .mfp-content .white-popup-block form {
    transform: scaleX(1);
    opacity: 1
}

.mfp-container .mfp-content .white-popup-block form .search-text {
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
    padding: 0 1rem 1rem;
    position: relative;
    height: 7.9rem
}

    .mfp-container .mfp-content .white-popup-block form .search-text input {
        width: 100%;
        font-size: 6rem;
        padding: 0 6.1rem;
        border: 0;
        height: auto
    }

    .mfp-container .mfp-content .white-popup-block form .search-text ::-ms-clear {
        display: none
    }

    .mfp-container .mfp-content .white-popup-block form .search-text ::-webkit-input-placeholder {
        color: #e1e6e9
    }

    .mfp-container .mfp-content .white-popup-block form .search-text ::-moz-placeholder {
        color: #e1e6e9
    }

    .mfp-container .mfp-content .white-popup-block form .search-text :-ms-input-placeholder {
        color: #e1e6e9
    }

    .mfp-container .mfp-content .white-popup-block form .search-text :-moz-placeholder {
        color: #e1e6e9
    }

    .mfp-container .mfp-content .white-popup-block form .search-text:after {
        content: "";
        left: 1rem;
        right: 1rem;
        bottom: 0;
        position: absolute;
        height: .6rem;
        margin: auto;
        display: block;
        background-color: #1a8479
    }

    .mfp-container .mfp-content .white-popup-block form .search-text span {
        position: absolute
    }

        .mfp-container .mfp-content .white-popup-block form .search-text span.icon-search {
            left: .8rem;
            top: 1.9rem
        }

            .mfp-container .mfp-content .white-popup-block form .search-text span.icon-search svg {
                width: 4rem;
                height: 4rem
            }

        .mfp-container .mfp-content .white-popup-block form .search-text span.icon-text {
            opacity: 0;
            text-indent: -999.9rem
        }

.images-off .mfp-container .mfp-content .white-popup-block form .search-text span.icon-text.icon-text {
    opacity: 1;
    text-indent: 0
}

.mfp-container .mfp-content .white-popup-block form .search-text .clear-search {
    position: absolute;
    top: 0;
    right: 1rem;
    width: 5.2rem;
    bottom: 0;
    display: none;
    background-color: transparent;
    border-width: 0
}

    .mfp-container .mfp-content .white-popup-block form .search-text .clear-search .icon-close {
        right: 1rem;
        top: 3rem;
        display: block
    }

        .mfp-container .mfp-content .white-popup-block form .search-text .clear-search .icon-close svg {
            width: 3rem;
            height: 3rem
        }

            .mfp-container .mfp-content .white-popup-block form .search-text .clear-search .icon-close svg path {
                transition: .15s
            }

    .mfp-container .mfp-content .white-popup-block form .search-text .clear-search .clear-text {
        display: none;
        text-indent: -999.9rem
    }

    .mfp-container .mfp-content .white-popup-block form .search-text .clear-search:focus svg path, .mfp-container .mfp-content .white-popup-block form .search-text .clear-search:hover svg path {
        stroke: #1a8479
    }

.mfp-container .mfp-content .white-popup-block form .search-btn {
    padding: 0 1rem 1rem;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
    background-color: transparent;
    border: 0;
    height: 7.9rem;
    cursor: pointer
}

.images-off .mfp-container .mfp-content .white-popup-block form .search-btn {
    height: auto
}

.mfp-container .mfp-content .white-popup-block form .search-btn .icon-arrow-right svg {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 4rem;
    max-height: 4rem
}

    .mfp-container .mfp-content .white-popup-block form .search-btn .icon-arrow-right svg path {
        transition: .15s;
        stroke: #1d252d
    }

.mfp-container .mfp-content .white-popup-block form .search-btn .search-go {
    opacity: 0;
    text-indent: -999.9rem
}

.images-off .mfp-container .mfp-content .white-popup-block form .search-btn .search-go {
    opacity: 1;
    width: auto;
    height: inherit;
    padding: .4rem 1rem;
    color: #fff;
    background-color: #616771;
    text-indent: 0;
    overflow: visible;
    font-size: 1.2rem
}

.mfp-container .mfp-content .white-popup-block form .search-btn:after {
    content: "";
    left: 1rem;
    right: 1rem;
    bottom: 0;
    position: absolute;
    height: .6rem;
    margin: auto;
    display: block;
    background-color: #1a8479
}

.mfp-container .mfp-content .white-popup-block form .search-btn:focus .icon-arrow-right svg path, .mfp-container .mfp-content .white-popup-block form .search-btn:hover .icon-arrow-right svg path {
    stroke: #1a8479
}

.mfp-container .mfp-content .white-popup-block h3 {
    font-size: 1.4rem;
    display: block;
    width: 100%;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .14rem;
    color: #70378d;
    padding: 0 1rem;
    font-family: Source Sans Pro,Arial,sans-serif;
    margin-top: 12.3rem;
    margin-bottom: 3.6rem
}

.mfp-container .mfp-content .white-popup-block .search-related {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%
}

    .mfp-container .mfp-content .white-popup-block .search-related ul {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 0 1rem;
        opacity: 0;
        transform: translate3d(0,-3rem,0);
        transition: opacity .5s,transform .5s
    }

        .mfp-container .mfp-content .white-popup-block .search-related ul:nth-child(2) {
            transition-delay: .1s
        }

        .mfp-container .mfp-content .white-popup-block .search-related ul:nth-child(3), .mfp-container .mfp-content .white-popup-block .search-related ul:nth-child(4) {
            transition-delay: .2s
        }

.mfp-ready .mfp-container .mfp-content .white-popup-block .search-related ul {
    opacity: 1;
    transform: translateZ(0)
}

.mfp-container .mfp-content .white-popup-block .search-related ul li {
    display: block;
    width: 100%;
    padding: 0;
    padding-bottom: 1.4rem
}

    .mfp-container .mfp-content .white-popup-block .search-related ul li .cta {
        font-size: 1.8rem;
        margin-left: 2.5rem
    }

        .mfp-container .mfp-content .white-popup-block .search-related ul li .cta .cta-text {
            white-space: normal
        }

.mfp-container .mfp-content .white-popup-block .iframer {
    width: 100%
}

.mfp-container .mfp-close {
    overflow: hidden;
    opacity: 1;
    top: 2rem;
    right: 2rem
}

.images-off .mfp-container .mfp-close {
    height: inherit;
    width: auto
}

    .images-off .mfp-container .mfp-close span.close-box {
        opacity: 1;
        width: auto;
        height: inherit;
        padding: .4rem 1rem;
        color: #fff;
        background-color: #616771;
        text-indent: 0;
        overflow: visible;
        font-size: 1.2rem;
        pointer-events: none
    }

.mfp-container .mfp-close .close-box {
    text-indent: -999.9rem;
    opacity: 0
}

.images-off .mfp-container .mfp-close:active span.close-box, .images-off .mfp-container .mfp-close:focus span.close-box, .images-off .mfp-container .mfp-close:hover span.close-box {
    opacity: .8
}

@media (min-width:1024px) and (max-width:1430px) {
    .mfp-container .mfp-content .white-popup-block .search-related ul, .mfp-container .mfp-content .white-popup-block form, .mfp-container .mfp-content .white-popup-block h2, .mfp-container .mfp-content .white-popup-block h3 {
        padding-left: 4rem;
        padding-right: 4rem
    }

        .mfp-container .mfp-content .white-popup-block form .search-text {
            padding-left: 0
        }

            .mfp-container .mfp-content .white-popup-block form .search-text:after, .mfp-container .mfp-content .white-popup-block form .search-text span.icon-search {
                left: 0
            }

        .mfp-container .mfp-content .white-popup-block form .search-btn:after {
            right: 0
        }
}

@media (min-width:780px) and (max-width:1080px) {
    .mfp-container .mfp-content .white-popup-block h2, .mfp-container .mfp-content .white-popup-block h3 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .mfp-container .mfp-content .white-popup-block .search-related ul:first-child {
        padding-left: 4rem
    }

    .mfp-container .mfp-content .white-popup-block .search-related ul:last-child {
        padding-right: 4rem
    }

    .mfp-container .mfp-content .white-popup-block form {
        padding-left: 4rem;
        padding-right: 4rem
    }

        .mfp-container .mfp-content .white-popup-block form .search-text {
            padding-left: 0
        }

            .mfp-container .mfp-content .white-popup-block form .search-text:after, .mfp-container .mfp-content .white-popup-block form .search-text span.icon-search {
                left: 0
            }

        .mfp-container .mfp-content .white-popup-block form .search-btn:after {
            right: 0
        }
}

@media (min-width:128px) and (max-width:780px) {
    .mfp-wrap .scroll-down {
        height: auto
    }

        .mfp-wrap .scroll-down .mfp-container {
            height: auto;
            position: absolute
        }

    .mfp-container {
        border-width: 1rem
    }

        .mfp-container .mfp-content .white-popup-block h2 {
            margin: 0;
            color: #fff;
            background-color: #1a8479;
            display: block;
            width: 100%;
            min-height: 6.2rem;
            padding: 1.9rem 2rem;
            text-transform: none;
            letter-spacing: 0;
            font-size: 1.6rem
        }

            .mfp-container .mfp-content .white-popup-block h2 .hit-text-m {
                display: block
            }

            .mfp-container .mfp-content .white-popup-block h2 .hit-text-d {
                display: none
            }

        .mfp-container .mfp-content .white-popup-block form {
            padding: 0 2rem;
            margin-top: 3.4rem
        }

            .mfp-container .mfp-content .white-popup-block form .search-text {
                -ms-flex-preferred-size: 80.36667%;
                flex-basis: 80.36667%;
                max-width: 80.36667%;
                padding: 0;
                position: relative;
                height: 4.4rem
            }

                .mfp-container .mfp-content .white-popup-block form .search-text input {
                    background: transparent;
                    width: 100%;
                    font-size: 2.4rem;
                    font-weight: 700;
                    padding: 0 2.8rem
                }

                .mfp-container .mfp-content .white-popup-block form .search-text:after {
                    left: 0;
                    right: 0;
                    height: .3rem
                }

                .mfp-container .mfp-content .white-popup-block form .search-text span.icon-search {
                    left: 0;
                    top: .7rem
                }

                    .mfp-container .mfp-content .white-popup-block form .search-text span.icon-search svg {
                        width: 2rem;
                        height: 2rem
                    }

                .mfp-container .mfp-content .white-popup-block form .search-text .clear-search {
                    right: 0;
                    width: auto
                }

                    .mfp-container .mfp-content .white-popup-block form .search-text .clear-search .icon-close {
                        right: 0;
                        top: 1.2rem;
                        display: block
                    }

                        .mfp-container .mfp-content .white-popup-block form .search-text .clear-search .icon-close svg {
                            width: 1.3rem;
                            height: 1.3rem
                        }

            .mfp-container .mfp-content .white-popup-block form .search-btn {
                padding: 0 0 1rem 1rem;
                -ms-flex-preferred-size: 19.364%;
                flex-basis: 19.364%;
                max-width: 19.364%;
                height: 4.4rem
            }

    .images-off .mfp-container .mfp-content .white-popup-block form .search-btn {
        height: auto
    }

    .mfp-container .mfp-content .white-popup-block form .search-btn .icon-arrow-right svg {
        max-width: 2.3rem;
        max-height: 2.3rem
    }

    .mfp-container .mfp-content .white-popup-block form .search-btn:after {
        right: 0;
        height: .3rem
    }

    .mfp-container .mfp-content .white-popup-block h3 {
        margin: 4.8rem 2rem 2rem;
        padding: 0
    }

    .mfp-container .mfp-content .white-popup-block .search-related {
        display: block;
        width: 100%;
        height: 100vh
    }

        .mfp-container .mfp-content .white-popup-block .search-related ul {
            width: 100%;
            max-width: 100%;
            padding: 0 2rem
        }

    .mfp-container .mfp-close {
        top: .35rem;
        right: .35rem
    }

        .mfp-container .mfp-close .icon-close, .mfp-container .mfp-close .icon-close svg {
            width: 1.3rem;
            height: 1.3rem
        }

            .mfp-container .mfp-close .icon-close path {
                stroke: #1d252d
            }
}

.search-result-header {
    font-size: 2.4rem;
    font-weight: 700;
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #1a8479
}

.hide-menu .search-result-header {
    display: none
}

.search-result-header .row {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.search-result-header .copy-text {
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
    max-width: 25%
}

.search-result-header p {
    color: #fff;
    text-align: center;
    width: 100%
}

.search-result-header svg {
    pointer-events: none
}

.search-result-header .input-container {
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    height: 5rem;
    margin-left: 3rem;
    z-index: 1;
    margin-bottom: 0
}

    .search-result-header .input-container svg {
        position: absolute
    }

    .search-result-header .input-container .icon-search {
        position: absolute;
        height: 2rem;
        width: 1.9rem;
        top: 1.5rem;
        left: 2rem;
        pointer-events: none
    }

    .search-result-header .input-container .clear-input {
        position: absolute;
        height: 3rem;
        width: 2.7rem;
        top: 0;
        bottom: 0;
        right: 1.3rem;
        display: none;
        background-color: transparent;
        border-width: 0
    }

        .search-result-header .input-container .clear-input .icon-close {
            height: 2.6rem;
            width: 2.6rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

            .search-result-header .input-container .clear-input .icon-close svg {
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                height: 1.2rem;
                width: 1.2rem
            }

    .search-result-header .input-container label {
        position: absolute;
        left: -999.9rem
    }

    .search-result-header .input-container input {
        width: 100%;
        font-size: 1.9rem;
        font-weight: 300;
        padding: 1.2rem 4.7rem 1.3rem;
        height: 5rem;
        transition: none
    }

        .search-result-header .input-container input:active, .search-result-header .input-container input:focus {
            border-bottom-width: 0
        }

.search-result-header .button {
    min-width: 16.5rem;
    border-color: #fff;
    color: #fff;
    background-color: #1a8479;
    margin-left: 3rem
}

    .search-result-header .button:active, .search-result-header .button:focus, .search-result-header .button:hover {
        color: #70378d;
        background-color: #fff
    }

    .search-result-header .button .icon-search {
        display: none
    }

.search-result-header.help-search .copy-text {
    margin-bottom: 5rem;
    max-width: none
}

    .search-result-header.help-search .copy-text + p {
        margin-top: -3rem
    }

.search-result-header.help-search p {
    margin-bottom: 3rem
}

.search-result-header.help-search .row {
    max-width: 76.2rem;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mobile-header-buttons {
    display: none
}

@media (min-width:1024px) and (max-width:1430px) {
    .search-result-header {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (min-width:780px) and (max-width:1080px) and (orientation:portrait) {
    .search-result-header {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media (min-width:128px) and (max-width:780px) {
    .search-result-header {
        padding: 2.2rem 6.5%
    }

        .search-result-header .row {
            padding-left: 0;
            padding-right: 0;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .search-result-header .copy-text {
            font-size: 2rem;
            margin-bottom: 2rem;
            width: 100%;
            max-width: none
        }

            .search-result-header .copy-text + p {
                text-align: left
            }

        .search-result-header .input-container {
            width: calc(100% - 6rem);
            margin-left: 0;
            -ms-flex-positive: 0;
            flex-grow: 0
        }

            .search-result-header .input-container .icon-search {
                display: none
            }

            .search-result-header .input-container .icon-close {
                position: absolute;
                height: 4rem;
                width: 1.3rem;
                top: .4rem;
                right: 1.6rem;
                cursor: pointer
            }

            .search-result-header .input-container input {
                font-size: 1.6rem;
                padding: 1.2rem 4.7rem 1.3rem 1.8rem;
                height: 5rem
            }

                .search-result-header .input-container input:focus {
                    outline-color: #1a8479
                }

            .search-result-header .input-container .clear-input {
                right: 0
            }

        .search-result-header .button {
            padding: 0;
            min-width: 0;
            width: 5rem;
            height: 5rem;
            margin-left: 1rem
        }

            .search-result-header .button .icon-search {
                display: block
            }

                .search-result-header .button .icon-search svg {
                    position: absolute;
                    left: 0;
                    top: 0;
                    bottom: 0;
                    right: 0;
                    margin: auto;
                    height: 2.2rem;
                    width: 2.2rem
                }

                    .search-result-header .button .icon-search svg circle, .search-result-header .button .icon-search svg path {
                        stroke: #fff
                    }

            .search-result-header .button .hidden-text {
                position: absolute;
                text-indent: -9999px;
                overflow: hidden
            }

            .search-result-header .button:active, .search-result-header .button:focus, .search-result-header .button:hover {
                outline-color: #1a8479
            }

                .search-result-header .button:active .icon-search svg g, .search-result-header .button:active .icon-search svg path, .search-result-header .button:focus .icon-search svg g, .search-result-header .button:focus .icon-search svg path, .search-result-header .button:hover .icon-search svg g, .search-result-header .button:hover .icon-search svg path {
                    stroke: #70378d
                }

        .search-result-header.help-search {
            padding: 2.2rem 6.5%
        }

            .search-result-header.help-search .row {
                -ms-flex-pack: justify;
                justify-content: space-between
            }

            .search-result-header.help-search .input-container {
                margin-right: 0
            }

            .search-result-header.help-search .copy-text {
                text-align: left;
                margin-bottom: 2rem
            }

                .search-result-header.help-search .copy-text + p {
                    margin-top: 0
                }

            .search-result-header.help-search p {
                margin-bottom: 3rem
            }

    .mobile-header-buttons {
        display: block;
        position: absolute;
        top: 2rem;
        right: 2rem
    }

        .mobile-header-buttons:after, .mobile-header-buttons:before {
            content: "";
            display: table
        }

        .mobile-header-buttons:after {
            clear: both
        }

        .mobile-header-buttons .icon-globe, .mobile-header-buttons .icon-search {
            display: block;
            width: 2.5rem;
            height: 2.5rem
        }

            .mobile-header-buttons .icon-globe circle, .mobile-header-buttons .icon-globe path, .mobile-header-buttons .icon-search circle, .mobile-header-buttons .icon-search path {
                stroke: #1d252d
            }

        .mobile-header-buttons .label-text {
            position: absolute;
            left: -9999px
        }

    .images-off .mobile-header-buttons .label-text {
        position: static
    }

    .mobile-header-buttons .mobile-language-switcher {
        display: inline-block;
        padding: 1.1rem 1.8rem 1.5rem 1.5rem
    }

        .mobile-header-buttons .mobile-language-switcher button {
            background-color: transparent;
            border-width: 0
        }

    .mobile-header-buttons .mobile-search-button {
        display: inline-block;
        border-left: .1rem solid #e1e6e9;
        padding: 1rem 0 1rem 2rem
    }

    #search-modal .mfp-close .icon-close path {
        stroke: #fff
    }
}

.top-navigation {
    width: 100%;
    z-index: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.hide-menu .top-navigation {
    display: none
}

.images-off .top-navigation .main-links > li.site-search a {
    color: #1d252d
}

.top-navigation .row {
    margin: 0 4rem;
    width: 100%
}

.top-navigation .icon-chevron-down, .top-navigation .icon-chevron-down svg {
    position: absolute
}

    .top-navigation .icon-chevron-down svg path {
        stroke: #1a8479
    }

.top-navigation .icon-menu {
    top: 50%;
    right: .06rem;
    width: 1.3rem
}

.top-navigation .icon-menu, .top-navigation .icon-search {
    position: absolute;
    transform: translateY(-50%);
    height: 2rem
}

.top-navigation .icon-search {
    top: 46%;
    margin-left: 16px;
    width: 2rem
}

.top-navigation .icon-arrow-right {
    display: block;
    width: 1.5rem;
    height: 1.5rem
}

.top-navigation .icon-email-arrow {
    position: absolute;
    top: 0;
    left: 5rem
}

    .top-navigation .icon-email-arrow svg {
        width: 8rem;
        height: 6rem
    }

        .top-navigation .icon-email-arrow svg path {
            fill: hsla(0,0%,100%,.3)
        }

.top-navigation .main-links {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    justify-self: flex-end
}

    .top-navigation .main-links > li {
        margin-right: 2.7rem;
        margin-left: 0
    }

        .top-navigation .main-links > li.hamburger {
            display: none
        }

        .top-navigation .main-links > li.site-search {
            margin-right: 0
        }

            .top-navigation .main-links > li.site-search a {
                color: transparent;
                width: 2rem
            }

                .top-navigation .main-links > li.site-search a:after {
                    display: none
                }

                .top-navigation .main-links > li.site-search a:focus, .top-navigation .main-links > li.site-search a:hover {
                    bottom: 0
                }

                    .top-navigation .main-links > li.site-search a:focus path, .top-navigation .main-links > li.site-search a:hover path {
                        stroke: #1a8479
                    }

            .top-navigation .main-links > li.site-search .label-text {
                position: absolute;
                left: -9999px
            }

.images-off .top-navigation .main-links > li.site-search .label-text {
    position: static
}

.top-navigation .main-links > li > a {
    font-family: Calmetta,Arial,Verdana,sans-serif;
    font-weight: 400;
    font-size: 2rem;
    padding-right: 2rem;
    color: #1d252d;
    display: -ms-flexbox;
    display: flex;
    height: 10rem;
    -ms-flex-align: center;
    align-items: center;
    transition: bottom .15s;
    position: relative;
    bottom: 0;
    text-decoration: none;
    padding-bottom: .8rem
}

    .top-navigation .main-links > li > a.is-current-page {
        color: #1a8479
    }

    .top-navigation .main-links > li > a .icon-chevron-down {
        top: -.4rem;
        right: .2rem;
        width: 1.2rem;
        height: 100%
    }

        .top-navigation .main-links > li > a .icon-chevron-down svg {
            top: 49%;
            height: .7rem
        }

    .top-navigation .main-links > li > a .icon-close {
        display: none;
        position: absolute;
        top: 48%;
        right: .2rem;
        width: 1.2rem;
        transform: translateY(-50%);
        height: 2.4rem
    }

        .top-navigation .main-links > li > a .icon-close path {
            stroke: #1a8479
        }

    .top-navigation .main-links > li > a:after {
        content: "";
        position: absolute;
        background-color: #1a8479;
        bottom: -.3rem;
        left: -1rem;
        height: .3rem;
        opacity: 0;
        width: calc(100% + 2rem);
        transition: opacity .15s,bottom .15s
    }

    .top-navigation .main-links > li > a:focus, .top-navigation .main-links > li > a:hover {
        bottom: 0
    }

        .top-navigation .main-links > li > a:focus:after, .top-navigation .main-links > li > a:hover:after {
            opacity: 1;
            bottom: 0
        }

.top-navigation .main-links > li.active > a {
    bottom: 0
}

    .top-navigation .main-links > li.active > a .icon-chevron-down {
        display: none
    }

    .top-navigation .main-links > li.active > a .icon-close {
        display: block
    }

    .top-navigation .main-links > li.active > a:after {
        opacity: 1;
        bottom: 0
    }

.top-navigation .main-links > li.active .drop-box {
    display: -ms-flexbox;
    display: flex
}

.top-navigation .main-links > li.active .drop-box, .top-navigation .main-links > li.active .drop-box-bn {
    animation-duration: .6s;
    animation-iteration-count: 1;
    animation-delay: .01s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.075,.82,.165,1)
}

.top-navigation .main-links > li.active .drop-box-bn {
    display: block
}

.top-navigation .main-links > li .drop-box {
    display: none;
    font-family: Calmetta,Arial,Verdana,sans-serif;
    width: calc(100% + 23.7rem);
    position: absolute;
    top: 10rem;
    left: -18.7rem;
    right: 0;
    padding: 0;
    z-index: 3;
    margin: auto;
    background-color: #fff;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: .1rem solid #e1e6e9
}

    .top-navigation .main-links > li .drop-box .cta:after {
        margin-left: .5rem
    }

    .top-navigation .main-links > li .drop-box .cta .cta-text {
        left: .5rem
    }

    .top-navigation .main-links > li .drop-box.tab-show .base3 {
        margin-top: 0;
        padding-top: 2.5rem
    }

    .top-navigation .main-links > li .drop-box p {
        font-family: Source Sans Pro,Arial,sans-serif;
        font-size: 2rem;
        color: #616771;
        padding: 0 1.2rem;
        line-height: 1.3
    }

    .top-navigation .main-links > li .drop-box > .row {
        max-height: 60rem
    }

    .top-navigation .main-links > li .drop-box .row a:focus, .top-navigation .main-links > li .drop-box .row a:hover {
        color: #1a8479
    }

    .top-navigation .main-links > li .drop-box .row .title {
        font-size: 1.4rem;
        font-weight: 400;
        text-transform: uppercase;
        color: #70378d;
        letter-spacing: .15rem;
        padding-left: 0;
        padding-right: 0
    }

        .top-navigation .main-links > li .drop-box .row .title .icon-chevron-down {
            display: none
        }

    .top-navigation .main-links > li .drop-box .base9 .row {
        margin: 0
    }

    .top-navigation .main-links > li .drop-box .base9 .sub-nav-container {
        display: none
    }

        .top-navigation .main-links > li .drop-box .base9 .sub-nav-container:first-child {
            display: block
        }

    .top-navigation .main-links > li .drop-box .base9 .overview {
        padding: 2.3rem 1.2rem 0;
        border-bottom: 0
    }

        .top-navigation .main-links > li .drop-box .base9 .overview:focus {
            outline: 0
        }

    .top-navigation .main-links > li .drop-box .base3, .top-navigation .main-links > li .drop-box .base4 {
        margin-top: 2.4rem;
        margin-bottom: 2.3rem;
        padding: 0 1rem 1rem;
        border-right: .1rem solid #e1e6e9
    }

        .top-navigation .main-links > li .drop-box .base3 ul, .top-navigation .main-links > li .drop-box .base4 ul {
            font-size: 0;
            padding-left: 1rem;
            padding-right: 1rem
        }

            .top-navigation .main-links > li .drop-box .base3 ul.sub-navigation, .top-navigation .main-links > li .drop-box .base4 ul.sub-navigation {
                background-color: #f1f4f7;
                padding: 0;
                padding-left: 4rem;
                margin-left: -4rem;
                margin-right: -1rem;
                margin-top: -2.5rem
            }

                .top-navigation .main-links > li .drop-box .base3 ul.sub-navigation li, .top-navigation .main-links > li .drop-box .base4 ul.sub-navigation li {
                    margin-bottom: 0
                }

            .top-navigation .main-links > li .drop-box .base3 ul .tab-heading-link, .top-navigation .main-links > li .drop-box .base4 ul .tab-heading-link {
                font-weight: 400;
                display: block;
                padding: 2.5rem 1rem;
                position: relative;
                margin-left: -4rem;
                padding-left: 5rem;
                border-bottom: .1rem solid #e1e6e9
            }

                .top-navigation .main-links > li .drop-box .base3 ul .tab-heading-link.active, .top-navigation .main-links > li .drop-box .base3 ul .tab-heading-link:focus, .top-navigation .main-links > li .drop-box .base3 ul .tab-heading-link:hover, .top-navigation .main-links > li .drop-box .base4 ul .tab-heading-link.active, .top-navigation .main-links > li .drop-box .base4 ul .tab-heading-link:focus, .top-navigation .main-links > li .drop-box .base4 ul .tab-heading-link:hover {
                    top: 0;
                    background: #fff
                }

                .top-navigation .main-links > li .drop-box .base3 ul .tab-heading-link .icon-chevron-down, .top-navigation .main-links > li .drop-box .base4 ul .tab-heading-link .icon-chevron-down {
                    display: none
                }

        .top-navigation .main-links > li .drop-box .base3:first-of-type, .top-navigation .main-links > li .drop-box .base4:first-of-type {
            padding-left: 0
        }

        .top-navigation .main-links > li .drop-box .base3:last-of-type, .top-navigation .main-links > li .drop-box .base4:last-of-type {
            border-right: 0
        }

        .top-navigation .main-links > li .drop-box .base3 > ul, .top-navigation .main-links > li .drop-box .base4 > ul {
            padding: 0 2rem .2rem 1rem
        }

            .top-navigation .main-links > li .drop-box .base3 > ul > li, .top-navigation .main-links > li .drop-box .base4 > ul > li {
                margin-bottom: 1.8rem
            }

                .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child .icon-chevron-down, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child .icon-chevron-down {
                    display: none
                }

                .top-navigation .main-links > li .drop-box .base3 > ul > li a, .top-navigation .main-links > li .drop-box .base4 > ul > li a {
                    font-family: Calmetta,Arial,Verdana,sans-serif;
                    font-weight: 400;
                    font-size: 1.8rem;
                    padding-right: 0;
                    height: auto;
                    color: #1d252d;
                    background-position: 0 115%;
                    transition: background-position .1s cubic-bezier(.215,.61,.355,1),top .1s cubic-bezier(.215,.61,.355,1)
                }

                    .top-navigation .main-links > li .drop-box .base3 > ul > li a.sub-link, .top-navigation .main-links > li .drop-box .base4 > ul > li a.sub-link {
                        font-weight: 300
                    }

                    .top-navigation .main-links > li .drop-box .base3 > ul > li a strong, .top-navigation .main-links > li .drop-box .base4 > ul > li a strong {
                        display: block;
                        font-weight: 400
                    }

                        .top-navigation .main-links > li .drop-box .base3 > ul > li a strong:after, .top-navigation .main-links > li .drop-box .base4 > ul > li a strong:after {
                            display: none
                        }

                    .top-navigation .main-links > li .drop-box .base3 > ul > li a:focus, .top-navigation .main-links > li .drop-box .base3 > ul > li a:hover, .top-navigation .main-links > li .drop-box .base4 > ul > li a:focus, .top-navigation .main-links > li .drop-box .base4 > ul > li a:hover {
                        color: #1d252d;
                        top: -.3rem;
                        background-position: 0 100%;
                        text-decoration: none
                    }

                        .top-navigation .main-links > li .drop-box .base3 > ul > li a:focus strong, .top-navigation .main-links > li .drop-box .base3 > ul > li a:hover strong, .top-navigation .main-links > li .drop-box .base4 > ul > li a:focus strong, .top-navigation .main-links > li .drop-box .base4 > ul > li a:hover strong {
                            color: #1d252d
                        }

                .top-navigation .main-links > li .drop-box .base3 > ul > li > ul > li, .top-navigation .main-links > li .drop-box .base4 > ul > li > ul > li {
                    margin-top: .8rem;
                    display: block
                }

                    .top-navigation .main-links > li .drop-box .base3 > ul > li > ul > li a, .top-navigation .main-links > li .drop-box .base4 > ul > li > ul > li a {
                        background-size: .1rem .1rem
                    }

                        .top-navigation .main-links > li .drop-box .base3 > ul > li > ul > li a:focus, .top-navigation .main-links > li .drop-box .base3 > ul > li > ul > li a:hover, .top-navigation .main-links > li .drop-box .base4 > ul > li > ul > li a:focus, .top-navigation .main-links > li .drop-box .base4 > ul > li > ul > li a:hover {
                            background-position: 0 90%
                        }

    .top-navigation .main-links > li .drop-box .column100 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .top-navigation .main-links > li .drop-box .overview {
        font-size: 1.9rem;
        padding: 2rem 5rem;
        font-weight: 300;
        border-bottom: .3rem solid #e1e6e9;
        color: #1d252d
    }

        .top-navigation .main-links > li .drop-box .overview .icon-arrow-right {
            display: inline-block;
            margin: 0 .5rem
        }

            .top-navigation .main-links > li .drop-box .overview .icon-arrow-right svg path {
                stroke: #1a8479
            }

    .top-navigation .main-links > li .drop-box .drop-strip {
        display: -ms-flexbox;
        display: flex
    }

        .top-navigation .main-links > li .drop-box .drop-strip .looking-for {
            position: relative;
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            max-width: 73.4%;
            background-color: #1a8479;
            padding: 1.6rem 0 1.8rem 17.8rem;
            font-size: 1.8rem;
            color: #fff
        }

        .top-navigation .main-links > li .drop-box .drop-strip .contact-today {
            position: relative;
            margin: 0;
            background-color: #1a8479;
            max-width: none;
            padding: 1.6rem 0 1.8rem 5.5rem;
            -ms-flex: 1;
            flex: 1
        }

            .top-navigation .main-links > li .drop-box .drop-strip .contact-today .icon-arrow-right {
                position: absolute;
                left: 3rem;
                top: 50%;
                transform: translateY(-50%)
            }

                .top-navigation .main-links > li .drop-box .drop-strip .contact-today .icon-arrow-right svg path {
                    stroke: #fff
                }

            .top-navigation .main-links > li .drop-box .drop-strip .contact-today a {
                font-size: 1.9rem;
                color: #fff
            }

.top-navigation .main-links > li .drop-box-bn {
    display: none;
    font-family: Calmetta,Arial,Verdana,sans-serif;
    position: fixed;
    top: 10rem;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 3;
    background-color: #fff;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    width: 100%;
    height: max-content;
    overflow-y: overlay
}

    .top-navigation .main-links > li .drop-box-bn .base12 {
        max-width: 1140px;
        padding-left: 0;
        padding-right: 0;
        margin: auto;
        width: 100%
    }

    .top-navigation .main-links > li .drop-box-bn .nav-close-menu {
        z-index: 1000;
        height: 100%;
        cursor: pointer;
        float: right;
        height: 15px;
        width: 15px;
        margin-top: 6px
    }

        .top-navigation .main-links > li .drop-box-bn .nav-close-menu .icon-close {
            position: static;
            width: 15px;
            height: 15px;
            transform: none
        }

            .top-navigation .main-links > li .drop-box-bn .nav-close-menu .icon-close path {
                stroke: #000;
                stroke-width: .5
            }

    .top-navigation .main-links > li .drop-box-bn .base3 ul.sub-navigation {
        margin-right: 0
    }

    .top-navigation .main-links > li .drop-box-bn .cta {
        margin-left: 0
    }

        .top-navigation .main-links > li .drop-box-bn .cta .cta-text {
            font-size: 18px
        }

    .top-navigation .main-links > li .drop-box-bn.tab-show .base3 {
        margin-top: 0;
        padding-top: 2.5rem
    }

    .top-navigation .main-links > li .drop-box-bn p {
        font-family: Calmetta;
        font-size: 16px;
        color: #616771;
        padding: 0 1.2rem;
        line-height: 24px
    }

    .top-navigation .main-links > li .drop-box-bn > .row {
        max-height: 60rem
    }

    .top-navigation .main-links > li .drop-box-bn .row {
        margin-top: 32px
    }

        .top-navigation .main-links > li .drop-box-bn .row a:focus, .top-navigation .main-links > li .drop-box-bn .row a:hover {
            color: #1a8479
        }

        .top-navigation .main-links > li .drop-box-bn .row .title {
            font-size: 1.4rem;
            font-weight: 400;
            text-transform: uppercase;
            color: #70378d;
            letter-spacing: .15rem;
            padding-left: 0;
            padding-right: 0
        }

            .top-navigation .main-links > li .drop-box-bn .row .title .icon-chevron-down {
                display: none
            }

    .top-navigation .main-links > li .drop-box-bn .base9 .row {
        margin: 0;
        margin-top: 16px;
        padding-left: 0
    }

    .top-navigation .main-links > li .drop-box-bn .base9 .sub-nav-container {
        display: none
    }

    .top-navigation .main-links > li .drop-box-bn .base9 .overview {
        padding-bottom: 24;
        border-bottom: 0
    }

        .top-navigation .main-links > li .drop-box-bn .base9 .overview:focus {
            outline: 0
        }

    .top-navigation .main-links > li .drop-box-bn .base3 ul, .top-navigation .main-links > li .drop-box-bn .base4 ul {
        font-size: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }

        .top-navigation .main-links > li .drop-box-bn .base3 ul.sub-navigation li, .top-navigation .main-links > li .drop-box-bn .base4 ul.sub-navigation li {
            margin-bottom: 0
        }

        .top-navigation .main-links > li .drop-box-bn .base3 ul .tab-heading-link, .top-navigation .main-links > li .drop-box-bn .base4 ul .tab-heading-link {
            font-weight: 400;
            display: block;
            margin-bottom: 24px;
            position: relative;
            margin-left: 0
        }

            .top-navigation .main-links > li .drop-box-bn .base3 ul .tab-heading-link.active, .top-navigation .main-links > li .drop-box-bn .base4 ul .tab-heading-link.active {
                border-left: 4px solid #4f98d3;
                padding-left: 16px;
                font-weight: 700
            }

            .top-navigation .main-links > li .drop-box-bn .base3 ul .tab-heading-link:focus, .top-navigation .main-links > li .drop-box-bn .base3 ul .tab-heading-link:hover, .top-navigation .main-links > li .drop-box-bn .base4 ul .tab-heading-link:focus, .top-navigation .main-links > li .drop-box-bn .base4 ul .tab-heading-link:hover {
                font-weight: 700
            }

            .top-navigation .main-links > li .drop-box-bn .base3 ul .tab-heading-link .icon-chevron-down, .top-navigation .main-links > li .drop-box-bn .base4 ul .tab-heading-link .icon-chevron-down {
                display: none
            }

    .top-navigation .main-links > li .drop-box-bn .base3:first-of-type, .top-navigation .main-links > li .drop-box-bn .base4:first-of-type {
        padding-left: 0
    }

    .top-navigation .main-links > li .drop-box-bn .base3:last-of-type, .top-navigation .main-links > li .drop-box-bn .base4:last-of-type {
        border-right: 0
    }

    .top-navigation .main-links > li .drop-box-bn .base3 > ul, .top-navigation .main-links > li .drop-box-bn .base4 > ul {
        padding: 0
    }

        .top-navigation .main-links > li .drop-box-bn .base3 > ul > li, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li {
            margin-bottom: 1.8rem
        }

            .top-navigation .main-links > li .drop-box-bn .base3 > ul > li.has-child .icon-chevron-down, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li.has-child .icon-chevron-down {
                display: none
            }

            .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a {
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-weight: 400;
                font-size: 18px;
                line-height: 24px;
                padding-right: 0;
                height: auto;
                color: #1d252d;
                background-position: 0 115%;
                transition: background-position .1s cubic-bezier(.215,.61,.355,1),top .1s cubic-bezier(.215,.61,.355,1)
            }

                .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a.sub-link, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a.sub-link {
                    font-weight: 300
                }

                .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a strong, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a strong {
                    display: block
                }

                    .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a strong:after, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a strong:after {
                        display: none
                    }

                .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a:focus, .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a:hover, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a:focus, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a:hover {
                    color: #1d252d;
                    background-position: 0 100%;
                    text-decoration: none
                }

                    .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a:focus strong, .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a:hover strong, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a:focus strong, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a:hover strong {
                        color: #1d252d
                    }

            .top-navigation .main-links > li .drop-box-bn .base3 > ul > li > ul > li, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li > ul > li {
                margin-top: .8rem;
                display: block;
                margin-bottom: 20px
            }

                .top-navigation .main-links > li .drop-box-bn .base3 > ul > li > ul > li a, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li > ul > li a {
                    font-size: 18px;
                    font-weight: 100 !important;
                    background-size: .1rem .1rem;
                    line-height: 24px
                }

                    .top-navigation .main-links > li .drop-box-bn .base3 > ul > li > ul > li a:focus, .top-navigation .main-links > li .drop-box-bn .base3 > ul > li > ul > li a:hover, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li > ul > li a:focus, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li > ul > li a:hover {
                        background-position: 0 90%
                    }

                .top-navigation .main-links > li .drop-box-bn .base3 > ul > li .icon, .top-navigation .main-links > li .drop-box-bn .base3 > ul > li > ul > li .icon, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li .icon, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li > ul > li .icon {
                    display: none;
                    width: 15px;
                    height: 15px;
                    float: right
                }

    .top-navigation .main-links > li .drop-box-bn .column100 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .top-navigation .main-links > li .drop-box-bn .overview {
        font-size: 18px;
        line-height: 24px;
        padding: 1.6rem 0;
        font-weight: 300;
        color: #1d252d;
        background-color: #f1f4f7;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        height: max-content
    }

        .top-navigation .main-links > li .drop-box-bn .overview .icon-arrow-right {
            display: inline-block;
            margin: 0 .5rem
        }

            .top-navigation .main-links > li .drop-box-bn .overview .icon-arrow-right svg path {
                stroke: #1a8479
            }

    .top-navigation .main-links > li .drop-box-bn .overview-content {
        padding-left: 1rem;
        padding-right: 1rem;
        max-width: 1140px;
        width: 100%;
        margin: auto;
        display: inline-block
    }

    .top-navigation .main-links > li .drop-box-bn .c-autocomplete {
        height: max-content
    }

    .top-navigation .main-links > li .drop-box-bn .tab-overview {
        font-size: 1.8rem;
        padding-bottom: 10px;
        color: #1d252d;
        border-bottom: 1px solid #e1e6e9;
        outline: none
    }

        .top-navigation .main-links > li .drop-box-bn .tab-overview .icon-arrow-right {
            display: inline-block;
            margin: 0 .5rem
        }

            .top-navigation .main-links > li .drop-box-bn .tab-overview .icon-arrow-right svg path {
                stroke: #1a8479
            }

    .top-navigation .main-links > li .drop-box-bn .drop-strip {
        display: -ms-flexbox;
        display: flex
    }

        .top-navigation .main-links > li .drop-box-bn .drop-strip .looking-for {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
            background-color: #1a8479;
            padding: 1.6rem 17.8rem 1.8rem;
            font-size: 1.8rem;
            color: #fff;
            -ms-flex-item-align: end;
            align-self: flex-end;
            height: max-content
        }

            .top-navigation .main-links > li .drop-box-bn .drop-strip .looking-for .link {
                padding-left: 10px;
                font-weight: 700
            }

                .top-navigation .main-links > li .drop-box-bn .drop-strip .looking-for .link a {
                    cursor: pointer;
                    color: #fff
                }

    .top-navigation .main-links > li .drop-box-bn .row {
        margin: 16px auto;
        margin-bottom: 0;
        max-width: 1140px
    }

        .top-navigation .main-links > li .drop-box-bn .row > :first-child {
            padding-left: 1rem
        }

    .top-navigation .main-links > li .drop-box-bn .sub-nav-container .row > :first-child {
        padding-left: 0
    }

.top-navigation .cta-block:focus, .top-navigation .cta-block:hover {
    text-decoration: none
}

    .top-navigation .cta-block:focus .cta .cta-text, .top-navigation .cta-block:hover .cta .cta-text {
        transform: translate3d(0,-.3rem,0)
    }

    .top-navigation .cta-block:focus .cta:after, .top-navigation .cta-block:hover .cta:after {
        opacity: 1;
        transform: translate3d(0,-.5rem,0)
    }

.top-navigation .cta-block figure {
    margin: .1rem 0 2rem 1rem
}

.top-navigation .cta-block figcaption {
    margin-top: 2.4rem;
    font-weight: 700;
    color: #1d252d
}

.top-navigation .close, .top-navigation .mobile-sub-links {
    display: none
}

.top-navigation .nav-link-collection-heading {
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-weight: 400;
    color: #1a8479 !important;
    text-transform: uppercase
}

    .top-navigation .nav-link-collection-heading + ul {
        margin-bottom: 3.8rem
    }

.top-navigation .nav-link {
    font-weight: 400 !important;
    color: #616771 !important;
    background-size: .1rem .1rem
}

.top-navigation .nav-promo-figure {
    margin: 0 !important;
    font-weight: 400 !important;
    color: #616771 !important
}

.top-navigation .nav-promo-figcaption {
    margin: .8rem 0 1.9rem !important;
    font-weight: 400 !important;
    color: #616771 !important
}

.top-navigation .nav-promo-cta {
    font-weight: 400 !important;
    font-size: 1.8rem;
    color: #616771 !important
}

.top-navigation .nav-list, .top-navigation .nav-text {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.top-navigation__search {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 1.6rem 0;
    background-color: #0c5aa5
}

.top-navigation__search-fieldset {
    border: none;
    padding-left: 1rem;
    padding-right: 1rem
}

.top-navigation__search-input-container {
    position: relative
}

.top-navigation__search-input {
    width: 100%;
    font-size: 1.9rem;
    font-weight: 300;
    padding: 1.2rem 4.7rem 1.3rem;
    height: 5rem;
    transition: none;
    border: none;
    font-family: Calmetta
}

.top-navigation__search-input-label {
    display: none
}

.top-navigation__search-input-icon {
    top: 50% !important
}

.top-navigation--bn {
    position: static
}

    .top-navigation--bn .nav-link-collection-heading {
        font-weight: 700
    }

    .top-navigation--bn .main-links {
        margin: 0 0 0 2.7rem;
        width: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

        .top-navigation--bn .main-links > li {
            padding-right: 12px;
            padding-left: 12px;
            margin: 0
        }

            .top-navigation--bn .main-links > li.active {
                background: linear-gradient(#fff 20%,#f1f4f7 0)
            }

                .top-navigation--bn .main-links > li.active > a:after {
                    opacity: 1;
                    bottom: 24px;
                    height: 4px
                }

            .top-navigation--bn .main-links > li > a {
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
                padding-right: 0;
                padding-bottom: 0
            }

                .top-navigation--bn .main-links > li > a:after {
                    width: 100%;
                    height: 4px;
                    left: 0
                }

                .top-navigation--bn .main-links > li > a span[class*=icon-] {
                    display: none
                }

                .top-navigation--bn .main-links > li > a:focus, .top-navigation--bn .main-links > li > a:hover {
                    bottom: 0
                }

                    .top-navigation--bn .main-links > li > a:focus:after, .top-navigation--bn .main-links > li > a:hover:after {
                        opacity: 1;
                        bottom: 24px
                    }

            .top-navigation--bn .main-links > li:last-child {
                margin-right: 0
            }

    .top-navigation--bn input[type=search]::-webkit-search-cancel-button {
        -webkit-appearance: none;
        height: 12px;
        width: 12px;
        background: url(/assets/img/svg/close-black.svg) no-repeat 50% 50%;
        background-size: contain;
        opacity: 0;
        pointer-events: none
    }

    .top-navigation--bn input[type=search]:focus::-webkit-search-cancel-button {
        opacity: .6;
        pointer-events: all
    }

    .top-navigation--bn input[type=search].dark::-webkit-search-cancel-button {
        filter: invert(1)
    }

.main--bn {
    margin-top: 10rem
}

@media (min-width:780px) and (max-width:1080px) {
    .top-navigation .main-links > li > a {
        font-size: 1.6rem
    }

    .top-navigation .main-links > li .drop-box {
        left: -11rem;
        width: calc(100% + 12rem)
    }

    .top-navigation .main-links > li .drop-box-bn .overview-content {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .top-navigation .main-links > li .drop-box-bn .row {
        padding-left: 1.5rem
    }

    .top-navigation--blocks .main-links > li .drop-box {
        width: calc(100% + 1rem);
        left: -1rem
    }

    .top-navigation__search-fieldset {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

@media (min-width:128px) and (max-width:780px) {
    .top-navigation {
        width: 100%;
        background-color: #f1f4f7;
        top: 0;
        padding: 0 6.5%
    }

        .top-navigation .row {
            margin-left: 0;
            margin-right: 0
        }

        .top-navigation .icon-menu {
            position: static;
            display: inline-block;
            margin-top: 2.3rem;
            margin-left: .7rem
        }

            .top-navigation .icon-menu svg path {
                stroke: #1a8479
            }

        .top-navigation .icon-email-arrow {
            left: auto;
            right: 0
        }

            .top-navigation .icon-email-arrow svg {
                width: 7.2rem;
                height: 6rem
            }

        .top-navigation .main-links {
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .top-navigation .main-links > li {
                display: none;
                margin-right: 3.1rem
            }

                .top-navigation .main-links > li.display-on-mobile, .top-navigation .main-links > li.hamburger {
                    display: block;
                    width: 33%
                }

                    .top-navigation .main-links > li.display-on-mobile a, .top-navigation .main-links > li.hamburger a {
                        -ms-flex-pack: center;
                        justify-content: center
                    }

                .top-navigation .main-links > li.hamburger {
                    margin-left: 1.5rem;
                    margin-right: 0
                }

                .top-navigation .main-links > li.display-on-mobile {
                    position: relative;
                    margin-left: 1.5rem;
                    margin-right: 1.5rem
                }

                    .top-navigation .main-links > li.display-on-mobile:first-child {
                        margin-left: 0
                    }

                    .top-navigation .main-links > li.display-on-mobile:after {
                        content: "";
                        display: block;
                        background-color: #e1e6e9;
                        width: .1rem;
                        height: 2.5rem;
                        position: absolute;
                        right: -1.2rem;
                        left: auto;
                        top: 1.1rem
                    }

                    .top-navigation .main-links > li.display-on-mobile a:after {
                        display: none
                    }

                .top-navigation .main-links > li > a {
                    font-size: 1.6rem;
                    height: 4.4rem;
                    padding-bottom: .5rem;
                    padding-right: .6rem;
                    margin-bottom: 0;
                    font-weight: 400
                }

                    .top-navigation .main-links > li > a .icon-chevron-down {
                        position: static;
                        display: inline-block;
                        margin-top: .6rem;
                        margin-left: .6rem
                    }

                        .top-navigation .main-links > li > a .icon-chevron-down svg {
                            position: static;
                            height: 100%
                        }

                    .top-navigation .main-links > li > a .icon-close {
                        display: none
                    }

                    .top-navigation .main-links > li > a:after {
                        content: "";
                        position: absolute;
                        background-color: #1a8479;
                        bottom: 0;
                        left: -14%;
                        height: 0;
                        width: 123%;
                        transition: .15s
                    }

                    .top-navigation .main-links > li > a:focus, .top-navigation .main-links > li > a:hover {
                        border-bottom-width: 0;
                        bottom: 0
                    }

                        .top-navigation .main-links > li > a:focus:after, .top-navigation .main-links > li > a:hover:after {
                            height: 0;
                            bottom: 0
                        }

                .top-navigation .main-links > li.active > a {
                    border-bottom-width: 0;
                    bottom: 0
                }

                    .top-navigation .main-links > li.active > a .icon-chevron-down {
                        display: block
                    }

                    .top-navigation .main-links > li.active > a .icon-close {
                        display: none
                    }

                    .top-navigation .main-links > li.active > a:after {
                        height: 0;
                        bottom: 0
                    }

                .top-navigation .main-links > li.active .drop-box {
                    opacity: 0;
                    animation-name: c;
                    animation-duration: .6s;
                    animation-iteration-count: 1;
                    animation-delay: .01s;
                    animation-fill-mode: both;
                    animation-timing-function: cubic-bezier(.075,.82,.165,1)
                }

                    .top-navigation .main-links > li.active .drop-box .row {
                        padding: 0 6.5%;
                        margin-top: 0
                    }

                .top-navigation .main-links > li .drop-box {
                    position: fixed;
                    z-index: 2;
                    background-color: #fff;
                    width: 100%;
                    top: 0;
                    left: 0;
                    border-top-width: 0;
                    overflow: scroll;
                    height: 100%;
                    -ms-flex-line-pack: start;
                    align-content: flex-start
                }

                    .top-navigation .main-links > li .drop-box.tab-show .base3 {
                        padding-top: 0
                    }

                    .top-navigation .main-links > li .drop-box.hide-almost-everything .base3 > ul > li, .top-navigation .main-links > li .drop-box.hide-almost-everything .cta-block, .top-navigation .main-links > li .drop-box.hide-almost-everything .drop-strip {
                        display: none
                    }

                        .top-navigation .main-links > li .drop-box.hide-almost-everything .base3 > ul > li.active {
                            display: block;
                            opacity: 0;
                            animation-name: c;
                            animation-duration: .6s;
                            animation-iteration-count: 1;
                            animation-delay: .01s;
                            animation-fill-mode: both;
                            animation-timing-function: cubic-bezier(.075,.82,.165,1)
                        }

                    .top-navigation .main-links > li .drop-box > .row {
                        max-height: none
                    }

                    .top-navigation .main-links > li .drop-box .row .title {
                        font-family: Calmetta,Arial,Verdana,sans-serif;
                        text-transform: none;
                        color: #1d252d;
                        font-size: 1.8rem;
                        font-weight: 700;
                        letter-spacing: normal;
                        margin-bottom: 0;
                        padding: 1.2rem 0;
                        border-bottom: .1rem solid #e1e6e9;
                        width: 100%;
                        text-align: left;
                        position: relative
                    }

                        .top-navigation .main-links > li .drop-box .row .title .icon-chevron-down {
                            display: none
                        }

                        .top-navigation .main-links > li .drop-box .row .title + ul li:first-child {
                            border-bottom-width: 0
                        }

                    .top-navigation .main-links > li .drop-box p {
                        line-height: 1.33333;
                        font-size: 1.8rem;
                        padding-left: 0;
                        padding-right: 0;
                        margin-top: 2.5rem
                    }

                    .top-navigation .main-links > li .drop-box .close button {
                        font-weight: 300
                    }

                        .top-navigation .main-links > li .drop-box .close button strong {
                            color: #fff;
                            display: inline
                        }

                            .top-navigation .main-links > li .drop-box .close button strong:after {
                                display: none
                            }

                    .top-navigation .main-links > li .drop-box .base9 .row {
                        margin: 0;
                        background-color: #fff
                    }

                    .top-navigation .main-links > li .drop-box .base9 .overview {
                        padding: 3.3rem 6.5% .8rem;
                        border-bottom: .3rem solid #e1e6e9
                    }

                    .top-navigation .main-links > li .drop-box .base9 .sub-nav-container {
                        position: absolute;
                        top: 0;
                        background-color: #fff;
                        z-index: 2;
                        left: 0;
                        width: 100%;
                        height: 100vh;
                        display: none
                    }

                        .top-navigation .main-links > li .drop-box .base9 .sub-nav-container.active {
                            display: block;
                            opacity: 0;
                            animation-name: c;
                            animation-duration: .6s;
                            animation-iteration-count: 1;
                            animation-delay: .01s;
                            animation-fill-mode: both;
                            animation-timing-function: cubic-bezier(.075,.82,.165,1)
                        }

                            .top-navigation .main-links > li .drop-box .base9 .sub-nav-container.active:first-child {
                                display: block
                            }

                        .top-navigation .main-links > li .drop-box .base9 .sub-nav-container:first-child {
                            display: none
                        }

                        .top-navigation .main-links > li .drop-box .base9 .sub-nav-container ul > li {
                            border-bottom-width: 0
                        }

                        .top-navigation .main-links > li .drop-box .base9 .sub-nav-container ul ul {
                            display: block
                        }

                    .top-navigation .main-links > li .drop-box .base9 .tab-content-header, .top-navigation .main-links > li .drop-box .base9 .tab-content-header + ul li {
                        border-bottom: .1rem solid #e1e6e9
                    }

                        .top-navigation .main-links > li .drop-box .base9 .tab-content-header + ul li a {
                            padding-left: 0
                        }

                    .top-navigation .main-links > li .drop-box .base3, .top-navigation .main-links > li .drop-box .base4 {
                        margin-top: 0;
                        margin-bottom: .3em;
                        padding: 0;
                        border-right: 0
                    }

                        .top-navigation .main-links > li .drop-box .base3 ul, .top-navigation .main-links > li .drop-box .base4 ul {
                            font-size: 0
                        }

                            .top-navigation .main-links > li .drop-box .base3 ul.sub-navigation, .top-navigation .main-links > li .drop-box .base4 ul.sub-navigation {
                                background-color: #fff;
                                padding: 0;
                                padding-left: 0;
                                margin: auto auto 8.5rem
                            }

                                .top-navigation .main-links > li .drop-box .base3 ul.sub-navigation li, .top-navigation .main-links > li .drop-box .base4 ul.sub-navigation li {
                                    margin-bottom: 0
                                }

                            .top-navigation .main-links > li .drop-box .base3 ul .tab-heading-link, .top-navigation .main-links > li .drop-box .base4 ul .tab-heading-link {
                                padding: 1.2rem 0;
                                display: block;
                                position: relative;
                                margin-left: auto;
                                padding-left: 0;
                                border-bottom: 0
                            }

                                .top-navigation .main-links > li .drop-box .base3 ul .tab-heading-link.active, .top-navigation .main-links > li .drop-box .base3 ul .tab-heading-link:focus, .top-navigation .main-links > li .drop-box .base3 ul .tab-heading-link:hover, .top-navigation .main-links > li .drop-box .base4 ul .tab-heading-link.active, .top-navigation .main-links > li .drop-box .base4 ul .tab-heading-link:focus, .top-navigation .main-links > li .drop-box .base4 ul .tab-heading-link:hover {
                                    background: #fff;
                                    margin-left: auto;
                                    padding-left: 0;
                                    transform: translateX(0)
                                }

                                .top-navigation .main-links > li .drop-box .base3 ul .tab-heading-link .icon-chevron-down, .top-navigation .main-links > li .drop-box .base4 ul .tab-heading-link .icon-chevron-down {
                                    display: block
                                }

                        .top-navigation .main-links > li .drop-box .base3:first-of-type, .top-navigation .main-links > li .drop-box .base4:first-of-type {
                            padding-left: 0
                        }

                        .top-navigation .main-links > li .drop-box .base3:last-of-type, .top-navigation .main-links > li .drop-box .base4:last-of-type {
                            border-right: 0;
                            margin-bottom: 4rem
                        }

                        .top-navigation .main-links > li .drop-box .base3 > ul, .top-navigation .main-links > li .drop-box .base4 > ul {
                            padding: 0
                        }

                            .top-navigation .main-links > li .drop-box .base3 > ul > li, .top-navigation .main-links > li .drop-box .base4 > ul > li {
                                margin-bottom: 0;
                                border-bottom: .1rem solid #e1e6e9
                            }

                                .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child .icon-chevron-down, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child .icon-chevron-down {
                                    display: block
                                }

                                .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child .close, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child .close {
                                    display: none
                                }

                                    .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child .close .clear-text, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child .close .clear-text {
                                        margin-left: calc(6.5% + 2.5rem)
                                    }

                                    .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child .close a, .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child .close button, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child .close a, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child .close button {
                                        padding: 1.75rem 0;
                                        color: #fff;
                                        font-weight: 300
                                    }

                                        .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child .close a strong, .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child .close button strong, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child .close a strong, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child .close button strong {
                                            color: #fff
                                        }

                                        .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child .close a:focus, .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child .close a:hover, .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child .close button:focus, .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child .close button:hover, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child .close a:focus, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child .close a:hover, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child .close button:focus, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child .close button:hover {
                                            top: 0
                                        }

                                .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child.active, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child.active {
                                    position: fixed;
                                    height: 100%;
                                    padding-left: 6.5%;
                                    padding-right: 6.5%;
                                    width: 113%;
                                    top: 0;
                                    left: -6.5%;
                                    z-index: 1;
                                    background-color: #fff
                                }

                                    .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child.active .close, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child.active .close {
                                        display: block
                                    }

                                        .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child.active .close + a, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child.active .close + a {
                                            font-weight: 700;
                                            padding-top: 3.5rem;
                                            margin-left: 6.5%;
                                            margin-right: 6.5%;
                                            border-bottom: .1rem solid #e1e6e9
                                        }

                                    .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child.active .icon-chevron-down, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child.active .icon-chevron-down {
                                        display: none
                                    }

                                    .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child.active ul, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child.active ul {
                                        display: block;
                                        padding-left: 6.5%;
                                        padding-right: 6.5%
                                    }

                                        .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child.active ul li, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child.active ul li {
                                            margin-bottom: 0;
                                            margin-top: 0
                                        }

                                            .top-navigation .main-links > li .drop-box .base3 > ul > li.has-child.active ul li a, .top-navigation .main-links > li .drop-box .base4 > ul > li.has-child.active ul li a {
                                                padding-left: 0;
                                                margin-left: 1.5rem;
                                                border-bottom: .1rem solid #e1e6e9
                                            }

                                .top-navigation .main-links > li .drop-box .base3 > ul > li a, .top-navigation .main-links > li .drop-box .base4 > ul > li a {
                                    display: block;
                                    padding: 1.3rem 0;
                                    position: relative;
                                    transition: none
                                }

                                    .top-navigation .main-links > li .drop-box .base3 > ul > li a:focus, .top-navigation .main-links > li .drop-box .base3 > ul > li a:hover, .top-navigation .main-links > li .drop-box .base4 > ul > li a:focus, .top-navigation .main-links > li .drop-box .base4 > ul > li a:hover {
                                        top: 0;
                                        background-image: none
                                    }

                                        .top-navigation .main-links > li .drop-box .base3 > ul > li a:focus:after, .top-navigation .main-links > li .drop-box .base3 > ul > li a:hover:after, .top-navigation .main-links > li .drop-box .base4 > ul > li a:focus:after, .top-navigation .main-links > li .drop-box .base4 > ul > li a:hover:after {
                                            display: none
                                        }

                                .top-navigation .main-links > li .drop-box .base3 > ul > li .icon-chevron-down, .top-navigation .main-links > li .drop-box .base4 > ul > li .icon-chevron-down {
                                    top: 0;
                                    right: 0;
                                    width: 1.2rem;
                                    height: 100%;
                                    transform: rotate(-90deg)
                                }

                                    .top-navigation .main-links > li .drop-box .base3 > ul > li .icon-chevron-down svg, .top-navigation .main-links > li .drop-box .base4 > ul > li .icon-chevron-down svg {
                                        top: 49%;
                                        height: .7rem
                                    }

                                .top-navigation .main-links > li .drop-box .base3 > ul > li > ul, .top-navigation .main-links > li .drop-box .base4 > ul > li > ul {
                                    display: none
                                }

                                    .top-navigation .main-links > li .drop-box .base3 > ul > li > ul > li, .top-navigation .main-links > li .drop-box .base4 > ul > li > ul > li {
                                        margin-bottom: 1rem;
                                        margin-top: .9rem
                                    }

                                        .top-navigation .main-links > li .drop-box .base3 > ul > li > ul > li a, .top-navigation .main-links > li .drop-box .base4 > ul > li > ul > li a {
                                            font-weight: 300;
                                            padding-left: 1rem;
                                            font-size: 1.8rem
                                        }

                    .top-navigation .main-links > li .drop-box .overview {
                        padding: 3.3rem 6.5% .8rem;
                        -ms-flex-item-align: start;
                        align-self: flex-start
                    }

                    .top-navigation .main-links > li .drop-box .drop-strip {
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-flow: column;
                        flex-flow: column
                    }

                        .top-navigation .main-links > li .drop-box .drop-strip .looking-for {
                            -ms-flex-preferred-size: 100%;
                            flex-basis: 100%;
                            width: 100%;
                            max-width: none;
                            padding: 1.7rem 6.5% 2rem
                        }

                        .top-navigation .main-links > li .drop-box .drop-strip .contact-today {
                            padding: 1.2rem 6.5% 1.5rem
                        }

                            .top-navigation .main-links > li .drop-box .drop-strip .contact-today a {
                                margin-left: 2.2rem;
                                font-weight: 700
                            }

                            .top-navigation .main-links > li .drop-box .drop-strip .contact-today .icon-arrow-right {
                                left: 6.5%
                            }

                .top-navigation .main-links > li .drop-box-bn .tab-overview {
                    font-size: 1.8rem;
                    padding: 1.5rem 5vw;
                    color: #1d252d;
                    border-bottom: none;
                    background-color: #f1f4f7;
                    outline: none
                }

                    .top-navigation .main-links > li .drop-box-bn .tab-overview .icon-arrow-right {
                        display: inline-block;
                        margin: 0 .5rem
                    }

                        .top-navigation .main-links > li .drop-box-bn .tab-overview .icon-arrow-right svg path {
                            stroke: #1a8479
                        }

                .top-navigation .main-links > li .drop-box-bn .close a strong, .top-navigation .main-links > li .drop-box-bn .close button strong {
                    color: #fff
                }

                .top-navigation .main-links > li .drop-box-bn .base3, .top-navigation .main-links > li .drop-box-bn .base4 {
                    background-color: #fff
                }

                    .top-navigation .main-links > li .drop-box-bn .base3 ul, .top-navigation .main-links > li .drop-box-bn .base4 ul {
                        font-size: 0;
                        padding-left: 1rem;
                        padding-right: 1rem
                    }

                        .top-navigation .main-links > li .drop-box-bn .base3 ul.sub-navigation li, .top-navigation .main-links > li .drop-box-bn .base4 ul.sub-navigation li {
                            margin-bottom: 0
                        }

                        .top-navigation .main-links > li .drop-box-bn .base3 ul .tab-heading-link, .top-navigation .main-links > li .drop-box-bn .base4 ul .tab-heading-link {
                            font-weight: 400;
                            display: block;
                            position: relative;
                            padding: 12px 5vw;
                            margin: 0
                        }

                            .top-navigation .main-links > li .drop-box-bn .base3 ul .tab-heading-link:focus, .top-navigation .main-links > li .drop-box-bn .base3 ul .tab-heading-link:hover, .top-navigation .main-links > li .drop-box-bn .base4 ul .tab-heading-link:focus, .top-navigation .main-links > li .drop-box-bn .base4 ul .tab-heading-link:hover {
                                font-weight: 400
                            }

                            .top-navigation .main-links > li .drop-box-bn .base3 ul .tab-heading-link.active, .top-navigation .main-links > li .drop-box-bn .base4 ul .tab-heading-link.active {
                                border-left: none;
                                padding: 12px 5vw;
                                font-weight: 400
                            }

                            .top-navigation .main-links > li .drop-box-bn .base3 ul .tab-heading-link .icon-chevron-down, .top-navigation .main-links > li .drop-box-bn .base4 ul .tab-heading-link .icon-chevron-down {
                                display: block;
                                padding-right: 5vw
                            }

                                .top-navigation .main-links > li .drop-box-bn .base3 ul .tab-heading-link .icon-chevron-down path, .top-navigation .main-links > li .drop-box-bn .base4 ul .tab-heading-link .icon-chevron-down path {
                                    stroke: #000
                                }

                            .top-navigation .main-links > li .drop-box-bn .base3 ul .tab-heading-link .icon-chevron-down, .top-navigation .main-links > li .drop-box-bn .base4 ul .tab-heading-link .icon-chevron-down {
                                right: 5vw
                            }

                    .top-navigation .main-links > li .drop-box-bn .base3:first-of-type, .top-navigation .main-links > li .drop-box-bn .base4:first-of-type {
                        padding-left: 0
                    }

                    .top-navigation .main-links > li .drop-box-bn .base3:last-of-type, .top-navigation .main-links > li .drop-box-bn .base4:last-of-type {
                        border-right: 0
                    }

                    .top-navigation .main-links > li .drop-box-bn .base3 > ul, .top-navigation .main-links > li .drop-box-bn .base4 > ul {
                        padding: 0
                    }

                        .top-navigation .main-links > li .drop-box-bn .base3 > ul > li, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li {
                            margin-bottom: 1.8rem
                        }

                            .top-navigation .main-links > li .drop-box-bn .base3 > ul > li.has-child .icon-chevron-down, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li.has-child .icon-chevron-down {
                                display: none
                            }

                            .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a {
                                font-family: Calmetta,Arial,Verdana,sans-serif;
                                font-weight: 700;
                                font-size: 1.8rem;
                                padding-right: 0;
                                height: auto;
                                color: #1d252d;
                                background-position: 0 115%;
                                transition: background-position .1s cubic-bezier(.215,.61,.355,1),top .1s cubic-bezier(.215,.61,.355,1)
                            }

                                .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a.sub-link, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a.sub-link {
                                    font-weight: 300
                                }

                                .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a strong, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a strong {
                                    display: block
                                }

                                    .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a strong:after, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a strong:after {
                                        display: none
                                    }

                                .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a:focus, .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a:hover, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a:focus, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a:hover {
                                    color: #1d252d;
                                    background-position: 0 100%;
                                    text-decoration: none
                                }

                                    .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a:focus strong, .top-navigation .main-links > li .drop-box-bn .base3 > ul > li a:hover strong, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a:focus strong, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li a:hover strong {
                                        color: #1d252d
                                    }

                            .top-navigation .main-links > li .drop-box-bn .base3 > ul > li > ul > li, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li > ul > li {
                                margin-top: .8rem;
                                display: block;
                                margin-bottom: 24px
                            }

                                .top-navigation .main-links > li .drop-box-bn .base3 > ul > li > ul > li a, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li > ul > li a {
                                    background-size: .1rem .1rem
                                }

                                    .top-navigation .main-links > li .drop-box-bn .base3 > ul > li > ul > li a:focus, .top-navigation .main-links > li .drop-box-bn .base3 > ul > li > ul > li a:hover, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li > ul > li a:focus, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li > ul > li a:hover {
                                        background-position: 0 90%
                                    }

                                .top-navigation .main-links > li .drop-box-bn .base3 > ul > li > ul > li .icon, .top-navigation .main-links > li .drop-box-bn .base4 > ul > li > ul > li .icon {
                                    display: block;
                                    margin-top: 5px
                                }

                .top-navigation .main-links > li .drop-box-bn .base9 .sub-nav-container {
                    position: absolute;
                    top: 0;
                    background-color: #fff;
                    z-index: 2;
                    left: 0;
                    width: 100%;
                    height: 100vh;
                    display: none
                }

                    .top-navigation .main-links > li .drop-box-bn .base9 .sub-nav-container.active {
                        display: block;
                        opacity: 0;
                        animation-name: c;
                        animation-duration: .6s;
                        animation-iteration-count: 1;
                        animation-delay: .01s;
                        animation-fill-mode: both;
                        animation-timing-function: cubic-bezier(.075,.82,.165,1)
                    }

                        .top-navigation .main-links > li .drop-box-bn .base9 .sub-nav-container.active:first-child {
                            display: block
                        }

                    .top-navigation .main-links > li .drop-box-bn .base9 .sub-nav-container:first-child {
                        display: none
                    }

                    .top-navigation .main-links > li .drop-box-bn .base9 .sub-nav-container ul > li {
                        border-bottom-width: 0
                    }

                    .top-navigation .main-links > li .drop-box-bn .base9 .sub-nav-container ul ul {
                        display: block
                    }

                .top-navigation .main-links > li .drop-box-bn .row {
                    margin: 16px 0;
                    padding-left: 0
                }

                .top-navigation .main-links > li .drop-box-bn .overview-content {
                    padding-left: 0;
                    padding-right: 0
                }

                .top-navigation .main-links > li .drop-box-bn .overview .icon-arrow-right {
                    float: right;
                    margin-top: 4px;
                    margin-right: -1%
                }

        .top-navigation .cta-block:focus .cta, .top-navigation .cta-block:hover .cta {
            text-decoration: none
        }

        .top-navigation .cta-block figure {
            margin-left: 0;
            margin-top: 3.6rem;
            margin-bottom: 1rem
        }

        .top-navigation .cta-block figcaption {
            margin-top: 1.5rem;
            line-height: 1.2;
            color: #1d252d
        }

        .top-navigation .close {
            display: block;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            width: 100%;
            position: relative;
            background-color: #1a8479
        }

            .top-navigation .close.main-menu-mobile {
                display: none
            }

            .top-navigation .close button {
                color: #fff;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-size: 1.8rem;
                background-color: transparent;
                padding: 1.8rem 6.5% 1.7rem;
                border: 0;
                width: 100%;
                text-align: left
            }

                .top-navigation .close button .clear-text {
                    margin-left: 6.5rem
                }

            .top-navigation .close .icon-arrow-right {
                position: absolute;
                left: 6.5%;
                top: 3rem;
                margin: auto;
                z-index: 1;
                transform: rotate(180deg) translateY(50%)
            }

                .top-navigation .close .icon-arrow-right svg path {
                    stroke: #fff
                }

            .top-navigation .close .icon-close {
                display: block;
                width: 1.5rem;
                height: 1.5rem;
                position: absolute;
                right: 6.5%;
                top: 3rem;
                margin: auto;
                z-index: 1;
                transform: translateY(-50%);
                pointer-events: none
            }

                .top-navigation .close .icon-close svg path {
                    stroke: #fff !important;
                    stroke-width: 1 !important
                }

        .top-navigation.mobile-nav {
            position: fixed;
            background: #fff;
            left: 0;
            height: 100%;
            z-index: 3;
            padding-left: 0;
            padding-right: 0;
            overflow: scroll;
            opacity: 0;
            animation-name: c;
            animation-duration: .6s;
            animation-iteration-count: 1;
            animation-delay: .01s;
            animation-fill-mode: both;
            animation-timing-function: cubic-bezier(.075,.82,.165,1)
        }

            .top-navigation.mobile-nav .main-menu-mobile {
                display: block
            }

                .top-navigation.mobile-nav .main-menu-mobile .clear-text {
                    margin-left: 0
                }

            .top-navigation.mobile-nav .main-links {
                -ms-flex-direction: column;
                flex-direction: column;
                padding-top: 2.7rem;
                padding-bottom: 4rem
            }

                .top-navigation.mobile-nav .main-links > li {
                    display: block;
                    margin-left: 6.5%;
                    margin-right: 6.5%;
                    border-bottom: .1rem solid #e1e6e9
                }

                    .top-navigation.mobile-nav .main-links > li.hamburger, .top-navigation.mobile-nav .main-links > li.site-search {
                        display: none
                    }

                    .top-navigation.mobile-nav .main-links > li.display-on-mobile {
                        width: auto
                    }

                        .top-navigation.mobile-nav .main-links > li.display-on-mobile a {
                            -ms-flex-pack: start;
                            justify-content: flex-start
                        }

                        .top-navigation.mobile-nav .main-links > li.display-on-mobile:after {
                            display: none
                        }

                    .top-navigation.mobile-nav .main-links > li:first-child {
                        margin-left: 6.5%
                    }

                    .top-navigation.mobile-nav .main-links > li > a {
                        font-size: 1.8rem;
                        font-weight: 700;
                        padding-bottom: 0;
                        padding-right: 0;
                        margin-bottom: .4rem
                    }

                    .top-navigation.mobile-nav .main-links > li .icon-chevron-down {
                        position: absolute;
                        margin-top: 0;
                        margin-left: 0;
                        top: 1.6rem;
                        right: .6rem;
                        width: 1.2rem;
                        height: 1.2rem;
                        transform: rotate(-90deg)
                    }

                        .top-navigation.mobile-nav .main-links > li .icon-chevron-down svg {
                            top: 49%;
                            height: .7rem
                        }

            .top-navigation.mobile-nav .mobile-sub-links {
                display: block;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                background-color: #f1f4f7;
                color: #616771;
                padding: 3.3rem 6.5%;
                font-size: 1.6rem;
                font-weight: 400
            }

                .top-navigation.mobile-nav .mobile-sub-links li {
                    margin-bottom: 3rem
                }

                    .top-navigation.mobile-nav .mobile-sub-links li a {
                        color: #616771
                    }

            .top-navigation.mobile-nav .nav-links {
                margin-top: 2.1rem
            }

                .top-navigation.mobile-nav .nav-links li a {
                    font-family: Calmetta,Arial,Verdana,sans-serif;
                    font-weight: 700;
                    font-size: 1.8rem;
                    display: block;
                    padding: 1.3rem 0;
                    margin: 0 6.5%;
                    border-bottom: .1rem solid #e1e6e9;
                    color: #1d252d
                }

                .top-navigation.mobile-nav .nav-links li.has-child .icon-chevron-down, .top-navigation.mobile-nav .nav-links li .icon-close {
                    display: none
                }

                .top-navigation.mobile-nav .nav-links li ul > li {
                    margin-bottom: 1rem;
                    margin-top: .9rem
                }

                    .top-navigation.mobile-nav .nav-links li ul > li a {
                        font-weight: 300;
                        padding-left: 1rem;
                        font-size: 1.8rem
                    }

        .top-navigation .nav-tab-heading-link {
            padding-right: 2rem
        }

        .top-navigation .nav-link-collection-heading {
            margin-top: 0 !important;
            margin-bottom: 1rem !important
        }

        .top-navigation .nav-tab-column {
            padding: 2.5rem 0 !important;
            margin-bottom: 0 !important;
            border-bottom: 1px solid #e9eef1
        }

        .top-navigation .nav-column-list > li {
            margin-bottom: 1.8rem !important;
            border-bottom: 0 !important
        }

            .top-navigation .nav-column-list > li:last-child {
                margin-bottom: 0 !important
            }

        .top-navigation .nav-list {
            display: block !important
        }

            .top-navigation .nav-list:last-child, .top-navigation .nav-list li:last-child {
                margin-bottom: 0 !important
            }

        .top-navigation .nav-text {
            margin: 0 !important;
            padding: 1.3rem 0
        }

        .top-navigation .nav-link {
            padding: 1.3rem 0
        }

        .top-navigation .close .nav-close-menu {
            position: absolute;
            z-index: 1000;
            right: 0;
            width: 59px;
            height: 100%;
            cursor: pointer
        }

            .top-navigation .close .nav-close-menu .icon-close {
                position: static;
                width: 15px;
                height: 15px;
                transform: none
            }

    .top-navigation__search-input {
        font-size: 1.6rem;
        padding: 1.2rem 3.75rem;
        border: 1px solid #e5e9ec
    }

    .top-navigation__search-input-icon {
        left: 1rem !important
    }

    .top-navigation--bn {
        padding: 0;
        position: static;
        background-color: transparent
    }

        .top-navigation--bn.mobile-nav {
            height: 100%
        }

            .top-navigation--bn.mobile-nav .icon.icon-chevron-down-bn {
                display: block;
                transform: rotate(-90deg)
            }

                .top-navigation--bn.mobile-nav .icon.icon-chevron-down-bn path {
                    stroke: #000
                }

            .top-navigation--bn.mobile-nav .main-links {
                -ms-flex-direction: column;
                flex-direction: column;
                padding-top: 2.7rem;
                padding-bottom: 4rem
            }

                .top-navigation--bn.mobile-nav .main-links > li {
                    margin-left: 0;
                    padding-left: 0;
                    margin-right: 4%;
                    border-bottom: none
                }

                    .top-navigation--bn.mobile-nav .main-links > li:first-child {
                        margin-left: 0
                    }

                    .top-navigation--bn.mobile-nav .main-links > li > a {
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        width: 100%;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                        font-size: 1.8rem;
                        font-weight: 400;
                        padding-bottom: 0;
                        padding-right: 0;
                        margin-bottom: .4rem
                    }

                        .top-navigation--bn.mobile-nav .main-links > li > a span[class*=icon-] {
                            display: inline-block;
                            height: 15px;
                            width: 15px
                        }

                    .top-navigation--bn.mobile-nav .main-links > li.active .main-link {
                        display: none
                    }

                    .top-navigation--bn.mobile-nav .main-links > li.active .drop-box-bn {
                        top: 0;
                        position: absolute;
                        height: 100%
                    }

                    .top-navigation--bn.mobile-nav .main-links > li .overview {
                        padding: 1.4rem 5vw;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        -ms-flex-pack: justify;
                        justify-content: space-between
                    }

                        .top-navigation--bn.mobile-nav .main-links > li .drop-strip, .top-navigation--bn.mobile-nav .main-links > li .overview .nav-close-menu {
                            display: none
                        }

                .top-navigation--bn.mobile-nav .main-links .clear-text {
                    color: #fff !important
                }

                    .top-navigation--bn.mobile-nav .main-links .clear-text .bold {
                        font-weight: 700
                    }

        .top-navigation--bn .top-navigation__search {
            padding: 1.5rem 5vw
        }

        .top-navigation--bn .top-navigation__search-input {
            padding-left: 6rem
        }

        .top-navigation--bn .top-navigation__search-fieldset {
            padding: 0
        }

        .top-navigation--bn .nav-tab-heading-link {
            padding-right: 2rem
        }

        .top-navigation--bn .nav-link-collection-heading {
            margin-bottom: 3rem !important
        }

        .top-navigation--bn .nav-tab-column {
            padding: 0 5vw 2.5rem !important;
            margin-bottom: 0 !important;
            border-bottom: none
        }

        .top-navigation--bn .close button {
            padding-left: 1.5rem
        }

        .top-navigation--bn .main-links > li .drop-box-bn .nav-close-menu {
            margin-top: 2px;
            right: 5px
        }
}

.h1-title {
    padding-top: 4.4rem;
    padding-bottom: 5rem
}

    .h1-title h1 {
        text-transform: none;
        color: #1d252d;
        letter-spacing: 0
    }

        .h1-title h1.underline + * {
            margin-top: 4.5rem
        }

    .h1-title p {
        line-height: 1.25;
        font-size: 2.4rem;
        margin: 0 33% 0 0;
        color: #616771
    }

@media (min-width:128px) and (max-width:780px) {
    .h1-title {
        padding-top: 4.3rem;
        padding-bottom: 1rem
    }

        .h1-title h1.underline {
            background-position: 0 3.6rem
        }

            .h1-title h1.underline + * {
                margin-top: 1.5rem
            }

        .h1-title p {
            line-height: 1.33333;
            font-size: 1.8rem;
            margin-right: 0
        }
}

.site-footer {
    background-color: #f1f4f7;
    width: 100%;
    padding: 0;
    margin-top: 2rem;
    left: 0;
    bottom: 0;
    position: fixed;
    height: 37.4rem;
    z-index: 0
}

.hide-menu .site-footer {
    display: none
}

.footer {
    padding: 4.3rem 0 3.3rem
}

    .footer .branding {
        overflow: hidden
    }

        .footer .branding img {
            width: 12.9rem;
            margin: .7rem 0 1.6rem;
            height: 6.6rem
        }

.images-off .footer .branding img {
    display: none
}

.footer .branding .brand-name {
    text-indent: -6728px;
    display: inline-block;
    opacity: 0
}

.images-off .footer .branding .brand-name {
    text-indent: 0;
    opacity: 1;
    font-size: 2.4rem
}

.footer .footer-link {
    display: block;
    width: 50%;
    float: left
}

    .footer .footer-link li {
        display: block;
        width: 100%;
        line-height: 1.33;
        padding: 0;
        padding-bottom: .1rem;
        padding-right: 1rem
    }

        .footer .footer-link li a {
            font-weight: 300;
            letter-spacing: -.3px
        }

            .footer .footer-link li a .icon-arrow-right, .footer .footer-link li a .icon-external {
                width: 1.9rem;
                height: 1.9rem;
                left: -2.3rem;
                position: absolute
            }

                .footer .footer-link li a .icon-arrow-right > svg, .footer .footer-link li a .icon-external > svg {
                    position: relative
                }

                    .footer .footer-link li a .icon-arrow-right path, .footer .footer-link li a .icon-external > svg .arrow {
                        stroke: #1a8479
                    }

                    .footer .footer-link li a .icon-external > svg .box-outline {
                        fill: #1a8479
                    }

            .footer .footer-link li a .cta-text {
                white-space: normal
            }

.footer .statement {
    font-size: 1.2rem;
    color: #616771;
    line-height: 1.34;
    padding: 2.7rem 4.3rem .7rem 0;
    margin: 0
}

.footer .secondary-links li {
    display: inline-block;
    margin-right: 1.2rem
}

    .footer .secondary-links li a {
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.4rem;
        color: #616771;
        line-height: 1.28;
        font-weight: 400
    }

        .footer .secondary-links li a:focus, .footer .secondary-links li a:hover {
            text-decoration: underline
        }

        .footer .secondary-links li a:after {
            display: none
        }

.footer .share-links {
    padding-top: 2.5rem
}

    .footer .share-links li {
        float: left;
        margin-right: 1.5rem;
        height: 2.5rem
    }

.images-off .footer .share-links li {
    height: auto
}

    .images-off .footer .share-links li a {
        width: auto;
        height: auto
    }

.footer .share-links li a {
    display: block;
    opacity: 1;
    transition: opacity .15s
}

    .footer .share-links li a, .footer .share-links li a span svg {
        width: 2.4rem;
        height: 2.4rem
    }

        .footer .share-links li a span.icon-text {
            text-indent: -6728px;
            overflow: hidden;
            float: left;
            opacity: 0
        }

.images-off .footer .share-links li a span.icon-text {
    opacity: 1;
    width: auto;
    height: auto;
    padding: .4rem 1rem;
    color: #fff;
    background-color: #616771;
    text-indent: 0;
    overflow: visible;
    font-weight: 400;
    font-size: 1.2rem
}

    .images-off .footer .share-links li a span.icon-text:focus, .images-off .footer .share-links li a span.icon-text:hover {
        opacity: 1;
        text-decoration: none
    }

.footer .share-links li a:after {
    display: none
}

.footer .share-links li a:focus, .footer .share-links li a:hover {
    opacity: .7;
    transition: opacity .15s
}

.footer > .row:last-of-type {
    border-top: 1px solid #e9eef1;
    margin-top: 1rem
}

@media (min-width:128px) and (max-width:780px) {
    .site-footer {
        position: relative;
        height: auto;
        margin-top: 0
    }

    .footer {
        padding: 3.1rem 0 0
    }

        .footer .branding {
            display: none
        }

        .footer .footer-link {
            width: 100%;
            float: none;
            display: block;
            position: relative;
            bottom: 1rem
        }

            .footer .footer-link li {
                padding-bottom: 0
            }

                .footer .footer-link li a {
                    margin-left: 2.2rem;
                    padding: 1.2rem 1.2rem 1.2rem .2rem
                }

                    .footer .footer-link li a .icon-arrow-right {
                        top: 50%;
                        transform: translateY(-50%)
                    }

                    .footer .footer-link li a .icon-external {
                        top: 52%;
                        transform: translateY(-50%)
                    }

        .footer .statement {
            padding: 2.5rem 0 .7rem
        }

        .footer .secondary-links {
            margin: 2.1rem 0 0
        }

            .footer .secondary-links li {
                margin-right: 2.6rem;
                margin-bottom: 2.7rem
            }

        .footer .share-links {
            padding-top: 1rem
        }

            .footer .share-links li {
                float: left;
                margin-left: 0;
                margin-right: 2.9rem;
                height: 3.3rem
            }

                .footer .share-links li a, .footer .share-links li a span svg {
                    width: 3.2rem;
                    height: 3.2rem
                }

        .footer > .row:last-of-type {
            -ms-flex-wrap: wrap-reverse;
            flex-wrap: wrap-reverse;
            border-top: 0
        }
}

.social-links {
    padding: 3rem 13%;
    background-color: #e9eef1;
    text-align: center
}

    .social-links.white-theme {
        background-color: #fff
    }

        .social-links.white-theme .button {
            border-color: #1a8479;
            color: #1a8479
        }

            .social-links.white-theme .button .icon-share circle, .social-links.white-theme .button .icon-share path {
                stroke: #1a8479
            }

            .social-links.white-theme .button:focus, .social-links.white-theme .button:hover {
                background-color: #1a8479;
                color: #fff
            }

                .social-links.white-theme .button:focus .icon-share circle, .social-links.white-theme .button:focus .icon-share path, .social-links.white-theme .button:hover .icon-share circle, .social-links.white-theme .button:hover .icon-share path {
                    stroke: #fff
                }

    .social-links.plain-theme {
        background-color: transparent;
        text-align: left;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

        .social-links.plain-theme .button {
            border-width: 0;
            padding: 0;
            width: auto
        }

            .social-links.plain-theme .button .icon-share circle, .social-links.plain-theme .button .icon-share path {
                stroke: #1a8479
            }

            .social-links.plain-theme .button:focus, .social-links.plain-theme .button:hover {
                background-color: transparent;
                color: #1a8479
            }

                .social-links.plain-theme .button:focus .icon-share circle, .social-links.plain-theme .button:focus .icon-share path, .social-links.plain-theme .button:hover .icon-share circle, .social-links.plain-theme .button:hover .icon-share path {
                    stroke: #1a8479
                }

    .social-links .button {
        max-width: 34.8rem;
        width: 100%;
        position: relative;
        font-size: 1.8rem;
        padding-left: 4.1rem;
        background-color: transparent
    }

        .social-links .button .icon-share {
            display: inline-block;
            width: 1.8rem;
            height: 1.8rem;
            position: relative;
            top: .2rem;
            margin-right: .5rem
        }

        .social-links .button:focus .icon-share circle, .social-links .button:focus .icon-share path, .social-links .button:hover .icon-share circle, .social-links .button:hover .icon-share path {
            stroke: #fff
        }

    .social-links .addthis_inline_share_toolbox {
        display: none
    }

#at-expanded-menu-host .at-expanded-menu-mask {
    border: 2rem solid #1a8479;
    background-color: #fff !important
}

#at-expanded-menu-host #at-expanded-menu-title {
    font-family: Calmetta,Arial,Verdana,sans-serif !important;
    font-weight: 700 !important;
    color: #1d252d !important;
    width: auto !important;
    padding-bottom: 5.8px !important
}

    #at-expanded-menu-host #at-expanded-menu-title:after {
        width: 14.8rem;
        content: "";
        height: .6rem;
        position: absolute;
        bottom: -1.1rem;
        left: 0;
        right: 0;
        margin: auto
    }

#at-expanded-menu-host .at-expanded-menu {
    padding-top: 8.1rem !important
}

#at-expanded-menu-host .at-branding-logo, #at-expanded-menu-host .at-copy-link-result-message span, #at-expanded-menu-host .at-copy-link-share-page-url, #at-expanded-menu-host .at-expanded-menu, #at-expanded-menu-host .at-expanded-menu-button-label, #at-expanded-menu-host .at-expanded-menu-email-disclaimer, #at-expanded-menu-host .at-expanded-menu-load-btn, #at-expanded-menu-host .at-expanded-menu-page-title, #at-expanded-menu-host .at-expanded-menu-page-url, #at-expanded-menu-host .at-expanded-menu-privacy-link, #at-expanded-menu-host .at-expanded-menu-search-label-content, #at-expanded-menu-host .at-expanded-menu-top-services-header {
    font-family: Source Sans Pro,Arial,sans-serif !important
}

    #at-expanded-menu-host .at-branding-logo.at-expanded-menu-branding .at-branding-addthis {
        color: #1d252d !important;
        margin-right: 1rem !important
    }

#at-expanded-menu-host .at-expanded-menu-page-title {
    color: #1d252d !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important
}

#at-expanded-menu-host .at-expanded-menu-page-url {
    color: #616771 !important;
    font-size: 1.6rem !important;
    margin-bottom: 5rem !important;
    opacity: 1 !important;
    word-break: break-all !important
}

#at-expanded-menu-host #at-expanded-menu-title, #at-expanded-menu-host .at-expanded-menu-ft, #at-expanded-menu-host .at-expanded-menu-page-title, #at-expanded-menu-host .at-expanded-menu-page-url, #at-expanded-menu-host .at-expanded-menu-search, #at-expanded-menu-host .at-expanded-menu-top-services-header {
    width: 100% !important;
    text-align: center !important;
    max-width: 53.4rem !important
}

#at-expanded-menu-filter-form {
    max-width: 60.4rem !important;
    width: 100% !important
}

#at-expanded-menu-host .at-expanded-menu-search {
    margin-top: 10px !important;
    width: 100% !important
}

#at-expanded-menu-host #at-expanded-menu-hd {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block
}

#at-expanded-menu-host .at-expanded-menu-search-input[type=text] {
    color: #1d252d !important;
    padding-right: 4rem !important
}

#at-expanded-menu-host .at-expanded-menu-search-label-content {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    color: #1d252d !important
}

#at-expanded-menu-host .at-expanded-menu-load {
    font-family: Source Sans Pro,Arial,sans-serif !important
}

#at-expanded-menu-host .at-expanded-menu-search-label:after, #at-expanded-menu-host .at-expanded-menu-search-label:before {
    border-bottom: .4rem solid #1a8479 !important
}

#at-expanded-menu-host .at-expanded-menu-search-label:after {
    display: none !important
}

#at-expanded-menu-host .at-expanded-menu-search-icon {
    width: 2rem !important;
    height: 2rem !important;
    background-repeat: no-repeat !important;
    margin: 0 !important;
    filter: none !important;
    background-size: cover !important
}

#at-expanded-menu-host .at-expanded-menu-top-services-header {
    color: #616771 !important;
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    margin-bottom: 2.8rem !important;
    letter-spacing: 1.4px !important
}

#at-expanded-menu-host #at-expanded-menu-bd {
    padding: 26px 0 !important
}

#at-expanded-menu-host .at-expanded-menu .at-icon-wrapper {
    width: 6rem !important;
    height: 6rem !important
}

#at-expanded-menu-host .at-expanded-menu-service-list {
    padding-bottom: 105px !important;
    max-width: 60.4rem !important;
    width: 100% !important
}

    #at-expanded-menu-host .at-expanded-menu-service-list button {
        width: 6rem !important
    }

    #at-expanded-menu-host .at-expanded-menu-service-list li {
        width: 8rem !important;
        min-width: 8rem !important;
        margin: 0 1.9rem 2.9rem !important
    }

#at-expanded-menu-host .at-expanded-menu.at-expanded-menu-round .at-expanded-menu-button:focus, #at-expanded-menu-host .at-expanded-menu.at-expanded-menu-round [class^=at3winsvc_]:hover .at-icon-wrapper {
    transition: .15s !important
}

#at-expanded-menu-host .at-expanded-menu-round .at-expanded-menu-button-label {
    font-size: 1.6rem !important;
    font-weight: 300 !important;
    color: #616771 !important;
    letter-spacing: 0 !important;
    margin-top: .6rem
}

#at-expanded-menu-host .at-expanded-menu-load {
    -webkit-appearance: none;
    appearance: none;
    background-image: none;
    font-family: Calmetta,Arial,Verdana,sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.8rem !important;
    line-height: 1 !important;
    color: #1a8479 !important;
    border: .2rem solid #1a8479 !important;
    padding: 1.3rem 2.3rem 1.5rem !important;
    cursor: pointer !important;
    transition: background-color .3s ease !important;
    border-radius: 0 !important;
    text-transform: none !important;
    max-width: 200px;
    width: 100%
}

    #at-expanded-menu-host .at-expanded-menu-load::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    #at-expanded-menu-host .at-expanded-menu-load:focus, #at-expanded-menu-host .at-expanded-menu-load:hover {
        background-color: #1a8479 !important;
        color: #fff !important
    }

#at-expanded-menu-host .at-expanded-menu-search-filled .at-expanded-menu-search-label .at-expanded-menu-search-label-content, #at-expanded-menu-host [type=text].at-expanded-menu-search-input:focus + .at-expanded-menu-search-label .at-expanded-menu-search-label-content {
    line-height: 10pt !important
}

#at-expanded-menu-host .at-expanded-menu-fade {
    background: transparent !important
}

@media (min-width:128px) and (max-width:780px) {
    .social-links {
        padding: 2rem 6.5%
    }

        .social-links.plain-theme {
            margin-bottom: .8rem
        }

    #at-expanded-menu-host .at-expanded-menu-mask {
        border: 0
    }

    #at-expanded-menu-host .at-expanded-menu {
        padding-left: 6.5% !important;
        padding-right: 6.5% !important;
        padding-top: 6.2rem !important;
        margin-left: 0 !important;
        left: 0 !important
    }

    #at-expanded-menu-host .at-expanded-menu-ft, #at-expanded-menu-host .at-expanded-menu-page-title, #at-expanded-menu-host .at-expanded-menu-page-url, #at-expanded-menu-host .at-expanded-menu-search, #at-expanded-menu-host .at-expanded-menu-title {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    #at-expanded-menu-filter-form {
        width: auto !important
    }

    #at-expanded-menu-host .at-expanded-menu-search {
        margin-top: 20px !important
    }

    #at-expanded-menu-host .at-expanded-menu-search-input[type=text] {
        font-size: 1.6rem !important
    }

    #at-expanded-menu-host .at-expanded-menu-service-list li {
        margin: 0 1rem 2rem !important
    }

    #at-expanded-menu-host .at-expanded-menu-close {
        width: 1.6rem !important;
        height: 1.6rem !important;
        top: 2.1rem !important;
        right: 2.1rem !important
    }
}

.breadcrumbs {
    background-color: #f1f4f7;
    padding-top: .25rem;
    padding-bottom: .25rem
}

    .breadcrumbs .pane {
        padding-bottom: 0
    }

    .breadcrumbs ol li {
        display: inline-block;
        font-size: 1.4rem;
        color: #616771;
        font-weight: 300;
        line-height: 2.5
    }

        .breadcrumbs ol li a {
            color: #1d252d;
            font-weight: 400;
            font-size: 1.4rem;
            line-height: 1
        }

            .breadcrumbs ol li a.cta {
                font-family: Source Sans Pro,Arial,sans-serif;
                margin-left: 0;
                margin-right: 1.5rem
            }

                .breadcrumbs ol li a.cta:after {
                    content: none
                }

                .breadcrumbs ol li a.cta .cta-text {
                    transform: none;
                    transition: none
                }

                .breadcrumbs ol li a.cta:focus .cta-text, .breadcrumbs ol li a.cta:hover .cta-text {
                    text-decoration: underline
                }

                .breadcrumbs ol li a.cta.last {
                    font-size: 1.4rem;
                    color: #616771;
                    font-weight: 300;
                    line-height: 2.5
                }

                .breadcrumbs ol li a.cta .icon-arrow-right {
                    position: absolute;
                    top: .5rem;
                    right: -.75rem;
                    transform: none
                }

                    .breadcrumbs ol li a.cta .icon-arrow-right svg {
                        width: 1rem;
                        height: 1rem
                    }

                    .breadcrumbs ol li a.cta .icon-arrow-right path {
                        stroke: #1a8479
                    }

@media (min-width:128px) and (max-width:780px) {
    .breadcrumbs {
        display: none
    }
}

.pagination {
    background-color: #f1f4f7;
    padding: 3rem 0 6.6rem;
    text-align: center;
    margin-bottom: 4rem
}

.hide-menu .pagination {
    display: none
}

.pagination ol {
    list-style: none;
    padding: 0;
    display: inline-block
}

    .pagination ol li {
        padding: 0;
        float: left;
        position: relative
    }

        .pagination ol li, .pagination ol li a {
            min-width: 4rem;
            height: 4rem;
            background-color: #fff
        }

            .pagination ol li a {
                font-family: Calmetta,Arial,Verdana,sans-serif;
                text-decoration: none;
                display: block;
                font-size: 1.9rem;
                font-weight: 700;
                color: #1d252d;
                border: 0;
                padding: .75rem .75rem 0;
                cursor: pointer;
                overflow: hidden;
                transition: .15s
            }

                .pagination ol li a.active, .pagination ol li a:active, .pagination ol li a:focus {
                    background-color: #1a8479;
                    color: #fff;
                    border: 0;
                    outline: 0
                }

                .pagination ol li a:hover {
                    height: 3.5rem
                }

                    .pagination ol li a:hover:not(.elipsis):before {
                        position: absolute;
                        content: "";
                        height: .2rem;
                        background-color: #1a8479;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        margin: auto
                    }

                .pagination ol li a:active, .pagination ol li a:focus {
                    height: 4rem
                }

                    .pagination ol li a:active:not(.elipsis):after, .pagination ol li a:active:not(.elipsis):before, .pagination ol li a:focus:not(.elipsis):after, .pagination ol li a:focus:not(.elipsis):before {
                        display: none
                    }

                .pagination ol li a.active {
                    height: 4rem
                }

                    .pagination ol li a.active:after {
                        display: none
                    }

                    .pagination ol li a.active:focus, .pagination ol li a.active:hover {
                        height: 4rem
                    }

                .pagination ol li a .page-text {
                    display: none
                }

                .pagination ol li a:after {
                    position: absolute;
                    content: "";
                    height: .3rem;
                    background-color: #fff;
                    bottom: .2rem;
                    left: 0;
                    right: 0;
                    margin: auto;
                    opacity: 0
                }

            .pagination ol li.elipsis {
                display: block;
                width: 4rem;
                height: 4rem;
                font-size: 1.8rem;
                cursor: default;
                padding-top: .8rem
            }

                .pagination ol li.elipsis:focus, .pagination ol li.elipsis:hover {
                    height: 4rem
                }

            .pagination ol li.next, .pagination ol li.previous {
                padding: 0;
                margin: 0;
                overflow: visible;
                background: transparent
            }

                .pagination ol li.next a, .pagination ol li.previous a {
                    background-color: transparent;
                    width: 4rem;
                    height: 4rem;
                    border: 0;
                    border-spacing: 0;
                    top: 0;
                    padding: 0;
                    margin: 0;
                    overflow: visible;
                    transition: transform .15s ease;
                    display: inline-block;
                    position: relative
                }

                    .pagination ol li.next a .copy-text, .pagination ol li.previous a .copy-text {
                        text-indent: -9999px;
                        display: none
                    }

                    .pagination ol li.next a .icon-arrow-right, .pagination ol li.previous a .icon-arrow-right {
                        height: 4rem;
                        width: 4rem;
                        display: inline-block;
                        -ms-flex-direction: column;
                        flex-direction: column;
                        margin: 0
                    }

                        .pagination ol li.next a .icon-arrow-right svg, .pagination ol li.previous a .icon-arrow-right svg {
                            position: absolute;
                            top: 0;
                            bottom: 0;
                            margin: auto;
                            height: 2.2rem;
                            width: 2.2rem;
                            left: 1.6rem
                        }

.images-off .pagination ol li.next a, .images-off .pagination ol li.previous a {
    text-indent: 0;
    overflow: visible;
    width: auto;
    padding: 0;
    transform: rotate(0deg)
}

    .images-off .pagination ol li.next a .icon-arrow-right, .images-off .pagination ol li.previous a .icon-arrow-right {
        display: none
    }

    .images-off .pagination ol li.next a .copy-text, .images-off .pagination ol li.previous a .copy-text {
        text-indent: 0;
        display: inline-block;
        margin: 0 1.9rem;
        width: auto;
        color: #1d252d
    }

.pagination ol li.next a:hover:before, .pagination ol li.previous a:hover:before {
    display: none;
    height: 0
}

.pagination ol li.next.inactive, .pagination ol li.previous.inactive {
    display: none
}

.pagination ol li.previous a {
    padding: 0 1.5rem 0 0
}

    .pagination ol li.previous a .icon-arrow-right {
        /*@replace: rotate(0) translateX(3px)*/ transform: rotate(180deg)
    }

    .pagination ol li.previous a:focus, .pagination ol li.previous a:hover {
        /*@replace: translate(3px)*/ transform: translate(-3px)
    }

        .pagination ol li.previous a:focus path, .pagination ol li.previous a:hover path {
            stroke: #1a8479
        }

.pagination ol li.next a:focus, .pagination ol li.next a:hover {
    /*@replace: translate(-3px)*/ transform: translate(3px)
}

    .pagination ol li.next a:focus path, .pagination ol li.next a:hover path {
        stroke: #1a8479
    }

@media (min-width:128px) and (max-width:780px) {
    .pagination {
        padding: 2.3rem 0 2.9rem
    }

        .pagination ol li {
            height: auto
        }

            .pagination ol li, .pagination ol li a {
                width: auto;
                min-width: auto;
                background-color: transparent
            }

                .pagination ol li a {
                    display: none;
                    color: #616771;
                    font-weight: 400;
                    padding: .75rem 0 0
                }

                    .pagination ol li a.active, .pagination ol li a:active, .pagination ol li a:focus {
                        display: block;
                        background-color: transparent;
                        color: #616771
                    }

                        .pagination ol li a.active .page-text {
                            display: none
                        }

                    .pagination ol li a .page-text {
                        display: inline-block;
                        padding: 0 .3rem
                    }

                    .pagination ol li a:hover {
                        height: 4rem
                    }

                        .pagination ol li a:hover:before {
                            display: none;
                            height: 0
                        }

                .pagination ol li.elipsis {
                    display: none
                }

                .pagination ol li.total-number a .page-text {
                    padding: 0 .6rem 0 .3rem
                }

                .pagination ol li.next a, .pagination ol li.previous a, .pagination ol li.total-number a {
                    display: block
                }

                .pagination ol li.next a {
                    margin-left: .3rem
                }

                .pagination ol li.previous a {
                    margin-right: .3rem
                }
}

.top-nav-container--bn .regional-language-switcher .language-switch {
    font-family: Calmetta
}

    .top-nav-container--bn .regional-language-switcher .language-switch .icon-globe g {
        stroke: #1d252d
    }

        .top-nav-container--bn .regional-language-switcher .language-switch .icon-globe g circle, .top-nav-container--bn .regional-language-switcher .language-switch .icon-globe g path {
            stroke-width: .5
        }

.top-nav-container--bn .icon-search path {
    stroke-width: .7
}

.regional-language-switcher {
    position: relative;
    z-index: 4
}

    .regional-language-switcher .language-switch {
        text-align: center;
        font-size: 1.6rem;
        line-height: 1;
        color: #1d252d;
        font-weight: 400;
        display: inline-block;
        padding: 1.3rem 1rem 1.3rem .6rem;
        text-decoration: none;
        border: 0;
        background-color: transparent;
        cursor: pointer;
        transition: background-color .15s,color .15s
    }

        .regional-language-switcher .language-switch[aria-pressed=true] {
            background-color: #fff
        }

        .regional-language-switcher .language-switch .language-label {
            transition: color .15s
        }

        .regional-language-switcher .language-switch:focus, .regional-language-switcher .language-switch:hover {
            background-color: #fff;
            color: #1d252d
        }

            .regional-language-switcher .language-switch:focus .icon-globe g, .regional-language-switcher .language-switch:hover .icon-globe g {
                stroke: #1d252d
            }

    .regional-language-switcher .icon {
        display: inline-block;
        width: 1.2rem;
        height: 1.2rem
    }

        .regional-language-switcher .icon.hide {
            display: none
        }

        .regional-language-switcher .icon.icon-globe {
            position: absolute;
            left: 1.5rem;
            top: 50%;
            width: 1.3rem;
            height: 1.3rem;
            transform: translateY(-50%);
            transition: stroke .15s
        }

            .regional-language-switcher .icon.icon-globe svg {
                width: 1.3rem;
                height: 1.3rem
            }

            .regional-language-switcher .icon.icon-globe g {
                stroke: #1d252d
            }

        .regional-language-switcher .icon.icon-close {
            position: absolute;
            width: 1.1rem;
            height: 1.1rem;
            top: .2rem;
            right: 1.3rem;
            bottom: 0;
            margin: auto
        }

            .regional-language-switcher .icon.icon-close path {
                stroke: #1a8479
            }

        .regional-language-switcher .icon.icon-close-bn {
            position: absolute;
            width: 1.1rem;
            height: 1.1rem;
            top: .2rem;
            right: 1.3rem;
            bottom: 0;
            margin: auto;
            margin-right: -30px
        }

            .regional-language-switcher .icon.icon-close-bn path {
                stroke: #1d252d
            }

        .regional-language-switcher .icon.icon-chevron-down {
            position: absolute;
            top: .2rem;
            right: 1.3rem;
            bottom: 0;
            margin: auto
        }

            .regional-language-switcher .icon.icon-chevron-down path {
                stroke: #1a8479
            }

        .regional-language-switcher .icon.icon-chevron-down-bn {
            position: absolute;
            top: .2rem;
            right: 1.3rem;
            bottom: 0;
            margin: auto;
            margin-right: -30px
        }

            .regional-language-switcher .icon.icon-chevron-down-bn path {
                stroke: #1d252d
            }

        .regional-language-switcher .icon svg {
            position: absolute;
            left: 0;
            top: 0
        }

    .regional-language-switcher .language-label {
        display: inline-block;
        vertical-align: top;
        padding-left: 2.6rem;
        padding-right: 2.2rem
    }

.regional-language-switcher--blocks .language-switch {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    height: 100%
}

    .regional-language-switcher--blocks .language-switch:focus, .regional-language-switcher--blocks .language-switch:hover, .regional-language-switcher--blocks .language-switch[aria-pressed=true] {
        background-color: transparent
    }

.regional-language-switcher--blocks .language-label {
    padding-left: 1rem;
    padding-right: 0;
    white-space: nowrap
}

.regional-language-switcher--blocks .icon.icon-globe {
    width: 2.5rem;
    height: 2.5rem;
    position: static;
    transform: none
}

    .regional-language-switcher--blocks .icon.icon-globe svg {
        position: static;
        width: 100%;
        height: 100%
    }

.office-finder {
    display: block;
    background-color: #fff;
    width: 29.8rem;
    z-index: 100;
    position: absolute;
    right: 0;
    overflow: hidden;
    opacity: 1;
    max-height: none;
    transition: opacity .35s
}

    .office-finder .current-language-mobile, .office-finder .mobile-close-language-switcher {
        display: none
    }

    .office-finder:after {
        content: "";
        width: 100%;
        height: .4rem;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-color: #1a8479;
        opacity: 1;
        transition: opacity .35s ease .1s
    }

    .office-finder.hide {
        max-height: 0;
        opacity: 0;
        visibility: hidden
    }

        .office-finder.hide:after {
            opacity: 0;
            transition: opacity .35s
        }

    .office-finder .country-search {
        position: relative;
        margin: 2.1rem 2.1rem 1.5rem
    }

        .office-finder .country-search .country-search-input {
            width: 100%;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            font-weight: 300;
            font-size: 1.8rem;
            border: .1rem solid #e1e6e9;
            padding: 1.25rem 3rem 1.25rem 5rem
        }

            .office-finder .country-search .country-search-input::-ms-clear {
                display: none;
                width: 0;
                height: 0
            }

        .office-finder .country-search .icon-search {
            display: block;
            width: 2.1rem;
            height: 2.1rem;
            position: absolute;
            left: 2rem;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .office-finder .country-search .icon-close svg {
            display: block
        }

        .office-finder .country-search .clear-input {
            position: absolute;
            padding: .7rem;
            height: 2.6rem;
            width: 2.6rem;
            right: 1rem;
            top: 0;
            bottom: 0;
            display: none;
            background-color: transparent;
            border-width: 0
        }

            .office-finder .country-search .clear-input.show {
                display: inline-block
            }

    .office-finder .scroll-window {
        border: .1rem solid #e1e6e9;
        height: 25rem;
        overflow: hidden;
        margin-left: 2.1rem;
        margin-right: 2.1rem
    }

        .office-finder .scroll-window.is-loading .list-of-countries li:first-child .country-link {
            background-color: transparent
        }

            .office-finder .scroll-window.is-loading .list-of-countries li:first-child .country-link .icon-tick {
                display: none
            }

    .office-finder .list-of-countries {
        width: 25.5rem
    }

        .office-finder .list-of-countries li:first-child .country-link {
            background-color: #f1f4f7
        }

            .office-finder .list-of-countries li:first-child .country-link .icon-tick {
                display: block
            }

    .office-finder .country-link {
        display: block;
        width: 100%;
        position: relative;
        padding: 1rem 2rem;
        border-bottom: .1rem solid #e1e6e9;
        text-decoration: none
    }

        .office-finder .country-link.is-selected, .office-finder .country-link:focus, .office-finder .country-link:hover {
            background-color: #f1f4f7
        }

            .office-finder .country-link.is-selected .icon-tick {
                display: block
            }

    .office-finder .country-title {
        display: block;
        font-size: 1.6rem;
        color: #616771
    }

        .office-finder .country-title strong {
            display: inline;
            font-weight: 700;
            color: #1d252d
        }

            .office-finder .country-title strong:after {
                display: none
            }

    .office-finder .icon-tick {
        width: 1.8rem;
        height: 1.8rem;
        display: none;
        position: absolute;
        right: 2rem;
        top: 0;
        bottom: 0;
        margin: auto
    }

        .office-finder .icon-tick svg {
            position: absolute;
            left: 0;
            top: 0
        }

    .office-finder .footnote {
        font-size: 1.4rem;
        margin: .5rem 2.1rem 2.6rem
    }

        .office-finder .footnote.mobile {
            display: none
        }

@media (min-width:780px) and (max-width:1080px) {
    .regional-language-switcher--blocks .language-label, .regional-language-switcher .icon.icon-chevron-down-bn {
        display: none
    }
}

@media (min-width:128px) and (max-width:780px) {
    .regional-language-switcher {
        position: absolute;
        right: 0
    }

    .regional-language-switcher--blocks {
        position: static
    }

        .regional-language-switcher--blocks .language-label {
            display: none
        }

        .regional-language-switcher--blocks .icon.icon-globe {
            width: 2.5rem;
            height: 2.5rem
        }

        .regional-language-switcher--blocks .office-finder {
            height: 100vh;
            overflow: scroll;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            padding: 0;
            margin-top: 0
        }

            .icon.icon-chevron-down-bn, .regional-language-switcher--blocks .office-finder:after {
                display: none
            }

    .office-finder {
        width: 100vw;
        min-height: 100vh;
        padding-left: 6.5%;
        padding-right: 6.5%;
        padding-top: 0;
        margin-top: -1rem;
        opacity: 0;
        animation-name: c;
        animation-duration: .6s;
        animation-iteration-count: 1;
        animation-delay: .01s;
        animation-fill-mode: both;
        animation-timing-function: cubic-bezier(.075,.82,.165,1)
    }

        .office-finder .country-link {
            width: auto;
            padding-left: 6.5%;
            padding-right: 6.5%
        }

        .office-finder .current-language-mobile {
            display: block;
            width: 100%;
            border-bottom: .3rem solid #e1e6e9;
            margin-bottom: 1.9rem
        }

            .office-finder .current-language-mobile p {
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-size: 1.8rem;
                line-height: 2.4rem;
                margin-bottom: 1.4rem;
                font-weight: 400;
                padding-left: 6.5%;
                padding-right: 6.5%
            }

            .office-finder .current-language-mobile button {
                display: block;
                width: 100%;
                color: #fff;
                background-color: #1a8479;
                padding: 1.8rem 6.5% 2.2rem;
                position: relative;
                margin-bottom: 3.2rem;
                text-decoration: none;
                border-width: 0;
                text-align: left;
                font-size: 1.8rem;
                font-weight: 300;
                cursor: pointer
            }

            .office-finder .current-language-mobile .icon-close {
                display: block;
                width: 1.5rem;
                height: 1.5rem;
                position: absolute;
                top: 50%;
                right: 6.5%;
                transform: translateY(-50%);
                margin: 0
            }

                .office-finder .current-language-mobile .icon-close svg {
                    display: block
                }

                .office-finder .current-language-mobile .icon-close path {
                    stroke: #fff
                }

        .office-finder .country-search {
            position: relative;
            margin-left: 6.5%;
            margin-right: 6.5%
        }

        .office-finder .scroll-window {
            height: auto;
            overflow: visible
        }

        .office-finder .list-of-countries {
            width: auto
        }

        .office-finder .icon-tick {
            right: 6.5%
        }

        .office-finder .footnote {
            display: none
        }

            .office-finder .footnote.mobile {
                display: block;
                font-weight: 400;
                margin: .5rem 6.5% 1.5rem
            }
}

.cookie-notice {
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 11.2rem;
    position: fixed;
    bottom: 0;
    z-index: 100;
    background-color: rgba(143,233,224,.95);
    transform: translateY(11.2rem)
}

.show-cookie-banner .cookie-notice {
    display: -ms-flexbox;
    display: flex;
    animation-name: a;
    animation-duration: .9s;
    animation-iteration-count: 1;
    animation-delay: .5s;
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.19,1,.22,1)
}

.hide-cookie-banner .cookie-notice {
    animation-name: b;
    animation-delay: 0s;
    animation-duration: .5s;
    animation-timing-function: linear
}

.cookie-accepted .cookie-notice {
    display: none
}

.cookie-notice .row {
    width: 100%
}

.cookie-notice .pane {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cookie-notice .icon-and-text, .cookie-notice .pane {
    display: -ms-flexbox;
    display: flex
}

.cookie-notice .icon-target svg {
    display: block;
    width: 5.5rem;
    height: 5.5rem;
    margin-right: 2.5rem
}

.cookie-notice p {
    line-height: 1.3;
    font-size: 2rem;
    font-weight: 300;
    color: #1d252d;
    max-width: 68rem;
    margin-bottom: 0
}

.cookie-notice .icon-arrow-right {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
    left: 0
}

    .cookie-notice .icon-arrow-right path {
        stroke: #1d252d
    }

.cookie-notice .cta {
    border-width: 0;
    background-color: transparent;
    cursor: pointer;
    padding-left: 2.2rem;
    margin-left: 0
}

.cookie-notice .button-accept-cookie {
    background-color: transparent;
    padding-left: 7rem;
    padding-right: 7rem
}

@media (min-width:128px) and (max-width:780px) {
    .cookie-notice {
        height: auto;
        padding-top: 3.4rem;
        padding-bottom: 3.6rem;
        transform: translateY(100%)
    }

        .cookie-notice .pane {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .cookie-notice .icon-and-text {
            -ms-flex-flow: row-reverse;
            flex-flow: row-reverse
        }

        .cookie-notice .icon-target svg {
            width: 4.8rem;
            height: 4.8rem;
            margin-right: 0;
            margin-left: 1rem;
            margin-top: .6rem
        }

        .cookie-notice p {
            line-height: 1.375;
            font-size: 1.6rem;
            margin-bottom: 1rem
        }

        .cookie-notice .cta {
            margin-top: 1rem;
            display: block
        }

            .cookie-notice .cta:after {
                display: none
            }

            .cookie-notice .cta:focus .cta-text, .cookie-notice .cta:hover .cta-text {
                transform: none
            }

        .cookie-notice .button {
            width: 100%;
            padding-left: 3rem;
            padding-right: 3rem
        }
}

.rss-feed {
    padding: 3rem 13%;
    background-color: #e9eef1;
    text-align: center
}

    .rss-feed .button {
        max-width: 34.8rem;
        width: 100%;
        position: relative;
        font-size: 1.8rem;
        padding-left: 4.1rem;
        background-color: transparent
    }

    .rss-feed + .row .dynamic-resourse-list {
        margin-top: 6.5rem
    }

@media (min-width:128px) and (max-width:780px) {
    .rss-feed {
        padding: 2rem 6.5%
    }

        .rss-feed + .row .dynamic-resourse-list {
            margin-top: 6.5rem
        }
}

.line-break {
    height: .1rem;
    max-width: 53.3rem;
    background-color: #e1e6e9;
    margin: 0 auto
}

@media (min-width:128px) and (max-width:780px) {
    .line-break {
        max-width: none
    }
}

.region-language-lightbox {
    display: none;
    position: fixed;
    top: 14rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    border-bottom: .4rem solid #1a8479;
    padding: 2.1rem;
    width: 64rem;
    z-index: 10
}

    .region-language-lightbox.is-visible {
        display: block;
        animation-name: a,c;
        animation-duration: .9s,.9s;
        animation-iteration-count: 1,1;
        animation-delay: .3s,.3s;
        animation-fill-mode: both,both;
        animation-timing-function: cubic-bezier(.19,1,.22,1),cubic-bezier(.19,1,.22,1)
    }

    .region-language-lightbox .link-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

        .region-language-lightbox .link-container p {
            margin-bottom: 0
        }

    .region-language-lightbox .mfp-close {
        width: 2.2rem;
        height: 2.2rem;
        top: 2.1rem;
        right: 2.1rem;
        overflow: hidden
    }

.images-off .region-language-lightbox .mfp-close {
    opacity: 1;
    overflow: visible
}

.region-language-lightbox .mfp-close .close-box {
    text-indent: -999.9rem
}

.images-off .region-language-lightbox .mfp-close .close-box {
    position: absolute;
    height: auto;
    top: -50%;
    right: -50%;
    margin-top: 0
}

.region-language-lightbox .mfp-close .icon-close {
    display: inline
}

    .region-language-lightbox .mfp-close .icon-close svg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 1.1rem;
        height: 1.1rem
    }

@media (min-width:128px) and (max-width:780px) {
    .region-language-lightbox {
        width: auto;
        margin-left: 6.5%;
        margin-right: 6.5%
    }

        .region-language-lightbox .link-container {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .region-language-lightbox .link-container p {
                margin-top: 1rem;
                margin-bottom: 1rem
            }
}

.header-image-video {
    position: relative;
    overflow: hidden;
    min-height: 35rem
}

.edit-mode .header-image-video .heading-container {
    position: relative
}

.header-image-video .row {
    position: relative;
    max-width: 118.9rem
}

    .header-image-video .row .pane {
        padding-bottom: 0
    }

.header-image-video .icon-arrow-right {
    position: absolute;
    left: 0;
    width: 1.7rem;
    height: 1.5rem
}

    .header-image-video .icon-arrow-right path {
        stroke: #1a8479
    }

.header-image-video .cta-box {
    margin-top: 1.8rem;
    margin-bottom: 3.6rem
}

.header-image-video .cta {
    font-size: 1.8rem;
    margin-left: 0;
    padding-left: 2.2rem
}

    .header-image-video .cta + .cta {
        margin-left: 3rem
    }

    .header-image-video .cta .cta-text {
        display: inline-block;
        transform: translateZ(0);
        transition: transform .15s
    }

.header-image-video .heading-container {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4.4rem 5rem 5.4rem;
    background-color: #fff;
    max-width: 58.4rem;
    z-index: 1
}

    .header-image-video .heading-container:after, .header-image-video .heading-container:before {
        content: "";
        display: table
    }

    .header-image-video .heading-container:after {
        clear: both
    }

    .header-image-video .heading-container .h1 {
        color: #616771;
        margin-bottom: .8rem
    }

    .header-image-video .heading-container .h2 {
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-weight: 700;
        color: #1d252d;
        text-transform: none;
        letter-spacing: 0
    }

    .header-image-video .heading-container p {
        font-size: 2.4rem;
        margin-top: 3.8rem;
        margin-bottom: 0;
        max-width: 72.2rem
    }

    .header-image-video .heading-container .author-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 48.6rem;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-top: 1.8rem;
        margin-bottom: -5.4rem
    }

        .header-image-video .heading-container .author-box:focus .author, .header-image-video .heading-container .author-box:hover .author {
            text-decoration: underline
        }

        .header-image-video .heading-container .author-box .author-details {
            position: relative;
            top: -.5rem
        }

            .header-image-video .heading-container .author-box .author-details p {
                margin: 0;
                font-size: 1.6rem;
                font-family: Source Sans Pro,Arial,sans-serif;
                font-weight: 400;
                color: #1a8479
            }

                .header-image-video .heading-container .author-box .author-details p.byline {
                    font-size: 1.4rem;
                    margin-bottom: 2rem;
                    color: #1d252d
                }

    .header-image-video .heading-container .course-promotion-left {
        left: -1px;
        margin-top: 0;
        position: absolute;
        top: -1px
    }

        .header-image-video .heading-container .course-promotion-left .course-promotion-item {
            background: #0257b8;
            color: #fff;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 1.187rem;
            padding: 7px 14px;
            text-align: center;
            text-transform: uppercase
        }

.header-image-video .course-promotion-right {
    position: absolute;
    right: 5.3rem;
    top: -1px;
    z-index: 1
}

    .header-image-video .course-promotion-right .course-promotion-item {
        -ms-flex-align: center;
        align-items: center;
        background: #f1f4f7;
        color: #fff;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.2rem;
        font-weight: 700;
        height: 69px;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1.2;
        padding-left: 5px;
        padding-right: 5px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        vertical-align: top;
        width: 61px
    }

        .header-image-video .course-promotion-right .course-promotion-item:after {
            border-left: 30px solid transparent;
            border-right: 30px solid transparent;
            border-top: 17px solid #f1f4f7;
            bottom: -17px;
            left: 0;
            content: "";
            position: absolute
        }

        .header-image-video .course-promotion-right .course-promotion-item span {
            display: block;
            font-size: 1.4rem
        }

        .header-image-video .course-promotion-right .course-promotion-item.promotion-best-seller {
            background: #6e3fa3;
            font-size: 1rem;
            line-height: 1.1
        }

            .header-image-video .course-promotion-right .course-promotion-item.promotion-best-seller img {
                margin-bottom: 4px;
                width: 24px
            }

            .header-image-video .course-promotion-right .course-promotion-item.promotion-best-seller:after {
                border-top-color: #6e3fa3
            }

            .header-image-video .course-promotion-right .course-promotion-item.promotion-best-seller p {
                color: #fff;
                display: table;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-size: 1.2rem;
                font-weight: 700;
                line-height: 1.1;
                margin-bottom: 0
            }

.header-image-video a + .cta-box {
    margin-top: 3.8rem;
    margin-bottom: 1rem
}

.header-image-video a:active, .header-image-video a:focus, .header-image-video a:hover {
    text-decoration: none
}

    .header-image-video a:active .cta .cta-text, .header-image-video a:focus .cta .cta-text, .header-image-video a:hover .cta .cta-text {
        color: #1d252d;
        transform: translate3d(0,-.3rem,0);
        transition: transform .15s
    }

    .header-image-video a:active .cta:after, .header-image-video a:focus .cta:after, .header-image-video a:hover .cta:after {
        opacity: 1;
        transform: translate3d(0,-.5rem,0)
    }

    .header-image-video a:active .h2, .header-image-video a:focus .h2, .header-image-video a:hover .h2 {
        color: #1a8479
    }

    .header-image-video a:active:not(.cta), .header-image-video a:focus:not(.cta), .header-image-video a:hover:not(.cta) {
        outline: none
    }

.header-image-video.full-width .heading-container {
    max-width: none;
    width: 100%;
    padding-right: 30%
}

    .header-image-video.full-width .heading-container .quote {
        width: 33.5rem;
        height: 78%;
        position: absolute;
        right: 8.6rem;
        z-index: -1;
        top: 4.9rem
    }

        .header-image-video.full-width .heading-container .quote .icon-quote {
            display: block;
            width: 100%;
            height: 100%
        }

            .header-image-video.full-width .heading-container .quote .icon-quote svg {
                margin: .8rem 2rem 2rem 5rem
            }

                .header-image-video.full-width .heading-container .quote .icon-quote svg path {
                    fill: #f0f4f7
                }

                    .header-image-video.full-width .heading-container .quote .icon-quote svg path:last-child {
                        fill: #e9eef1
                    }

    .header-image-video.full-width .heading-container .author-box {
        max-width: 48.6rem
    }

.header-image-video.video-banner {
    overflow: visible
}

    .header-image-video.video-banner .video-container {
        position: relative;
        padding-bottom: 56.25%
    }

.header-image-video.no-background {
    min-height: 0
}

    .header-image-video.no-background .heading-container {
        position: relative;
        max-width: none;
        padding-left: 4.4rem;
        padding-right: 4.4rem;
        padding-top: 5.2rem
    }

.header-image-video iframe {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.header-image-video .picturefill img {
    max-width: none;
    width: 100%
}

@media (min-width:1024px) and (max-width:1430px) {
    .header-image-video .heading-container {
        position: relative
    }

        .header-image-video .heading-container .h2 {
            font-size: 5rem;
            background-position: 0 100%
        }

        .header-image-video .heading-container p {
            font-size: 2rem
        }

    .header-image-video .picturefill img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        transform: translate(-50%,-50%)
    }

    .header-image-video.full-width {
        min-height: 47.2rem
    }

    .header-image-video.video-banner .heading-container {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1
    }
}

@media (min-width:780px) and (max-width:1080px) {
    .header-image-video .heading-container {
        position: relative;
        margin-left: 6.5%
    }

        .header-image-video .heading-container .h2 {
            font-size: 4.6rem;
            background-position: 0 100%
        }

        .header-image-video .heading-container p {
            font-size: 1.6rem
        }

    .header-image-video .picturefill img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        transform: translate(-50%,-50%)
    }

    .header-image-video.full-width .heading-container .quote {
        height: 56%
    }

    .header-image-video.video-banner .heading-container {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1
    }
}

@media (min-width:780px) and (max-width:1080px) and (orientation:portrait) {
    .header-image-video .h2.underline {
        background-size: .1rem .4rem;
        background-position: 0 3.7rem
    }

    .header-image-video .heading-container .h2 {
        font-size: 3.6rem;
        background-position: 0 100%
    }

    .header-image-video .heading-container p {
        font-size: 1.6rem
    }
}

@media (min-width:128px) and (max-width:780px) {
    .header-image-video {
        padding-bottom: inherit
    }

        .header-image-video .pane {
            max-width: 88%;
            background-color: #fff
        }

        .header-image-video .picturefill {
            margin-top: -7.2rem
        }

        .header-image-video .cta-box {
            margin-bottom: 0
        }

        .header-image-video .heading-container {
            position: static;
            padding: 1.4rem 0 2.4rem;
            z-index: 1;
            width: 86%
        }

            .header-image-video .heading-container .h1 {
                font-size: 1.6rem;
                margin-bottom: .7rem
            }

            .header-image-video .heading-container p {
                font-size: 1.8rem;
                margin-top: 1.7rem
            }

            .header-image-video .heading-container a + .cta-box {
                margin-top: 2.4rem;
                margin-bottom: 0
            }

            .header-image-video .heading-container .author-box {
                display: none
            }

        .header-image-video.video-banner .pane {
            max-width: none;
            z-index: 1
        }

        .header-image-video.full-width {
            overflow: hidden
        }

            .header-image-video.full-width .heading-container {
                padding: 2.4rem 0 3.4rem;
                min-height: 0
            }

                .header-image-video.full-width .heading-container p {
                    margin-top: 2rem
                }

                .header-image-video.full-width .heading-container .quote {
                    width: 9.5rem;
                    height: 13.6rem;
                    position: absolute;
                    right: 1.5rem;
                    top: 4.3rem;
                    z-index: 0
                }

                    .header-image-video.full-width .heading-container .quote .icon-quote svg {
                        margin: 0
                    }

                    .header-image-video.full-width .heading-container .quote + h1 h2, .header-image-video.full-width .heading-container .quote + h1 + a {
                        display: block;
                        padding-right: 5.5rem
                    }

                .header-image-video.full-width .heading-container .author-box {
                    display: none
                }

        .header-image-video.without-contact .heading-container {
            padding: 4.3rem 0 1rem
        }

        .header-image-video.no-background .pane {
            max-width: none
        }

        .header-image-video.no-background .heading-container {
            width: 100%;
            padding-left: 0;
            padding-right: 0
        }
}

@media (max-width:480px) {
    .header-image-video .cta {
        display: table
    }

        .header-image-video .cta + .cta {
            margin-left: 0
        }
}

.header-image-video-v2 {
    position: relative;
    overflow: hidden
}

.edit-mode .header-image-video-v2 .heading-container-v2 {
    position: relative
}

.header-image-video-v2 h2 {
    font-size: 7rem
}

.header-image-video-v2 .row {
    position: relative;
    max-width: 118.9rem
}

    .header-image-video-v2 .row .pane {
        padding-bottom: 0
    }

.header-image-video-v2 .icon-arrow-right {
    position: absolute;
    left: 0;
    width: 1.7rem;
    height: 1.5rem
}

    .header-image-video-v2 .icon-arrow-right path {
        stroke: #1a8479
    }

.header-image-video-v2 .cta-box {
    margin-bottom: 0;
    margin-top: 2vw
}

    .header-image-video-v2 .cta-box .button, .header-image-video-v2 .cta-box .cta {
        min-width: 350px;
        text-align: center
    }

    .header-image-video-v2 .cta-box .cta {
        position: relative;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: #fff;
        background-image: none;
        font-family: Calmetta;
        font-weight: 700;
        font-size: 1.9rem;
        line-height: 1.15;
        margin: 0;
        padding: 1.5rem 2.3rem;
        cursor: pointer;
        white-space: nowrap;
        transition: background-color .3s ease;
        border-radius: 0
    }

        .header-image-video-v2 .cta-box .cta svg {
            display: block
        }

        .header-image-video-v2 .cta-box .cta::-moz-focus-inner {
            border: 0;
            padding: 0
        }

        .header-image-video-v2 .cta-box .cta .icon-arrow-right {
            display: none
        }

        .header-image-video-v2 .cta-box .cta:after {
            height: 0;
            background: none;
            transform: translateZ(0)
        }

.header-image-video-v2 .pane.base12 {
    padding: 0
}

.header-image-video-v2 .heading-container-v2 {
    top: 10%;
    left: 15%;
    background-color: hsla(0,0%,100%,0);
    z-index: 2;
    bottom: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 15px;
    max-width: 56.4rem;
    position: absolute;
    margin-bottom: 35px;
    margin-top: 3vw;
    height: max-content
}

    .header-image-video-v2 .heading-container-v2:after, .header-image-video-v2 .heading-container-v2:before {
        content: "";
        display: table
    }

    .header-image-video-v2 .heading-container-v2:after {
        clear: both
    }

    .header-image-video-v2 .heading-container-v2 p {
        font-size: 20px;
        margin-top: 1.8rem
    }

    .header-image-video-v2 .heading-container-v2 h1 {
        font-weight: 400;
        margin-bottom: 1vw
    }

    .header-image-video-v2 .heading-container-v2 .h1 {
        margin-bottom: 1.5rem;
        font-size: 2rem
    }

    .header-image-video-v2 .heading-container-v2 .h2 {
        font-size: 6rem
    }

        .header-image-video-v2 .heading-container-v2 .h2.underline, .header-image-video-v2 .heading-container-v2 h2.underline {
            background-size: .1rem .3rem
        }

    .header-image-video-v2 .heading-container-v2 .author-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 48.6rem;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-top: 1.8rem;
        margin-bottom: -5.4rem
    }

        .header-image-video-v2 .heading-container-v2 .author-box:focus .author, .header-image-video-v2 .heading-container-v2 .author-box:hover .author {
            text-decoration: underline
        }

        .header-image-video-v2 .heading-container-v2 .author-box .author-details {
            position: relative;
            top: -.5rem
        }

            .header-image-video-v2 .heading-container-v2 .author-box .author-details p {
                margin: 0;
                font-size: 1.6rem;
                font-family: Source Sans Pro,Arial,sans-serif;
                font-weight: 400;
                color: #1a8479
            }

                .header-image-video-v2 .heading-container-v2 .author-box .author-details p.byline {
                    font-size: 1.4rem;
                    margin-bottom: 2rem;
                    color: #1d252d
                }

    .header-image-video-v2 .heading-container-v2 .course-promotion-left {
        left: -1px;
        margin-top: 0;
        position: absolute;
        top: -1px
    }

        .header-image-video-v2 .heading-container-v2 .course-promotion-left .course-promotion-item {
            background: #0257b8;
            color: #fff;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 1.187rem;
            padding: 7px 14px;
            text-align: center;
            text-transform: uppercase
        }

.header-image-video-v2 .course-promotion-right {
    position: absolute;
    right: 5.3rem;
    top: -1px;
    z-index: 1
}

    .header-image-video-v2 .course-promotion-right .course-promotion-item {
        -ms-flex-align: center;
        align-items: center;
        background: #f1f4f7;
        color: #fff;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.2rem;
        font-weight: 700;
        height: 69px;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1.2;
        padding-left: 5px;
        padding-right: 5px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        vertical-align: top;
        width: 61px
    }

        .header-image-video-v2 .course-promotion-right .course-promotion-item:after {
            border-left: 30px solid transparent;
            border-right: 30px solid transparent;
            border-top: 17px solid #f1f4f7;
            bottom: -17px;
            left: 0;
            content: "";
            position: absolute
        }

        .header-image-video-v2 .course-promotion-right .course-promotion-item span {
            display: block;
            font-size: 1.4rem
        }

        .header-image-video-v2 .course-promotion-right .course-promotion-item.promotion-best-seller {
            background: #6e3fa3;
            font-size: 1rem;
            line-height: 1.1
        }

            .header-image-video-v2 .course-promotion-right .course-promotion-item.promotion-best-seller img {
                margin-bottom: 4px;
                width: 24px
            }

            .header-image-video-v2 .course-promotion-right .course-promotion-item.promotion-best-seller:after {
                border-top-color: #6e3fa3
            }

            .header-image-video-v2 .course-promotion-right .course-promotion-item.promotion-best-seller p {
                color: #fff;
                display: table;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-size: 1.2rem;
                font-weight: 700;
                line-height: 1.1;
                margin-bottom: 0
            }

.header-image-video-v2 a + .cta-box {
    margin-top: 3.8rem;
    margin-bottom: 1rem
}

.header-image-video-v2 a:active, .header-image-video-v2 a:focus, .header-image-video-v2 a:hover {
    text-decoration: none
}

    .header-image-video-v2 a:active .h2, .header-image-video-v2 a:focus .h2, .header-image-video-v2 a:hover .h2 {
        color: #1a8479
    }

    .header-image-video-v2 a:active:not(.cta), .header-image-video-v2 a:focus:not(.cta), .header-image-video-v2 a:hover:not(.cta) {
        outline: none
    }

.header-image-video-v2.full-width .heading-container-v2 {
    max-width: none;
    width: 100%;
    padding-right: 30%
}

    .header-image-video-v2.full-width .heading-container-v2 .quote {
        width: 33.5rem;
        height: 78%;
        position: absolute;
        right: 8.6rem;
        z-index: -1;
        top: 4.9rem
    }

        .header-image-video-v2.full-width .heading-container-v2 .quote .icon-quote {
            display: block;
            width: 100%;
            height: 100%
        }

            .header-image-video-v2.full-width .heading-container-v2 .quote .icon-quote svg {
                margin: .8rem 2rem 2rem 5rem
            }

                .header-image-video-v2.full-width .heading-container-v2 .quote .icon-quote svg path {
                    fill: #f0f4f7
                }

                    .header-image-video-v2.full-width .heading-container-v2 .quote .icon-quote svg path:last-child {
                        fill: #e9eef1
                    }

    .header-image-video-v2.full-width .heading-container-v2 .author-box {
        max-width: 48.6rem
    }

.header-image-video-v2 .video-container {
    position: relative;
    padding-bottom: 28% !important
}

    .header-image-video-v2 .video-container h2 {
        font-size: 5vw
    }

.header-image-video-v2.no-background {
    min-height: 0
}

    .header-image-video-v2.no-background .heading-container-v2 {
        position: relative;
        max-width: none;
        padding-left: 4.4rem;
        padding-right: 4.4rem;
        padding-top: 5.2rem
    }

.header-image-video-v2 iframe {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.header-image-video-v2 .backgroundfill {
    position: absolute;
    height: 100%;
    width: 100%
}

.header-image-video-v2 .picturefill picture img {
    width: 100%;
    max-width: none
}

.video-banner .heading-container-v2 {
    margin-top: 0
}

    .video-banner .heading-container-v2 h2 {
        font-size: 5vw
    }

.video-banner .video-container {
    position: relative;
    padding-bottom: 28% !important
}

@media (min-width:1024px) and (max-width:1430px) {
    .video-banner .heading-container-v2 h1 {
        font-size: 1.5vw;
        margin-bottom: 1rem
    }

    .header-image-video-v2 .heading-container-v2 {
        position: absolute;
        top: 0;
        left: 10%
    }

        .header-image-video-v2 .heading-container-v2 .h2 {
            font-size: 6rem;
            background-position: 0 100%
        }

        .header-image-video-v2 .heading-container-v2 p {
            font-size: 2rem
        }

    .header-image-video-v2.full-width {
        min-height: 47.2rem
    }

    .header-image-video-v2.video-banner .heading-container-v2 {
        position: absolute;
        top: 5%;
        left: 10%
    }
}

@media (min-width:780px) and (max-width:1080px) {
    .video-banner .heading-container-v2 h1 {
        font-size: 1.5vw;
        margin-bottom: 1rem
    }

    .header-image-video-v2 .cta-box {
        margin-top: 10px
    }

    .header-image-video-v2 h2 {
        font-size: 5.5rem
    }

    .header-image-video-v2 .heading-container-v2 {
        position: absolute;
        top: 0;
        left: 10%
    }

        .header-image-video-v2 .heading-container-v2 .h2 {
            font-size: 5rem;
            background-position: 0 100%
        }

        .header-image-video-v2 .heading-container-v2 p {
            font-size: 1.6rem
        }

    .header-image-video-v2.full-width .heading-container-v2 .quote {
        height: 56%
    }

    .header-image-video-v2.video-banner .heading-container-v2 {
        position: absolute;
        top: 5%;
        left: 10%
    }
}

@media (min-width:780px) and (max-width:1080px) and (orientation:portrait) {
    .video-banner .heading-container-v2 h1 {
        font-size: 1.5vw;
        margin-bottom: 1rem
    }

    .header-image-video-v2 h2 {
        font-size: 5.5rem
    }

    .header-image-video-v2 .h2.underline {
        background-size: .1rem .4rem;
        background-position: 0 3.7rem
    }

    .header-image-video-v2 .heading-container-v2 .h2 {
        font-size: 3.6rem;
        background-position: 0 100%
    }

    .header-image-video-v2 .heading-container-v2 p {
        font-size: 1.6rem
    }
}

@media (min-width:128px) and (max-width:780px) {
    .video-banner .heading-container-v2 h1 {
        font-size: 2.4vw;
        margin-bottom: .5rem
    }

    .header-image-video-v2 {
        padding-bottom: inherit
    }

        .header-image-video-v2 .pane {
            max-width: 88%;
            background-color: #fff
        }

        .header-image-video-v2 .cta-box {
            margin-bottom: 0
        }

        .header-image-video-v2 h2 {
            font-size: 5.5rem
        }

        .header-image-video-v2 .heading-container-v2 {
            min-width: 300px;
            left: 0;
            top: 0;
            margin-top: 0
        }

            .header-image-video-v2 .heading-container-v2 .h1 {
                font-size: 1.6rem;
                margin-bottom: .7rem
            }

            .header-image-video-v2 .heading-container-v2 .h2 {
                font-size: 5rem
            }

            .header-image-video-v2 .heading-container-v2 p {
                font-size: 1.8rem;
                margin-top: 1.7rem
            }

            .header-image-video-v2 .heading-container-v2 a + .cta-box {
                margin-top: 2.4rem;
                margin-bottom: 0
            }

            .header-image-video-v2 .heading-container-v2 .author-box {
                display: none
            }

        .header-image-video-v2.video-banner .pane {
            max-width: none;
            z-index: 1
        }

        .header-image-video-v2.full-width {
            overflow: hidden
        }

            .header-image-video-v2.full-width .heading-container-v2 {
                padding: 2.4rem 0 3.4rem;
                min-height: 0
            }

                .header-image-video-v2.full-width .heading-container-v2 p {
                    margin-top: 2rem
                }

                .header-image-video-v2.full-width .heading-container-v2 .quote {
                    width: 9.5rem;
                    height: 13.6rem;
                    position: absolute;
                    right: 1.5rem;
                    top: 4.3rem;
                    z-index: 0
                }

                    .header-image-video-v2.full-width .heading-container-v2 .quote .icon-quote svg {
                        margin: 0
                    }

                    .header-image-video-v2.full-width .heading-container-v2 .quote + h1 h2, .header-image-video-v2.full-width .heading-container-v2 .quote + h1 + a {
                        display: block;
                        padding-right: 5.5rem
                    }

                .header-image-video-v2.full-width .heading-container-v2 .author-box {
                    display: none
                }

        .header-image-video-v2.without-contact .heading-container-v2 {
            padding: 4.3rem 0 1rem
        }

        .header-image-video-v2.no-background .pane {
            max-width: none
        }

        .header-image-video-v2.no-background .heading-container-v2 {
            width: 100%;
            padding-left: 0;
            padding-right: 0
        }

        .header-image-video-v2 .cta-box .cta {
            width: 100%;
            min-width: 300px;
            padding: 1vw 2.3rem
        }
}

@media (max-width:480px) {
    .header-image-video-v2 .cta {
        display: table
    }

        .header-image-video-v2 .cta + .cta {
            margin-left: 0
        }
}

.header-image-logo {
    overflow: hidden;
    position: relative
}

.edit-mode .header-image-logo .heading-container {
    position: relative
}

.header-image-logo .row {
    max-width: 118.9rem;
    position: relative
}

    .header-image-logo .row .pane {
        padding-bottom: 0
    }

.header-image-logo .heading-container {
    background-color: #fff;
    margin-bottom: 1.8rem;
    max-width: 84.2rem;
    padding: 2.9rem 2.7rem 7.2rem 3.3rem;
    position: relative;
    top: 0;
    z-index: 1
}

    .header-image-logo .heading-container:after, .header-image-logo .heading-container:before {
        content: "";
        display: table
    }

    .header-image-logo .heading-container:after {
        clear: both
    }

    .header-image-logo .heading-container .h1 {
        color: #616771;
        margin-bottom: .8rem
    }

    .header-image-logo .heading-container .h2 {
        color: #1d252d;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: none
    }

    .header-image-logo .heading-container p {
        font-size: 2.4rem;
        margin-bottom: 0;
        margin-top: 3.8rem;
        max-width: 72.2rem
    }

    .header-image-logo .heading-container .course-promotion-left {
        left: -1px;
        margin-top: 0;
        position: absolute;
        top: -1px
    }

        .header-image-logo .heading-container .course-promotion-left .course-promotion-item {
            background: #0257b8;
            color: #fff;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            font-size: 1.6rem;
            font-weight: 700;
            line-height: 1.187rem;
            padding: 7px 14px;
            text-align: center;
            text-transform: uppercase
        }

.header-image-logo .course-promotion-right {
    position: absolute;
    right: 5.3rem;
    top: -1px;
    z-index: 1
}

    .header-image-logo .course-promotion-right .course-promotion-item {
        -ms-flex-align: center;
        align-items: center;
        background: #f1f4f7;
        color: #fff;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.2rem;
        font-weight: 700;
        height: 69px;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1.2;
        padding-left: 5px;
        padding-right: 5px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        vertical-align: top;
        width: 61px
    }

        .header-image-logo .course-promotion-right .course-promotion-item:after {
            border-left: 30px solid transparent;
            border-right: 30px solid transparent;
            border-top: 17px solid #f1f4f7;
            bottom: -17px;
            left: 0;
            content: "";
            position: absolute
        }

        .header-image-logo .course-promotion-right .course-promotion-item span {
            display: block;
            font-size: 1.4rem
        }

        .header-image-logo .course-promotion-right .course-promotion-item.promotion-best-seller {
            background: #6e3fa3;
            font-size: 1rem;
            line-height: 1.1
        }

            .header-image-logo .course-promotion-right .course-promotion-item.promotion-best-seller img {
                margin-bottom: 4px;
                width: 24px
            }

            .header-image-logo .course-promotion-right .course-promotion-item.promotion-best-seller:after {
                border-top-color: #6e3fa3
            }

            .header-image-logo .course-promotion-right .course-promotion-item.promotion-best-seller p {
                color: #fff;
                display: table;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-size: 1.2rem;
                font-weight: 700;
                line-height: 1.1;
                margin-bottom: 0
            }

.header-image-logo .logo-container {
    bottom: 6.2rem;
    height: 0
}

    .header-image-logo .logo-container .logo {
        bottom: 2.8rem;
        float: right;
        height: auto;
        max-width: 164px;
        position: relative;
        right: 4.3rem;
        width: 100%;
        z-index: 1
    }

.header-image-logo .picturefill img {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.header-image-logo .picturefill.no-background {
    background-color: #fff
}

@media (min-width:1024px) and (max-width:1430px) {
    .header-image-logo .heading-container {
        position: relative
    }

        .header-image-logo .heading-container .h2 {
            background-position: 0 100%;
            font-size: 5rem
        }

        .header-image-logo .heading-container p {
            font-size: 2rem
        }
}

@media (min-width:1024px) and (max-width:1227px) {
    .header-image-logo .heading-container {
        max-width: 77rem
    }
}

@media (min-width:780px) and (max-width:1080px) {
    .header-image-logo .heading-container {
        margin-left: 6.5%;
        max-width: 60rem;
        position: relative
    }

        .header-image-logo .heading-container .h2 {
            background-position: 0 100%;
            font-size: 4.6rem
        }

        .header-image-logo .heading-container p {
            font-size: 1.6rem
        }

    .header-image-logo .course-promotion-right {
        right: 1rem
    }

    .header-image-logo .logo-container .logo {
        right: 0
    }
}

@media (min-width:780px) and (max-width:1080px) and (orientation:portrait) {
    .header-image-logo .h2.underline {
        background-size: .1rem .4rem;
        background-position: 0 3.7rem
    }

    .header-image-logo .heading-container .h2 {
        background-position: 0 100%;
        font-size: 3.6rem
    }

    .header-image-logo .heading-container p {
        font-size: 1.6rem
    }
}

@media (min-width:780px) and (max-width:895px) {
    .header-image-logo .logo-container {
        right: 0;
        height: 88px;
        bottom: 0
    }

        .header-image-logo .logo-container .pane {
            background-color: transparent
        }

        .header-image-logo .logo-container .logo {
            bottom: 0
        }
}

@media (min-width:128px) and (max-width:780px) {
    .header-image-logo {
        padding-bottom: inherit
    }

        .header-image-logo .pane {
            background-color: #fff;
            max-width: calc(93.6% - 4.2rem);
            z-index: 1
        }

        .header-image-logo .picturefill {
            margin-top: -7.2rem
        }

            .header-image-logo .picturefill img {
                left: 0;
                position: relative;
                transform: none;
                max-width: none
            }

        .header-image-logo .heading-container {
            padding: 1.4rem 0 2.4rem;
            position: static;
            z-index: 1
        }

            .header-image-logo .heading-container .h1 {
                font-size: 1.6rem;
                margin-bottom: .7rem
            }

            .header-image-logo .heading-container h2 {
                display: none
            }

            .header-image-logo .heading-container p {
                font-size: 1.8rem;
                margin-top: 1.7rem
            }

            .header-image-logo .heading-container .course-promotion-left {
                display: none
            }

        .header-image-logo .course-promotion-left {
            max-width: 75.5%
        }

        .header-image-logo .course-promotion-right {
            right: 0
        }

        .header-image-logo .logo-container {
            height: auto;
            position: static;
            right: 0
        }

            .header-image-logo .logo-container .pane {
                background-color: transparent;
                max-width: none
            }

            .header-image-logo .logo-container .logo {
                position: absolute;
                bottom: 2.8rem;
                float: none;
                right: 2.5rem
            }
}

.promo-list {
    background-color: #70378d;
    padding-top: 5.4rem;
    padding-bottom: 5.4rem;
    min-height: 31rem
}

    .promo-list .heading {
        color: #fff;
        line-height: 1.1
    }

    .promo-list .button-container {
        margin-top: 1.6rem;
        margin-left: .7rem
    }

    .promo-list .button {
        color: #fff;
        border-color: hsla(0,0%,100%,.5);
        background-color: transparent;
        margin-right: .9rem;
        margin-bottom: 1rem;
        padding-left: 2.3rem;
        padding-right: 2.3rem
    }

        .promo-list .button:focus, .promo-list .button:hover {
            text-decoration: underline;
            color: #70378d;
            background-color: #fff
        }

    .promo-list .accordion-toggle {
        display: none
    }

    .promo-list.light-grey-bg {
        background-color: #f1f4f7
    }

        .promo-list.light-grey-bg .heading {
            color: #1d252d
        }

        .promo-list.light-grey-bg .button {
            color: #1a8479;
            border-color: #1a8479;
            background-color: transparent
        }

            .promo-list.light-grey-bg .button:focus, .promo-list.light-grey-bg .button:hover {
                color: #e1e6e9;
                background-color: #1a8479
            }

@media (min-width:128px) and (max-width:780px) {
    .promo-list {
        padding-top: 2.7rem;
        padding-bottom: 1.3rem;
        min-height: 0
    }

        .promo-list .button-container {
            margin-top: 1.4rem;
            margin-left: 0
        }

            .promo-list .button-container.show-all .button {
                display: block
            }

        .promo-list .button {
            width: 100%;
            margin-right: 0;
            text-align: center;
            display: none
        }

            .promo-list .button:nth-child(-n+3) {
                display: block
            }

        .promo-list .accordion-toggle {
            display: block;
            width: 100%;
            background-color: transparent;
            border-width: 0;
            padding: 1rem 0;
            color: #fff;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            font-size: 1.9rem;
            font-weight: 700;
            text-align: left;
            position: relative
        }

            .promo-list .accordion-toggle + .button {
                margin-top: 1.5rem
            }

            .promo-list .accordion-toggle.is-open .icon-chevron-down {
                transform: translateY(1rem) rotate(180deg);
                top: 1.5rem
            }

            .promo-list .accordion-toggle .icon-chevron-down {
                position: absolute;
                top: .9rem;
                right: 0;
                width: 1.8rem;
                height: 1.2rem
            }

                .promo-list .accordion-toggle .icon-chevron-down path {
                    stroke: #fff
                }

                .promo-list .accordion-toggle .icon-chevron-down svg {
                    width: 100%;
                    height: 100%
                }
}

.video {
    background-color: #1d252d;
    margin-bottom: 4rem;
    max-width: 71.6rem;
    width: 100%;
    float: right
}

    .video, .video > div {
        position: relative
    }

        .video > .copy-holder {
            display: none
        }

        .video picture {
            position: absolute;
            left: 0;
            top: 0;
            margin: auto;
            width: 100%;
            height: 100%
        }

            .video picture img {
                width: 101%;
                max-width: none
            }

        .video .image-cta-holder {
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            overflow: hidden
        }

            .video .image-cta-holder .trigger-video {
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                outline-offset: -.2rem
            }

                .video .image-cta-holder .trigger-video .title-holder {
                    position: absolute;
                    text-align: center;
                    top: 5%;
                    right: 3%;
                    z-index: 1
                }

                .video .image-cta-holder .trigger-video .play {
                    display: block;
                    width: 11.5rem;
                    height: 11rem;
                    margin: auto
                }

                    .video .image-cta-holder .trigger-video .play:focus svg path, .video .image-cta-holder .trigger-video .play:hover svg path {
                        opacity: 1
                    }

                .video .image-cta-holder .trigger-video .copy-holder {
                    position: absolute;
                    width: 39%;
                    top: 5%;
                    z-index: 1
                }

                    .video .image-cta-holder .trigger-video .copy-holder .copy-content {
                        padding: 2.4rem 3rem 4rem;
                        background-color: #fff
                    }

                        .video .image-cta-holder .trigger-video .copy-holder .copy-content .underline {
                            position: relative;
                            font-weight: 700;
                            transition: background-position .1s cubic-bezier(.215,.61,.355,1),top .1s cubic-bezier(.215,.61,.355,1);
                            background-position: 0 calc(100% + .3rem);
                            background-size: .1rem .3rem
                        }

                .video .image-cta-holder .trigger-video:focus .play svg path, .video .image-cta-holder .trigger-video:hover .play svg path {
                    opacity: 1
                }

                .video .image-cta-holder .trigger-video:focus .copy-holder .copy-content h2, .video .image-cta-holder .trigger-video:hover .copy-holder .copy-content h2 {
                    background-position: 0 100%;
                    top: -.4rem
                }

        .video .fluid-width-video-wrapper {
            position: relative;
            padding-bottom: 56.25%;
            background-color: #1d252d;
            padding-top: 2.46rem;
            height: 0
        }

            .video .fluid-width-video-wrapper iframe {
                display: none;
                position: absolute;
                top: 1px;
                left: 1px;
                width: calc(100% - 2px);
                height: calc(100% - 2px)
            }

.accordion-drop .video {
    float: none;
    margin-left: 2.5rem
}

@media (min-width:128px) and (max-width:780px) {
    .video {
        background-color: transparent;
        left: -7.5%;
        max-width: none;
        width: 115%;
        float: none
    }

        .video > .copy-holder {
            display: block
        }

            .video > .copy-holder .copy-content {
                margin: 0
            }

            .video > .copy-holder h2 {
                font-size: 2.4rem;
                padding: 1.3rem 0 2rem;
                margin: 0 6.5%;
                border-bottom: .4rem solid #1a8479
            }

        .video .image-cta-holder .trigger-video .title-holder {
            text-align: center;
            top: 9%;
            left: 6%;
            right: auto;
            z-index: 1
        }

        .video .image-cta-holder .trigger-video .play {
            width: 8.6rem;
            height: 8.6rem
        }

        .video .image-cta-holder .copy-holder {
            display: none
        }

    .accordion-drop .video {
        margin-left: 0;
        left: 0;
        width: 100%
    }

    .fluid-width-video-wrapper {
        padding-top: 2.46rem
    }
}

.page-promo {
    overflow: hidden;
    margin-top: 4rem;
    margin-bottom: 5rem
}

.dynamic-article-list .page-promo, .dynamic-articles-list .page-promo {
    margin-top: 0;
    margin-bottom: 0
}

.page-promo figure {
    position: relative;
    min-height: 29.8rem;
    max-height: 29.8rem;
    margin: 0;
    background-color: #fff
}

    .page-promo figure picture img {
        top: 0;
        position: absolute;
        width: 100%;
        bottom: 0;
        margin: auto
    }

    .page-promo figure figcaption {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 3rem 2rem 0 3rem
    }

        .page-promo figure figcaption .copy-content {
            position: absolute;
            left: 0;
            top: 0;
            margin-top: 2rem;
            margin-bottom: 0;
            padding: 2.5rem 1.8rem 0 2.9rem;
            background-color: #fff;
            width: 70%;
            min-height: 17.8rem;
            min-width: 31.7rem;
            max-width: 37rem;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .page-promo figure figcaption .copy-content a h2 {
                position: relative;
                top: 0;
                margin-bottom: 0;
                transition: background-position .1s cubic-bezier(.215,.61,.355,1),top .1s cubic-bezier(.215,.61,.355,1);
                text-decoration: none;
                font-weight: 700;
                background-size: .1rem .3rem
            }

                .page-promo figure figcaption .copy-content a h2.underline {
                    background-position: 0 113%
                }

            .page-promo figure figcaption .copy-content a:focus, .page-promo figure figcaption .copy-content a:hover {
                text-decoration: none
            }

                .page-promo figure figcaption .copy-content a:focus h2, .page-promo figure figcaption .copy-content a:hover h2 {
                    top: -.3rem
                }

                    .page-promo figure figcaption .copy-content a:focus h2.underline, .page-promo figure figcaption .copy-content a:hover h2.underline {
                        background-position: 0 95.1%
                    }

                .page-promo figure figcaption .copy-content a:focus .author-details .author, .page-promo figure figcaption .copy-content a:hover .author-details .author {
                    text-decoration: underline
                }

            .page-promo figure figcaption .copy-content .author-box a {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: justify;
                justify-content: space-between;
                width: 100%;
                -ms-flex-align: end;
                align-items: flex-end
            }

                .page-promo figure figcaption .copy-content .author-box a .author-details {
                    margin-bottom: 1.3rem;
                    margin-left: .2rem
                }

                    .page-promo figure figcaption .copy-content .author-box a .author-details .author {
                        font-size: 1.6rem;
                        font-weight: 400;
                        color: #1a8479;
                        margin: 0
                    }

                    .page-promo figure figcaption .copy-content .author-box a .author-details .byline {
                        font-size: 1.4rem;
                        font-weight: 400;
                        margin: 0;
                        color: #1d252d
                    }

                .page-promo figure figcaption .copy-content .author-box a img {
                    max-width: 9rem;
                    max-height: 8rem;
                    -ms-flex-item-align: end;
                    align-self: flex-end;
                    margin-right: 1.8rem
                }

            .page-promo figure figcaption .copy-content .article-box {
                margin-top: .6rem;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -ms-flex-align: center;
                align-items: center
            }

                .page-promo figure figcaption .copy-content .article-box a.label-tag:focus, .page-promo figure figcaption .copy-content .article-box a.label-tag:hover {
                    text-decoration: underline
                }

                    .page-promo figure figcaption .copy-content .article-box a.label-tag:focus:after, .page-promo figure figcaption .copy-content .article-box a.label-tag:hover:after {
                        content: none
                    }

                .page-promo figure figcaption .copy-content .article-box + .author-box {
                    margin-top: .6rem
                }

                .page-promo figure figcaption .copy-content .article-box .date {
                    font-size: 1.4rem;
                    margin-top: .7rem;
                    line-height: 1;
                    float: right;
                    margin-right: .7rem;
                    cursor: default;
                    color: #1d252d;
                    text-align: right
                }

            .page-promo figure figcaption .copy-content > div {
                width: 100%
            }

                .page-promo figure figcaption .copy-content > div:last-of-type.article-box {
                    margin-bottom: 3rem;
                    -ms-flex-item-align: end;
                    align-self: flex-end
                }

    .page-promo figure .author-link {
        margin-top: 1.3rem
    }

.page-promo.case-study figure figcaption .copy-content a h2, .page-promo.generic-content figure figcaption .copy-content a h2 {
    font-size: 2.2rem;
    line-height: 1.3
}

.page-promo.case-study figure figcaption .copy-content a:focus h2.underline, .page-promo.case-study figure figcaption .copy-content a:hover h2.underline, .page-promo.generic-content figure figcaption .copy-content a:focus h2.underline, .page-promo.generic-content figure figcaption .copy-content a:hover h2.underline {
    background-position: 0 95.1%;
    background-size: .1rem .3rem
}

.page-promo.case-study figure figcaption .copy-content {
    left: auto;
    right: 0;
    top: auto;
    margin-bottom: 2rem;
    margin-top: auto;
    bottom: 0
}

    .page-promo.case-study figure figcaption .copy-content .article-box {
        margin-top: 3.5rem
    }

@media (min-width:128px) and (max-width:780px) {
    .page-promo, .page-promo figure {
        position: relative;
        overflow: visible
    }

        .page-promo figure {
            min-height: auto;
            max-height: none
        }

            .page-promo figure picture img {
                position: relative
            }

            .page-promo figure figcaption {
                position: relative;
                padding: 0 0 1.5rem;
                margin: 0 6.5%;
                width: auto
            }

                .page-promo figure figcaption .copy-content {
                    position: relative;
                    padding: 0;
                    margin: 1.3rem 0 0;
                    width: 100%;
                    min-width: 100%;
                    max-width: 100%;
                    height: inherit;
                    min-height: inherit;
                    border-bottom: .4rem solid #1a8479
                }

                    .page-promo figure figcaption .copy-content a h2 {
                        font-size: 2.4rem;
                        position: relative
                    }

                    .page-promo figure figcaption .copy-content a:focus, .page-promo figure figcaption .copy-content a:hover {
                        text-decoration: none
                    }

                        .page-promo figure figcaption .copy-content a:focus h2.underline, .page-promo figure figcaption .copy-content a:hover h2.underline {
                            background-position: 0 2.8rem
                        }

                    .page-promo figure figcaption .copy-content a .author-box {
                        margin-top: .4rem
                    }

                        .page-promo figure figcaption .copy-content a .author-box .author-details {
                            margin-bottom: 1.5rem
                        }

                        .page-promo figure figcaption .copy-content a .author-box img {
                            margin: 0
                        }

                    .page-promo figure figcaption .copy-content .author-box a img {
                        margin-right: 0
                    }

        .page-promo.case-study figure img, .page-promo.generic-content figure img {
            padding: 0 6.5%
        }

        .page-promo.case-study figure figcaption .copy-content, .page-promo.generic-content figure figcaption .copy-content {
            border: 0;
            margin: 1.4rem 0 0
        }

            .page-promo.case-study figure figcaption .copy-content a h2, .page-promo.generic-content figure figcaption .copy-content a h2 {
                font-size: 2rem;
                line-height: 1.3
            }

            .page-promo.case-study figure figcaption .copy-content a:focus h2.underline, .page-promo.case-study figure figcaption .copy-content a:hover h2.underline, .page-promo.generic-content figure figcaption .copy-content a:focus h2.underline, .page-promo.generic-content figure figcaption .copy-content a:hover h2.underline {
                background-position: 0 2.3rem
            }
}

.page-promo-variant {
    padding-bottom: 5rem
}

    .page-promo-variant + .contextual-nav {
        padding-top: 4rem
    }

    .page-promo-variant .page-promo-heading {
        padding-top: 6.5rem;
        text-align: center;
        margin-bottom: .9rem
    }

        .page-promo-variant .page-promo-heading h2 {
            margin-bottom: 1.7rem
        }

        .page-promo-variant .page-promo-heading h3 {
            margin-bottom: 4.9rem
        }

    .page-promo-variant.caption-right .page-promo-box {
        overflow: hidden
    }

        .page-promo-variant.caption-right .page-promo-box figure figcaption .copy-content {
            right: 0;
            left: auto;
            padding-left: 5rem
        }

    .page-promo-variant .page-promo-box {
        overflow: hidden
    }

        .page-promo-variant .page-promo-box figure {
            position: relative;
            min-height: 36rem;
            max-height: 36rem;
            margin: 0;
            background-color: #fff
        }

            .page-promo-variant .page-promo-box figure img {
                top: 0;
                position: absolute;
                width: 100%;
                bottom: 0;
                margin: auto
            }

            .page-promo-variant .page-promo-box figure figcaption .copy-content {
                position: absolute;
                bottom: 3.8rem;
                top: 3.8rem;
                left: 0;
                margin: auto;
                padding: 4.4rem 5rem 4.4rem 3.2rem;
                background-color: #fff;
                height: auto;
                min-height: 28.5rem;
                width: 51.2rem
            }

                .page-promo-variant .page-promo-box figure figcaption .copy-content > a {
                    text-decoration: none
                }

                    .page-promo-variant .page-promo-box figure figcaption .copy-content > a:focus h2, .page-promo-variant .page-promo-box figure figcaption .copy-content > a:hover h2 {
                        top: -.3rem;
                        background-position: 0 110%
                    }

                .page-promo-variant .page-promo-box figure figcaption .copy-content h2 {
                    position: relative;
                    top: 0;
                    background-position: 0 130%;
                    transition: background-position .15s,top .15s
                }

                .page-promo-variant .page-promo-box figure figcaption .copy-content p {
                    margin: 2.8rem 0 4.3rem
                }

        .page-promo-variant .page-promo-box > a:focus figure figcaption .copy-content h2, .page-promo-variant .page-promo-box > a:hover figure figcaption .copy-content h2 {
            top: -.3rem
        }

            .page-promo-variant .page-promo-box > a:focus figure figcaption .copy-content h2.underline, .page-promo-variant .page-promo-box > a:hover figure figcaption .copy-content h2.underline {
                background-position: 0 2.6rem;
                background-size: 1px 3px
            }

    .page-promo-variant .see-more {
        text-align: center;
        margin-top: 1.9rem;
        margin-bottom: 0
    }

@media (min-width:128px) and (max-width:780px) {
    .page-promo-variant {
        padding-bottom: 4rem
    }

        .page-promo-variant + .contextual-nav {
            padding-top: 0
        }

        .page-promo-variant .row [class*=base] {
            padding: 0
        }

        .page-promo-variant .page-promo-heading {
            text-align: left;
            padding: 4rem 6.5% 0
        }

            .page-promo-variant .page-promo-heading h2 {
                margin-bottom: 1rem
            }

            .page-promo-variant .page-promo-heading h3 {
                margin-bottom: 3.7rem
            }

        .page-promo-variant .page-promo-box {
            overflow: visible
        }

            .page-promo-variant .page-promo-box figure {
                min-height: auto;
                max-height: none
            }

                .page-promo-variant .page-promo-box figure img {
                    position: relative
                }

                .page-promo-variant .page-promo-box figure figcaption {
                    padding-left: 6.5%;
                    padding-right: 6.5%;
                    padding-bottom: 1.5rem;
                    margin-top: -14.8rem
                }

                    .page-promo-variant .page-promo-box figure figcaption .copy-content {
                        padding: 1.5rem 1.9rem 2.1rem;
                        min-height: auto;
                        width: 100%;
                        right: 0;
                        bottom: auto;
                        top: auto;
                        position: relative;
                        border-bottom: .1rem solid #e1e6e9
                    }

                        .page-promo-variant .page-promo-box figure figcaption .copy-content h2 {
                            font-size: 2rem;
                            line-height: 1.3
                        }

                            .page-promo-variant .page-promo-box figure figcaption .copy-content h2 + p {
                                margin: .8rem 0 1rem
                            }

                        .page-promo-variant .page-promo-box figure figcaption .copy-content p {
                            margin-top: 1rem;
                            margin-bottom: 1.6rem
                        }

                        .page-promo-variant .page-promo-box figure figcaption .copy-content > a:active h2, .page-promo-variant .page-promo-box figure figcaption .copy-content > a:focus h2, .page-promo-variant .page-promo-box figure figcaption .copy-content > a:hover h2 {
                            background-position: 0 2.4rem
                        }

        .page-promo-variant .see-more {
            text-align: left;
            margin-top: .8rem;
            padding: 0 6.5%
        }

        .page-promo-variant.caption-right .page-promo-box figure figcaption .copy-content {
            padding-left: 1.9rem
        }
}

.contextual-nav {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem
}

.edit-mode .contextual-nav ul li {
    width: 100%
}

.contextual-nav + .page-promo-variant .page-promo-heading {
    padding-top: 4rem
}

.contextual-nav .nav-heading {
    text-align: center;
    padding-bottom: 4rem
}

    .contextual-nav .nav-heading p {
        font-size: 2rem;
        width: 66.6666%;
        display: inline-block
    }

.contextual-nav ul {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .contextual-nav ul li {
        width: 33%;
        max-width: 36rem;
        position: relative;
        margin-bottom: .2rem;
        margin-right: .2rem;
        overflow: hidden
    }

        .contextual-nav ul li a {
            display: block
        }

            .contextual-nav ul li a .image-section:before {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                background-color: #fff;
                border: .1rem solid #e1e6e9;
                z-index: 1;
                visibility: hidden;
                opacity: 0;
                transition: opacity .35s
            }

            .contextual-nav ul li a .image-section:after {
                content: "";
                display: block;
                width: 100%;
                height: .4rem;
                background-color: #1a8479;
                position: absolute;
                bottom: 0;
                transform: translate3d(0,100%,0);
                transition: transform .35s;
                z-index: 2
            }

            .contextual-nav ul li a .image-section .text-container {
                width: 100%;
                position: absolute;
                top: 50%;
                padding: 0 8%;
                z-index: 2;
                transition: top .35s,tranforms .35s;
                transform: translate3d(0,-50%,0)
            }

                .contextual-nav ul li a .image-section .text-container h2 {
                    font-size: 2.4rem;
                    color: #fff
                }

                .contextual-nav ul li a .image-section .text-container p {
                    position: absolute;
                    opacity: 0;
                    transition: opacity .35s;
                    overflow: hidden;
                    margin-bottom: 0;
                    font-weight: 300;
                    color: #616771;
                    margin-right: 8%
                }

            .contextual-nav ul li a picture:after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background-color: rgba(29,37,45,.2)
            }

            .contextual-nav ul li a:focus, .contextual-nav ul li a:hover {
                text-decoration: none
            }

                .contextual-nav ul li a:focus .image-section:before, .contextual-nav ul li a:hover .image-section:before {
                    opacity: 1;
                    visibility: visible
                }

                .contextual-nav ul li a:focus .image-section:after, .contextual-nav ul li a:hover .image-section:after {
                    transform: translateZ(0)
                }

                .contextual-nav ul li a:focus picture:after, .contextual-nav ul li a:hover picture:after {
                    background-color: transparent
                }

                .contextual-nav ul li a:focus .text-container, .contextual-nav ul li a:hover .text-container {
                    top: 10%;
                    transform: translateZ(0)
                }

                    .contextual-nav ul li a:focus .text-container h2, .contextual-nav ul li a:hover .text-container h2 {
                        margin-bottom: 1.5rem;
                        color: #1d252d
                    }

                    .contextual-nav ul li a:focus .text-container p, .contextual-nav ul li a:hover .text-container p {
                        opacity: 1
                    }

            .contextual-nav ul li a:after {
                display: none
            }

        .contextual-nav ul li:nth-child(3n) {
            margin-right: 0
        }

@media (min-width:780px) and (max-width:1080px) and (orientation:portrait) {
    .contextual-nav ul li {
        max-width: 49.6%
    }
}

@media (min-width:128px) and (max-width:780px) {
    .contextual-nav {
        padding-top: 4rem;
        padding-bottom: 3rem
    }

        .contextual-nav + .page-promo-variant .page-promo-heading {
            padding-top: 2rem
        }

        .contextual-nav .nav-heading {
            text-align: left;
            padding-bottom: 1rem
        }

        .contextual-nav ul li {
            max-width: none;
            width: 100%;
            margin-right: 0
        }

            .contextual-nav ul li a .text-container p {
                display: none
            }

            .contextual-nav ul li a:focus .text-container, .contextual-nav ul li a:hover .text-container {
                top: 50%;
                transform: translate3d(0,-50%,0)
            }

                .contextual-nav ul li a:focus .text-container h2, .contextual-nav ul li a:hover .text-container h2 {
                    margin-bottom: 0
                }
}

.accordion {
    padding-top: 4rem;
    padding-bottom: 5rem
}

@media (min-width:128px) and (max-width:780px) {
    .accordion {
        padding-top: 2.5rem;
        padding-bottom: 4rem
    }
}

.image-block {
    margin: 0 0 2rem
}

.wide .image-block {
    max-width: none
}

    .wide .image-block figcaption {
        text-align: center
    }

        .wide .image-block figcaption span.icon-target {
            display: inline-block;
            position: static;
            vertical-align: top;
            margin-top: .1rem
        }

        .wide .image-block figcaption span.caption-text {
            display: inline-block;
            vertical-align: top;
            margin-left: 1rem
        }

.accordion-drop .image-block {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.image-block img {
    margin-bottom: 0
}

.image-block figcaption {
    position: relative;
    margin: 1.1rem 0
}

.wide .image-block figcaption {
    text-align: left;
    max-width: 110.4rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem
}

.image-block figcaption span.icon-target {
    position: absolute;
    margin: auto;
    width: 1.6rem;
    height: 1.6rem;
    top: .1rem
}

    .image-block figcaption span.icon-target svg path {
        fill: #1a8479
    }

.image-block figcaption span.caption-text {
    display: block;
    font-size: 1.4rem;
    color: #1d252d;
    margin-left: 2.6rem
}

.row.feature-right .image-block, .row.feature-right .rich-text {
    max-width: 71.6rem;
    width: 100%;
    float: right
}

.row.feature-right + .wide .content-block {
    padding-top: 2rem
}

@media (min-width:128px) and (max-width:780px) {
    .image-block {
        margin: 0 0 1.6rem
    }

        .image-block .picturefill {
            margin: 0 -7.4%
        }

        .image-block figcaption {
            margin: 1.5rem 0
        }

            .image-block figcaption span.icon-target {
                top: .2rem
            }

    .wide .image-block figcaption {
        text-align: left;
        margin: 1.5rem 6.5%
    }

        .wide .image-block figcaption span.icon-target {
            display: block;
            position: absolute;
            margin-top: 0
        }

        .wide .image-block figcaption span.caption-text {
            display: block;
            margin-left: 2.6rem
        }

    .accordion-drop .image-block, .accordion-drop .image-block .picturefill {
        margin-left: 0;
        margin-right: 0
    }

    .wide .image-block .picturefill {
        margin: 0
    }

    .row.feature-right .image-block {
        max-width: none;
        width: auto;
        float: none
    }

    .row:first-child .image-block {
        margin-top: 4rem
    }
}

.generic-tabs.styled-tabs {
    border-bottom: .1rem solid #e1e6e9;
    padding-bottom: 0
}

    .generic-tabs.styled-tabs .nav-tabs {
        float: none;
        max-width: 108.4rem;
        border-bottom-width: 0;
        margin-left: auto;
        margin-right: auto
    }

.generic-tabs.sticky {
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%
}

.generic-tabs + .row {
    padding-top: 4rem
}

@media (min-width:128px) and (max-width:780px) {
    .generic-tabs.styled-tabs.slide-controls .slide-left-arrow, .generic-tabs.styled-tabs.slide-controls .slide-right-arrow {
        height: 92%;
        top: 50%
    }

        .generic-tabs.styled-tabs.slide-controls .slide-left-arrow .icon-chevron-down, .generic-tabs.styled-tabs.slide-controls .slide-right-arrow .icon-chevron-down {
            top: 60%
        }

    .generic-tabs.sticky, .generic-tabs.styled-tabs.slide-controls.sticky {
        position: fixed
    }
}

.promo-strip {
    padding: 1.8rem 0 3.6rem;
    background-color: #f1f4f7
}

    .promo-strip a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

        .promo-strip a .text-container h3 {
            background-image: linear-gradient(90deg,#f1f4f7 0,#f1f4f7);
            background-position: 0 2.9rem;
            background-repeat: repeat-x;
            background-size: .1rem .3rem;
            display: inline;
            position: relative;
            top: 0;
            transition-duration: .15s
        }

        .promo-strip a:active, .promo-strip a:focus, .promo-strip a:hover {
            text-decoration: none
        }

            .promo-strip a:active .text-container h3, .promo-strip a:focus .text-container h3, .promo-strip a:hover .text-container h3 {
                background-image: linear-gradient(90deg,#1a8479 0,#1a8479);
                top: -.3rem;
                padding-bottom: .6rem;
                text-decoration: none
            }

            .promo-strip a:active .text-container p, .promo-strip a:focus .text-container p, .promo-strip a:hover .text-container p {
                text-decoration: none
            }

    .promo-strip img {
        max-width: 18.7rem
    }

    .promo-strip .text-container {
        width: calc(100% - 21.7rem);
        margin-left: 2rem;
        display: inline-block
    }

        .promo-strip .text-container h3 {
            font-size: 2.2rem
        }

        .promo-strip .text-container p {
            line-height: 1.25;
            margin-top: 1rem;
            margin-bottom: 0;
            color: #616771
        }

@media (min-width:1024px) and (max-width:1430px) {
    .promo-strip {
        padding: 2rem 20px 3.6rem
    }
}

@media (min-width:780px) and (max-width:1080px) {
    .promo-strip {
        padding: 2rem 20px 3.6rem
    }
}

@media (min-width:128px) and (max-width:780px) {
    .promo-strip {
        padding: 3rem 0
    }

        .promo-strip a {
            display: block;
            max-width: 87%
        }

        .promo-strip img {
            max-width: 100%;
            width: 100%
        }

        .promo-strip .text-container {
            width: 100%;
            margin: 1rem 0 0
        }
}

.cta-container {
    background-color: #fff;
    text-align: center;
    padding: 2.4rem 3rem 2.9rem;
    border: .1rem solid #e1e6e9;
    margin-bottom: 4rem;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.base8 .cta-container {
    border-width: 0;
    padding-left: 0
}

    .base8 .cta-container .row {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

.accordion-drop .cta-container {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.cta-container .h5 {
    margin-bottom: 1.7rem;
    color: #1d252d
}

.cta-container .row {
    -ms-flex-pack: center;
    justify-content: center
}

    .cta-container .row [data-epi-block-info] .button {
        margin-right: 1.7rem
    }

    .cta-container .row [data-epi-block-info]:last-child {
        margin-right: 0
    }

.cta-container .button, .cta-container .lightbox {
    margin-right: 1.7rem;
    max-width: 34rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 31.63333%;
    flex-basis: 31.63333%
}

    .cta-container .button:last-child, .cta-container .lightbox:last-child {
        margin-right: 0
    }

.cta-container .lightbox {
    margin-bottom: 0
}

    .cta-container .lightbox .button {
        width: 100%
    }

.base6 .cta-container {
    padding: 2.3rem 15% 1.7rem
}

    .base6 .cta-container .row {
        display: block
    }

    .base6 .cta-container .lightbox {
        max-width: none;
        width: 100%;
        margin-right: 0
    }

    .base6 .cta-container .button {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem
    }

.base4 .cta-container {
    padding: 2.4rem 1.9rem 1.8rem
}

    .base4 .cta-container .h5 {
        text-align: left
    }

    .base4 .cta-container .row {
        display: block
    }

    .base4 .cta-container .lightbox {
        width: 100%;
        margin-right: 0
    }

    .base4 .cta-container .button {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem
    }

.cta-container .button.popup-modal .icon-email-arrow {
    display: none
}

.cta-container .button.popup-modal svg {
    max-width: 1.3rem;
    display: inline
}

    .cta-container .button.popup-modal svg path {
        fill: #1a8479
    }

.cta-container .button.popup-modal:hover svg path {
    fill: #fff
}

@media (min-width:780px) and (max-width:1080px) and (orientation:portrait) {
    .cta-container .button {
        padding-left: 1.3rem;
        padding-right: 1.3rem;
        white-space: normal
    }
}

@media (min-width:128px) and (max-width:780px) {
    .cta-container {
        padding: 1.5rem 2rem 2rem;
        margin-bottom: 1.4rem
    }

        .cta-container .h5 {
            text-align: left;
            line-height: 1.2;
            margin-bottom: 1.7rem
        }

        .cta-container .row {
            display: block
        }

        .cta-container .lightbox {
            width: 100%
        }

        .cta-container .button, .cta-container .lightbox {
            max-width: none;
            margin-right: 0;
            margin-bottom: 1rem
        }

            .cta-container .button:last-child {
                margin-bottom: 0
            }

    .base4 .cta-container, .base6 .cta-container {
        padding: 1.5rem 2rem 2rem
    }

    .accordion-drop .cta-container {
        margin-left: 0;
        margin-right: 0
    }
}

.contact-bar {
    font-family: Calmetta,Arial,Verdana,sans-serif;
    background-color: #1a8479;
    color: #fff;
    padding: 1.6rem 0 2.1rem
}

    .contact-bar .mobile-only, .hide-menu .contact-bar {
        display: none
    }

    .contact-bar.contact-block {
        margin-bottom: 33px
    }

        .contact-bar.contact-block > .row > [class*=base]:first-child {
            padding-right: 0
        }

        .contact-bar.contact-block > .row > [class*=base]:last-child {
            padding-left: 2rem
        }

    .contact-bar .contact-copy {
        font-size: 2.4rem;
        position: relative;
        top: .4rem
    }

    .contact-bar p {
        color: #fff;
        font-family: Source Sans Pro,Arial,sans-serif;
        font-size: 2rem;
        font-weight: 300;
        line-height: 1.3;
        margin-bottom: 1rem;
        margin-top: 10px;
        padding-right: 50px
    }

    .contact-bar .icon-column {
        position: relative
    }

        .contact-bar .icon-column .icon-chat-thick {
            position: absolute;
            text-align: right;
            top: 10px;
            right: 0;
            width: 44px
        }

    .contact-bar .contact-type {
        float: right
    }

        .contact-bar .contact-type .epi-editContainer {
            display: inline-block
        }

        .contact-bar .contact-type .popup-modal-inline {
            margin-bottom: 0;
            display: inline
        }

        .contact-bar .contact-type a {
            font-weight: 700;
            font-size: 2rem;
            color: #fff
        }

            .contact-bar .contact-type a.email {
                margin-left: 3.2rem
            }

                .contact-bar .contact-type a.email:hover {
                    text-decoration: underline
                }

            .contact-bar .contact-type a.button {
                padding: 0;
                background-color: transparent
            }

                .contact-bar .contact-type a.button svg {
                    display: inline
                }

            .contact-bar .contact-type a.popup-modal:hover {
                text-decoration: underline
            }

            .contact-bar .contact-type a span {
                margin-right: .8rem
            }

            .contact-bar .contact-type a .icon-chat-thick svg {
                width: 2.9rem;
                height: 2.7rem;
                position: relative;
                top: .9rem;
                opacity: .3
            }

            .contact-bar .contact-type a .icon-email-arrow svg {
                width: 2.9rem;
                height: 2.3rem;
                position: relative;
                top: .5rem;
                opacity: .3
            }

    .contact-bar + .row .rich-text {
        padding-top: 4rem
    }

@media (min-width:128px) and (max-width:780px) {
    .contact-bar {
        padding: 2.8rem 6.5% 3rem;
        text-align: center
    }

        .contact-bar [class*=base] {
            padding-left: 0;
            padding-right: 0
        }

        .contact-bar.contact-block {
            padding: 15px 15px 20px
        }

            .contact-bar.contact-block > .row > [class*=base]:first-child {
                padding-right: 0
            }

            .contact-bar.contact-block > .row > [class*=base]:last-child {
                padding-left: 0
            }

            .contact-bar.contact-block .mobile-only {
                display: -ms-flexbox;
                display: flex
            }

            .contact-bar.contact-block .desktop-only {
                display: none
            }

            .contact-bar.contact-block .contact-block-heading {
                -ms-flex-align: start;
                align-items: start;
                width: 100%
            }

            .contact-bar.contact-block p {
                margin-bottom: 2.5rem;
                padding-right: 0;
                text-align: left
            }

            .contact-bar.contact-block .contact-type {
                width: 100%
            }

                .contact-bar.contact-block .contact-type a:last-child {
                    margin-bottom: 0
                }

            .contact-bar.contact-block .icon-column .icon-chat-thick {
                position: static;
                left: 0;
                right: auto
            }

                .contact-bar.contact-block .icon-column .icon-chat-thick svg {
                    float: left;
                    margin-top: 10px;
                    max-width: 52px
                }

            .contact-bar.contact-block .contact-copy {
                text-align: left
            }

        .contact-bar .contact-copy {
            margin-bottom: 1.8rem
        }

        .contact-bar .contact-type {
            float: none
        }

            .contact-bar .contact-type a {
                display: block;
                border: 2px solid #fff;
                margin-bottom: 1.1rem;
                line-height: 2.38
            }

                .contact-bar .contact-type a.email {
                    margin-left: 0
                }

                .contact-bar .contact-type a span {
                    margin-right: .8rem
                }

                .contact-bar .contact-type a .icon-chat-thick svg {
                    width: 2.9rem;
                    height: 2.7rem;
                    position: relative;
                    top: .9rem
                }

                .contact-bar .contact-type a .icon-email-arrow svg {
                    width: 2.9rem;
                    height: 2.3rem;
                    position: relative;
                    top: .5rem
                }

                .contact-bar .contact-type a:hover {
                    background-color: #fff;
                    border-color: #fff;
                    color: #1a8479;
                    text-decoration: none
                }

                    .contact-bar .contact-type a:hover .icon-chat-thick svg, .contact-bar .contact-type a:hover .icon-email-arrow svg {
                        opacity: 1
                    }

                        .contact-bar .contact-type a:hover .icon-chat-thick svg path, .contact-bar .contact-type a:hover .icon-chat-thick svg rect, .contact-bar .contact-type a:hover .icon-email-arrow svg path, .contact-bar .contact-type a:hover .icon-email-arrow svg rect {
                            fill: #1a8479
                        }

        .contact-bar + .row .rich-text {
            padding-top: 4rem
        }
}

.content-block {
    padding-top: 4rem
}

    .content-block + .content-block {
        padding-top: 0
    }

    .content-block ol, .content-block ul {
        margin-bottom: 0
    }

    .content-block .cta-container {
        margin-bottom: 0;
        padding-bottom: 2.4rem
    }

    .content-block .row:first-child .rich-text {
        margin-top: .4rem
    }

@media (min-width:128px) and (max-width:780px) {
    .content-block {
        padding-top: 2rem
    }

        .content-block .base4 .h4 {
            margin-bottom: 1.3rem
        }

        .content-block [class*=base8] {
            padding-bottom: 0
        }

        .content-block .cta-container {
            padding-top: 1rem;
            margin-bottom: .5rem
        }
}

.dynamic-service-list .content-links .accordion {
    padding-bottom: 0
}

.content-links .accordion.mobile-only-accordion .toggle-link {
    display: none
}

.content-links .accordion > li {
    max-width: 108.4rem;
    margin-left: auto;
    margin-right: auto
}

.content-links .accordion-drop {
    display: -ms-flexbox;
    display: flex;
    padding: 2.2rem 3rem 1.9rem
}

    .content-links .accordion-drop h2 {
        font-size: 2.3rem;
        margin-bottom: .7rem
    }

    .content-links .accordion-drop ul {
        padding-top: .3rem;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }

        .content-links .accordion-drop ul li {
            padding-right: 4rem;
            padding-bottom: .4rem
        }

            .content-links .accordion-drop ul li .h5 {
                width: 100%;
                margin-bottom: 0
            }

            .content-links .accordion-drop ul li + li .h5 {
                margin-top: 1rem;
                margin-bottom: 0
            }

.content-links .text-container {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%
}

    .content-links .text-container p {
        padding-right: 4rem;
        margin-bottom: 1.8rem
    }

    .content-links .text-container a {
        padding-right: 4rem
    }

.content-links .col-left, .content-links .col-right {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%
}

.content-links .text-container-mobile {
    display: none
}

.content-links .cta-multi .icon-arrow-right, .content-links .cta .icon-arrow-right {
    width: 1.7rem;
    height: 1.6rem
}

    .content-links .cta-multi .icon-arrow-right path, .content-links .cta-multi .icon-download path, .content-links .cta-multi .icon-tick path, .content-links .cta .icon-arrow-right path, .content-links .cta .icon-download path, .content-links .cta .icon-tick path {
        stroke: #1a8479
    }

.content-links .cta-multi .icon-download, .content-links .cta-multi .icon-external, .content-links .cta-multi .icon-tick, .content-links .cta .icon-download, .content-links .cta .icon-external, .content-links .cta .icon-tick {
    display: block;
    width: 1.7rem;
    height: 1.6rem;
    position: absolute;
    left: -2.1rem;
    /*@replace: 0.3rem*/ top: .2rem
}

.content-links .cta-multi .icon-external, .content-links .cta .icon-external {
    width: 1.5rem;
    height: 1.5rem;
    fill: #1a8479
}

    .content-links .cta-multi .icon-external .arrow, .content-links .cta .icon-external .arrow {
        stroke: #1a8479
    }

    .content-links .cta-multi .icon-external .box-outline, .content-links .cta .icon-external .box-outline {
        fill: #1a8479
    }

.content-links .cta-multi .icon-arrow-right {
    left: -1.2rem;
    top: .7rem
}

@media (min-width:128px) and (max-width:780px) {
    .content-links .accordion.mobile-only-accordion .toggle-link {
        display: block
    }

    .content-links .accordion-drop {
        display: block;
        padding-top: 1rem
    }

        .content-links .accordion-drop h2 {
            display: none
        }

        .content-links .accordion-drop ul {
            width: 100%
        }

            .content-links .accordion-drop ul li {
                padding-right: 0;
                margin-bottom: 1rem
            }

    .content-links .col-left + .col-right {
        margin-top: -1.7rem
    }

    .content-links .col-right ul li:first-child .h5 {
        margin-top: 2rem
    }

    .content-links .text-container {
        display: none
    }

    .content-links .text-container-mobile {
        display: block;
        padding-bottom: 2.2rem
    }

    .content-links .cta-multi {
        font-size: 1.6rem
    }
}

.c-sticky-sub-nav {
    position: relative;
    z-index: 1000;
    background-color: #1a8479;
    font-family: Calmetta,Arial,Verdana,sans-serif;
    font-size: 1.8rem
}

.c-sticky-sub-nav--sticky {
    position: sticky;
    top: 0
}

.c-sticky-sub-nav__toggle {
    display: none;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: 0;
    color: #fff;
    font-size: 1.6rem;
    padding: 1rem 2rem;
    max-width: 50%;
    cursor: pointer
}

.c-sticky-sub-nav__toggle--no-cta {
    max-width: none
}

.c-sticky-sub-nav__toggle-icon {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 1rem 0 0;
    line-height: 0
}

    .c-sticky-sub-nav__toggle-icon path {
        stroke: #fff
    }

.c-sticky-sub-nav__toggle-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-sticky-sub-nav__toggle--open .c-sticky-sub-nav__toggle-icon {
    transform: rotate(180deg)
}

.c-sticky-sub-nav__links-container {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    position: relative
}

.c-sticky-sub-nav .no-javascript {
    display: none
}

.c-sticky-sub-nav__links {
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.c-sticky-sub-nav__link {
    display: inline-block;
    padding: 1.4rem 2rem 1rem;
    color: #fff;
    border-bottom: .4rem solid #1a8479
}

.c-sticky-sub-nav__link--active {
    font-weight: 400;
    border-bottom-color: #fff
}

.c-sticky-sub-nav__link:focus, .c-sticky-sub-nav__link:hover {
    text-decoration: none;
    border-bottom-color: #fff
}

.c-sticky-sub-nav__cta {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    padding: 1rem 2rem;
    background-color: #70378d;
    color: #fff;
    white-space: nowrap
}

.c-sticky-sub-nav__cta-icon {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 1rem 0 0;
    line-height: 0;
    opacity: .5
}

@media (min-width:128px) and (max-width:1080px) {
    .no-js .no-javascript {
        display: block;
        width: 100%
    }

        .no-js .no-javascript button {
            display: inline-block
        }

        .no-js .no-javascript a {
            float: right;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            margin-left: auto;
            padding: 1rem 2rem;
            background-color: #70378d;
            color: #fff;
            white-space: nowrap
        }

    .no-js .c-sticky-sub-nav__links {
        display: block;
        top: 100%;
        width: 100%;
        left: 0;
        background-color: #1a8479
    }

    .no-js .c-sticky-sub-nav__cta, .no-js .c-sticky-sub-nav__toggle {
        display: none
    }

    .c-sticky-sub-nav {
        font-size: 1.6rem
    }

    .c-sticky-sub-nav__toggle {
        display: -ms-flexbox;
        display: flex
    }

    .c-sticky-sub-nav__links {
        display: none
    }

    .c-sticky-sub-nav__links--single {
        display: block
    }

    .c-sticky-sub-nav__links--show {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #1a8479
    }

        .c-sticky-sub-nav__links--show .c-sticky-sub-nav__link {
            border-bottom: none;
            padding: 1rem 2rem
        }

            .c-sticky-sub-nav__links--show .c-sticky-sub-nav__link:focus, .c-sticky-sub-nav__links--show .c-sticky-sub-nav__link:hover {
                text-decoration: underline
            }
}

.c-link-container {
    margin-bottom: 1.9rem;
    padding: 4rem 0;
    font-family: Calmetta,Arial,Verdana,sans-serif;
    background-size: cover;
    background-repeat: none
}

.c-link-container__heading {
    margin: 0 0 4rem;
    font-size: 2.6rem;
    font-weight: 400;
    color: #fff
}

.c-link-container__links {
    margin-left: -.8rem;
    margin-right: -.8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-link-container__links-col {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
    padding: 0 .8rem 1.6rem
}

    .c-link-container__links-col > * {
        height: 100%
    }

@media (min-width:780px) and (max-width:1080px) {
    .c-link-container__links-col {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (min-width:128px) and (max-width:780px) {
    .c-link-container__links {
        display: block
    }

    .c-link-container__links-col {
        max-width: 100%
    }
}

.c-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem;
    border: 2px solid #fff;
    font-family: Calmetta,Arial,Verdana,sans-serif;
    font-size: 1.8rem;
    color: #fff;
    text-decoration: none !important
}

    .c-link.c-link--orphaned, .c-link:focus, .c-link:hover {
        background-color: #fff
    }

        .c-link.c-link--orphaned .c-link__heading, .c-link:focus .c-link__heading, .c-link:hover .c-link__heading {
            color: #616771
        }

        .c-link.c-link--orphaned .c-link__heading-interaction, .c-link:focus .c-link__heading-interaction, .c-link:hover .c-link__heading-interaction {
            display: block
        }

        .c-link.c-link--orphaned .c-link__copy, .c-link:focus .c-link__copy, .c-link:hover .c-link__copy {
            color: #616771
        }

.c-link__heading {
    display: inline-block;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
    margin-bottom: 1.9rem;
    font-size: 1.8rem;
    font-weight: 400;
    color: #fff
}

.c-link__heading-interaction {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff
}

.c-link__copy {
    margin: 0 0 1.9rem;
    color: #fff
}

.c-link__icon {
    margin-top: auto;
    display: inline-block;
    width: 5rem;
    height: 5rem
}

@media (min-width:128px) and (max-width:780px) {
    .c-link {
        display: block
    }
}

.c-carousel {
    visibility: hidden;
    max-width: 110.4rem;
    margin: 0 auto 1.9rem;
    position: relative
}

.c-carousel--initialised, .c-carousel--single {
    visibility: visible
}

.c-carousel__pad {
    padding: 0 1rem
}

.c-carousel__navigation {
    position: absolute;
    bottom: 4rem;
    left: 1rem;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.c-carousel__next, .c-carousel__prev {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer
}

    .c-carousel__next span, .c-carousel__prev span {
        display: block;
        width: 4rem;
        height: 4rem
    }

    .c-carousel__next svg path, .c-carousel__next svg polygon, .c-carousel__prev svg path, .c-carousel__prev svg polygon {
        fill: #1a8479
    }

.c-carousel__prev {
    margin-right: .8rem
}

    .c-carousel__prev span {
        transform: rotate(180deg)
    }

.c-carousel__next {
    margin-right: 1.9rem
}

.c-carousel__slide-overview {
    margin: 0;
    font-size: 1.45rem;
    font-weight: 700;
    color: #1a8479
}

.c-carousel .slick-slider .slick-slide .c-content-promo--image.c-content-promo--quote {
    display: block !important
}

.no-js .c-carousel {
    visibility: visible
}

    .no-js .c-carousel .c-carousel__slide-overview {
        display: none
    }

@media (min-width:128px) and (max-width:780px) {
    .c-carousel {
        padding-bottom: 8rem
    }

    .c-carousel__pad {
        padding: 0
    }

    .c-carousel__navigation {
        bottom: 2rem;
        left: 6.5%
    }

    .c-carousel .slick-slider {
        margin-bottom: 1.9rem !important
    }

        .c-carousel .slick-slider .slick-track {
            display: -ms-flexbox !important;
            display: flex !important
        }

        .c-carousel .slick-slider .slick-slide {
            height: auto
        }

            .c-carousel .slick-slider .slick-slide > div {
                height: 100%
            }

            .c-carousel .slick-slider .slick-slide .c-content-promo {
                margin-bottom: 0;
                height: 100%;
                padding-right: 2rem
            }

            .c-carousel .slick-slider .slick-slide .c-content-promo__content-container {
                height: 100%
            }

            .c-carousel .slick-slider .slick-slide .c-content-promo__content {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-positive: 1;
                flex-grow: 1
            }

            .c-carousel .slick-slider .slick-slide .c-content-promo__cta-link {
                margin-top: auto
            }

    .c-carousel--single {
        padding-bottom: 0
    }

        .c-carousel--single .c-carousel__pad {
            padding: 0 6.5%
        }
}

.c-content-promo {
    margin-bottom: 1.9rem;
    padding-bottom: 8rem
}

.c-content-promo__content-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.c-content-promo__content {
    width: 50%;
    padding-right: 4rem
}

.c-content-promo__label {
    margin-bottom: .8rem;
    font-family: Source Sans Pro,Arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 300;
    text-transform: uppercase
}

.c-content-promo__title {
    margin-bottom: 1.9rem;
    font-size: 2.4rem;
    font-weight: 400
}

.c-content-promo__text {
    margin-bottom: 1.9rem
}

.c-content-promo__cta-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem;
    color: #000
}

.c-content-promo__cta-icon {
    margin: 0 1rem 0 0;
    width: 1.6rem;
    height: 1.6rem
}

.c-content-promo__image-container {
    width: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 375px
}

.c-content-promo__quote {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    padding: 2rem 4rem;
    background-color: #1a8479;
    position: relative
}

    .c-content-promo__quote blockquote.h3 {
        margin-bottom: auto;
        color: #fff;
        font-size: 2.4rem;
        font-weight: 300
    }

    .c-content-promo__quote span.icon-quote {
        min-width: auto;
        width: 2rem;
        height: 2rem
    }

        .c-content-promo__quote span.icon-quote svg {
            width: 100%;
            height: 100%;
            margin: 0
        }

            .c-content-promo__quote span.icon-quote svg path {
                fill: #fff
            }

    .c-content-promo__quote p.author.author {
        margin-top: 2rem;
        color: #fff
    }

    .c-content-promo__quote p.company {
        color: #fff;
        font-weight: 600
    }

    .c-content-promo__quote div.text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        word-wrap: break-word
    }

    .c-content-promo__quote:after {
        position: absolute;
        top: 100%;
        left: 4rem;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 50px 20px 0;
        border-color: transparent #1a8479 transparent transparent
    }

.c-content-promo__break {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 0
}

.c-content-promo--image .c-content-promo__quote {
    margin-left: 50%;
    position: absolute;
    bottom: -8rem;
    left: 4rem
}

.c-content-promo--image.c-content-promo--quote {
    padding-right: 4rem
}

@media (min-width:128px) and (max-width:780px) {
    .c-content-promo {
        padding-bottom: 0
    }

    .c-content-promo__content-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .c-content-promo__content {
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        padding-right: 0
    }

    .c-content-promo__image-container {
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 1.9rem;
        width: 100%;
        height: 200px
    }

    .c-content-promo__quote {
        display: none !important
    }

    .c-content-promo__break {
        display: none
    }

    .c-content-promo--image.c-content-promo--quote {
        padding-right: 0
    }
}

.c-header-video-hero {
    position: relative;
    overflow: hidden
}

.c-header-video-hero--loading .c-header-video-hero__loading-spinner-container {
    display: block
}

.c-header-video-hero__content {
    position: relative;
    left: 0;
    margin-left: 6.5%;
    z-index: 2;
    margin-bottom: 4rem;
    padding: 4rem;
    background-color: #fff;
    max-width: 58.4rem
}

@media (min-width:1160px) {
    .c-header-video-hero__content {
        left: -4rem;
        margin-left: 0
    }
}

.c-header-video-hero__content--cta {
    margin-bottom: 0
}

.c-header-video-hero__content .h1 {
    color: #616771;
    margin-bottom: .8rem
}

.c-header-video-hero__content .h2 {
    font-family: Calmetta,Arial,Verdana,sans-serif;
    font-weight: 700;
    color: #1d252d;
    text-transform: none;
    letter-spacing: 0
}

.c-header-video-hero__content p {
    font-size: 2.4rem;
    margin-top: 4rem !important;
    margin-bottom: 0;
    max-width: 72.2rem
}

.c-header-video-hero__content a:hover {
    text-decoration: none !important
}

.c-header-video-hero__play-video {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    margin-left: 6.5%;
    margin-bottom: 4rem;
    position: relative;
    z-index: 100
}

@media (min-width:1160px) {
    .c-header-video-hero__play-video {
        left: -4rem;
        margin-left: 0
    }
}

.c-header-video-hero__play-video-button {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-line-pack: center;
    align-content: center;
    background-color: #70378d !important;
    color: #fff;
    border: none;
    font-weight: 400;
    font-size: 1.6rem
}

    .c-header-video-hero__play-video-button:active, .c-header-video-hero__play-video-button:focus, .c-header-video-hero__play-video-button:hover {
        text-decoration: underline !important
    }

    .c-header-video-hero__play-video-button.hidden {
        display: none !important
    }

.c-header-video-hero__play-video span {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: .8rem
}

.c-header-video-hero__loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.c-header-video-hero__loading-spinner-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: #fff
}

.c-header-video-hero picture {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

    .c-header-video-hero picture img {
        object-fit: cover;
        width: 100%;
        height: 100%
    }

.c-header-video-hero video {
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

.no-js .c-header-video-hero__loading-spinner-container {
    display: none !important
}

@media (min-width:780px) and (max-width:1080px) {
    .c-header-video-hero__content {
        left: 0;
        margin-left: 6.5%
    }
}

@media (min-width:128px) and (max-width:780px) {
    .c-header-video-hero__content-base {
        padding-left: 0
    }

    .c-header-video-hero__content {
        left: 0;
        margin-right: 4rem;
        padding: 2rem 6.5%
    }

        .c-header-video-hero__content p {
            font-size: 1.8rem;
            margin-top: 2rem !important
        }
}

.dynamic-articles-list {
    max-width: 108.4rem;
    padding-top: 6.5rem;
    padding-bottom: 3.2rem;
    margin-left: auto;
    margin-right: auto
}

    .dynamic-articles-list .h1 {
        font-weight: 400
    }

    .dynamic-articles-list .component-heading {
        text-align: center;
        margin-bottom: 4.3rem
    }

    .dynamic-articles-list .component-cta {
        text-align: center;
        margin-top: 1.9rem;
        margin-bottom: 1.9rem
    }

    .dynamic-articles-list .page-promo figure figcaption .copy-content .author-box a img {
        margin-right: 0
    }

    .dynamic-articles-list .page-promo picture img {
        position: static
    }

    .dynamic-articles-list .bottom-row, .dynamic-articles-list .top-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .dynamic-articles-list .top-row .box .page-promo figure {
            overflow: hidden;
            background-color: transparent;
            min-height: 0;
            max-height: none;
            max-width: none;
            position: static
        }

        .dynamic-articles-list .top-row .box .page-promo .copy-content {
            margin-top: 3rem
        }

        .dynamic-articles-list .top-row .box + .box {
            border-left: 2rem solid #fff;
            border-bottom: 2rem solid #fff;
            z-index: 1;
            -ms-flex-item-align: end;
            align-self: flex-end;
            transform: translateY(4rem)
        }

            .dynamic-articles-list .top-row .box + .box .page-promo figure {
                max-height: none;
                max-width: none
            }

            .dynamic-articles-list .top-row .box + .box .page-promo .copy-content {
                margin-top: 3rem
            }

        .dynamic-articles-list .bottom-row .content {
            top: auto;
            bottom: 3rem
        }

        .dynamic-articles-list .bottom-row .box {
            -ms-flex-item-align: start;
            align-self: flex-start
        }

            .dynamic-articles-list .bottom-row .box .page-promo {
                width: auto
            }

                .dynamic-articles-list .bottom-row .box .page-promo figure {
                    height: auto;
                    max-height: none
                }

                .dynamic-articles-list .bottom-row .box .page-promo .copy-content {
                    margin-bottom: 3rem;
                    bottom: 0;
                    top: auto
                }

                .dynamic-articles-list .bottom-row .box .page-promo .author-box {
                    bottom: 0
                }

    .dynamic-articles-list .box {
        background-size: cover;
        position: relative;
        margin-bottom: 2rem
    }

    .dynamic-articles-list .list-container {
        margin-top: 4rem;
        padding-left: 3rem;
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: 100%;
        max-width: 32.6%
    }

        .dynamic-articles-list .list-container h2 {
            font-size: 2.1rem;
            margin: .7rem 0 1.5rem
        }

        .dynamic-articles-list .list-container .the-list {
            padding-left: 0;
            margin-bottom: 0
        }

            .dynamic-articles-list .list-container .the-list li {
                border-top: .1rem solid #e7ebed;
                padding: 2.3rem .2rem .35rem;
                list-style: none
            }

                .dynamic-articles-list .list-container .the-list li a h2 {
                    position: relative;
                    top: 0;
                    margin-bottom: 0;
                    transition: background-position .15s,top .15s;
                    text-decoration: none;
                    font-weight: 700;
                    background-size: .1rem .3rem
                }

                    .dynamic-articles-list .list-container .the-list li a h2.underline {
                        background-position: 0 87.1%;
                        background-size: 2px 0;
                        transition: .15s
                    }

                .dynamic-articles-list .list-container .the-list li a:focus, .dynamic-articles-list .list-container .the-list li a:hover {
                    text-decoration: none
                }

                    .dynamic-articles-list .list-container .the-list li a:focus h2, .dynamic-articles-list .list-container .the-list li a:hover h2 {
                        top: -.3rem
                    }

                        .dynamic-articles-list .list-container .the-list li a:focus h2.underline, .dynamic-articles-list .list-container .the-list li a:hover h2.underline {
                            background-position: 0 95.1%;
                            background-size: 2px 3px
                        }

                .dynamic-articles-list .list-container .the-list li a.label-tag:focus, .dynamic-articles-list .list-container .the-list li a.label-tag:hover {
                    color: #1d252d
                }

            .dynamic-articles-list .list-container .the-list footer {
                padding: 1rem 0 2.5rem
            }

            .dynamic-articles-list .list-container .the-list .item-heading {
                margin-top: 0;
                font-size: 2.2rem
            }

            .dynamic-articles-list .list-container .the-list .date {
                font-size: 1.4rem;
                margin-top: 1.2rem;
                line-height: 1;
                float: right;
                color: #1d252d;
                font-weight: 400
            }

    .dynamic-articles-list + .dynamic-article-list .page-promo-heading, .dynamic-articles-list + .dynamic-articles-list .page-promo-heading {
        margin-top: 1.9rem
    }

@media (min-width:780px) and (max-width:1080px) {
    .dynamic-articles-list .list-container {
        padding-right: 3rem
    }
}

@media (min-width:780px) and (max-width:1080px) and (orientation:portrait) {
    .dynamic-articles-list .top-row .box + .box, .dynamic-articles-list .top-row .box + .box .page-promo .copy-content, .dynamic-articles-list .top-row .box .page-promo .copy-content {
        margin-top: 0
    }

    .dynamic-articles-list .bottom-row .box .page-promo .copy-content {
        margin-top: 0;
        top: 0;
        bottom: auto
    }
}

@media (min-width:128px) and (max-width:780px) {
    .dynamic-articles-list {
        padding-top: 4rem;
        padding-bottom: 0
    }

        .dynamic-articles-list .component-heading {
            text-align: left;
            margin-left: 6.5%;
            margin-right: 6.5%
        }

        .dynamic-articles-list .component-cta {
            margin: .8rem 6.5% 1.9rem;
            text-align: left
        }

        .dynamic-articles-list .page-promo.generic-content figure figcaption .copy-content {
            border-bottom: .4rem solid #1a8479
        }

        .dynamic-articles-list .page-promo.generic-content figure img {
            padding-left: 0;
            padding-right: 0
        }

        .dynamic-articles-list .bottom-row, .dynamic-articles-list .top-row {
            display: block
        }

            .dynamic-articles-list .top-row .box .page-promo .author-box {
                position: relative;
                width: 100%
            }

            .dynamic-articles-list .top-row .box + .box {
                border-left: 0;
                border-bottom: 0;
                transform: none
            }

                .dynamic-articles-list .top-row .box + .box .page-promo figure {
                    max-width: none
                }

                .dynamic-articles-list .top-row .box + .box .page-promo .author-box {
                    position: relative
                }

            .dynamic-articles-list .bottom-row .content {
                bottom: auto
            }

            .dynamic-articles-list .bottom-row .box .page-promo .copy-content {
                margin-bottom: 0
            }

            .dynamic-articles-list .bottom-row .box .page-promo .author-box {
                position: relative;
                width: 100%
            }

        .dynamic-articles-list .list-container {
            padding-left: 0;
            margin-top: 0;
            max-width: none;
            margin: 0 6.5%;
            width: auto
        }

            .dynamic-articles-list .list-container h2 {
                margin-top: 0
            }
}

.dynamic-article-list {
    padding-bottom: 5rem;
    max-width: 108.4rem;
    margin-left: auto;
    margin-right: auto
}

    .dynamic-article-list .page-promo-heading {
        margin-top: 6.5rem;
        text-align: center;
        margin-bottom: .9rem;
        min-height: 6.6rem
    }

        .dynamic-article-list .page-promo-heading p {
            width: 66.6666%;
            display: inline-block;
            font-size: 2rem
        }

    .dynamic-article-list .component-cta {
        text-align: center;
        position: relative;
        top: 1.9rem;
        padding-top: 1.9rem;
        margin-top: 1.9rem;
        margin-bottom: 1.9rem
    }

    .dynamic-article-list + .dynamic-article-list .page-promo-heading, .dynamic-article-list + .dynamic-articles-list .page-promo-heading {
        margin-top: 1.9rem
    }

.carousel-slides.no-carousel .slick-dots {
    display: none
}

.carousel-slides.no-carousel .slick-list {
    padding-right: 0
}

.carousel-slides.dynamic-article {
    margin-left: -1rem;
    margin-right: -1rem
}

    .carousel-slides.dynamic-article.slick-initialized .slick-slide {
        margin-left: 1rem;
        margin-right: 1rem
    }

.carousel-slides .slick-list {
    padding: 0 15% 0 0
}

.carousel-slides .slick-dots {
    bottom: -3.2rem
}

    .carousel-slides .slick-dots li {
        width: 1rem;
        height: 1rem;
        margin-right: .7rem
    }

        .carousel-slides .slick-dots li:last-child {
            margin-right: 0
        }

        .carousel-slides .slick-dots li button {
            width: 1.5rem;
            height: 1.5rem;
            margin-left: -.25rem;
            margin-top: -.25rem
        }

            .carousel-slides .slick-dots li button:before {
                content: "";
                width: 1rem;
                height: 1rem;
                font-family: none;
                background-color: #e1e6e9;
                border-radius: 50%;
                opacity: 1
            }

        .carousel-slides .slick-dots li.slick-active button:before {
            background-color: #1a8479
        }

.carousel-slides .slick-next, .carousel-slides .slick-prev {
    width: 5.2rem;
    height: 5.2rem;
    box-shadow: 0 0 .7rem .1rem rgba(0,0,0,.2);
    background-color: #fff;
    background-image: url(/assets/img/components/carousel/arrow-right.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 3rem 2.5rem;
    transition: background-position .2s;
    z-index: 1;
    top: 46%
}

    .carousel-slides .slick-next:focus, .carousel-slides .slick-next:hover, .carousel-slides .slick-prev:focus, .carousel-slides .slick-prev:hover {
        background-color: #fff;
        background-image: url(/assets/img/components/carousel/arrow-right-blue.svg);
        background-size: 3rem 2.5rem;
        background-repeat: no-repeat;
        background-position: 70%
    }

.carousel-slides .slick-next {
    width: 5.2rem;
    height: 5.2rem;
    right: 0;
    transform: translateX(-35%)
}

.carousel-slides .slick-prev {
    left: 0;
    transform: translateX(35%) rotate(180deg)
}

.carousel-slides.first-slide .slick-prev {
    display: none !important
}

.carousel-slides.last-slide .slick-next {
    display: none
}

@media (min-width:128px) and (max-width:780px) {
    .dynamic-article-list {
        padding-bottom: 3rem
    }

        .dynamic-article-list .page-promo-heading {
            margin-top: 4rem;
            margin-left: 6.5%;
            margin-right: 6.5%;
            text-align: left;
            padding-bottom: .2rem
        }

            .dynamic-article-list .page-promo-heading p {
                width: 100%
            }

            .dynamic-article-list .page-promo-heading h2 {
                margin-bottom: 0
            }

        .dynamic-article-list .component-cta {
            top: 0;
            margin-top: .8rem;
            margin-bottom: 0
        }

    .carousel-slides .slick-next, .carousel-slides .slick-prev {
        display: none
    }

    .carousel-slides.no-carousel .slick-dots {
        display: block
    }

    .carousel-slides.dynamic-article {
        margin-left: 0;
        margin-right: 0
    }

        .carousel-slides.dynamic-article.slick-initialized .slick-slide {
            margin-left: 0
        }
}

.page-promo.page-promo-variant-1 {
    margin: 0
}

    .page-promo.page-promo-variant-1 figure {
        overflow: hidden;
        background-color: transparent;
        min-height: 0;
        max-height: none;
        max-width: none;
        position: static
    }

    .page-promo.page-promo-variant-1 figcaption {
        padding: 30px;
        position: relative
    }

        .page-promo.page-promo-variant-1 figcaption .copy-content {
            display: block;
            position: relative;
            min-width: 100%;
            max-width: 100%;
            width: 100%
        }

            .page-promo.page-promo-variant-1 figcaption .copy-content .article-box {
                margin: 0;
                margin-bottom: 15px
            }

                .page-promo.page-promo-variant-1 figcaption .copy-content .article-box .date, .page-promo.page-promo-variant-1 figcaption .copy-content .article-box .label-tag {
                    margin: 0
                }

            .page-promo.page-promo-variant-1 figcaption .copy-content .author-box {
                display: none
            }

                .page-promo.page-promo-variant-1 figcaption .copy-content .author-box a img {
                    margin-right: 0
                }

            .page-promo.page-promo-variant-1 figcaption .copy-content .content-box {
                font-size: 1.6rem;
                font-weight: 300
            }

                .page-promo.page-promo-variant-1 figcaption .copy-content .content-box p {
                    font-size: 1.6rem;
                    display: block
                }

                .page-promo.page-promo-variant-1 figcaption .copy-content .content-box ol, .page-promo.page-promo-variant-1 figcaption .copy-content .content-box ol li, .page-promo.page-promo-variant-1 figcaption .copy-content .content-box ul, .page-promo.page-promo-variant-1 figcaption .copy-content .content-box ul li {
                    font-size: 1.6rem
                }

                .page-promo.page-promo-variant-1 figcaption .copy-content .content-box p:first-child {
                    margin-top: 15px
                }

            .page-promo.page-promo-variant-1 figcaption .copy-content .read-more {
                font-size: 16px;
                margin-bottom: 15px
            }

    .page-promo.page-promo-variant-1 .copy-content {
        margin-top: 0;
        padding: 0
    }

    .page-promo.page-promo-variant-1 picture img {
        position: static
    }

.dynamic-articles-list-variant-1 {
    max-width: 1140px;
    padding-top: 6.5rem;
    padding-bottom: 3.2rem;
    margin-left: auto;
    margin-right: auto
}

    .dynamic-articles-list-variant-1 .h1 {
        font-weight: 400
    }

    .dynamic-articles-list-variant-1 .component-heading {
        text-align: center;
        margin-bottom: 4.3rem
    }

    .dynamic-articles-list-variant-1 .component-cta {
        text-align: center;
        margin-top: 1.9rem;
        margin-bottom: 1.9rem
    }

    .dynamic-articles-list-variant-1 .bottom-row, .dynamic-articles-list-variant-1 .top-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .dynamic-articles-list-variant-1 .box {
        background-size: cover;
        border: 1px solid #e0e6e9;
        display: inline-block;
        overflow: hidden;
        position: relative;
        width: 33%;
        width: calc(33.3333% - 22px);
        margin: 10px
    }

@media (min-width:1025px) {
    .dynamic-articles-list-variant-1 .box:first-child {
        border: none;
        margin: 10px 12px 10px 10px;
        width: calc(66.66666% - 25px);
        min-height: 412px
    }

        .dynamic-articles-list-variant-1 .box:first-child .page-promo figure .component.picturefill + figcaption .copy-content .content-box p {
            display: block
        }

        .dynamic-articles-list-variant-1 .box:first-child figcaption {
            border: 1px solid #e0e6e9;
            padding: 0;
            width: calc(50% - 15px)
        }

        .dynamic-articles-list-variant-1 .box:first-child .copy-content {
            padding: 30px
        }

        .dynamic-articles-list-variant-1 .box:first-child .component.picturefill {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

            .dynamic-articles-list-variant-1 .box:first-child .component.picturefill picture {
                position: absolute;
                height: 100%;
                width: 100%;
                top: 50%;
                transform: translateY(-50%)
            }

                .dynamic-articles-list-variant-1 .box:first-child .component.picturefill picture img {
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                    font-family: "object-fit: cover;";
                    position: relative
                }

    .dynamic-articles-list-variant-1.is-full-width .box:first-child {
        border: none;
        margin: 10px 18px 10px 10px;
        width: 100%
    }

        .dynamic-articles-list-variant-1.is-full-width .box:first-child .page-promo figure .component.picturefill + figcaption .copy-content .content-box p {
            display: block
        }

        .dynamic-articles-list-variant-1.is-full-width .box:first-child figure {
            position: relative
        }

        .dynamic-articles-list-variant-1.is-full-width .box:first-child figcaption {
            border: 1px solid #e0e6e9;
            padding: 0;
            width: calc(33.33333% - 15px);
            min-height: 365px
        }
}

@media (min-width:1025px) and (min-width:1280px) {
    .dynamic-articles-list-variant-1.is-full-width .box:first-child figcaption {
        min-height: 425px
    }
}

@media (min-width:1025px) {
    .dynamic-articles-list-variant-1.is-full-width .box:first-child .copy-content {
        padding: 30px
    }

    .dynamic-articles-list-variant-1.is-full-width .box:first-child .component.picturefill {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: calc(33.3333% - 15px)
    }

        .dynamic-articles-list-variant-1.is-full-width .box:first-child .component.picturefill picture {
            position: absolute;
            width: 100%;
            top: 50%;
            transform: translateY(-50%)
        }
}

@media (min-width:780px) and (max-width:1080px) {
    .page-promo-variant-1 .copy-content {
        margin-top: 0;
        top: 0;
        bottom: auto
    }

    .dynamic-articles-list-variant-1 {
        margin: 0 15px
    }

        .dynamic-articles-list-variant-1 .bottom-row, .dynamic-articles-list-variant-1 .top-row {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .dynamic-articles-list-variant-1 .box {
            width: calc(50% - 22px)
        }
}

@media (min-width:128px) and (max-width:780px) {
    .page-promo-variant-1.generic-content figure figcaption {
        margin: 0
    }

    .page-promo-variant-1.generic-content figure img {
        padding-left: 0;
        padding-right: 0
    }

    .page-promo-variant-1 .author-box {
        display: none;
        position: relative;
        width: 100%
    }

    .dynamic-articles-list-variant-1 {
        margin: 0;
        padding-top: 4rem;
        padding-bottom: 0
    }

        .dynamic-articles-list-variant-1 .bottom-row, .dynamic-articles-list-variant-1 .top-row {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .dynamic-articles-list-variant-1 .component-heading {
            text-align: left;
            margin-left: 6.5%;
            margin-right: 6.5%
        }

        .dynamic-articles-list-variant-1 .component-cta {
            margin: .8rem 6.5% 1.9rem;
            text-align: left
        }

        .dynamic-articles-list-variant-1 .bottom-row, .dynamic-articles-list-variant-1 .top-row {
            display: block
        }

        .dynamic-articles-list-variant-1 .box {
            width: calc(100% - 22px)
        }
}

.dynamic-projects {
    padding-top: 6.5rem;
    padding-bottom: 5rem;
    background-color: #f1f4f7
}

    .dynamic-projects .page-promo-heading {
        max-width: 110.4rem;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-bottom: .9rem
    }

        .dynamic-projects .page-promo-heading p {
            width: 66.6666%;
            display: inline-block;
            font-size: 2rem
        }

            .dynamic-projects .page-promo-heading p.section {
                font-size: 1.4rem;
                text-transform: uppercase;
                letter-spacing: .17rem;
                margin-bottom: 2rem
            }

        .dynamic-projects .page-promo-heading h2 {
            margin-bottom: 2.1rem
        }

    .dynamic-projects .row .pane {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .dynamic-projects .picturefill {
        display: block;
        float: left;
        width: 18.5rem
    }

    .dynamic-projects .partner {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 68rem
    }

        .dynamic-projects .partner .text-container {
            display: block;
            margin-left: 19.3rem;
            padding: .5rem 2rem
        }

            .dynamic-projects .partner .text-container h3 {
                position: relative;
                top: 0;
                margin-bottom: 0;
                transition: background-position .1s cubic-bezier(.215,.61,.355,1),top .1s cubic-bezier(.215,.61,.355,1);
                text-decoration: none;
                font-weight: 700
            }

                .dynamic-projects .partner .text-container h3.underline {
                    background-position: 0 113%;
                    background-size: .1rem .3rem
                }

                .dynamic-projects .partner .text-container h3 + * {
                    margin-top: 0
                }

        .dynamic-projects .partner:active, .dynamic-projects .partner:focus, .dynamic-projects .partner:hover {
            text-decoration: none
        }

            .dynamic-projects .partner:active .text-container h3, .dynamic-projects .partner:focus .text-container h3, .dynamic-projects .partner:hover .text-container h3 {
                top: -.3rem
            }

                .dynamic-projects .partner:active .text-container h3.underline, .dynamic-projects .partner:focus .text-container h3.underline, .dynamic-projects .partner:hover .text-container h3.underline {
                    background-position: 0 97%
                }

            .dynamic-projects .partner:active .text-container p, .dynamic-projects .partner:focus .text-container p, .dynamic-projects .partner:hover .text-container p {
                text-decoration: none
            }

    .dynamic-projects .see-more {
        text-align: center;
        margin-top: 1.9rem;
        margin-bottom: 1.9rem
    }

@media (min-width:128px) and (max-width:780px) {
    .dynamic-projects {
        padding-top: 4rem;
        padding-bottom: 0
    }

        .dynamic-projects .page-promo-heading {
            text-align: left;
            margin-left: 6.5%;
            margin-right: 6.5%;
            padding-bottom: .2rem
        }

            .dynamic-projects .page-promo-heading p {
                width: 100%
            }

                .dynamic-projects .page-promo-heading p.section {
                    margin-bottom: 1rem
                }

            .dynamic-projects .page-promo-heading h2 {
                margin-bottom: 1.2rem
            }

        .dynamic-projects .row .pane {
            display: block
        }

        .dynamic-projects .picturefill {
            float: none;
            width: 100%
        }

        .dynamic-projects .partner {
            -ms-flex: none;
            flex: none
        }

            .dynamic-projects .partner .text-container {
                margin-left: 0;
                padding: 1.1rem 0 0;
                width: 100%
            }

                .dynamic-projects .partner .text-container p {
                    margin-bottom: 1.9rem
                }

        .dynamic-projects .see-more {
            margin-top: .8rem;
            margin-left: 6.5%;
            margin-right: 6.5%;
            text-align: left
        }
}

.dynamic-events-list {
    padding-top: 6.5rem;
    padding-bottom: 5rem;
    background-color: #f1f4f7;
    text-align: center
}

    .dynamic-events-list .page-promo-heading {
        text-align: center;
        margin-bottom: .9rem
    }

        .dynamic-events-list .page-promo-heading h2 {
            margin-bottom: 1.7rem
        }

        .dynamic-events-list .page-promo-heading h3 {
            margin-bottom: 4.9rem
        }

    .dynamic-events-list .event-information {
        margin: .6rem auto 0;
        background-color: #fff;
        width: 17.5rem
    }

        .dynamic-events-list .event-information h3 {
            font-weight: 700;
            color: #fff;
            background-color: #1a8479;
            padding: .8rem .8rem .7rem;
            margin-bottom: 0
        }

        .dynamic-events-list .event-information .month {
            font-size: 6.6rem;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            font-weight: 700;
            text-align: center;
            color: #e1e6e9;
            border: .1rem solid #e1e6e9;
            padding: .4rem 0 1.8rem;
            margin-bottom: 2.4rem
        }

    .dynamic-events-list a {
        text-decoration: none
    }

        .dynamic-events-list a .text-container {
            display: block;
            margin-bottom: 1.1rem
        }

            .dynamic-events-list a .text-container h3 {
                line-height: 1.29167;
                font-size: 2.4rem;
                margin-bottom: .5rem;
                background-position: 0 3.2rem;
                transition: background-position .1s cubic-bezier(.215,.61,.355,1),top .1s cubic-bezier(.215,.61,.355,1)
            }

        .dynamic-events-list a:focus .text-container h3, .dynamic-events-list a:hover .text-container h3 {
            background-position: 0 2.8rem;
            top: -.3rem
        }

    .dynamic-events-list .see-more {
        text-align: center;
        margin-top: 1.9rem;
        margin-bottom: 1.9rem
    }

@media (min-width:128px) and (max-width:780px) {
    .dynamic-events-list {
        padding-top: 4rem;
        padding-bottom: 0;
        text-align: left
    }

        .dynamic-events-list .page-promo-heading {
            text-align: left
        }

            .dynamic-events-list .page-promo-heading h2 {
                margin-bottom: 1rem
            }

            .dynamic-events-list .page-promo-heading h3 {
                margin-bottom: 3.7rem
            }

        .dynamic-events-list .event-information {
            margin: 2rem 50% 0 0
        }

            .dynamic-events-list .event-information h3 {
                text-align: center
            }

            .dynamic-events-list .event-information .month {
                padding-top: 1rem;
                margin-bottom: 1.4rem
            }

        .dynamic-events-list a .text-container {
            margin-bottom: 1.7rem
        }

            .dynamic-events-list a .text-container h3 {
                font-size: 2.1rem;
                line-height: 2.6rem
            }

        .dynamic-events-list .see-more {
            margin-top: .8rem;
            text-align: left
        }
}

.dynamic-training-list {
    padding-top: 6.5rem;
    padding-bottom: 9rem;
    background-color: #f1f4f7;
    text-align: center
}

    .dynamic-training-list .page-promo-heading {
        padding-bottom: 1rem
    }

        .dynamic-training-list .page-promo-heading h2 {
            margin-bottom: 2.1rem
        }

        .dynamic-training-list .page-promo-heading p {
            width: 66.6666%;
            display: inline-block;
            font-size: 2rem
        }

    .dynamic-training-list .training-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-bottom: 1rem
    }

        .dynamic-training-list .training-list .date {
            width: 25%;
            float: left;
            background: #1a8479;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 2.3rem 2rem 2.4rem
        }

            .dynamic-training-list .training-list .date h3 {
                color: #fff;
                margin-bottom: 0;
                -ms-flex-item-align: center;
                align-self: center;
                font-weight: 700
            }

        .dynamic-training-list .training-list .training-border {
            width: 75%;
            float: left;
            background: #fff;
            border: .1rem solid #e1e6e9;
            border-left: 0;
            display: -ms-flexbox;
            display: flex
        }

            .dynamic-training-list .training-list .training-border .event {
                width: 66%;
                float: left;
                padding: 2.3rem 2.3rem 2.4rem
            }

                .dynamic-training-list .training-list .training-border .event h3 {
                    font-size: 2.3rem;
                    margin-bottom: 0;
                    text-align: left
                }

            .dynamic-training-list .training-list .training-border .cta-button {
                width: 33%;
                float: left;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: end;
                justify-content: flex-end;
                margin-right: 3rem
            }

                .dynamic-training-list .training-list .training-border .cta-button .button {
                    min-width: 20rem;
                    float: right;
                    -ms-flex-item-align: center;
                    align-self: center
                }

    .dynamic-training-list.dynamic-training-list-alt {
        background: transparent
    }

        .dynamic-training-list.dynamic-training-list-alt [data-push-left*=off-3] {
            margin-left: 25%
        }

        .dynamic-training-list.dynamic-training-list-alt .reusable-listing-blocks {
            display: none
        }

        .dynamic-training-list.dynamic-training-list-alt .training-listing-items {
            opacity: 0
        }

            .dynamic-training-list.dynamic-training-list-alt .training-listing-items.show {
                opacity: 1
            }

        .dynamic-training-list.dynamic-training-list-alt .delivery-methods h3, .dynamic-training-list.dynamic-training-list-alt .delivery-methods p {
            text-align: left
        }

        .dynamic-training-list.dynamic-training-list-alt .delivery-methods p {
            font-size: 2rem;
            line-height: 1.6
        }

            .dynamic-training-list.dynamic-training-list-alt .delivery-methods p a {
                background-position: 0 2.2rem
            }

        .dynamic-training-list.dynamic-training-list-alt .delivery-methods .delivery-methods-detail {
            padding: 4rem 0
        }

            .dynamic-training-list.dynamic-training-list-alt .delivery-methods .delivery-methods-detail .pane p {
                font-size: 2rem
            }

        .dynamic-training-list.dynamic-training-list-alt .delivery-methods .page-promo-heading {
            margin-bottom: 1.5rem
        }

        .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event {
            position: relative;
            width: 80%
        }

            .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event .event-details {
                padding-top: 2rem
            }

                .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event .event-details ul {
                    text-align: left
                }

                    .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event .event-details ul li {
                        display: inline-block;
                        font-size: 1.6rem;
                        line-height: 2;
                        margin-right: 20px
                    }

                        .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event .event-details ul li.availability {
                            background-image: url(/assets/img/svg/people.svg);
                            background-position: 0;
                            background-repeat: no-repeat;
                            background-size: 16px 16px;
                            padding-left: 25px
                        }

                        .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event .event-details ul li.guaranteed {
                            background-image: url(/assets/img/svg/tick-blue.svg);
                            background-position: 0;
                            background-repeat: no-repeat;
                            background-size: 16px 15px;
                            padding-left: 25px
                        }

            .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event .course-promotion-right {
                position: absolute;
                right: 20px;
                top: -1px
            }

                .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event .course-promotion-right .course-promotion-item {
                    -ms-flex-align: center;
                    align-items: center;
                    background: #f1f4f7;
                    color: #fff;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    font-family: Calmetta,Arial,Verdana,sans-serif;
                    font-size: 1.2rem;
                    font-weight: 700;
                    height: 54px;
                    -ms-flex-pack: center;
                    justify-content: center;
                    line-height: 1.2;
                    margin-left: 5px;
                    padding-left: 7px;
                    padding-right: 7px;
                    position: relative;
                    text-align: center;
                    text-transform: uppercase;
                    vertical-align: top;
                    width: 60px
                }

                    .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event .course-promotion-right .course-promotion-item:after {
                        border-left: 30px solid transparent;
                        border-right: 30px solid transparent;
                        border-top: 17px solid #f1f4f7;
                        bottom: -17px;
                        left: 0;
                        content: "";
                        position: absolute
                    }

                    .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event .course-promotion-right .course-promotion-item.promotion-discount {
                        background: #64a70b;
                        padding-top: 8px
                    }

                        .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event .course-promotion-right .course-promotion-item.promotion-discount:after {
                            border-top-color: #64a70b
                        }

            .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event.promos {
                padding-left: 2rem;
                padding-right: 2rem
            }

                .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event.promos h3 {
                    padding-right: 8rem
                }

                .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event.promos h3, .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event.promos ul {
                    text-align: left
                }

        .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .button {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 1.3rem 1.8rem 1.4rem;
            text-align: center;
            white-space: normal;
            width: 100%
        }

            .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .button.external span:not(.cta-text) {
                background-image: url(/assets/img/svg/external-blue.svg);
                background-size: 16px 16px;
                height: 16px;
                position: absolute;
                right: 10px;
                top: 10px;
                width: 16px
            }

            .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .button:focus span:not(.cta-text), .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .button:hover span:not(.cta-text) {
                background-image: url(/assets/img/svg/external-white.svg);
                background-repeat: no-repeat
            }

@media (min-width:780px) and (max-width:1080px) and (orientation:portrait) {
    .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event .event-details ul li {
        display: block
    }
}

@media (min-width:128px) and (max-width:780px) {
    .dynamic-training-list {
        padding-top: 4rem;
        padding-bottom: 3rem;
        text-align: left
    }

        .dynamic-training-list .page-promo-heading {
            padding-bottom: .1rem
        }

            .dynamic-training-list .page-promo-heading h2 {
                margin-bottom: 1rem
            }

            .dynamic-training-list .page-promo-heading p {
                width: 100%
            }

        .dynamic-training-list .training-list {
            display: block;
            text-align: center;
            margin-bottom: 0
        }

            .dynamic-training-list .training-list .date {
                width: 100%;
                float: none;
                padding: 1.5rem 2.3rem
            }

            .dynamic-training-list .training-list .training-border {
                width: 100%;
                border-left: .1rem solid #e1e6e9;
                display: block;
                margin-bottom: 3rem
            }

                .dynamic-training-list .training-list .training-border .event {
                    width: 100%;
                    float: none;
                    padding: 1.3rem 3.8rem .1rem
                }

                    .dynamic-training-list .training-list .training-border .event h3 {
                        text-align: center
                    }

                .dynamic-training-list .training-list .training-border .cta-button {
                    width: 100%;
                    float: none;
                    padding: 1.3rem 2rem 1.9rem
                }

                    .dynamic-training-list .training-list .training-border .cta-button .button {
                        min-width: 0;
                        float: none;
                        width: 100%
                    }

        .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event {
            width: 100%
        }

            .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event .event-details ul li {
                display: inline-block;
                margin-right: 10px
            }

            .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event:not(.promos) ul {
                text-align: center
            }

                .dynamic-training-list.dynamic-training-list-alt .training-list .training-border .event:not(.promos) ul li {
                    margin: 0 5px
                }

        .dynamic-training-list.dynamic-training-list-alt [data-push-left*=off-3] {
            margin-left: 0
        }

        .dynamic-training-list.dynamic-training-list-alt .delivery-methods .page-promo-heading h2 {
            font-weight: 700;
            text-align: center
        }

        .dynamic-training-list.dynamic-training-list-alt .delivery-methods .delivery-methods-detail {
            padding: 3rem 0
        }

            .dynamic-training-list.dynamic-training-list-alt .delivery-methods .delivery-methods-detail .pane {
                padding: 0
            }
}

.delivery-methods h3, .delivery-methods p {
    text-align: left
}

.delivery-methods p {
    font-size: 2rem;
    line-height: 1.6
}

    .delivery-methods p a {
        background-position: 0 2.2rem
    }

.delivery-methods .delivery-methods-detail {
    padding: 4rem 0
}

    .delivery-methods .delivery-methods-detail .pane p {
        font-size: 2rem
    }

.dynamic-service-list {
    position: relative
}

    .dynamic-service-list.styled-tabs {
        padding-top: 6.5rem;
        padding-bottom: 5rem
    }

    .dynamic-service-list .page-promo-heading {
        text-align: center;
        margin-bottom: .9rem
    }

        .dynamic-service-list .page-promo-heading p {
            width: 50%;
            display: inline-block;
            font-size: 2rem
        }

@media (min-width:128px) and (max-width:780px) {
    .dynamic-service-list.styled-tabs {
        padding-top: 4rem;
        padding-bottom: 0
    }

    .dynamic-service-list .page-promo-heading {
        text-align: left;
        padding: 0 6.5% .2rem
    }

        .dynamic-service-list .page-promo-heading p {
            width: 100%
        }

        .dynamic-service-list .page-promo-heading h2 {
            margin-bottom: 0
        }
}

.list-of-links {
    background-color: #1a8479;
    padding: 5.4rem 2rem 2.9rem;
    min-height: 53rem
}

    .list-of-links .text-container h2 {
        padding-right: 10%;
        color: #fff;
        margin-bottom: 2.2rem
    }

    .list-of-links .text-container p {
        line-height: 1.3;
        font-size: 2rem;
        padding-right: 29%;
        color: #fff
    }

    .list-of-links h3 {
        font-size: 1.4rem;
        text-transform: uppercase;
        letter-spacing: .17rem;
        padding-bottom: 1.6rem;
        margin: 1.3rem 0 0;
        color: #fff;
        font-family: Source Sans Pro,Arial,sans-serif;
        font-weight: 400;
        border-bottom: .1rem solid #e1e6e9
    }

    .list-of-links ul li {
        border-bottom: .1rem solid #e1e6e9;
        padding: 1.8rem 0 1.5rem
    }

        .list-of-links ul li:last-child {
            border-bottom: 0
        }

    .list-of-links .cta, .list-of-links .cta-multi {
        color: #fff
    }

        .list-of-links .cta-multi:focus .cta-multi-text, .list-of-links .cta-multi:hover .cta-multi-text, .list-of-links .cta:focus .cta-multi-text, .list-of-links .cta:hover .cta-multi-text {
            color: #fff;
            background-image: linear-gradient(90deg,#fff 0,#fff)
        }

        .list-of-links .cta-multi:focus .cta-text, .list-of-links .cta-multi:hover .cta-text, .list-of-links .cta:focus .cta-text, .list-of-links .cta:hover .cta-text {
            color: #fff
        }

        .list-of-links .cta-multi .icon-arrow-right, .list-of-links .cta .icon-arrow-right {
            width: 1.7rem;
            height: 1.6rem
        }

            .list-of-links .cta-multi .icon-arrow-right path, .list-of-links .cta-multi .icon-download path, .list-of-links .cta-multi .icon-tick path, .list-of-links .cta .icon-arrow-right path, .list-of-links .cta .icon-download path, .list-of-links .cta .icon-tick path {
                stroke: #fff
            }

        .list-of-links .cta-multi .icon-download, .list-of-links .cta-multi .icon-external, .list-of-links .cta-multi .icon-tick, .list-of-links .cta .icon-download, .list-of-links .cta .icon-external, .list-of-links .cta .icon-tick {
            display: block;
            width: 1.7rem;
            height: 1.6rem;
            position: absolute;
            left: -2.1rem;
            /*@replace: 0.3rem*/ top: .2rem
        }

        .list-of-links .cta-multi .icon-external, .list-of-links .cta .icon-external {
            width: 1.5rem;
            height: 1.5rem
        }

            .list-of-links .cta-multi .icon-external .arrow, .list-of-links .cta .icon-external .arrow {
                stroke: #fff
            }

            .list-of-links .cta-multi .icon-external .box-outline, .list-of-links .cta .icon-external .box-outline {
                fill: #fff
            }

        .list-of-links .cta-multi .icon-arrow-right {
            left: -1.2rem;
            top: .7rem
        }

    .list-of-links.grey-bg {
        background-color: #f1f4f7
    }

        .list-of-links.grey-bg .text-container h2, .list-of-links.grey-bg .text-container p {
            color: #1d252d
        }

        .list-of-links.grey-bg h3 {
            color: #1d252d
        }

        .list-of-links.grey-bg h3, .list-of-links.grey-bg ul li {
            border-bottom-color: #e1e6e9
        }

        .list-of-links.grey-bg .cta, .list-of-links.grey-bg .cta-multi {
            color: #1d252d
        }

            .list-of-links.grey-bg .cta-multi:focus .cta-multi-text, .list-of-links.grey-bg .cta-multi:hover .cta-multi-text, .list-of-links.grey-bg .cta:focus .cta-multi-text, .list-of-links.grey-bg .cta:hover .cta-multi-text {
                color: #1d252d;
                background-image: linear-gradient(90deg,#1a8479 0,#1a8479)
            }

            .list-of-links.grey-bg .cta-multi:focus .cta-text, .list-of-links.grey-bg .cta-multi:hover .cta-text, .list-of-links.grey-bg .cta:focus .cta-text, .list-of-links.grey-bg .cta:hover .cta-text {
                color: #1d252d
            }

            .list-of-links.grey-bg .cta-multi .icon-arrow-right path, .list-of-links.grey-bg .cta-multi .icon-download path, .list-of-links.grey-bg .cta-multi .icon-external .arrow, .list-of-links.grey-bg .cta-multi .icon-tick path, .list-of-links.grey-bg .cta .icon-arrow-right path, .list-of-links.grey-bg .cta .icon-download path, .list-of-links.grey-bg .cta .icon-external .arrow, .list-of-links.grey-bg .cta .icon-tick path {
                stroke: #1a8479
            }

            .list-of-links.grey-bg .cta-multi .icon-external .box-outline, .list-of-links.grey-bg .cta .icon-external .box-outline {
                fill: #1a8479
            }

@media (min-width:128px) and (max-width:780px) {
    .list-of-links {
        padding: 3.2rem 0 1.4rem;
        min-height: 0
    }

        .list-of-links .text-container h2, .list-of-links .text-container p {
            padding-right: 0
        }
}

.list-of-links-variant-1 {
    background: #f1f4f7;
    padding: 5rem 2rem;
    min-height: 0
}

    .list-of-links-variant-1.show-border {
        border-bottom: 1px solid #1a8479
    }

    .list-of-links-variant-1 .text-container h2 {
        padding-right: 10%;
        margin-bottom: 2.2rem
    }

    .list-of-links-variant-1 .text-container p {
        line-height: 1.3;
        font-size: 2rem;
        padding-right: 29%
    }

    .list-of-links-variant-1 h3 {
        font-size: 1.4rem;
        text-transform: uppercase;
        letter-spacing: .17rem;
        padding-bottom: 1.6rem;
        margin: 1.3rem 0 0;
        font-family: Source Sans Pro,Arial,sans-serif;
        font-weight: 400
    }

    .list-of-links-variant-1 ul li {
        padding: 1rem 0
    }

        .list-of-links-variant-1 ul li:last-child {
            border-bottom: 0
        }

    .list-of-links-variant-1 .cta, .list-of-links-variant-1 .cta-multi {
        margin: 0
    }

        .list-of-links-variant-1 .cta-multi .icon-arrow-right, .list-of-links-variant-1 .cta .icon-arrow-right {
            display: none
        }

@media (min-width:128px) and (max-width:780px) {
    .list-of-links-variant-1 {
        border-bottom: none;
        padding: 1rem 0;
        min-height: 0
    }

        .list-of-links-variant-1.show-border {
            border-bottom: none
        }

        .list-of-links-variant-1 .text-container h2, .list-of-links-variant-1 .text-container p {
            padding-right: 0
        }

        .list-of-links-variant-1 .pane {
            margin-top: 40px
        }

            .list-of-links-variant-1 .pane:first-child {
                margin-top: 0
            }
}

.styled-tabs {
    padding-top: 5rem
}

    .styled-tabs .slide-left-arrow, .styled-tabs .slide-right-arrow {
        display: none
    }

    .styled-tabs .nav-tabs {
        display: -ms-flexbox;
        display: flex;
        float: none;
        margin: 0 auto;
        width: auto;
        -ms-flex-pack: center;
        justify-content: center;
        border-bottom: .1rem solid #e1e6e9
    }

        .styled-tabs .nav-tabs li {
            display: -ms-flexbox;
            display: flex;
            text-align: center
        }

            .styled-tabs .nav-tabs li a {
                display: -ms-flexbox;
                display: flex;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-weight: 700;
                font-size: 1.8rem;
                margin-right: 0;
                padding: 1rem 2rem;
                border: 0;
                border-bottom: .4rem solid #e1e6e9;
                border-radius: 0;
                color: #1d252d;
                -ms-flex-align: center;
                align-items: center
            }

                .styled-tabs .nav-tabs li a:focus, .styled-tabs .nav-tabs li a:hover {
                    border-bottom-color: #1a8479;
                    color: #1a8479;
                    text-decoration: none
                }

            .styled-tabs .nav-tabs li.active a {
                color: #1a8479;
                border-bottom: .4rem solid #1a8479;
                border-bottom-color: #1a8479
            }

                .styled-tabs .nav-tabs li.active a:focus, .styled-tabs .nav-tabs li.active a:hover {
                    border: 0;
                    border-bottom: .4rem solid #1a8479
                }

    .styled-tabs .tab-content {
        float: left;
        width: 100%
    }

        .styled-tabs .tab-content .tab-pane {
            display: none;
            width: 100%
        }

            .styled-tabs .tab-content .tab-pane.active {
                display: block;
                padding: 0;
                background-color: #fff
            }

        .styled-tabs .tab-content .dynamic-events-list, .styled-tabs .tab-content .dynamic-training-list {
            background-color: transparent
        }

@media (min-width:128px) and (max-width:780px) {
    .styled-tabs {
        padding-top: 2.5rem;
        width: 100%
    }

        .styled-tabs .slide-left-arrow, .styled-tabs .slide-right-arrow {
            display: none
        }

        .styled-tabs.slide-controls {
            position: relative
        }

            .styled-tabs.slide-controls.slide-left .slide-left-arrow, .styled-tabs.slide-controls.slide-right .slide-right-arrow {
                display: block
            }

            .styled-tabs.slide-controls .label-text {
                position: absolute;
                left: -9999px
            }

            .styled-tabs.slide-controls .slide-left-arrow, .styled-tabs.slide-controls .slide-right-arrow {
                width: 20%;
                height: 6rem;
                position: absolute;
                top: 0;
                border: 0;
                background-color: transparent;
                transform: translateY(-50%);
                z-index: 1
            }

                .styled-tabs.slide-controls .slide-left-arrow .icon-chevron-down, .styled-tabs.slide-controls .slide-right-arrow .icon-chevron-down {
                    display: block;
                    width: 1.3rem;
                    height: 1.3rem;
                    position: absolute;
                    top: 50%
                }

            .styled-tabs.slide-controls .slide-left-arrow {
                left: 0;
                background-image: linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0))
            }

                .styled-tabs.slide-controls .slide-left-arrow .icon-chevron-down {
                    left: 1rem;
                    transform: translateY(-50%) rotate(90deg)
                }

            .styled-tabs.slide-controls .slide-right-arrow {
                right: 0;
                background-image: linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0))
            }

                .styled-tabs.slide-controls .slide-right-arrow .icon-chevron-down {
                    right: 1rem;
                    transform: translateY(-50%) rotate(-90deg)
                }

            .styled-tabs.slide-controls .nav-tabs li {
                -ms-flex-positive: 0;
                flex-grow: 0;
                min-width: 35vw
            }

        .styled-tabs .nav-tabs {
            width: 100%;
            float: none;
            padding: 0 6.5%;
            -ms-flex-pack: start;
            justify-content: flex-start;
            overflow-y: hidden;
            -moz-scrollbars-horizontal: hidden;
            -webkit-overflow-scrolling: touch
        }

            .styled-tabs .nav-tabs::-moz-scrollbars-none {
                display: none
            }

            .styled-tabs .nav-tabs::-webkit-scrollbar {
                display: none
            }

            .styled-tabs .nav-tabs li {
                -ms-flex-positive: 1;
                flex-grow: 1;
                -ms-flex-preferred-size: 0;
                flex-basis: 0;
                min-width: 15rem
            }

                .styled-tabs .nav-tabs li a {
                    font-size: 1.6rem;
                    padding: 1rem 2rem;
                    width: 100%;
                    line-height: 1.2;
                    -ms-flex-pack: center;
                    justify-content: center;
                    min-height: 6.5rem;
                    text-align: center
                }

        .styled-tabs .tab-content {
            float: none;
            width: 100%;
            max-width: 100vw
        }

            .styled-tabs .tab-content .tab-pane {
                display: none;
                width: 100%
            }

                .styled-tabs .tab-content .tab-pane.active {
                    display: block;
                    padding: 0;
                    background-color: #fff
                }

            .styled-tabs .tab-content .cta-multi {
                font-size: 1.6rem
            }

            .styled-tabs .tab-content > .active {
                display: block
            }

            .styled-tabs .tab-content .vertical-accordion ul {
                padding-bottom: 0
            }

                .styled-tabs .tab-content .vertical-accordion ul li a.toggle-link {
                    display: block
                }

                .styled-tabs .tab-content .vertical-accordion ul .accordion-drop {
                    border-bottom: 0;
                    padding: 1.7rem 6.5% .9rem
                }

                    .styled-tabs .tab-content .vertical-accordion ul .accordion-drop:after, .styled-tabs .tab-content .vertical-accordion ul .accordion-drop:before {
                        content: "";
                        display: table
                    }

                    .styled-tabs .tab-content .vertical-accordion ul .accordion-drop:after {
                        clear: both
                    }

                    .styled-tabs .tab-content .vertical-accordion ul .accordion-drop h2 {
                        display: none
                    }

                    .styled-tabs .tab-content .vertical-accordion ul .accordion-drop ul {
                        width: 100%;
                        float: none;
                        column-count: 1;
                        column-gap: 0
                    }

                        .styled-tabs .tab-content .vertical-accordion ul .accordion-drop ul li {
                            width: 100%;
                            float: none;
                            padding-right: 0;
                            border-bottom: 0;
                            margin-bottom: 2.1rem
                        }
}

.dynamics-news-list {
    text-align: center;
    padding-top: 6.5rem;
    padding-bottom: 1rem
}

    .dynamics-news-list + .page-promo-variant .page-promo-heading {
        padding-top: 4rem
    }

    .dynamics-news-list .page-promo-heading {
        text-align: center;
        margin-bottom: .9rem
    }

        .dynamics-news-list .page-promo-heading h2 {
            margin-bottom: 1.7rem
        }

        .dynamics-news-list .page-promo-heading h3 {
            margin-bottom: 4.9rem
        }

    .dynamics-news-list .news-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 2.3rem
    }

        .dynamics-news-list .news-container > div {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

            .dynamics-news-list .news-container > div:last-child {
                border-right: .1rem solid #e1e6e9
            }

    .dynamics-news-list .news-article {
        padding: 2.4rem 2rem 3rem 2.7rem;
        border-top: .1rem solid #e1e6e9;
        border-bottom: .1rem solid #e1e6e9;
        border-left: .1rem solid #e1e6e9;
        text-align: left;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

        .dynamics-news-list .news-article .h7 {
            margin-bottom: 4.3rem;
            font-size: 1.8rem;
            position: relative;
            top: 0
        }

            .dynamics-news-list .news-article .h7.underline {
                background-position: 0 120%;
                background-image: linear-gradient(90deg,#1a8479 0,#1a8479);
                transition: background-position .15s,background-color .15s,top .15s;
                background-size: .1rem .3rem
            }

        .dynamics-news-list .news-article a {
            height: auto;
            min-height: 2rem;
            text-decoration: none
        }

            .dynamics-news-list .news-article a:focus .h7, .dynamics-news-list .news-article a:hover .h7 {
                top: -.3rem
            }

                .dynamics-news-list .news-article a:focus .h7.underline, .dynamics-news-list .news-article a:hover .h7.underline {
                    background-image: linear-gradient(90deg,#1a8479 0,#1a8479);
                    background-position: 0 100%
                }

            .dynamics-news-list .news-article a.label-tag:focus, .dynamics-news-list .news-article a.label-tag:hover {
                text-decoration: underline
            }

    .dynamics-news-list .further-information {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-item-align: end;
        align-self: flex-end;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 4.3rem
    }

    .dynamics-news-list .label-tag {
        margin-top: 0;
        float: left
    }

    .dynamics-news-list .date {
        font-size: 1.4rem;
        font-weight: 400;
        float: right;
        margin-right: 1.4rem;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .dynamics-news-list .cta {
        font-size: 1.8rem;
        font-weight: 300;
        margin-top: 1.9rem;
        margin-bottom: 1.9rem
    }

@media (min-width:128px) and (max-width:780px) {
    .dynamics-news-list {
        text-align: left;
        padding-top: 4rem;
        padding-bottom: 0
    }

        .dynamics-news-list + .page-promo-variant .page-promo-heading {
            padding-top: 2rem
        }

        .dynamics-news-list .base12 {
            padding-right: 0;
            overflow: hidden
        }

        .dynamics-news-list .page-promo-heading {
            text-align: left
        }

            .dynamics-news-list .page-promo-heading h2 {
                margin-bottom: 1rem
            }

            .dynamics-news-list .page-promo-heading h3 {
                max-width: 85%;
                margin-bottom: 4rem
            }

        .dynamics-news-list .news-container {
            position: relative;
            margin-bottom: 3.1rem
        }

            .dynamics-news-list .news-container > div {
                display: block
            }

            .dynamics-news-list .news-container.ice-slide-right:after {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                width: 5rem;
                height: 100%;
                background-image: linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0))
            }

            .dynamics-news-list .news-container.ice-slide-left:before {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 5rem;
                height: 100%;
                background-image: linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0))
            }

        .dynamics-news-list .news-article {
            padding: 1.8rem 2rem 1.5rem 1.8rem;
            max-width: 82%;
            border-right: .1rem solid #e1e6e9
        }

        .dynamics-news-list .further-information {
            display: block;
            margin-top: 2.1rem
        }

        .dynamics-news-list .label-tag {
            float: none;
            margin-bottom: 1.6rem
        }

        .dynamics-news-list .date {
            float: none
        }

        .dynamics-news-list .cta {
            margin: .8rem 6.5% 1.9rem
        }

        .dynamics-news-list .slick-dots {
            top: -5.9rem;
            bottom: auto;
            left: auto;
            right: 6.5%;
            width: 3.3rem
        }

            .dynamics-news-list .slick-dots li {
                width: .6rem;
                height: .6rem;
                margin-right: 0
            }

                .dynamics-news-list .slick-dots li button {
                    width: .6rem;
                    height: .6rem;
                    padding: 0
                }

                    .dynamics-news-list .slick-dots li button:before {
                        width: .6rem;
                        height: .6rem
                    }

        .dynamics-news-list .slick-track {
            display: -ms-flexbox;
            display: flex
        }

        .dynamics-news-list .slick-slide {
            display: -ms-flexbox !important;
            display: flex !important;
            float: none;
            outline: 0;
            width: 100%;
            height: auto;
            margin-right: -5.4%
        }

            .dynamics-news-list .slick-slide > div {
                width: 100%
            }

            .dynamics-news-list .slick-slide .news-article {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                height: 100%
            }

                .dynamics-news-list .slick-slide .news-article > a {
                    -ms-flex-item-align: start;
                    align-self: flex-start
                }

                .dynamics-news-list .slick-slide .news-article .further-information {
                    -ms-flex-item-align: end;
                    align-self: flex-end
                }
}

.dynamic-resourse-list {
    padding-top: 6.5rem;
    padding-bottom: 5rem;
    background-color: #f1f4f7
}

    .dynamic-resourse-list .h4 {
        margin-bottom: 4.4rem
    }

    .dynamic-resourse-list a:after, .dynamic-resourse-list a:before {
        content: "";
        display: table
    }

    .dynamic-resourse-list a:after {
        clear: both
    }

    .dynamic-resourse-list a .picturefill {
        display: block;
        float: left;
        width: 35%;
        margin-bottom: .7rem
    }

    .dynamic-resourse-list a .text-container {
        display: block;
        margin-left: 35%;
        padding: 0 2rem .5rem 2.1rem;
        width: 64%
    }

        .dynamic-resourse-list a .text-container h3 {
            background-image: linear-gradient(90deg,#f1f4f7 0,#f1f4f7);
            background-position: 0 2.4rem;
            background-repeat: repeat-x;
            background-size: .1rem .3rem;
            display: inline;
            position: relative;
            top: -.4rem;
            transition-duration: .15s;
            font-size: 2rem;
            line-height: 2.4rem
        }

        .dynamic-resourse-list a .text-container p {
            margin: .5rem 0
        }

    .dynamic-resourse-list a:focus, .dynamic-resourse-list a:hover {
        text-decoration: none
    }

        .dynamic-resourse-list a:focus .text-container h3, .dynamic-resourse-list a:hover .text-container h3 {
            background-image: linear-gradient(90deg,#1a8479 0,#1a8479);
            top: -.7rem;
            padding-bottom: .6rem;
            text-decoration: none
        }

        .dynamic-resourse-list a:focus .text-container p, .dynamic-resourse-list a:hover .text-container p {
            text-decoration: none
        }

    .dynamic-resourse-list .see-more {
        display: block;
        margin-top: 3rem;
        margin-bottom: 2rem
    }

        .dynamic-resourse-list .see-more a {
            display: inline-block
        }

@media (min-width:128px) and (max-width:780px) {
    .dynamic-resourse-list {
        padding-top: 4rem;
        padding-bottom: 0
    }

        .dynamic-resourse-list .h4 {
            margin-bottom: 3.4rem
        }

        .dynamic-resourse-list .page-promo-heading {
            text-align: left;
            padding-bottom: .2rem
        }

            .dynamic-resourse-list .page-promo-heading h2 {
                margin-bottom: 0
            }

        .dynamic-resourse-list a .picturefill, .dynamic-resourse-list a section {
            float: none;
            width: 100%
        }

        .dynamic-resourse-list a .text-container {
            margin-left: 0;
            padding: 1.1rem 0 0;
            width: 100%
        }

            .dynamic-resourse-list a .text-container h3 {
                top: 0
            }

            .dynamic-resourse-list a .text-container p {
                margin-bottom: 1.2rem
            }

        .dynamic-resourse-list .see-more {
            margin-top: 1rem;
            margin-bottom: 3rem
        }
}

.event-details {
    padding-top: 6.5rem;
    padding-bottom: 0
}

    .event-details .event-information {
        margin-top: .6rem;
        background-color: #f1f4f7
    }

    .event-details .event-title {
        font-weight: 700;
        color: #fff;
        background-color: #1a8479;
        padding: 1.5rem 3rem;
        margin-bottom: 0
    }

    .event-details .info-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        padding: 2.5rem 3rem 0
    }

        .event-details .info-list li {
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: 50%;
            margin-bottom: 2.7rem;
            padding-right: 3rem
        }

    .event-details .info-heading {
        letter-spacing: .1rem;
        display: block;
        color: #616771;
        text-transform: uppercase;
        font-size: 1.4rem
    }

    .event-details .info-detail {
        color: #1d252d;
        font-size: 1.8rem;
        font-weight: 400
    }

    .event-details + .feature-right, .event-details + .row .video {
        margin-top: 4rem
    }

@media (min-width:128px) and (max-width:780px) {
    .event-details {
        padding-top: 1.4rem;
        padding-bottom: 0;
        position: relative
    }

        .event-details h2.h4 {
            padding-left: 6.5%;
            padding-right: 6.5%;
            margin-bottom: 1.3rem
        }

        .event-details .row .pane {
            padding-left: 0;
            padding-right: 0
        }

        .event-details .event-title {
            padding: 1.3rem 6.5% 1.7rem
        }

        .event-details .info-list {
            padding: 3.4rem 6.5% .4rem
        }

            .event-details .info-list li {
                width: 100%;
                margin-bottom: 1.4rem;
                padding-right: 0
            }
}

.search-result-item .search-item-container {
    position: relative;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    border: .1rem solid #e1e6e9;
    padding: 2.5rem 3rem 3.5rem;
    width: 100%
}

.search-result-item .heading-link {
    display: inline-block;
    margin-bottom: 1rem;
    position: relative;
    padding-right: 2.2rem
}

    .search-result-item .heading-link .underline {
        transition: background-position .1s cubic-bezier(.215,.61,.355,1),top .1s cubic-bezier(.215,.61,.355,1);
        background-position: 0 calc(100% + .3rem);
        background-size: .1rem .3rem
    }

    .search-result-item .heading-link + .search-copy-text {
        margin-top: 1rem
    }

    .search-result-item .heading-link:focus, .search-result-item .heading-link:hover {
        text-decoration: none
    }

        .search-result-item .heading-link:focus .underline, .search-result-item .heading-link:hover .underline {
            top: -.4rem;
            background-position: 0 calc(100% - .1rem)
        }

.search-result-item .search-info {
    margin: 0 0 2.1rem;
    overflow: hidden
}

    .search-result-item .search-info > div {
        font-size: 1.4rem;
        margin-right: .7rem;
        color: #1d252d;
        width: 50%;
        margin: 0
    }

        .search-result-item .search-info > div.date {
            float: left
        }

        .search-result-item .search-info > div.name {
            text-align: left;
            float: right
        }

.search-result-item .search-tags .label-tag.primary {
    background-color: #70378d;
    color: #fff
}

.search-result-item .search-tags .label-tag.secondary {
    background-color: #a4c2e6;
    cursor: default
}

.search-result-item .search-copy-text {
    color: #616771;
    margin-bottom: 1.5rem
}

.search-result-item [class*=icon-]:not(.icon-globe) {
    width: 1.7rem;
    height: 1.6rem;
    display: inline-block;
    margin-right: .3rem;
    position: absolute;
    left: 0;
    top: .7rem
}

    .search-result-item [class*=icon-]:not(.icon-globe) + .underline {
        position: relative;
        left: 2.2rem
    }

.search-result-item .icon-download path, .search-result-item .icon-tick path {
    stroke: #1a8479
}

.search-result-item .icon-arrow-right {
    margin-left: 0
}

    .search-result-item .icon-arrow-right path {
        stroke: #1a8479
    }

.search-result-item .icon-external {
    width: 1.5rem;
    height: 1.5rem
}

    .search-result-item .icon-external .arrow {
        stroke: #1a8479
    }

    .search-result-item .icon-external .box-outline {
        fill: #1a8479
    }

.search-result-item .search-read-more {
    display: block;
    font-size: 16px;
    margin-top: 1.9rem;
    margin-bottom: 1.9rem
}

.search-result-item .search-listing-image {
    margin-bottom: 1.9rem
}

@media (min-width:128px) and (max-width:780px) {
    .search-result-item {
        border-top: .1rem solid #e1e6e9
    }

        .search-result-item .row .pane {
            padding-left: 0;
            padding-right: 0
        }

        .search-result-item .heading-link .underline {
            font-size: 2rem;
            margin-bottom: 1.1rem
        }

        .search-result-item .heading-link:focus .underline, .search-result-item .heading-link:hover .underline {
            background-position: 0 2.4rem
        }

        .search-result-item .search-item-container {
            border: 0;
            padding: 1.5rem 2rem 2rem;
            border-bottom: .1rem solid #e1e6e9
        }

            .search-result-item .search-item-container .search-info {
                margin: 0;
                overflow: visible
            }

                .search-result-item .search-item-container .search-info > div {
                    margin-bottom: 1.2rem;
                    width: 100%;
                    display: block
                }

                    .search-result-item .search-item-container .search-info > div.date {
                        float: none
                    }

                    .search-result-item .search-item-container .search-info > div.name {
                        text-align: left;
                        float: none
                    }

        .search-result-item .search-copy-text {
            margin-bottom: 0
        }

        .search-result-item .search-tags {
            margin-top: .4rem
        }

        .search-result-item .search-item:focus h3, .search-result-item .search-item:hover h3 {
            text-decoration: underline
        }
}

.search-results-listing {
    background-color: #f1f4f7;
    padding-top: 3.4rem
}

.hide-menu .search-results-listing {
    display: none
}

.search-results-listing .search-result-container {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 1.5rem;
    margin-bottom: 2rem;
    display: -ms-flexbox;
    display: flex;
    border-bottom: .1rem solid #e9eef1
}

    .search-results-listing .search-result-container .results-sort {
        font-size: 2rem;
        color: #616771;
        font-weight: 400;
        text-transform: uppercase;
        text-align: left;
        letter-spacing: .2rem;
        padding: 1rem 0;
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%
    }

.search-results-listing.form-default .search-result-container .sortby {
    text-align: right;
    position: relative;
    padding-top: .4rem;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

    .search-results-listing.form-default .search-result-container .sortby .field-select {
        display: inline-block;
        position: relative;
        background-image: none
    }

        .search-results-listing.form-default .search-result-container .sortby .field-select.is-focussed .icon-chevron-down {
            transform: rotate(180deg)
        }

        .search-results-listing.form-default .search-result-container .sortby .field-select select {
            font-family: Calmetta,Arial,Verdana,sans-serif;
            font-weight: 300;
            font-size: 1.8rem;
            border: 0;
            cursor: pointer;
            padding: 1rem 2.6rem 1rem 1rem;
            transition: transform .15s;
            height: 4rem;
            line-height: 1;
            position: relative;
            opacity: 0;
            max-width: 20rem
        }

            .search-results-listing.form-default .search-result-container .sortby .field-select select:focus + span.dropdown-text, .search-results-listing.form-default .search-result-container .sortby .field-select select:hover + span.dropdown-text {
                transform: translate3d(0,-.3rem,0)
            }

                .search-results-listing.form-default .search-result-container .sortby .field-select select:focus + span.dropdown-text:after, .search-results-listing.form-default .search-result-container .sortby .field-select select:hover + span.dropdown-text:after {
                    opacity: 1;
                    transform: translate3d(0,-.2rem,0)
                }

            .search-results-listing.form-default .search-result-container .sortby .field-select select option {
                font-weight: 300
            }

        .search-results-listing.form-default .search-result-container .sortby .field-select .control-label {
            opacity: 0;
            left: -999.9rem;
            position: absolute;
            overflow: hidden
        }

        .search-results-listing.form-default .search-result-container .sortby .field-select span.dropdown-text {
            font-family: Calmetta,Arial,Verdana,sans-serif;
            position: absolute;
            padding: 1rem 2.6rem 1rem 1rem;
            height: 4rem;
            font-weight: 300;
            font-size: 1.8rem;
            margin: auto;
            top: -.2rem;
            left: 0;
            pointer-events: none;
            display: inline-block;
            transform: translateZ(0);
            transition: transform .15s;
            max-width: 20rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

            .search-results-listing.form-default .search-result-container .sortby .field-select span.dropdown-text:after {
                content: "";
                display: block;
                width: 100%;
                height: .1rem;
                background-color: #1a8479;
                opacity: 0;
                transform: translate3d(0,-.4rem,0);
                transition: opacity .15s,transform .15s
            }

        .search-results-listing.form-default .search-result-container .sortby .field-select span.icon-chevron-down {
            width: 1.6rem;
            height: 1rem;
            position: absolute;
            right: 0;
            top: 37%
        }

            .search-results-listing.form-default .search-result-container .sortby .field-select span.icon-chevron-down svg {
                width: 1.6rem;
                height: 1rem
            }

                .search-results-listing.form-default .search-result-container .sortby .field-select span.icon-chevron-down svg path {
                    stroke: #1a8479
                }

@media (min-width:128px) and (max-width:780px) {
    .search-results-listing {
        padding-top: .5rem;
        border-bottom: .2rem solid #e9eef1
    }

        .search-results-listing .search-result-container {
            padding: 0 0 .5rem;
            margin-bottom: 0;
            display: block;
            border-bottom-width: 0
        }

            .search-results-listing .search-result-container .results-sort {
                font-size: 1.9rem;
                color: #616771;
                font-weight: 400;
                text-transform: uppercase;
                text-align: left;
                letter-spacing: .17rem;
                padding: 1rem 0;
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%
            }

        .search-results-listing.form-default .search-result-container .sortby {
            text-align: left;
            position: relative;
            padding-top: 0;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%
        }

            .search-results-listing.form-default .search-result-container .sortby .field-select {
                width: 100%
            }

                .search-results-listing.form-default .search-result-container .sortby .field-select select {
                    width: 100%;
                    padding-left: 0;
                    max-width: 100%
                }

                .search-results-listing.form-default .search-result-container .sortby .field-select span.dropdown-text {
                    padding: 1rem 2.6rem 1rem 0;
                    max-width: 100%
                }
}

.search-results-faceted-search-options {
    display: block
}

    .search-results-faceted-search-options.vertical-accordion {
        width: 100%;
        border-bottom: .1rem solid #e9eef1
    }

        .search-results-faceted-search-options.vertical-accordion.is-open {
            border-bottom-width: .3rem
        }

        .search-results-faceted-search-options.vertical-accordion .accordion {
            padding-top: 0;
            padding-bottom: 0
        }

            .search-results-faceted-search-options.vertical-accordion .accordion > li {
                border-width: 0;
                overflow: visible
            }

                .search-results-faceted-search-options.vertical-accordion .accordion > li:last-child {
                    border-width: 0
                }

                .search-results-faceted-search-options.vertical-accordion .accordion > li > a {
                    padding: 0;
                    font-family: Calmetta,Arial,Verdana,sans-serif;
                    font-size: 1.9rem;
                    font-weight: 700;
                    color: #1d252d;
                    background: #fff;
                    padding-top: 1.55rem;
                    padding-bottom: 1.55rem
                }

                    .search-results-faceted-search-options.vertical-accordion .accordion > li > a.open {
                        background: #fff;
                        color: #1a8479
                    }

                        .search-results-faceted-search-options.vertical-accordion .accordion > li > a.open .badge, .search-results-faceted-search-options.vertical-accordion .accordion > li > a.open .selected-filters {
                            opacity: 0
                        }

                    .search-results-faceted-search-options.vertical-accordion .accordion > li > a:active, .search-results-faceted-search-options.vertical-accordion .accordion > li > a:focus, .search-results-faceted-search-options.vertical-accordion .accordion > li > a:hover {
                        background: #fff
                    }

                    .search-results-faceted-search-options.vertical-accordion .accordion > li > a .row {
                        -ms-flex-align: center;
                        align-items: center;
                        height: 100%;
                        position: relative
                    }

                        .search-results-faceted-search-options.vertical-accordion .accordion > li > a .row .pane {
                            padding: 0
                        }

                    .search-results-faceted-search-options.vertical-accordion .accordion > li .search-results-mob, .search-results-faceted-search-options.vertical-accordion .accordion > li > a .icon-close {
                        display: none
                    }

                .search-results-faceted-search-options.vertical-accordion .accordion > li .icon-chevron-down {
                    pointer-events: none;
                    right: 0
                }

                    .search-results-faceted-search-options.vertical-accordion .accordion > li .icon-chevron-down svg {
                        position: absolute;
                        top: 0
                    }

            .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop {
                background: #fff;
                display: none
            }

    .search-results-faceted-search-options .form-default {
        padding-bottom: 3rem
    }

        .search-results-faceted-search-options .form-default .row {
            -ms-flex-pack: center;
            justify-content: center;
            position: relative
        }

            .search-results-faceted-search-options .form-default .row.hide-other-panes + .search-result-cta, .search-results-faceted-search-options .form-default .row.hide-other-panes .dropdown-btn, .search-results-faceted-search-options .form-default .row.hide-other-panes .pane {
                display: none
            }

                .search-results-faceted-search-options .form-default .row.hide-other-panes .pane.show {
                    display: block
                }

                    .search-results-faceted-search-options .form-default .row.hide-other-panes .pane.show .tablist {
                        display: none
                    }

        .search-results-faceted-search-options .form-default .fields-checkbox-radio {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            padding: 1.6rem 0
        }

            .search-results-faceted-search-options .form-default .fields-checkbox-radio > .label-radio {
                font-size: 2rem;
                text-transform: uppercase;
                color: #616771;
                font-weight: 400;
                display: inline-block;
                float: left;
                padding: 0;
                letter-spacing: .2rem
            }

            .search-results-faceted-search-options .form-default .fields-checkbox-radio .inline-filter {
                margin-right: 3.2rem;
                display: inline-block;
                float: left;
                padding: 3.3px 0;
                position: relative
            }

                .search-results-faceted-search-options .form-default .fields-checkbox-radio .inline-filter:first-of-type {
                    margin-left: 2.9rem
                }

                .search-results-faceted-search-options .form-default .fields-checkbox-radio .inline-filter .radio-item:focus + label:before {
                    border-color: #70378d;
                    outline: .1rem dotted #1d252d
                }

                .search-results-faceted-search-options .form-default .fields-checkbox-radio .inline-filter .radio-item:checked + label {
                    font-weight: 700;
                    color: #1d252d
                }

                    .search-results-faceted-search-options .form-default .fields-checkbox-radio .inline-filter .radio-item:checked + label:before {
                        background-color: #fff
                    }

                    .search-results-faceted-search-options .form-default .fields-checkbox-radio .inline-filter .radio-item:checked + label:after {
                        transform: scale(1)
                    }

                .search-results-faceted-search-options .form-default .fields-checkbox-radio .inline-filter label {
                    color: #1d252d;
                    font-family: Calmetta,Arial,Verdana,sans-serif;
                    font-size: 1.9rem;
                    font-weight: 300;
                    padding: 0 0 0 1.2rem;
                    margin-top: .5rem
                }

                    .search-results-faceted-search-options .form-default .fields-checkbox-radio .inline-filter label:before {
                        content: "";
                        border-radius: 50%;
                        width: 2rem;
                        height: 2rem;
                        background-color: #fff;
                        position: absolute;
                        border: .2rem solid #1a8479;
                        top: .6rem;
                        left: -.2rem;
                        transition: background-color .3s cubic-bezier(.215,.61,.355,1),border-color .3s cubic-bezier(.215,.61,.355,1)
                    }

                    .search-results-faceted-search-options .form-default .fields-checkbox-radio .inline-filter label:after {
                        content: "";
                        border-radius: 50%;
                        width: 1rem;
                        height: 1rem;
                        background-color: #1a8479;
                        position: absolute;
                        top: 1.1rem;
                        left: .3rem;
                        transform: scale(0);
                        transition: transform .3s cubic-bezier(.215,.61,.355,1)
                    }

                    .search-results-faceted-search-options .form-default .fields-checkbox-radio .inline-filter label:focus, .search-results-faceted-search-options .form-default .fields-checkbox-radio .inline-filter label:hover {
                        text-decoration: underline;
                        cursor: pointer
                    }

        .search-results-faceted-search-options .form-default .fields-filter {
            margin-bottom: 2rem
        }

            .search-results-faceted-search-options .form-default .fields-filter .dropdown-btn {
                position: relative;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-size: 1.9rem;
                font-weight: 300;
                color: #50535a;
                border: 1px solid #e9eef1;
                padding: 1.2rem 2rem;
                display: block;
                text-align: left;
                height: 5rem;
                background-color: #fff;
                width: 100%;
                cursor: pointer;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                padding-right: 5rem
            }

                .search-results-faceted-search-options .form-default .fields-filter .dropdown-btn:after {
                    transition: .15s;
                    position: absolute;
                    content: "";
                    bottom: 0;
                    left: 0;
                    right: 0;
                    margin: auto;
                    height: .2rem;
                    background-color: transparent
                }

                .search-results-faceted-search-options .form-default .fields-filter .dropdown-btn .icon-chevron-down {
                    right: 2.1rem
                }

                .search-results-faceted-search-options .form-default .fields-filter .dropdown-btn.active {
                    font-weight: 700;
                    color: #1d252d
                }

                    .search-results-faceted-search-options .form-default .fields-filter .dropdown-btn.active:after {
                        background-color: #1a8479
                    }

                    .search-results-faceted-search-options .form-default .fields-filter .dropdown-btn.active + .filter-label-container {
                        display: -ms-flexbox;
                        display: flex;
                        z-index: 2
                    }

                    .search-results-faceted-search-options .form-default .fields-filter .dropdown-btn.active .icon-chevron-down {
                        transform: translateY(-50%) rotate(180deg)
                    }

            .search-results-faceted-search-options .form-default .fields-filter .filter-label-container {
                top: 6.2rem;
                overflow: hidden;
                border: 1px solid #e9eef1;
                background: #fff;
                position: absolute;
                z-index: 2;
                left: 1.1rem;
                right: 1.1rem;
                padding: 2.7rem 2.6rem;
                margin-top: .8rem;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap
            }

                .search-results-faceted-search-options .form-default .fields-filter .filter-label-container.sidebar {
                    padding: 0
                }

                    .search-results-faceted-search-options .form-default .fields-filter .filter-label-container.sidebar .fields-checkbox-radio > li {
                        width: 100%
                    }

                .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-label-header {
                    display: -ms-flexbox;
                    display: flex;
                    overflow: hidden;
                    min-height: 2.7rem;
                    -ms-flex-preferred-size: 100%;
                    flex-basis: 100%;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap
                }

                    .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-label-header .clear-all {
                        -ms-flex-item-align: end;
                        align-self: flex-end;
                        font-family: Calmetta,Arial,Verdana,sans-serif;
                        font-size: 1.9rem;
                        font-weight: 300;
                        color: #1d252d;
                        background-color: transparent;
                        border-width: 0;
                        position: relative;
                        padding-left: 1.5rem
                    }

                        .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-label-header .clear-all .icon-close {
                            display: block;
                            width: 1.1rem;
                            height: 1.1rem;
                            margin-right: .5rem;
                            position: absolute;
                            top: 50%;
                            left: 0;
                            transform: translateY(-50%)
                        }

                            .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-label-header .clear-all .icon-close svg {
                                display: block;
                                width: 1.1rem;
                                height: 1.1rem
                            }

                        .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-label-header .clear-all:active, .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-label-header .clear-all:focus, .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-label-header .clear-all:hover {
                            text-decoration: underline
                        }

                    .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-label-header h3 {
                        opacity: 0;
                        font-size: 2.2rem;
                        font-weight: 400;
                        margin-bottom: .3rem;
                        margin-top: -.3rem
                    }

                .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio {
                    left: .3rem;
                    top: .8rem;
                    -ms-flex-positive: 1;
                    flex-grow: 1;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    width: 100%
                }

                    .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio > li {
                        width: 25%;
                        padding-left: 3.1rem;
                        padding-right: 2rem;
                        float: left;
                        display: inline-block;
                        margin-bottom: 2.3rem;
                        position: relative
                    }

                        .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio > li .checkbox-item {
                            position: absolute;
                            left: .3rem;
                            top: .5rem
                        }

                            .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio > li .checkbox-item:checked + label {
                                font-weight: 700;
                                color: #1d252d
                            }

                                .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio > li .checkbox-item:checked + label:before {
                                    background-color: #70378d
                                }

                            .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio > li .checkbox-item:focus + label {
                                text-decoration: underline
                            }

                        .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio > li .label-checkbox-item {
                            line-height: 1.22222;
                            font-size: 1.9rem;
                            font-family: Calmetta,Arial,Verdana,sans-serif;
                            font-weight: 300;
                            margin-right: 1rem;
                            word-break: break-word
                        }

                            .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio > li .label-checkbox-item:before {
                                content: "";
                                width: 2rem;
                                height: 2rem;
                                background-color: #fff;
                                border: .2rem solid #70378d;
                                position: absolute;
                                top: .2rem;
                                left: 0;
                                transition: background-color .15s cubic-bezier(.215,.61,.355,1)
                            }

                            .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio > li .label-checkbox-item:after {
                                content: "";
                                width: 1.2rem;
                                height: .7rem;
                                border: .3rem solid #fff;
                                border-top-width: 0;
                                border-right-width: 0;
                                background-color: transparent;
                                position: absolute;
                                top: .7rem;
                                left: .4rem;
                                transform: rotate(-45deg)
                            }

                            .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio > li .label-checkbox-item:hover {
                                cursor: pointer
                            }

                            .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio > li .label-checkbox-item:focus {
                                text-decoration: underline
                            }

                .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .button-container {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-item-align: end;
                    align-self: flex-end;
                    -ms-flex-pack: center;
                    justify-content: center;
                    padding-top: 2.6rem;
                    border-top: .1rem solid #e9eef1;
                    width: calc(100% + 5.2rem);
                    margin-left: -2.6rem;
                    margin-right: -2.6rem
                }

                    .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .button-container button {
                        max-width: 21rem;
                        margin-left: 1rem;
                        margin-right: 1rem
                    }

        .search-results-faceted-search-options .form-default .button {
            width: 100%;
            font-size: 1.9rem
        }

    .search-results-faceted-search-options .filter-cta {
        display: none
    }

    .search-results-faceted-search-options .selected-filters {
        font-size: 1.6rem;
        font-weight: 400;
        color: #616771;
        opacity: 1;
        transition: opacity .5s ease
    }

    .search-results-faceted-search-options .badge {
        display: inline-block;
        color: #fff;
        background-color: #70378d;
        font-size: 1.4rem;
        min-width: 2.2rem;
        min-height: 2rem;
        padding-top: .1rem;
        padding-bottom: .1rem;
        text-align: center;
        border-radius: 50%;
        margin-left: .5rem;
        margin-right: .3rem;
        font-weight: 700;
        position: relative;
        bottom: .1rem;
        opacity: 1;
        transition: opacity .5s ease .1s
    }

    .search-results-faceted-search-options .dropdown-label {
        pointer-events: none
    }

@media (min-width:1024px) and (max-width:1105px) {
    .search-results-faceted-search-options.vertical-accordion .accordion > li {
        padding: 0 1rem;
        max-width: 110.4rem
    }
}

@media (min-width:780px) and (max-width:1080px) {
    .search-results-faceted-search-options.vertical-accordion .accordion > li > a {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .search-results-faceted-search-options.vertical-accordion .accordion > li .icon-chevron-down {
        right: 1rem
    }
}

@media (min-width:128px) and (max-width:780px) {
    .search-results-faceted-search-options.vertical-accordion.is-open {
        border-bottom-width: .1rem
    }

    .search-results-faceted-search-options.vertical-accordion .accordion {
        display: none;
        position: fixed;
        top: 0;
        height: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
        padding-top: 14.7rem;
        padding-bottom: 7rem;
        overflow-y: auto;
        z-index: 1;
        transform: translateZ(0);
        -webkit-overflow-scrolling: touch
    }

    .hide-menu .search-results-faceted-search-options.vertical-accordion .accordion {
        z-index: 9999
    }

    .search-results-faceted-search-options.vertical-accordion .accordion > li.open-li > a {
        background: #1a8479;
        color: #fff;
        position: fixed
    }

        .search-results-faceted-search-options.vertical-accordion .accordion > li.open-li > a .icon-chevron-down {
            display: none
        }

    .search-results-faceted-search-options.vertical-accordion .accordion > li.open-li .search-results-mob {
        display: block;
        position: fixed;
        top: 6.2rem;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 1;
        transform: translateZ(0);
        margin: 2rem auto 1rem;
        width: 87%;
        color: #1d252d
    }

    .search-results-faceted-search-options.vertical-accordion .accordion > li > a {
        padding: 1.8rem 6.5%;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        transform: translateZ(0)
    }

        .search-results-faceted-search-options.vertical-accordion .accordion > li > a .icon-close {
            display: block;
            width: 1.2rem;
            height: 1.2rem;
            position: fixed;
            top: 1.7rem;
            right: 6.5%
        }

            .search-results-faceted-search-options.vertical-accordion .accordion > li > a .icon-close path {
                stroke: #fff
            }

    .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop {
        background: #fff;
        padding: .4rem 0;
        display: block
    }

        .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .row .pane {
            padding: 0
        }

    .search-results-faceted-search-options .form-default {
        padding-bottom: 3rem
    }

        .search-results-faceted-search-options .form-default .row {
            -ms-flex-pack: center;
            justify-content: center;
            position: relative
        }

            .search-results-faceted-search-options .form-default .row:nth-child(2) {
                border-bottom: 1px solid #e9eef1
            }

        .search-results-faceted-search-options .form-default .fields-checkbox-radio {
            display: none
        }

        .search-results-faceted-search-options .form-default .fields-filter {
            margin-bottom: 0
        }

            .search-results-faceted-search-options .form-default .fields-filter .dropdown-btn {
                border: 0;
                border-top: 1px solid #e9eef1;
                padding: 1.2rem 13% 1.2rem 6.5%;
                font-weight: 700;
                color: #1d252d
            }

                .search-results-faceted-search-options .form-default .fields-filter .dropdown-btn.active:after {
                    content: none
                }

                .search-results-faceted-search-options .form-default .fields-filter .dropdown-btn.active + .filter-label-container {
                    z-index: 1
                }

                .search-results-faceted-search-options .form-default .fields-filter .dropdown-btn .icon-chevron-down {
                    right: 6.5%
                }

            .search-results-faceted-search-options .form-default .fields-filter .filter-label-container {
                left: 0;
                top: auto;
                border: 0;
                border-bottom: .2rem solid #e9eef1;
                position: relative;
                padding: .8rem 6.5% 1.9rem
            }

                .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-label-header {
                    margin-bottom: 2.3rem;
                    -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse;
                    -ms-flex-pack: end;
                    justify-content: flex-end
                }

                    .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-label-header .clear-all {
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-direction: row-reverse;
                        flex-direction: row-reverse;
                        -ms-flex-item-align: start;
                        align-self: flex-start;
                        margin-top: -.2rem
                    }

                        .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-label-header .clear-all .icon-close {
                            margin-right: .6rem
                        }

                    .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-label-header h3 {
                        display: none
                    }

                .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio {
                    display: -ms-flexbox;
                    display: flex;
                    overflow: hidden;
                    padding: 0;
                    max-width: none
                }

                    .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio > li {
                        width: 100%;
                        padding-left: 1rem
                    }

                        .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio > li .label-checkbox-item {
                            display: block;
                            padding-left: 2rem
                        }

                    .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio.show-all-container > li {
                        margin-bottom: 0
                    }

                .search-results-faceted-search-options .form-default .fields-filter .filter-label-container.sidebar .tab-panel .button-container {
                    display: block;
                    width: 100%;
                    margin-left: 0;
                    margin-right: 0
                }

                    .search-results-faceted-search-options .form-default .fields-filter .filter-label-container.sidebar .tab-panel .button-container .button {
                        max-width: none;
                        margin-left: 0;
                        margin-right: 0;
                        margin-bottom: 2.6rem
                    }

                        .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .button-container, .search-results-faceted-search-options .form-default .fields-filter .filter-label-container.sidebar .tab-panel .button-container .button.secondary {
                            display: none
                        }

        .search-results-faceted-search-options .form-default .search-result-cta {
            padding: 2rem 6.5%;
            width: 100%;
            bottom: 0;
            background-color: #fff;
            z-index: 2
        }

            .search-results-faceted-search-options .form-default .search-result-cta .button.secondary {
                display: none
            }

    .search-results-faceted-search-options .filter-cta {
        display: block;
        margin: 1rem 6.5%;
        width: 87%
    }

        .search-results-faceted-search-options .filter-cta span {
            width: 2rem;
            height: 2rem;
            border-radius: 5rem;
            background-color: #1a8479;
            margin: 0 .6rem;
            display: none
        }

            .search-results-faceted-search-options .filter-cta span svg {
                width: 1.2rem;
                height: 1.2rem
            }

            .search-results-faceted-search-options .filter-cta span path {
                fill: #fff
            }

        .search-results-faceted-search-options .filter-cta:focus span, .search-results-faceted-search-options .filter-cta:hover span {
            background-color: #fff
        }

            .search-results-faceted-search-options .filter-cta:focus span path, .search-results-faceted-search-options .filter-cta:hover span path {
                fill: #1a8479
            }

        .search-results-faceted-search-options .filter-cta .icon-tick-strong {
            display: inline-block;
            position: relative;
            top: .3rem
        }

            .search-results-faceted-search-options .filter-cta .icon-tick-strong svg {
                position: absolute;
                top: .4rem;
                right: .4rem
            }

    .search-results-faceted-search-options .selected-filters {
        display: none
    }
}

.search-no-results {
    margin-top: 4.5rem;
    margin-bottom: 57rem
}

    .search-no-results .cta:focus .cta-text, .search-no-results .cta:hover .cta-text {
        transform: none
    }

    .search-no-results .cta:focus:after, .search-no-results .cta:hover:after {
        display: none
    }

    .search-no-results .did-you-mean {
        letter-spacing: .1rem;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 2rem;
        font-weight: 300;
        color: #616771;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 2rem
    }

    .search-no-results .message {
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.8rem;
        color: #616771;
        margin-bottom: 0
    }

@media (min-width:128px) and (max-width:780px) {
    .search-no-results {
        margin-bottom: 25rem
    }
}

.office-finder-selector .copy-text {
    text-align: center
}

.office-finder-selector .office-contact-form .vertical-accordion {
    padding-top: 0;
    padding-bottom: 2rem
}

    .office-finder-selector .office-contact-form .vertical-accordion ul.accordion {
        padding-top: 0
    }

.office-finder-selector .accordion li {
    background-color: #fff
}

.office-finder-selector .accordion-drop {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.office-finder-selector .country-dropdown {
    display: none;
    border: .1rem solid #e1e6e9;
    border-bottom-width: 0;
    margin-top: -.1rem
}

    .office-finder-selector .country-dropdown li {
        border-bottom: .1rem solid #e1e6e9
    }

.office-finder-selector .select-country {
    background-color: #fff;
    border-width: 0;
    font-weight: 400;
    color: #616771;
    font-size: 1.9rem;
    padding: 1.4rem 2rem;
    width: 100%;
    text-align: left;
    cursor: pointer
}

    .office-finder-selector .select-country:focus, .office-finder-selector .select-country:hover {
        color: #1a8479
    }

.office-finder-selector .button {
    text-align: center
}

.office-finder-selector .contact-details-list {
    background-color: #f1f4f7
}

    .office-finder-selector .contact-details-list .vertical-accordion {
        padding-top: 1rem;
        padding-bottom: 0
    }

.office-finder-selector .office-location-maps, .office-finder-selector .office-location-maps .office-map-tile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .office-finder-selector .office-location-maps .office-map-tile {
        border: .1rem solid #e1e6e9;
        margin-bottom: 2rem;
        margin-left: 1.9rem;
        width: calc(33.33333% - 1.27rem)
    }

        .office-finder-selector .office-location-maps .office-map-tile:first-child, .office-finder-selector .office-location-maps .office-map-tile:nth-child(3n+4) {
            margin-left: 0
        }

    .office-finder-selector .office-location-maps .office-address {
        line-height: 1.3;
        font-size: 2rem;
        color: #1d252d;
        font-weight: 300
    }

    .office-finder-selector .office-location-maps .office-info {
        padding: 2rem 2rem 0;
        margin-bottom: 2.5rem
    }

    .office-finder-selector .office-location-maps .static-map {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

        .office-finder-selector .office-location-maps .static-map img {
            width: 100%;
            max-width: none
        }

.office-finder-selector .office-contact {
    position: relative;
    color: #1d252d;
    padding-left: 2.5rem
}

.office-finder-selector .contact-details-block {
    border-top: .1rem solid #e1e6e9;
    margin-top: .8rem;
    padding-top: 4.5rem;
    min-height: 7rem
}

    .office-finder-selector .contact-details-block:first-child {
        border-top-width: 0;
        padding-top: 0;
        margin-top: 2rem
    }

    .office-finder-selector .contact-details-block .h4 {
        margin-bottom: 2rem
    }

    .office-finder-selector .contact-details-block .h7 {
        margin-bottom: .8rem
    }

    .office-finder-selector .contact-details-block ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .office-finder-selector .contact-details-block ul li {
            width: 33.33333%;
            margin-bottom: 3.6rem;
            padding-right: 2rem
        }

.office-finder-selector .icon-arrow-right, .office-finder-selector .icon-chat {
    position: absolute;
    top: .4rem;
    left: 0;
    display: block;
    width: 1.7rem;
    height: 1.8rem
}

    .office-finder-selector .icon-arrow-right path, .office-finder-selector .icon-chat path {
        stroke: #1a8479
    }

@media (min-width:128px) and (max-width:780px) {
    .office-finder-selector .office-contact-form .vertical-accordion {
        padding-bottom: 0
    }

    .office-finder-selector .contact-details-list .vertical-accordion {
        padding-top: 0
    }

        .office-finder-selector .contact-details-list .vertical-accordion ul.accordion {
            padding-top: 0;
            padding-bottom: 0
        }

        .office-finder-selector .contact-details-list .vertical-accordion h2 {
            max-width: 90%
        }

    .office-finder-selector .office-location-maps {
        display: block;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

        .office-finder-selector .office-location-maps .office-map-tile {
            display: block;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            width: auto;
            max-width: none;
            margin-left: 0
        }

        .office-finder-selector .office-location-maps .office-info {
            padding-top: 1.6rem
        }

        .office-finder-selector .office-location-maps .office-name {
            margin-bottom: .4rem
        }

        .office-finder-selector .office-location-maps .office-address {
            margin-bottom: 4.7rem
        }

        .office-finder-selector .office-location-maps .static-map img {
            max-width: 100vw
        }

    .office-finder-selector .contact-details-block {
        padding-top: 3.2rem;
        min-height: 8.5rem
    }

        .office-finder-selector .contact-details-block:first-child {
            margin-top: .2rem
        }

        .office-finder-selector .contact-details-block ul {
            margin-top: 2.6rem
        }

            .office-finder-selector .contact-details-block ul li {
                width: 100%;
                padding-right: 0;
                margin-bottom: 3.3rem
            }
}

.mfp-content .iframer {
    padding-top: 4rem;
    padding-left: 4rem
}

.accordion-drop .iframer {
    padding: 1rem 1.5rem 2rem
}

.iframer .spinner {
    display: none;
    position: absolute;
    left: 0;
    top: calc(50% + 2rem);
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%)
}

.iframer.loading:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    min-height: 1.53rem;
    position: absolute;
    background-color: hsla(0,0%,100%,.9)
}

.iframer iframe {
    background: #fff;
    height: 0
}

.spinner {
    width: 4rem;
    height: 4rem;
    background-color: #1d252d;
    animation: e 1.2s infinite ease-in-out
}

@keyframes e {
    0% {
        transform: perspective(12rem) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(12rem) rotateX(-180.1deg) rotateY(0deg)
    }

    to {
        transform: perspective(12rem) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@media (min-width:128px) and (max-width:780px) {
    .mfp-content .iframer {
        padding-top: 1.1rem;
        padding-left: 0;
        margin-left: 6.5%;
        margin-right: 6.5%
    }

    .accordion-drop .iframer {
        padding: 0
    }
}

.full-contact-profile {
    padding-top: 7rem;
    padding-bottom: 1rem
}

    .full-contact-profile [class*=base] {
        padding: 0
    }

    .full-contact-profile .base4:last-child .contact-detail {
        border-right: .1rem solid #e1e6e9
    }

    .full-contact-profile .contact-profile {
        border-bottom: .6rem solid #1a8479;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: 2.4rem
    }

        .full-contact-profile .contact-profile h1 {
            font-weight: 700;
            color: #1d252d;
            text-transform: none;
            font-size: 6rem;
            margin-bottom: -.3rem
        }

        .full-contact-profile .contact-profile img {
            max-width: 15.8rem;
            max-height: 14rem;
            -ms-flex-item-align: end;
            align-self: flex-end
        }

    .full-contact-profile .contact-profile-details {
        margin: 7rem 0
    }

        .full-contact-profile .contact-profile-details .contact-detail {
            border-top: .1rem solid #e1e6e9;
            border-left: .1rem solid #e1e6e9;
            border-bottom: .1rem solid #e1e6e9
        }

            .full-contact-profile .contact-profile-details .contact-detail a {
                display: block;
                padding: 3rem 2.7rem .5rem;
                text-align: center
            }

                .full-contact-profile .contact-profile-details .contact-detail a span {
                    margin: 0 auto 1.4rem;
                    display: block
                }

                    .full-contact-profile .contact-profile-details .contact-detail a span.icon-chat {
                        width: 3.2rem;
                        height: 3.2rem;
                        margin-top: .4rem
                    }

                    .full-contact-profile .contact-profile-details .contact-detail a span.icon-arrow-right {
                        width: 3.2rem;
                        height: 2.8rem;
                        margin-top: .8rem
                    }

                    .full-contact-profile .contact-profile-details .contact-detail a span.icon-facebook, .full-contact-profile .contact-profile-details .contact-detail a span.icon-linkedin, .full-contact-profile .contact-profile-details .contact-detail a span.icon-twitter {
                        width: 3.6rem;
                        height: 3.6rem;
                        position: relative;
                        top: .2rem
                    }

                .full-contact-profile .contact-profile-details .contact-detail a p {
                    text-align: center;
                    color: #1d252d;
                    font-size: 1.7rem;
                    display: inline-block
                }

                    .full-contact-profile .contact-profile-details .contact-detail a p.tel {
                        font-size: 2rem;
                        margin-top: -.4rem;
                        letter-spacing: .15rem
                    }

                    .full-contact-profile .contact-profile-details .contact-detail a p:focus, .full-contact-profile .contact-profile-details .contact-detail a p:hover {
                        text-decoration: none
                    }

                .full-contact-profile .contact-profile-details .contact-detail a:focus, .full-contact-profile .contact-profile-details .contact-detail a:hover {
                    border-bottom: .4rem solid #1a8479;
                    padding-bottom: .1rem
                }

    .full-contact-profile .content-block {
        padding-top: 0
    }

@media (min-width:128px) and (max-width:780px) {
    .full-contact-profile {
        padding-top: 4rem;
        padding-bottom: 0
    }

        .full-contact-profile .base4:last-child {
            border-bottom: .1rem solid #e1e6e9
        }

        .full-contact-profile .contact-profile {
            margin-bottom: .6rem
        }

            .full-contact-profile .contact-profile h1 {
                font-size: 3.2rem;
                margin-bottom: -.2rem
            }

            .full-contact-profile .contact-profile img {
                max-width: 9.2rem;
                max-height: 8.2rem
            }

        .full-contact-profile h2.h4.profile {
            font-size: 1.8rem;
            padding-bottom: .1rem
        }

        .full-contact-profile .contact-profile-details {
            margin: 3.7rem 0 3.3rem
        }

            .full-contact-profile .contact-profile-details .contact-detail {
                border-top: .1rem solid #e1e6e9;
                border-right: .1rem solid #e1e6e9;
                border-left: .1rem solid #e1e6e9;
                border-bottom: 0
            }

                .full-contact-profile .contact-profile-details .contact-detail a {
                    padding: 1.2rem 2rem .3rem
                }

                    .full-contact-profile .contact-profile-details .contact-detail a:after, .full-contact-profile .contact-profile-details .contact-detail a:before {
                        content: "";
                        display: table
                    }

                    .full-contact-profile .contact-profile-details .contact-detail a:after {
                        clear: both
                    }

                    .full-contact-profile .contact-profile-details .contact-detail a span {
                        display: inline-block;
                        float: left
                    }

                        .full-contact-profile .contact-profile-details .contact-detail a span.icon-chat {
                            width: 1.7rem;
                            height: 1.7rem;
                            margin: .5rem 0 1rem
                        }

                        .full-contact-profile .contact-profile-details .contact-detail a span.icon-arrow-right {
                            width: 1.5rem;
                            height: 1.2rem;
                            margin: .6rem 0 1.4rem
                        }

                        .full-contact-profile .contact-profile-details .contact-detail a span.icon-facebook, .full-contact-profile .contact-profile-details .contact-detail a span.icon-linkedin, .full-contact-profile .contact-profile-details .contact-detail a span.icon-twitter {
                            width: 1.6rem;
                            height: 1.6rem;
                            top: .3rem
                        }

                    .full-contact-profile .contact-profile-details .contact-detail a p {
                        display: inline-block;
                        margin: 0 0 0 .6rem;
                        float: left
                    }

                        .full-contact-profile .contact-profile-details .contact-detail a p.tel {
                            font-size: 1.7rem;
                            margin-top: 0;
                            letter-spacing: 0
                        }

                    .full-contact-profile .contact-profile-details .contact-detail a:focus, .full-contact-profile .contact-profile-details .contact-detail a:hover {
                        border-bottom: 0;
                        padding-bottom: .4rem
                    }

        .full-contact-profile .content-block [class*=base] {
            padding: 0
        }
}

.short-contact-profile {
    border: .1rem solid #e1e6e9;
    padding: 2.5rem .5rem;
    margin-bottom: 4rem;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .short-contact-profile h2 {
        font-size: 1.9rem;
        margin: 0 0 1.8rem 2.4rem
    }

    .short-contact-profile [class*=base] {
        padding: 0
    }

    .short-contact-profile .short-contact-profile-item {
        margin: 0 2.4rem
    }

        .short-contact-profile .short-contact-profile-item .contact-profile {
            border-bottom: .4rem solid #1a8479;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: auto;
            -ms-flex-align: end;
            align-items: flex-end;
            position: relative
        }

            .short-contact-profile .short-contact-profile-item .contact-profile:focus, .short-contact-profile .short-contact-profile-item .contact-profile:hover {
                text-decoration: none
            }

                .short-contact-profile .short-contact-profile-item .contact-profile:focus .author, .short-contact-profile .short-contact-profile-item .contact-profile:hover .author {
                    text-decoration: underline
                }

            .short-contact-profile .short-contact-profile-item .contact-profile img {
                max-width: 9rem
            }

            .short-contact-profile .short-contact-profile-item .contact-profile .contact-profile-details .author {
                font-size: 1.6rem;
                font-weight: 400;
                color: #1a8479;
                margin: 0
            }

            .short-contact-profile .short-contact-profile-item .contact-profile .contact-profile-details .byline {
                font-size: 1.4rem;
                font-weight: 400;
                margin-bottom: 1.1rem;
                color: #1d252d
            }

        .short-contact-profile .short-contact-profile-item .contact-profile-links {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .short-contact-profile .short-contact-profile-item .contact-profile-links .links-text {
                width: 75%;
                padding-top: 2.2rem
            }

                .short-contact-profile .short-contact-profile-item .contact-profile-links .links-text .cta .icon-chat {
                    display: block;
                    width: 1.6rem;
                    height: 1.5rem;
                    position: absolute;
                    left: -2.1rem;
                    top: 50%;
                    transform: translateY(-50%)
                }

                .short-contact-profile .short-contact-profile-item .contact-profile-links .links-text .cta path {
                    stroke: #1a8479
                }

            .short-contact-profile .short-contact-profile-item .contact-profile-links .links-icon {
                width: 25%;
                padding-top: 2rem
            }

                .short-contact-profile .short-contact-profile-item .contact-profile-links .links-icon .cta {
                    float: right;
                    padding: 0
                }

                    .short-contact-profile .short-contact-profile-item .contact-profile-links .links-icon .cta .icon-linkedin {
                        display: block;
                        width: 4rem;
                        height: 4rem;
                        position: relative
                    }

                    .short-contact-profile .short-contact-profile-item .contact-profile-links .links-icon .cta:focus:after, .short-contact-profile .short-contact-profile-item .contact-profile-links .links-icon .cta:hover:after {
                        background: none
                    }

                .short-contact-profile .short-contact-profile-item .contact-profile-links .links-icon .cta-text {
                    display: none
                }

.base6 .short-contact-profile h2 {
    text-align: center
}

.base8 .short-contact-profile .base6 .short-contact-profile-item {
    margin-left: 1.8rem;
    width: 100%
}

@media (min-width:780px) and (max-width:1080px) and (orientation:portrait) {
    .short-contact-profile h2 {
        margin-left: 1.4rem
    }

    .short-contact-profile .short-contact-profile-item {
        margin: 0 1.4rem
    }
}

@media (min-width:128px) and (max-width:780px) {
    .short-contact-profile {
        margin: 2.2rem 0 4rem;
        padding: 1.6rem 0 0;
        border-bottom: 0
    }

        .short-contact-profile h2 {
            margin: 0 0 -4rem 1.9rem
        }

        .short-contact-profile .short-contact-profile-item {
            margin-left: 0;
            margin-right: 0
        }

            .short-contact-profile .short-contact-profile-item .contact-profile {
                margin: 0 1.9rem;
                padding-top: 4rem
            }

            .short-contact-profile .short-contact-profile-item .contact-profile-links {
                display: block
            }

                .short-contact-profile .short-contact-profile-item .contact-profile-links .links-text {
                    width: 100%
                }

                    .short-contact-profile .short-contact-profile-item .contact-profile-links .links-text .link-item {
                        border-top: 1px solid #e1e6e9;
                        padding: 1rem 1.9rem
                    }

                .short-contact-profile .short-contact-profile-item .contact-profile-links .links-icon {
                    width: 100%;
                    border-top: 1px solid #e1e6e9;
                    border-bottom: 1px solid #e1e6e9;
                    padding: 1rem 1.9rem
                }

                    .short-contact-profile .short-contact-profile-item .contact-profile-links .links-icon .cta {
                        float: none
                    }

                        .short-contact-profile .short-contact-profile-item .contact-profile-links .links-icon .cta .icon-linkedin {
                            width: 1.6rem;
                            height: 1.6rem;
                            position: absolute;
                            left: -2.1rem;
                            top: .2rem
                        }

                    .short-contact-profile .short-contact-profile-item .contact-profile-links .links-icon .cta-text {
                        display: block
                    }

    .base6 .short-contact-profile h2 {
        text-align: left
    }

    .base6 .short-contact-profile .short-contact-profile-item {
        margin: 0;
        width: 100%
    }

    .base8 .short-contact-profile .base6 .short-contact-profile-item {
        width: 100%;
        margin-left: 0
    }
}

.c-location-finder {
    padding: 4rem 0
}

.c-location-finder__search {
    width: 100%;
    margin-bottom: 4rem;
    font-size: 2.4rem;
    font-weight: 700;
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #70378d;
    border: 0
}

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

.c-location-finder__search-row .base {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center
}

.c-location-finder__search-label {
    color: #fff
}

.c-location-finder__search-input {
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    height: 5rem;
    margin-left: 3rem;
    z-index: 1;
    margin-bottom: 0
}

    .c-location-finder__search-input .icon-search {
        position: absolute;
        height: 2rem;
        width: 1.9rem;
        top: 50%;
        bottom: 0;
        left: 2rem;
        transform: translateY(-50%);
        pointer-events: none
    }

    .c-location-finder__search-input input {
        background-color: #fff;
        border: .1rem solid #e1e6e9;
        border-radius: 0;
        -webkit-appearance: none;
        appearance: none;
        line-height: normal;
        width: 100%;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.9rem;
        font-weight: 300;
        padding: 1.2rem 4.7rem 1.3rem;
        height: 5rem;
        transition: none;
        text-overflow: ellipsis
    }

        .c-location-finder__search-input input:active, .c-location-finder__search-input input:focus {
            border-bottom-width: 0
        }

.c-location-finder__search-btn {
    text-align: center
}

.c-location-finder__search svg {
    position: absolute
}

.c-location-finder__search-btn {
    min-width: 16.5rem;
    border-color: #fff;
    color: #fff;
    background-color: #70378d;
    margin-left: 3rem
}

    .c-location-finder__search-btn:active, .c-location-finder__search-btn:focus, .c-location-finder__search-btn:hover {
        color: #70378d;
        background-color: #fff;
        outline-color: #1a8479
    }

        .c-location-finder__search-btn:active .icon-search svg g, .c-location-finder__search-btn:active .icon-search svg path, .c-location-finder__search-btn:focus .icon-search svg g, .c-location-finder__search-btn:focus .icon-search svg path, .c-location-finder__search-btn:hover .icon-search svg g, .c-location-finder__search-btn:hover .icon-search svg path {
            stroke: #70378d
        }

    .c-location-finder__search-btn .icon-search {
        display: none
    }

        .c-location-finder__search-btn .icon-search svg {
            margin: auto;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 2.2rem;
            height: 2.2rem
        }

            .c-location-finder__search-btn .icon-search svg circle, .c-location-finder__search-btn .icon-search svg path {
                stroke: #fff
            }

.c-location-finder__clear-search {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0 2rem 0 0;
    background: #fff;
    border: none;
    cursor: pointer
}

    .c-location-finder__clear-search span {
        display: block;
        width: 1.6rem;
        height: 1.6rem
    }

    .c-location-finder__clear-search svg {
        position: relative
    }

        .c-location-finder__clear-search svg circle, .c-location-finder__clear-search svg path {
            stroke: #1d252d
        }

.c-location-finder__notification {
    margin-bottom: 4rem;
    padding: 1rem;
    border: 2px solid #a4c2e6;
    font-weight: 400;
    text-align: center
}

.c-location-finder__options {
    margin-bottom: 4rem;
    width: 100%;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.c-location-finder__filter-button {
    display: none;
    width: 100%
}

.c-location-finder__filter-container-heading {
    display: none
}

.c-location-finder__display-as {
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    font-size: 1.9rem;
    font-weight: 300;
    color: #1d252d;
    cursor: pointer
}

    .c-location-finder__display-as span {
        width: 2rem;
        height: 2.5rem;
        margin: 0 1rem 0 0
    }

.c-location-finder .fields-filter {
    position: relative
}

.c-location-finder .dropdown-btn {
    position: relative;
    font-family: Calmetta,Arial,Verdana,sans-serif;
    font-size: 1.9rem;
    font-weight: 300;
    color: #1d252d;
    border: 1px solid #e9eef1;
    padding: 1.2rem 6.5rem 1.2rem 2rem;
    display: block;
    text-align: left;
    height: 5rem;
    background-color: #fff;
    width: 100%;
    cursor: pointer
}

    .c-location-finder .dropdown-btn:after {
        transition: .15s;
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: .2rem;
        background-color: transparent
    }

    .c-location-finder .dropdown-btn .icon-chevron-down {
        position: absolute;
        top: 50%;
        right: 2rem;
        transform: translateY(-50%);
        width: 1.6rem;
        height: 1rem;
        margin-top: 0
    }

        .c-location-finder .dropdown-btn .icon-chevron-down svg {
            position: absolute;
            top: 0
        }

    .c-location-finder .dropdown-btn.active {
        font-weight: 700;
        color: #1d252d
    }

        .c-location-finder .dropdown-btn.active + .filter-label-container {
            display: -ms-flexbox;
            display: flex;
            top: calc(100% - 1px)
        }

        .c-location-finder .dropdown-btn.active .icon-chevron-down {
            transform: translateY(-50%) rotate(180deg)
        }

.c-location-finder .badge {
    display: inline-block;
    color: #fff;
    background-color: #70378d;
    font-size: 1.4rem;
    min-width: 2.2rem;
    min-height: 2rem;
    padding-top: .1rem;
    padding-bottom: .1rem;
    text-align: center;
    border-radius: 50%;
    margin-left: 1rem;
    margin-right: 1rem;
    font-weight: 700;
    position: relative;
    bottom: .1rem;
    opacity: 1;
    transition: opacity .5s ease .1s
}

.c-location-finder .filter-label-container {
    display: none;
    -ms-flex-flow: column;
    flex-flow: column;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 2;
    border: 1px solid #e9eef1;
    background: #fff;
    padding: 2rem
}

.c-location-finder .fields-checkbox-radio {
    padding-left: 3.1rem;
    padding-right: 2rem;
    display: block;
    margin-bottom: 2.3rem;
    position: relative
}

    .c-location-finder .fields-checkbox-radio:last-child {
        margin-bottom: 0
    }

.c-location-finder .checkbox-item {
    position: absolute;
    left: .3rem;
    top: .5rem
}

    .c-location-finder .checkbox-item:checked + label {
        font-weight: 400;
        color: #1d252d
    }

        .c-location-finder .checkbox-item:checked + label:before {
            background-color: #70378d
        }

    .c-location-finder .checkbox-item:focus + label {
        text-decoration: underline
    }

.c-location-finder .label-checkbox-item {
    line-height: 1.22222;
    font-size: 1.9rem;
    font-family: Calmetta,Arial,Verdana,sans-serif;
    font-weight: 300;
    color: #616771;
    margin-right: 1rem;
    word-break: break-word
}

    .c-location-finder .label-checkbox-item:before {
        content: "";
        width: 2rem;
        height: 2rem;
        background-color: #fff;
        border: .2rem solid #70378d;
        position: absolute;
        top: .2rem;
        left: 0;
        transition: background-color .15s cubic-bezier(.215,.61,.355,1)
    }

    .c-location-finder .label-checkbox-item:after {
        content: "";
        width: 1.2rem;
        height: .7rem;
        border: .3rem solid #fff;
        border-top-width: 0;
        border-right-width: 0;
        background-color: transparent;
        position: absolute;
        top: .7rem;
        left: .4rem;
        transform: rotate(-45deg)
    }

    .c-location-finder .label-checkbox-item:hover {
        cursor: pointer
    }

    .c-location-finder .label-checkbox-item:focus {
        text-decoration: underline
    }

.c-location-finder__filter-apply-button {
    display: none
}

.c-location-finder__map-grid {
    position: relative
}

.c-location-finder__map {
    width: 100%;
    height: 75vh;
    min-height: 500px
}

.c-location-finder__map--hidden {
    position: absolute !important;
    left: -9999em
}

.c-location-finder__grid-line {
    border-top: 1px solid #e9eef1;
    padding-bottom: 4rem
}

.c-location-finder__grid-margin {
    margin-bottom: 4rem
}

.c-location-finder__grid-item {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 2rem;
    border: 1px solid #e9eef1
}

.c-location-finder__location-details {
    position: absolute;
    width: 40%;
    max-width: 400px;
    padding: 2rem;
    background-color: #fff;
    border: 1px solid #e9eef1;
    top: 5rem;
    left: 6%;
    bottom: 5rem
}

.c-location-finder__location-details-close {
    position: absolute;
    top: 3rem;
    right: 2rem;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer
}

.c-location-finder__location-details-close-icon {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-size: cover
}

.c-location-finder .display-none {
    display: none !important
}

.c-location-finder .visually-hidden {
    visibility: hidden
}

.c-location-finder .cluster-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

    .c-location-finder .cluster-icon > img {
        top: 0
    }

    .c-location-finder .cluster-icon > div {
        top: 0;
        line-height: 30px
    }

.c-location__name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 3rem
}

.c-location__type-icon {
    width: 4rem;
    margin-right: 1rem
}

.c-location__address-item {
    display: block;
    line-height: 1.3;
    font-size: 2rem;
    color: #1d252d;
    font-weight: 300
}

    .c-location__address-item > span {
        display: block
    }

.c-location__icon {
    display: inline-block;
    margin: 0 .8rem 0 0;
    width: 2rem;
    height: 2rem;
    background-size: cover;
    vertical-align: middle
}

.c-location__emergency-survey, .c-location__request-for-info, .c-location__telephone, .c-location__url {
    display: block;
    margin-bottom: 1.5rem;
    font-size: 2rem;
    color: #1d252d
}

.c-location__emergency-survey, .c-location__request-for-info {
    font-weight: 600
}

.c-location__business-units-heading {
    border-top: 1px solid #e9eef1;
    margin: 2rem -2rem 0;
    padding: 2rem 2rem 0;
    font-size: 1.8rem;
    font-weight: lighter;
    color: #1d252d
}

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

.c-location__serviced-by {
    line-height: 1.3;
    font-size: 2rem;
    color: #1d252d;
    font-weight: 300
}

.c-location .label-tag {
    background-color: #a4c2e6
}

@media (min-width:128px) and (max-width:780px) {
    .c-location-finder__search {
        padding-top: 2.2rem;
        padding-bottom: 2.2rem
    }

    .c-location-finder__search-row .base {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .c-location-finder__search-row .base > :first-child {
            width: 100%;
            text-align: center;
            margin-bottom: 2rem;
            font-size: 2rem
        }

    .c-location-finder__search-input {
        margin-left: 0;
        width: calc(100% - 6rem);
        -ms-flex-positive: 0;
        flex-grow: 0
    }

        .c-location-finder__search-input .icon-search {
            display: none
        }

        .c-location-finder__search-input input {
            padding: 1.2rem 4rem 1.2rem 1.8rem
        }

    .c-location-finder__search-btn {
        padding: 0;
        min-width: 0;
        width: 5rem;
        height: 5rem;
        margin-left: 1rem
    }

        .c-location-finder__search-btn .icon-search {
            display: block
        }

    .c-location-finder__search-btn-text {
        display: none
    }

    .c-location-finder__options {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .c-location-finder__filter-button {
        display: block;
        margin-bottom: 2rem
    }

    .c-location-finder__filter-apply-button {
        margin: 2rem;
        display: block;
        width: calc(100% - 4rem)
    }

    .c-location-finder__filter-container {
        display: none;
        background: #fff
    }

    .c-location-finder__filter-container--show {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000
    }

    .c-location-finder__filter-container-heading {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: start;
        -ms-flex-align: center;
        align-items: center;
        padding: 1rem 2rem;
        background: #1a8479;
        border-bottom: 2px solid #a4c2e6
    }

        .c-location-finder__filter-container-heading p {
            margin: 0;
            font-size: 1.9rem;
            font-weight: 300;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            color: #fff
        }

    .c-location-finder__filter-container-close {
        margin-left: auto;
        display: block;
        width: 1.6rem;
        background: none
    }

        .c-location-finder__filter-container-close path, .c-location-finder__filter-container-close svg {
            stroke: #fff
        }

    .c-location-finder__display-as {
        margin-left: 0
    }

    .c-location-finder .fields-filter {
        padding: 0 2rem
    }

    .c-location-finder .dropdown-btn {
        padding-left: 0;
        padding-right: 0;
        border-left: 0;
        border-right: 0
    }

        .c-location-finder .dropdown-btn .icon-chevron-down {
            right: 0
        }

    .c-location-finder .filter-label-container {
        border-left: 0;
        border-right: 0;
        position: relative;
        top: -1px;
        left: 0;
        right: 0;
        padding-left: 0;
        padding-right: 0
    }

    .c-location-finder__location-details {
        width: auto;
        right: 6%;
        bottom: auto;
        max-width: none
    }
}

.twitter-listing {
    border-top: .1rem solid #f1f4f7;
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
    margin-left: auto;
    margin-right: auto
}

.twitter-timeline {
    border: .1rem solid #f1f4f7 !important
}

@media (min-width:128px) and (max-width:780px) {
    .twitter-listing {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.article-attributes {
    background-color: #fff
}

    .article-attributes .picturefill {
        overflow: hidden
    }

        .article-attributes .picturefill figure {
            position: relative;
            height: 30rem;
            margin: 0;
            background-color: #fff
        }

            .article-attributes .picturefill figure img {
                position: absolute;
                left: 50%;
                top: 0;
                bottom: 0;
                margin: auto;
                /*@replace: translateX(50%)*/ transform: translateX(-50%)
            }

    .article-attributes.no-image .picturefill {
        background-color: #a4c2e6;
        height: 30rem
    }

    .article-attributes.no-image .narrow-wrapper {
        margin-top: -20rem
    }

    .article-attributes .row {
        width: 100%
    }

    .article-attributes .narrow-wrapper {
        max-width: 85.8rem;
        margin: -10.4rem auto 0;
        background-color: #fff;
        padding-top: 3.2rem;
        position: relative
    }

    .article-attributes .article-heading {
        color: #1d252d;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-weight: 700;
        text-transform: none;
        letter-spacing: 0
    }

        .article-attributes .article-heading + .article-data {
            margin-top: 4rem
        }

    .article-attributes .article-date {
        font-size: 1.4rem;
        display: inline-block;
        margin-right: 3.8rem;
        font-weight: 400;
        color: #1d252d
    }

    .article-attributes .article-tags {
        display: inline-block
    }

    .article-attributes .sub-heading {
        line-height: 1.41667;
        font-size: 2.4rem;
        font-weight: 300;
        margin-bottom: 1.8rem
    }

    .article-attributes .author-box {
        border-bottom: .4rem solid #1a8479;
        margin-bottom: 1.8rem
    }

        .article-attributes .author-box > a {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%;
            -ms-flex-align: end;
            align-items: flex-end
        }

            .article-attributes .author-box > a .author-details {
                margin-bottom: 2.1rem;
                margin-left: .2rem
            }

                .article-attributes .author-box > a .author-details .author {
                    font-size: 1.6rem;
                    color: #1a8479;
                    margin: 0;
                    font-weight: 400
                }

                .article-attributes .author-box > a .author-details .byline {
                    font-size: 1.4rem;
                    margin: 0;
                    color: #1d252d
                }

            .article-attributes .author-box > a img {
                max-width: 9rem;
                max-height: 8rem;
                -ms-flex-item-align: end;
                align-self: flex-end;
                margin-right: .3rem
            }

            .article-attributes .author-box > a:focus, .article-attributes .author-box > a:hover {
                text-decoration: none
            }

                .article-attributes .author-box > a:focus .author-details .author, .article-attributes .author-box > a:hover .author-details .author {
                    text-decoration: underline
                }

@media (min-width:1024px) and (max-width:1430px) {
    .article-attributes .picturefill figure {
        height: 28rem
    }

    .article-attributes .narrow-wrapper {
        margin-top: -11.05rem
    }
}

@media (min-width:780px) and (max-width:1080px) {
    .article-attributes .picturefill figure {
        height: 25rem
    }

    .article-attributes .narrow-wrapper {
        margin-top: -5.45rem
    }
}

@media (min-width:128px) and (max-width:780px) {
    .article-attributes .picturefill {
        margin-bottom: 2rem
    }

        .article-attributes .picturefill figure {
            height: auto
        }

            .article-attributes .picturefill figure img {
                position: static;
                transform: none
            }

    .article-attributes.no-image .picturefill {
        display: none
    }

    .article-attributes.no-image .narrow-wrapper {
        margin-top: 2rem
    }

    .article-attributes .narrow-wrapper {
        max-width: none;
        margin: 0;
        padding-top: 0
    }

    .article-attributes .article-heading + .article-data {
        display: block;
        margin-top: 2.6rem;
        margin-bottom: 2.2rem
    }

    .article-attributes .article-date {
        margin-right: 0;
        margin-bottom: .8rem
    }

    .article-attributes .article-tags {
        display: block
    }

    .article-attributes .sub-heading {
        line-height: 1.33333;
        font-size: 1.8rem;
        margin-bottom: 1.5rem
    }
}

.article-quote {
    margin-bottom: 2rem
}

    .article-quote.block-quote {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: start
    }

    .article-quote .icon-quote {
        min-width: 9rem
    }

    .article-quote svg {
        width: 7rem;
        height: 8rem;
        margin: .8rem 2rem 2rem 0
    }

        .article-quote svg path {
            fill: #1a8479
        }

            .article-quote svg path:last-child {
                fill: #a4c2e6
            }

    .article-quote blockquote {
        color: #1a8479;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-weight: 700;
        margin-bottom: 1rem
    }

    .article-quote p {
        margin: 0;
        font-weight: 400
    }

        .article-quote p.author {
            color: #1a8479
        }

        .article-quote p.company {
            font-size: 1.4rem
        }

@media (min-width:128px) and (max-width:780px) {
    .article-quote.block-quote {
        display: block
    }
}

.feature-block {
    background-color: #fff;
    padding-top: 6.5rem;
    padding-bottom: 6.5rem
}

.edit-mode .feature-block .item-list > div {
    position: relative;
    width: 33.33333%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    padding-right: 4rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

    .edit-mode .feature-block .item-list > div .item {
        width: 100%
    }

.feature-block.grey-bg {
    background-color: #f1f4f7
}

    .feature-block.grey-bg .item-headline {
        color: #1a8479
    }

.feature-block .row {
    position: relative
}

.feature-block .h4, .feature-block .heading-copy {
    text-align: center;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto
}

.feature-block .item-list {
    display: -ms-flexbox;
    display: flex
}

.feature-block .item {
    position: relative;
    width: 33.33333%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 1rem;
    padding-right: 4rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

    .feature-block .item:after {
        content: "";
        display: block;
        width: 5rem;
        height: .4rem;
        background-color: #1a8479;
        position: absolute;
        left: 0;
        bottom: 0
    }

.feature-block .item-headline {
    letter-spacing: -.15rem;
    font-family: Calmetta,Arial,Verdana,sans-serif;
    font-size: 8.8rem;
    font-weight: 700;
    color: #e1e6e9;
    margin-bottom: 0
}

.feature-block .item-heading {
    display: block;
    width: 100%;
    font-weight: 700;
    margin-bottom: 1.2rem;
    color: #1d252d
}

.feature-block .item-description {
    min-height: 4.4rem
}

.feature-block img {
    margin-top: 2rem;
    height: 7.5rem;
    width: auto;
    max-width: none
}

    .feature-block img + .item-heading {
        margin-top: 1.7rem
    }

@media (min-width:128px) and (max-width:780px) {
    .feature-block {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

        .feature-block .h4, .feature-block .heading-copy {
            text-align: left;
            max-width: none
        }

        .feature-block .h4 {
            margin-bottom: 2.4rem
        }

        .feature-block .item-list {
            display: block
        }

        .feature-block .item {
            display: block;
            width: 100%;
            min-height: 0;
            padding-right: 0;
            margin-bottom: 2.8rem
        }

            .feature-block .item:after {
                bottom: .5rem
            }

        .feature-block .item-headline {
            font-size: 5rem
        }

        .feature-block img {
            height: 5rem
        }

            .feature-block img + .item-heading {
                margin-top: 1rem
            }

        .feature-block .item-heading {
            width: auto
        }

        .feature-block .item-description {
            min-height: 0
        }

        .feature-block.mobile-floated .item:after {
            left: 7.5rem
        }

        .feature-block.mobile-floated .item-headline {
            float: left;
            margin-top: -.8rem
        }

            .feature-block.mobile-floated .item-headline + .item-heading, .feature-block.mobile-floated .item-headline + .item-heading + .item-description {
                margin-left: 7.5rem
            }
}

.old-browser-detection {
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    z-index: 100;
    background-color: #ccbde9;
    display: none
}

.ie .old-browser-detection {
    display: block
}

.old-browser-detection.js-hide {
    display: none
}

.old-browser-detection .row {
    width: 100%
}

.old-browser-detection .pane {
    position: relative
}

.old-browser-detection .icon-and-text {
    margin: 1.1rem 3rem
}

.old-browser-detection p {
    color: #1d252d;
    margin-bottom: 0
}

.old-browser-detection .close-banner {
    background-color: transparent;
    border-width: 0;
    cursor: pointer;
    width: 1.2rem;
    height: 1.2rem;
    padding: 0;
    position: absolute;
    /*@replace: 43%*/ top: 50%;
    right: 1rem;
    transform: translateY(-50%)
}

    .old-browser-detection .close-banner:focus path, .old-browser-detection .close-banner:hover path {
        stroke: #1a8479
    }

.old-browser-detection .cta {
    font-size: 1.8rem;
    margin-left: 2.4rem
}

.old-browser-detection .icon-arrow-right path {
    stroke: #1d252d
}

.old-browser-detection .icon-warning {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    margin-right: .5rem;
    position: absolute;
    left: 1rem
}

.old-browser-detection .icon-close path {
    stroke: #1d252d
}

.old-browser-detection .alt-text {
    position: absolute;
    text-indent: -9999px
}

.images-off .old-browser-detection .close-banner {
    width: auto;
    height: auto
}

.images-off .old-browser-detection .icon-close {
    display: none
}

.images-off .old-browser-detection .alt-text {
    position: static;
    text-indent: 0
}

@media (min-width:128px) and (max-width:780px) {
    .old-browser-detection {
        display: none
    }
}

.local-country-service-selector {
    border: .1rem solid #e1e6e9;
    display: -ms-flexbox;
    display: flex;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 4rem;
    width: 100%
}

    .local-country-service-selector .left-col, .local-country-service-selector .right-col {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding-left: 7.5%;
        padding-right: 7.5%
    }

    .local-country-service-selector .right-col {
        margin-bottom: 0
    }

    .local-country-service-selector .h5 {
        line-height: 1.33333;
        font-weight: 400;
        color: #1d252d;
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .local-country-service-selector .select-legend {
        letter-spacing: .1rem;
        font-family: Source Sans Pro,Arial,sans-serif;
        font-size: 1.4rem;
        line-height: 1;
        color: #616771;
        text-transform: uppercase
    }

.base6 .local-country-service-selector {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .base6 .local-country-service-selector .left-col, .base6 .local-country-service-selector .right-col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .base6 .local-country-service-selector .h5 {
        margin-bottom: 4rem;
        text-align: center
    }

    .base6 .local-country-service-selector .select-legend {
        margin-bottom: 1.5rem;
        text-align: center
    }

    .base6 .local-country-service-selector .select {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

.base4 .local-country-service-selector {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .base4 .local-country-service-selector .left-col, .base4 .local-country-service-selector .right-col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .base4 .local-country-service-selector .h5 {
        margin-bottom: 4rem
    }

    .base4 .local-country-service-selector .select-legend {
        margin-bottom: 1.5rem
    }

    .base4 .local-country-service-selector .select {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }

@media (min-width:1024px) and (max-width:1430px) {
    .base6 .local-country-service-selector .select {
        width: 100%
    }

    .base4 .local-country-service-selector {
        padding-top: 1.5rem
    }
}

@media (min-width:128px) and (max-width:780px) {
    .local-country-service-selector {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 1rem;
        padding-bottom: 2rem;
        margin-bottom: 1.4rem
    }

        .local-country-service-selector .left-col, .local-country-service-selector .right-col {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            padding-left: 2rem;
            padding-right: 2rem
        }

        .local-country-service-selector .select-legend {
            margin-bottom: 1.3rem
        }
}

.utilities-list-item {
    background-color: #fff;
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

    .utilities-list-item .intro-paragraphs {
        margin-bottom: 2rem
    }

        .utilities-list-item .intro-paragraphs p {
            margin-bottom: 0
        }

    .utilities-list-item .h5 {
        margin-top: 5rem
    }

    .utilities-list-item .utilities-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .utilities-list-item .utilities-list + .h5 {
            border-top: .1rem solid #e9eef1;
            margin-top: 0;
            padding-top: 5.5rem
        }

    .utilities-list-item .list-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        min-height: 9rem;
        border-top: .1rem solid #e9eef1
    }

    .utilities-list-item .heading-group {
        -ms-flex-preferred-size: 41%;
        flex-basis: 41%;
        margin-top: 3rem;
        margin-right: 2rem
    }

        .utilities-list-item .heading-group .label-tag {
            width: 100%;
            max-width: 32rem
        }

    .utilities-list-item .tags {
        -ms-flex-preferred-size: 59%;
        flex-basis: 59%;
        padding-top: 3rem
    }

    .utilities-list-item .label-tag {
        font-weight: 700;
        padding: .7rem 1rem;
        margin-top: 0;
        margin-right: 1rem;
        margin-bottom: .8rem;
        padding-bottom: .7rem
    }

        .utilities-list-item .label-tag.utilities-tag-color1 {
            background-color: #f0c088
        }

        .utilities-list-item .label-tag.utilities-tag-color2 {
            background-color: #eae265
        }

        .utilities-list-item .label-tag.utilities-tag-color3 {
            background-color: #89e8de
        }

        .utilities-list-item .label-tag.utilities-tag-color4 {
            background-color: #a4c2e6
        }

        .utilities-list-item .label-tag.utilities-tag-color5 {
            background-color: #badc66
        }

        .utilities-list-item .label-tag.utilities-tag-color6 {
            background-color: #ccbde9
        }

    .utilities-list-item .tag-group {
        margin-bottom: 2rem;
        padding-right: 6%
    }

        .utilities-list-item .tag-group .group-header {
            overflow: auto
        }

            .utilities-list-item .tag-group .group-header h3 {
                font-family: Source Sans Pro,Arial,sans-serif;
                font-weight: 700;
                font-size: 1.2rem;
                color: #1d252d;
                text-transform: uppercase;
                margin-bottom: .5rem
            }

    .utilities-list-item .contact-box {
        display: -ms-flexbox;
        display: flex;
        border-top: .1rem solid #e9eef1;
        padding-top: 2.5rem
    }

        .utilities-list-item .contact-box .short-contact-profile {
            -ms-flex-preferred-size: 41%;
            flex-basis: 41%;
            border-width: 0;
            padding-top: 0;
            padding-left: 0;
            margin-bottom: 0
        }

            .utilities-list-item .contact-box .short-contact-profile .short-contact-profile-item {
                max-width: 32rem;
                margin-left: 0;
                margin-right: 0
            }

                .utilities-list-item .contact-box .short-contact-profile .short-contact-profile-item .author {
                    font-family: Calmetta,Arial,Verdana,sans-serif;
                    font-size: 1.9rem;
                    font-weight: 700;
                    color: #1a8479;
                    border-bottom: .4rem solid #1a8479
                }

                .utilities-list-item .contact-box .short-contact-profile .short-contact-profile-item .contact-profile-links {
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap
                }

                    .utilities-list-item .contact-box .short-contact-profile .short-contact-profile-item .contact-profile-links .links-text {
                        -ms-flex-preferred-size: 100%;
                        flex-basis: 100%;
                        padding-top: 0;
                        margin-bottom: 2rem
                    }

        .utilities-list-item .contact-box .right-col {
            -ms-flex-preferred-size: 59%;
            flex-basis: 59%;
            padding-right: 6%
        }

@media (min-width:128px) and (max-width:780px) {
    .utilities-list-item {
        padding-left: 6.5%;
        padding-right: 6.5%
    }

        .utilities-list-item .list-item {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            height: auto;
            padding-top: 2rem;
            padding-bottom: 1rem
        }

            .utilities-list-item .list-item .heading-group {
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
                margin-top: 1rem;
                margin-right: 0
            }

                .utilities-list-item .list-item .heading-group .label-tag {
                    max-width: none;
                    margin-bottom: 2rem
                }

            .utilities-list-item .list-item .tags {
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
                padding-top: 0
            }

            .utilities-list-item .list-item .tag-group {
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%
            }

                .utilities-list-item .h5, .utilities-list-item .list-item .tag-group .label-tag {
                    margin-bottom: 1rem
                }

        .utilities-list-item .utilities-list {
            padding-top: 1rem;
            padding-bottom: 1rem
        }

        .utilities-list-item .contact-box {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-top: 0
        }

            .utilities-list-item .contact-box .short-contact-profile {
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%
            }

                .utilities-list-item .contact-box .short-contact-profile .short-contact-profile-item {
                    max-width: none
                }

                    .utilities-list-item .contact-box .short-contact-profile .short-contact-profile-item .contact-profile-links .links-text {
                        display: -ms-flexbox;
                        display: flex;
                        -ms-flex-wrap: wrap;
                        flex-wrap: wrap
                    }

                        .utilities-list-item .contact-box .short-contact-profile .short-contact-profile-item .contact-profile-links .links-text a {
                            -ms-flex-preferred-size: 100%;
                            flex-basis: 100%
                        }

                            .utilities-list-item .contact-box .short-contact-profile .short-contact-profile-item .contact-profile-links .links-text a:after {
                                display: none
                            }

            .utilities-list-item .contact-box .right-col {
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
                border-top: .1rem solid #e9eef1;
                padding-top: 2rem;
                padding-right: 0
            }
}

.utilities-filter .sidebar .tablist {
    width: 24%;
    border-right: .1rem solid #e9eef1
}

    .utilities-filter .sidebar .tablist li {
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.8rem;
        font-weight: 400;
        color: #1d252d;
        background-color: #f1f4f7;
        border-right: .1rem solid #f1f4f7;
        border-bottom: .1rem solid #e9eef1;
        padding: 1.5rem 4rem;
        cursor: pointer;
        position: relative
    }

        .utilities-filter .sidebar .tablist li > span {
            pointer-events: none
        }

        .utilities-filter .sidebar .tablist li:focus, .utilities-filter .sidebar .tablist li:hover {
            background-color: #fff;
            border-right-color: #fff
        }

        .utilities-filter .sidebar .tablist li[aria-selected=true] {
            font-weight: 700;
            background-color: #fff;
            border-right-color: #fff;
            width: calc(100% + .1rem)
        }

        .utilities-filter .sidebar .tablist li .badge.checked {
            display: none
        }

        .utilities-filter .sidebar .tablist li.selected-filters .badge {
            display: block
        }

            .utilities-filter .sidebar .tablist li.selected-filters .badge.checked {
                min-width: 2rem;
                font-size: 0;
                position: absolute;
                left: .6rem;
                top: 50%;
                bottom: auto;
                transform: translateY(-50%)
            }

                .utilities-filter .sidebar .tablist li.selected-filters .badge.checked:before {
                    content: "";
                    display: block;
                    width: .5rem;
                    height: .9rem;
                    border: solid #fff;
                    border-width: 0 .2rem .2rem 0;
                    position: absolute;
                    left: .5rem;
                    top: 42%;
                    transform: rotate(45deg) translateY(-50%)
                }

        .utilities-filter .sidebar .tablist li .icon-chevron-down {
            display: none
        }

.utilities-filter .sidebar .tab-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 76%;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 2.7rem 2.6rem
}

    .utilities-filter .sidebar .tab-panel[aria-hidden=true] {
        display: none
    }

.utilities-filter .sidebar .filter-child {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    padding-top: 0;
    padding-bottom: 0
}

    .utilities-filter .sidebar .filter-child .list-heading {
        font-family: Source Sans Pro,Arial,sans-serif;
        font-weight: 400;
        font-size: 1.4rem;
        color: #616771;
        text-transform: uppercase;
        margin-left: -3.1rem;
        margin-bottom: .3rem
    }

    .utilities-filter .sidebar .filter-child li {
        width: 100%
    }

.utilities-filter .mobile-close {
    display: none
}

.utilities-filter .show-all-container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-bottom: .5rem;
    margin-bottom: 1.6rem
}

.utilities-filter .icon-arrow-right {
    display: none
}

@media (min-width:128px) and (max-width:780px) {
    .utilities-filter {
        padding-bottom: 0
    }

        .utilities-filter .sidebar {
            display: none;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .utilities-filter .sidebar .tablist {
                width: 100%
            }

                .utilities-filter .sidebar .tablist li {
                    background-color: #fff;
                    border-right: .1rem solid #e9eef1;
                    border-top: .1rem solid #e9eef1;
                    border-bottom-width: 0;
                    padding-left: 6.5%;
                    padding-right: 13%;
                    position: relative
                }

                    .utilities-filter .sidebar .tablist li[aria-selected=true] {
                        font-weight: 400
                    }

                    .utilities-filter .sidebar .tablist li.selected-filters {
                        display: -ms-flexbox;
                        display: flex
                    }

                        .utilities-filter .sidebar .tablist li.selected-filters .badge.checked {
                            position: relative;
                            transform: none;
                            height: 2.2rem;
                            width: 2.2rem;
                            min-width: 2.2rem;
                            left: .2rem;
                            top: .2rem
                        }

                            .utilities-filter .sidebar .tablist li.selected-filters .badge.checked:before {
                                top: .6rem;
                                left: .9rem;
                                transform: rotate(45deg)
                            }

                    .utilities-filter .sidebar .tablist li .icon-chevron-down {
                        display: block;
                        left: auto;
                        right: 6.5%;
                        transform: rotate(-90deg) translateX(50%);
                        width: 1.2rem;
                        height: 1.2rem
                    }

                        .utilities-filter .sidebar .tablist li .icon-chevron-down path {
                            stroke: #1a8479
                        }

            .utilities-filter .sidebar .tab-panel {
                width: 100%;
                padding: 0 6.5%;
                background-color: #fff
            }

            .utilities-filter .sidebar .filter-child {
                -ms-flex-direction: column;
                flex-direction: column;
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%
            }

                .utilities-filter .sidebar .filter-child .list-heading {
                    letter-spacing: .1rem;
                    margin-top: 2rem;
                    margin-bottom: 0;
                    margin-left: -1rem
                }

        .utilities-filter .mobile-close {
            background: #1a8479;
            color: #fff;
            padding-left: 6.5%;
            padding-right: 6.5%;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            display: block
        }

            .utilities-filter .mobile-close button {
                color: #fff;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-size: 1.9rem;
                font-weight: 300;
                background-color: transparent;
                padding: 1.8rem 2rem 1.7rem;
                border: 0;
                width: 100%;
                text-align: left
            }

                .utilities-filter .mobile-close button strong {
                    color: inherit
                }

            .utilities-filter .mobile-close .icon-close {
                display: block;
                width: 1.2rem;
                height: 1.2rem;
                position: absolute;
                top: 2.5rem;
                right: 6.5%
            }

                .utilities-filter .mobile-close .icon-close path {
                    stroke: #fff
                }

        .utilities-filter .show-all-container {
            margin-top: 3rem
        }

            .utilities-filter .show-all-container li {
                margin-bottom: 1rem
            }

        .utilities-filter .icon-arrow-right {
            display: block;
            width: 1.6rem;
            height: 1.3rem;
            position: absolute;
            left: 6.5%;
            top: 3rem;
            margin: auto;
            z-index: 1;
            transform: rotate(180deg) translateY(50%)
        }

            .utilities-filter .icon-arrow-right path {
                stroke: #fff
            }
}

.utilities-key {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    transform: translateY(100%);
    z-index: 1
}

    .utilities-key[aria-hidden=true] {
        opacity: 0
    }

    .utilities-key[aria-hidden=false] {
        opacity: 1;
        transition: transform .9s cubic-bezier(.19,1,.22,1);
        transform: translateY(100%) translateY(-7.5rem)
    }

        .utilities-key[aria-hidden=false][aria-expanded=true] {
            transform: translateY(0)
        }

    .utilities-key[aria-expanded=true] .button .icon-chevron {
        transform: translateY(-50%) rotate(180deg)
    }

    .utilities-key .button-row {
        background-color: #1a8479;
        height: 7.5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .utilities-key .button {
        color: #fff;
        border-width: 0;
        padding: 0 3rem 0 5rem;
        background-color: transparent;
        position: relative
    }

        .utilities-key .button:focus, .utilities-key .button:hover {
            text-decoration: underline
        }

    .utilities-key .icon-circle-help {
        width: 3.2rem;
        height: 3.2rem;
        left: 0
    }

    .utilities-key .icon-chevron, .utilities-key .icon-circle-help {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

    .utilities-key .icon-chevron {
        width: 1.8rem;
        height: 1.2rem;
        right: 0
    }

        .utilities-key .icon-chevron svg {
            display: block
        }

    .utilities-key .row {
        padding-top: 5rem;
        padding-bottom: 2.5rem
    }

    .utilities-key .label-list {
        padding-right: 3.4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .utilities-key .label-list .key {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%
        }

        .utilities-key .label-list .label-tag {
            padding: .7rem 1.2rem;
            margin-top: 0;
            margin-bottom: .5rem;
            font-weight: 700
        }

            .utilities-key .label-list .label-tag.utilities-tag-colour-1 {
                background-color: #f0c088
            }

            .utilities-key .label-list .label-tag.utilities-tag-colour-2 {
                background-color: #eae265
            }

            .utilities-key .label-list .label-tag.utilities-tag-colour-3 {
                background-color: #89e8de
            }

            .utilities-key .label-list .label-tag.utilities-tag-colour-4 {
                background-color: #a4c2e6
            }

            .utilities-key .label-list .label-tag.utilities-tag-colour-5 {
                background-color: #badc66
            }

            .utilities-key .label-list .label-tag.utilities-tag-color-6 {
                background-color: #ccbde9
            }

        .utilities-key .label-list dd {
            font-size: 1.4rem;
            font-weight: 300;
            margin-bottom: 2.5rem;
            margin-right: 2rem
        }

    .utilities-key .word-list {
        border-left: .1rem solid #e9eef1;
        padding-left: 3.4rem
    }

@media (min-width:128px) and (max-width:780px) {
    .utilities-key {
        bottom: 5.5rem;
        z-index: 1
    }

        .utilities-key[aria-hidden=true] {
            transform: translateY(100%) translateY(5.5rem)
        }

        .utilities-key[aria-hidden=false] {
            transform: translateY(100%) translateY(0)
        }

            .utilities-key[aria-hidden=false][aria-expanded=true] {
                position: absolute;
                top: 0;
                transform: translateY(0)
            }

        .utilities-key .button-row {
            height: 5.5rem
        }

        .utilities-key .row {
            min-height: 100vh;
            padding-top: 3rem;
            padding-bottom: 2rem
        }

        .utilities-key .label-list {
            padding-left: 0;
            padding-right: 0
        }

            .utilities-key .label-list .key {
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%
            }

        .utilities-key .word-list {
            border-top: .1rem solid #e9eef1;
            border-left-width: 0;
            padding-left: 0;
            padding-top: 3.5rem;
            margin-top: 0
        }
}

.azure-search {
    position: relative;
    z-index: 1
}

    .azure-search [class^=icon] {
        background-image: none
    }

    .azure-search label {
        font-family: Calmetta,Arial,Verdana,sans-serif
    }

    .azure-search .results-container {
        transition: opacity 1s
    }

        .azure-search .results-container.initial {
            opacity: 0
        }

    .azure-search .mobile-only {
        display: none
    }

    .azure-search .recaptcha {
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 4rem
    }

        .azure-search .recaptcha.hide {
            visibility: hidden;
            height: 0;
            margin: 0
        }

    .azure-search .botdetect.row {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 30px 0
    }

    .azure-search .botdetect__label {
        line-height: 1.375;
        color: #fff;
        font-size: 1.6rem;
        font-weight: 300;
        margin-bottom: 2rem;
        margin-top: 2rem
    }

    .azure-search .botdetect.hide {
        height: 0;
        margin: 0;
        overflow: hidden;
        padding: 0;
        visibility: hidden
    }

    .azure-search .botdetect__controls {
        display: -ms-flexbox;
        display: flex;
        margin-left: 95px
    }

@media (min-width:128px) and (max-width:780px) {
    .azure-search .botdetect__controls {
        margin-left: 0
    }
}

.azure-search .botdetect__submit {
    background-color: #1a8479;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400;
    margin-left: 25px;
    padding: 10px
}

@media (min-width:128px) and (max-width:780px) {
    .azure-search .botdetect__submit {
        margin-left: 10px
    }
}

.azure-search .botdetect__submit:focus, .azure-search .botdetect__submit:hover {
    background-color: #fff;
    color: #6d7985
}

.azure-search .botdetect input[type=text] {
    text-transform: none;
    width: 280px
}

@media (min-width:128px) and (max-width:780px) {
    .azure-search .botdetect input[type=text] {
        width: auto
    }
}

.azure-search .info-message {
    position: absolute;
    background-color: #70378d;
    padding: 1rem;
    right: -1.5rem;
    transform: translateX(100%);
    color: #fff;
    font-size: 1.4rem;
    top: 1.2rem;
    max-width: 16rem
}

    .azure-search .info-message:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #70378d;
        left: 0;
        transform: translateX(-96%)
    }

.azure-search .aria-live {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: 1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    position: absolute
}

.azure-search .results-export {
    background-color: #f1f4f7
}

    .azure-search .results-export .export {
        border-top: 1px solid #e1e6e9;
        padding-top: 2rem;
        padding-bottom: 1rem;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

        .azure-search .results-export .export svg {
            width: 2rem;
            height: 2rem;
            margin-right: 1rem;
            margin-bottom: -.2rem
        }

            .azure-search .results-export .export svg path {
                stroke: #1a8479
            }

        .azure-search .results-export .export > svg {
            width: 21px;
            height: 21px;
            font-weight: 700;
            font-size: 18px;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            margin-left: 1rem
        }

        .azure-search .results-export .export a {
            margin-left: auto;
            font-size: 1.8rem;
            color: #1d252d
        }

            .azure-search .results-export .export a.information {
                margin-left: 2rem
            }

                .azure-search .results-export .export a.information svg {
                    margin-bottom: -.4rem;
                    margin-right: 0
                }

                    .azure-search .results-export .export a.information svg path {
                        stroke: none
                    }

.azure-search .search-result-header .row {
    -ms-flex-align: end;
    align-items: flex-end
}

.azure-search .search-result-header .input-container {
    height: auto
}

    .azure-search .search-result-header .input-container:first-child {
        margin-left: 0
    }

    .azure-search .search-result-header .input-container label {
        position: static;
        color: #fff
    }

    .azure-search .search-result-header .input-container input {
        padding: .8rem 1rem
    }

        .azure-search .search-result-header .input-container input::-webkit-input-placeholder {
            color: #616771
        }

        .azure-search .search-result-header .input-container input::-moz-placeholder {
            color: #616771
        }

        .azure-search .search-result-header .input-container input::-ms-input-placeholder {
            color: #616771
        }

        .azure-search .search-result-header .input-container input::placeholder {
            color: #616771
        }

    .azure-search .search-result-header .input-container select {
        width: 100%;
        cursor: pointer
    }

    .azure-search .search-result-header .input-container div {
        width: 100%;
        position: relative
    }

    .azure-search .search-result-header .input-container .icon-clear {
        width: 1.5rem;
        height: 1.5rem;
        position: absolute;
        right: 2rem;
        top: 1.6rem;
        visibility: hidden;
        cursor: pointer
    }

        .azure-search .search-result-header .input-container .icon-clear svg {
            position: static;
            display: block
        }

        .azure-search .search-result-header .input-container .icon-clear.show {
            visibility: visible
        }

    .azure-search .search-result-header .input-container .autocomplete-drop-down {
        display: none;
        position: absolute;
        width: 100%;
        background-color: #fff;
        border: .1rem solid #e1e6e9;
        margin-top: .3rem
    }

        .azure-search .search-result-header .input-container .autocomplete-drop-down ul li a {
            padding: 1rem 3rem 1rem 5rem;
            display: block;
            color: #616771;
            text-decoration: none;
            font-size: 1.8rem;
            font-family: Calmetta,Arial,Verdana,sans-serif
        }

            .azure-search .search-result-header .input-container .autocomplete-drop-down ul li a:focus, .azure-search .search-result-header .input-container .autocomplete-drop-down ul li a:hover {
                background-color: #e1e6e9
            }

            .azure-search .search-result-header .input-container .autocomplete-drop-down ul li a strong {
                color: #616771
            }

        .azure-search .search-result-header .input-container .autocomplete-drop-down.open {
            display: block
        }

.azure-search .search-result-header.shipsinclass {
    padding-top: 4rem;
    padding-bottom: 6rem
}

    .azure-search .search-result-header.shipsinclass button .icon-search {
        display: none
    }

    .azure-search .search-result-header.shipsinclass .row.botdetect {
        -ms-flex-align: center;
        align-items: center
    }

.azure-search .search-result-header.typeapproval .row {
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .azure-search .search-result-header.typeapproval .row:not(.mobile-only) {
        display: -ms-flexbox;
        display: flex
    }

    .azure-search .search-result-header.typeapproval .row.botdetect {
        -ms-flex-align: center;
        align-items: center
    }

.azure-search .search-result-header.typeapproval .input-container {
    display: block;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: calc(33.333333% - 3rem)
}

@media (min-width:128px) and (max-width:780px) {
    .azure-search .search-result-header.typeapproval .input-container {
        -ms-flex-positive: initial;
        flex-grow: 0;
        width: 100%
    }
}

.azure-search .search-result-header.typeapproval .input-container:nth-child(4) {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 20px;
    width: 100%
}

@media (min-width:128px) and (max-width:780px) {
    .azure-search .search-result-header.typeapproval .input-container:nth-child(4) {
        margin-bottom: 0;
        margin-top: 0
    }
}

.azure-search .search-result-header.typeapproval .input-container input {
    padding: .8rem 5rem
}

.azure-search .search-result-header__search-row {
    display: -ms-flexbox;
    display: flex
}

@media (-ms-high-contrast:none) {
    .azure-search .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .fields-checkbox-radio > li {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-width: 246px;
        max-width: 246px
    }
}

.azure-search .search-results-faceted-search-options .form-default .fields-filter .filter-label-container {
    display: none
}

    .azure-search .search-results-faceted-search-options .form-default .fields-filter .filter-label-container.open {
        display: block
    }

    .azure-search .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-child {
        max-height: 13rem;
        overflow: auto
    }

.azure-search .search-results-faceted-search-options.vertical-accordion .accordion {
    background-color: #fff
}

    .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop {
        display: block !important;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        transition: height .3s,visibility 0s linear .3s
    }

        .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .filter-label-header {
            -ms-flex-pack: start;
            justify-content: flex-start;
            height: 5rem
        }

            .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .filter-label-header h3 {
                position: absolute;
                top: 95px;
                left: 3rem
            }

            .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .filter-label-header input {
                width: 50%;
                font-size: 1.9rem;
                font-weight: 300;
                padding: 1.2rem 3.7rem 1.3rem;
                height: 5rem;
                transition: none
            }

            .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .filter-label-header .icon-search {
                position: absolute;
                top: 4rem;
                width: 2rem;
                height: 2rem;
                left: 3.5rem
            }

            .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .filter-label-header .icon-clear {
                transform: translateX(-3rem);
                cursor: pointer;
                visibility: hidden;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-align: center;
                align-items: center
            }

                .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .filter-label-header .icon-clear svg {
                    width: 1.3rem;
                    height: 1.3rem
                }

                .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .filter-label-header .icon-clear.show {
                    visibility: visible
                }

            .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .filter-label-header button {
                margin-left: auto
            }

    .azure-search .search-results-faceted-search-options.vertical-accordion .accordion.open .accordion-drop {
        visibility: visible;
        transition-delay: 0s
    }

.azure-search .search-results-listing .search-result-container {
    padding: 0;
    margin-bottom: 1rem;
    border-bottom: 0
}

.azure-search .results {
    background-color: #f1f4f7
}

    .azure-search .results .results-table {
        width: 100%;
        border-spacing: 0 1rem;
        transition: opacity .5s
    }

        .azure-search .results .results-table .results-head td {
            background-color: #70378d;
            color: #fff;
            font-size: 1.8rem;
            position: relative;
            border: 0
        }

            .azure-search .results .results-table .results-head td:last-child {
                padding: 1.5rem
            }

        .azure-search .results .results-table .results-head__arrow {
            display: -ms-inline-flexbox;
            display: inline-flex;
            position: absolute;
            right: 1rem;
            top: 0;
            width: 12px
        }

        .azure-search .results .results-table .results-head__arrow--up {
            transform: rotate(180deg)
        }

        .azure-search .results .results-table .results-head__column {
            background: none;
            border: none;
            cursor: pointer;
            color: #fff;
            display: block;
            font-size: 1.8rem;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            padding: 0;
            position: relative;
            text-align: left;
            width: 100%
        }

        .azure-search .results .results-table .results-head__column-label {
            border-bottom: 1px solid transparent
        }

        .azure-search .results .results-table .results-head__column:hover .results-head__column-label {
            border-bottom: 1px solid #1a8479
        }

        .azure-search .results .results-table tr {
            background-color: #fff
        }

            .azure-search .results .results-table tr.detailed {
                transform: translateY(-1.1rem)
            }

@media (-ms-high-contrast:none) {
    .azure-search .results .results-table tr.detailed {
        background-color: transparent
    }

        .azure-search .results .results-table tr.detailed td {
            transform: translateY(-1.1rem);
            background-color: #fff
        }
}

.azure-search .results .results-table tr.detailed .cta.light:after {
    content: none
}

.azure-search .results .results-table tr.detailed .cta.light .cta-text {
    display: inline;
    white-space: normal
}

.azure-search .results .results-table tr.detailed .cta.light:hover .cta-text {
    background-image: linear-gradient(90deg,#1a8479 0,#1a8479);
    background-position: 0 100%;
    background-size: .1rem .1rem;
    background-repeat: repeat-x
}

.azure-search .results .results-table tr.detailed .cta.light:hover:after {
    content: none
}

.azure-search .results .results-table tr.detailed td {
    border-right: 1px solid #e1e6e9;
    vertical-align: top;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 3rem
}

    .azure-search .results .results-table tr.detailed td:first-child span {
        display: inline-block;
        width: 50%;
        font-size: 1.6rem;
        vertical-align: top
    }

        .azure-search .results .results-table tr.detailed td:first-child span span {
            width: 100%
        }

    .azure-search .results .results-table tr.detailed td:last-child {
        text-align: right
    }

        .azure-search .results .results-table tr.detailed td:last-child .button {
            padding: 1.2rem 5.3rem 1.5rem
        }

        .azure-search .results .results-table tr.detailed td:last-child .icon-next-arrow {
            color: #1d252d;
            margin-top: 1.5rem;
            display: inline-block
        }

.azure-search .results .results-table tr.detailed .tag.type {
    display: inline-block
}

.azure-search .results .results-table tr.expanded svg {
    transform: rotate(180deg)
}

.azure-search .results .results-table td {
    min-width: 90px;
    padding: 1.5rem 0 1.5rem 1.5rem;
    font-size: 1.8rem;
    border-top: 1px solid #e1e6e9;
    border-bottom: 1px solid #e1e6e9;
    vertical-align: top;
    font-family: Calmetta,Arial,Verdana,sans-serif
}

    .azure-search .results .results-table td:first-child {
        border-left: 1px solid #e1e6e9;
        width: 10rem
    }

    .azure-search .results .results-table td:last-child {
        border-right: 1px solid #e1e6e9;
        padding: 1rem 2.5rem;
        vertical-align: middle;
        min-width: 0
    }

        .azure-search .results .results-table td:last-child .icon-arrow-right {
            margin: 0
        }

        .azure-search .results .results-table td:last-child .icon-next-arrow {
            display: block
        }

    .azure-search .results .results-table td svg {
        width: 2rem;
        height: 2rem
    }

    .azure-search .results .results-table td .tag {
        margin-top: 0;
        text-transform: capitalize;
        text-align: center;
        display: inline
    }

        .azure-search .results .results-table td .tag.type {
            background-color: #badc66;
            display: block;
            padding: 0 .5rem
        }

            .azure-search .results .results-table td .tag.type.classedlaidup, .azure-search .results .results-table td .tag.type.classwithdrawn {
                background-color: #e1e6e9
            }

            .azure-search .results .results-table td .tag.type.classsuspended, .azure-search .results .results-table td .tag.type.expired {
                background-color: #f0c088
            }

    .azure-search .results .results-table td .cta.light .icon-arrow-right {
        width: 2rem;
        height: 2rem
    }

    .azure-search .results .results-table td .cta.light svg path {
        stroke: #1a8479
    }

    .azure-search .results .results-table td .cta.light svg.external-svg {
        width: 1.8rem;
        height: 1.8rem;
        left: -2.3rem;
        position: absolute
    }

        .azure-search .results .results-table td .cta.light svg.external-svg path.box-outline {
            fill: #1a8479;
            stroke: none
        }

        .azure-search .results .results-table td .cta.light svg.external-svg path.arrow {
            stroke: #1a8479;
            fill: none
        }

    .azure-search .results .results-table td .cta.light .copy-text {
        text-indent: -9999px;
        display: none
    }

    .azure-search .results .results-table td .cta.light .mobile {
        display: none
    }

.azure-search .loading .results-head__arrow, .azure-search .loading .results .results-table {
    opacity: 0
}

.azure-search .pagination {
    margin-bottom: 0;
    margin: 0 auto
}

    .azure-search .pagination ol li:first-child:not(.previous) {
        margin-left: 4rem
    }

    .azure-search .pagination ol li:last-child:not(.next) {
        margin-right: 4rem
    }

    .azure-search .pagination ol li.hide {
        visibility: hidden
    }

    .azure-search .pagination ol li a:after, .azure-search .pagination ol li a:before {
        content: none
    }

@media (hover:none) {
    .azure-search .pagination ol li a:focus:after, .azure-search .pagination ol li a:focus:before, .azure-search .pagination ol li a:hover:after, .azure-search .pagination ol li a:hover:before {
        content: none
    }
}

.azure-search .pagination .total-number {
    display: none
}

.azure-search .search-shade .results, .azure-search .search-shade .results-export {
    position: relative
}

    .azure-search .search-shade .results-export:before, .azure-search .search-shade .results:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: hsla(0,0%,100%,.8);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1
    }

@media (max-width:1460px) and (min-width:1024px) {
    .azure-search .info-message {
        right: -.5rem;
        transform: translateY(-100%) translateY(-.5rem)
    }

        .azure-search .info-message:before {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #70378d;
            border-bottom: 0;
            right: .5rem;
            left: auto;
            bottom: -1rem;
            transform: none
        }
}

@media (min-width:780px) and (max-width:1080px) and (orientation:portrait) {
    .azure-search .info-message {
        right: -.5rem;
        transform: translateY(-100%) translateY(-.5rem)
    }

        .azure-search .info-message:before {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #70378d;
            border-bottom: 0;
            right: .5rem;
            left: auto;
            bottom: -1rem;
            transform: none
        }
}

@media (min-width:780px) and (max-width:1080px) {
    .azure-search .info-message {
        right: -.5rem;
        transform: translateY(-100%) translateY(-.5rem)
    }

        .azure-search .info-message:before {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #70378d;
            border-bottom: 0;
            right: .5rem;
            left: auto;
            bottom: -1rem;
            transform: none
        }
}

@media (min-width:128px) and (max-width:780px) {
    .azure-search .search-results-faceted-search-options.vertical-accordion .accordion > li {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .azure-search .search-results-faceted-search-options.vertical-accordion .accordion > li.open-li .search-results-mob, .azure-search .search-results-faceted-search-options.vertical-accordion .accordion > li > a {
            transform: none;
            position: static
        }

    .azure-search .search-results-faceted-search-options.vertical-accordion .accordion.open .accordion-drop {
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: calc(100% - 14rem) !important
    }

        .azure-search .search-results-faceted-search-options.vertical-accordion .accordion.open .accordion-drop form {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-bottom: 0;
            height: 100%
        }

            .azure-search .search-results-faceted-search-options.vertical-accordion .accordion.open .accordion-drop form .row:first-child {
                margin: 0;
                max-height: calc(100% - 9rem);
                overflow: auto;
                -ms-flex-positive: 1;
                flex-grow: 1;
                -ms-flex-line-pack: start;
                align-content: flex-start
            }

    .azure-search .mobile-only {
        display: block
    }

    .azure-search .desktop-only {
        display: none
    }

        .azure-search .desktop-only.typeapproval {
            display: inline-block;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 5rem;
            min-width: auto;
            z-index: 1
        }

            .azure-search .desktop-only.typeapproval .icon-search {
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%)
            }

    html[dir=rtl] .azure-search .desktop-only.typeapproval .icon-search {
        right: .4rem
    }

    .azure-search .results-export .export a.information {
        margin-left: 1rem
    }

    .azure-search .info-message {
        right: -1.5rem;
        transform: translateY(-100%) translateY(-.5rem)
    }

        .azure-search .info-message:before {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #70378d;
            border-bottom: 0;
            right: 1.5rem;
            left: auto;
            bottom: -1rem;
            transform: none
        }

    .azure-search .search-result-header.shipsinclass {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .azure-search .search-result-header .button {
        min-width: 100%;
        width: 100%;
        margin: 4rem 0 0
    }

        .azure-search .search-result-header .button .hidden-text {
            position: static
        }

    .azure-search .search-result-header label {
        margin-top: 2rem
    }

    .azure-search .search-result-header .input-container:first-child label {
        margin-top: 0
    }

    .azure-search .search-result-header .input-container .autocomplete-drop-down ul li a {
        padding: 1rem 2rem
    }

    .azure-search .search-result-header.typeapproval {
        position: relative
    }

        .azure-search .search-result-header.typeapproval .row {
            -ms-flex-align: start;
            align-items: flex-start
        }

        .azure-search .search-result-header.typeapproval .input-container {
            display: block
        }

            .azure-search .search-result-header.typeapproval .input-container label {
                margin-bottom: 1.6rem
            }

            .azure-search .search-result-header.typeapproval .input-container input {
                padding: .8rem 2rem;
                width: calc(100% - 6rem)
            }

            .azure-search .search-result-header.typeapproval .input-container > div {
                width: 100%
            }

        .azure-search .search-result-header.typeapproval .mobile-only button {
            width: 5rem;
            display: inline-block;
            min-width: auto;
            z-index: 1
        }

            .azure-search .search-result-header.typeapproval .mobile-only button .hidden-text {
                display: none
            }

    .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop {
        height: auto
    }

    .azure-search .search-results-faceted-search-options.vertical-accordion .accordion.open {
        display: block;
        padding-bottom: 0;
        padding-top: 0;
        overflow: hidden
    }

    .azure-search .search-results-faceted-search-options .form-default .fields-filter .filter-label-container {
        position: static
    }

        .azure-search .search-results-faceted-search-options .form-default .fields-filter .filter-label-container .filter-child {
            max-height: 26rem
        }

    .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .filter-label-header {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        position: relative
    }

        .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .filter-label-header .icon-search {
            left: 1.2rem;
            top: 1.6rem
        }

        .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .filter-label-header .icon-clear {
            position: absolute;
            right: 2rem;
            top: 6rem
        }

            .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .filter-label-header .icon-clear svg {
                width: 1.3rem;
                height: 1.3rem
            }

        .azure-search .search-results-faceted-search-options.vertical-accordion .accordion .accordion-drop .filter-label-header input {
            width: 100%;
            margin-top: 1rem
        }

    .azure-search .results.hide {
        visibility: hidden
    }

    .azure-search .results .results-table {
        overflow-x: hidden;
        width: auto;
        margin: 0 -7.5%
    }

        .azure-search .results .results-table .results-head {
            display: none
        }

        .azure-search .results .results-table tr {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            margin: 1rem 0;
            padding: 2rem 6rem 2rem 6.5%;
            border-bottom: 1px solid #e1e6e9;
            border-top: 1px solid #e1e6e9
        }

            .azure-search .results .results-table tr:nth-child(2) {
                margin-top: 0;
                border-top: 0
            }

            .azure-search .results .results-table tr.detailed {
                position: relative
            }

                .azure-search .results .results-table tr.detailed td {
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    border-right: 0;
                    padding-right: 0
                }

                    .azure-search .results .results-table tr.detailed td > div {
                        width: 100%
                    }

                    .azure-search .results .results-table tr.detailed td .button {
                        width: 100%;
                        text-align: center
                    }

                    .azure-search .results .results-table tr.detailed td .cta.light {
                        margin-left: 2.2rem
                    }

                        .azure-search .results .results-table tr.detailed td .cta.light.icon-next-arrow {
                            margin-left: 3.2rem
                        }

        .azure-search .results .results-table td {
            border: 0;
            padding-left: 0;
            padding: .25rem 0;
            display: -ms-flexbox;
            display: flex;
            white-space: normal;
            -ms-flex-align: start;
            align-items: flex-start
        }

            .azure-search .results .results-table td.desktop-only {
                display: none
            }

            .azure-search .results .results-table td:first-child, .azure-search .results .results-table td:last-child {
                border: 0;
                padding-left: 0
            }

            .azure-search .results .results-table td:first-child {
                width: auto
            }

            .azure-search .results .results-table td:last-child {
                padding: 1rem 6.5%;
                text-align: right
            }

            .azure-search .results .results-table td .tag {
                display: inline
            }

            .azure-search .results .results-table td strong.no-mob {
                font-weight: 400
            }

            .azure-search .results .results-table td .cta.light {
                margin-left: 3.2rem;
                z-index: 0
            }

                .azure-search .results .results-table td .cta.light .mobile {
                    display: inline-block;
                    color: #1d252d;
                    font-weight: 700
                }

                .azure-search .results .results-table td .cta.light .icon-arrow-right {
                    left: -3.1rem
                }

            .azure-search .results .results-table td:before {
                content: attr(data-label);
                width: 11rem;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                text-transform: uppercase;
                font-family: Source Sans Pro,Arial,sans-serif;
                color: #616771
            }

            .azure-search .results .results-table td.no-label {
                padding-top: 2rem
            }

                .azure-search .results .results-table td.no-label:before {
                    content: none
                }

    .azure-search[data-azuresearch-uicomponent=TypeApproval] .results .results-table tr {
        position: relative
    }

        .azure-search[data-azuresearch-uicomponent=TypeApproval] .results .results-table tr td:before {
            content: none
        }

        .azure-search[data-azuresearch-uicomponent=TypeApproval] .results .results-table tr:not(.detailed) td:last-child {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

    .azure-search .search-shade .results-export:before, .azure-search .search-shade .results:before {
        content: none
    }

    .azure-search .pagination .total-number {
        display: block
    }
}

.ecerts-result {
    background-color: #fff;
    padding: 3rem;
    margin: 6rem 0
}

    .ecerts-result header {
        background-color: #badc66;
        padding: 2rem 3rem
    }

        .ecerts-result header h4, .ecerts-result header p {
            margin-bottom: 0;
            color: #1d252d
        }

        .ecerts-result header h4 {
            font-size: 1.7rem;
            font-weight: 700;
            letter-spacing: 1.5px
        }

        .ecerts-result header + div {
            margin-top: 3rem;
            padding-top: 2rem;
            border-top: 1px solid #e1e6e9;
            display: -ms-flexbox;
            display: flex
        }

    .ecerts-result dt {
        width: 17rem;
        word-break: break-word;
        margin-right: 2rem
    }

    .ecerts-result dl {
        width: 100%
    }

    .ecerts-result dd, .ecerts-result dt {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        color: #1d252d;
        max-width: calc(50% - 2rem);
        vertical-align: top;
        word-break: break-word
    }

    .ecerts-result aside {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: auto
    }

        .ecerts-result aside a {
            margin-bottom: 2rem;
            text-align: center
        }

            .ecerts-result aside a:first-child {
                margin-top: 1rem
            }

    .ecerts-result.orange header {
        background-color: #f0c088
    }

    .ecerts-result.grey header {
        background-color: #e1e6e9
    }

@media (min-width:128px) and (max-width:780px) {
    .ecerts-result header {
        padding: 1.5rem 2rem
    }

        .ecerts-result header + div {
            border: 0;
            padding-top: 0;
            margin-top: 2rem;
            -ms-flex-direction: column;
            flex-direction: column
        }

    .ecerts-result aside {
        margin-left: 0;
        margin-top: 2rem
    }

        .ecerts-result aside a {
            width: 100%
        }

            .ecerts-result aside a:last-child {
                margin-bottom: 0
            }
}

.ecerts-search .search {
    padding: 4rem 1rem 0;
    background-color: #e1e6e9
}

    .ecerts-search .search label {
        font-size: 1.6rem;
        position: relative;
        padding-left: 2rem
    }

        .ecerts-search .search label:before {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            background-color: #70378d;
            border-radius: 50%;
            left: 0;
            top: 50%;
            transform: translateY(-33%)
        }

    .ecerts-search .search .input-container {
        width: 100%
    }

        .ecerts-search .search .input-container input {
            border: .1rem solid #e1e6e9;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            width: 100%;
            font-size: 1.9rem;
            font-weight: 300;
            height: auto;
            padding: 1.3rem 1.5rem
        }

            .ecerts-search .search .input-container input::-webkit-input-placeholder {
                color: #616771
            }

            .ecerts-search .search .input-container input::-moz-placeholder {
                color: #616771
            }

            .ecerts-search .search .input-container input::-ms-input-placeholder {
                color: #616771
            }

            .ecerts-search .search .input-container input::placeholder {
                color: #616771
            }

.ecerts-search .buttons {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3rem
}

    .ecerts-search .buttons > div {
        width: 50%;
        display: -ms-flexbox;
        display: flex
    }

        .ecerts-search .buttons > div .g-recaptcha {
            margin-left: auto;
            margin-right: 1.5rem
        }

        .ecerts-search .buttons > div:first-child:last-child {
            -ms-flex-pack: center;
            justify-content: center
        }

    .ecerts-search .buttons button {
        margin-left: 1.5rem;
        padding: 1.2rem 6rem 1.5rem
    }

@media (min-width:128px) and (max-width:780px) {
    .ecerts-search .row {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .ecerts-search .row .input-container {
            width: 100%
        }

            .ecerts-search .row .input-container:first-child, .ecerts-search .row .input-container:last-child {
                padding: 0 6.5%
            }

    .ecerts-search .buttons {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 2rem 6.5%
    }

        .ecerts-search .buttons div {
            width: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: center
        }

        .ecerts-search .buttons > div .g-recaptcha {
            margin-right: 0
        }

        .ecerts-search .buttons button {
            margin-left: 0;
            margin-top: 2rem;
            width: 100%
        }
}

.search-result-item {
    background-color: #f1f4f7
}

.hide-menu .search-result-item {
    display: none
}

.search-result-item .row .pane {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 2rem
}

.search-result-item .course-cta-container {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    perspective: 10000px
}

    .search-result-item .course-cta-container[data-tp-id]:not([data-tp-id=""]) {
        opacity: 0
    }

        .search-result-item .course-cta-container[data-tp-id]:not([data-tp-id=""]).show {
            opacity: 1
        }

    .search-result-item .course-cta-container .course-cta-flipper {
        border: .1rem solid #e1e6e9;
        height: 100%;
        position: relative;
        transform-style: preserve-3d;
        transition: box-shadow .2s cubic-bezier(.165,.84,.44,1),transform .6s ease-out
    }

    .search-result-item .course-cta-container .course-cta-back, .search-result-item .course-cta-container .course-cta-front {
        background-color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        padding: 28px 20px 20px;
        position: absolute;
        width: 100%
    }

    .search-result-item .course-cta-container .course-cta-front {
        position: relative;
        transform: rotateY(0deg);
        z-index: 3
    }

    .search-result-item .course-cta-container .course-cta-back {
        opacity: 0;
        pointer-events: none;
        top: 0;
        transform: rotateY(-180deg);
        transition: opacity .6s;
        z-index: 2
    }

        .search-result-item .course-cta-container .course-cta-back button:not(.select-button) {
            background-color: transparent;
            background-image: url(/assets/img/svg/close.svg);
            background-repeat: no-repeat;
            border: none;
            cursor: pointer;
            height: 15px;
            position: absolute;
            right: 20px;
            top: 20px;
            width: 15px
        }

        .search-result-item .course-cta-container .course-cta-back .button[disabled] {
            opacity: .5;
            pointer-events: none
        }

        .search-result-item .course-cta-container .course-cta-back .heading-link {
            margin-bottom: 2.5rem
        }

        .search-result-item .course-cta-container .course-cta-back .custom-select {
            color: #232323;
            -ms-flex-positive: 1;
            flex-grow: 1;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            position: relative;
            width: 100%
        }

            .search-result-item .course-cta-container .course-cta-back .custom-select select {
                display: none
            }

            .search-result-item .course-cta-container .course-cta-back .custom-select .select-button {
                background: #fff;
                border: none;
                display: block;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-size: 1.6rem;
                text-align: left;
                -webkit-appearance: none;
                width: 100%
            }

            .search-result-item .course-cta-container .course-cta-back .custom-select .select-selected {
                border: 1px solid #e1e6e9;
                color: #232323;
                cursor: pointer;
                font-size: 1.9rem;
                font-weight: 300;
                line-height: 1.8;
                margin: 0;
                height: 51px;
                overflow: hidden;
                padding: 9px 16px 10px
            }

                .search-result-item .course-cta-container .course-cta-back .custom-select .select-selected.option-selected {
                    font-size: 1.6rem;
                    font-weight: 700;
                    line-height: 2;
                    padding-right: 50px
                }

                .search-result-item .course-cta-container .course-cta-back .custom-select .select-selected:after {
                    background-image: url(/assets/img/svg/chevron-down.svg);
                    background-repeat: no-repeat;
                    background-size: 16px auto;
                    height: 12px;
                    content: "";
                    position: absolute;
                    right: 20px;
                    top: 19px;
                    transition: transform .6s;
                    width: 16px
                }

                .search-result-item .course-cta-container .course-cta-back .custom-select .select-selected.select-arrow-active:after {
                    transform: rotate(180deg)
                }

            .search-result-item .course-cta-container .course-cta-back .custom-select .scroll-window {
                overflow: hidden
            }

            .search-result-item .course-cta-container .course-cta-back .custom-select .select-items {
                border: 1px solid #e1e6e9;
                border-top: none;
                font-size: 1.6rem;
                position: absolute;
                top: 51px;
                left: 0;
                right: 0;
                z-index: 99
            }

                .search-result-item .course-cta-container .course-cta-back .custom-select .select-items .select-item {
                    border-bottom: 1px solid #e1e6e9;
                    color: #232323;
                    cursor: pointer;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    height: 60px;
                    -ms-flex-pack: center;
                    justify-content: center;
                    padding: 8px 16px;
                    width: calc(100% - 18px)
                }

                    .search-result-item .course-cta-container .course-cta-back .custom-select .select-items .select-item:last-child {
                        border-bottom: none
                    }

            .search-result-item .course-cta-container .course-cta-back .custom-select .select-hide {
                display: none
            }

            .search-result-item .course-cta-container .course-cta-back .custom-select .same-as-selected, .search-result-item .course-cta-container .course-cta-back .custom-select .select-item:focus, .search-result-item .course-cta-container .course-cta-back .custom-select .select-item:hover {
                background-color: #f0f6f8;
                font-weight: 700
            }

    .search-result-item .course-cta-container.flipped .course-cta-flipper {
        transform: rotateY(180deg)
    }

        .search-result-item .course-cta-container.flipped .course-cta-flipper .course-cta-front {
            z-index: 1
        }

    .search-result-item .course-cta-container.flipped .course-promotion-left, .search-result-item .course-cta-container.flipped .course-promotion-right {
        top: 0
    }

    .search-result-item .course-cta-container.flipped .course-promotion-left {
        left: 0
    }

    .search-result-item .course-cta-container.flipped .course-cta-front {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .search-result-item .course-cta-container.flipped .course-cta-back {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 1;
        pointer-events: auto
    }

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .search-result-item .course-cta-container.flipped .course-cta-back {
        -webkit-backface-visibility: visible;
        backface-visibility: visible
    }
}

.search-result-item .course-cta-container.course-cta-promoted {
    border: .1rem solid #0257b8;
    box-shadow: inset 2px 2px 0 -1px #0257b8,inset -2px -2px 0 -1px #0257b8
}

    .search-result-item .course-cta-container.course-cta-promoted:hover {
        box-shadow: 0 2px 4px 4px rgba(0,0,0,.06),inset 2px 2px 0 -1px #0257b8,inset -2px -2px 0 -1px #0257b8
    }

    .search-result-item .course-cta-container.course-cta-promoted .course-cta-back {
        box-shadow: inset 2px 2px 0 -1px #0257b8,inset -2px -2px 0 -1px #0257b8
    }

.search-result-item .course-cta-container:hover .course-cta-flipper {
    box-shadow: 0 2px 4px 4px rgba(0,0,0,.06)
}

.search-result-item .course-cta-container h3 {
    color: #616771;
    font-family: Source Sans Pro,Arial,sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.214rem;
    margin-bottom: 1px
}

.search-result-item .course-cta-container .mobile-only {
    display: none
}

.search-result-item .course-cta-container .course-promotion-left {
    position: absolute;
    left: -1px;
    top: -1px
}

    .search-result-item .course-cta-container .course-promotion-left .course-promotion-item {
        background: #0257b8;
        color: #fff;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 1.214rem;
        padding: 6px 16px;
        text-align: center;
        text-transform: uppercase
    }

.search-result-item .course-cta-container .course-promotion-right {
    position: absolute;
    right: 20px;
    top: -1px
}

    .search-result-item .course-cta-container .course-promotion-right .course-promotion-item {
        -ms-flex-align: center;
        align-items: center;
        background: #f1f4f7;
        color: #fff;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.2rem;
        font-weight: 700;
        height: 54px;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1.2;
        margin-left: 5px;
        padding-left: 5px;
        padding-right: 5px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        vertical-align: top;
        width: 60px
    }

        .search-result-item .course-cta-container .course-promotion-right .course-promotion-item:after {
            border-left: 30px solid transparent;
            border-right: 30px solid transparent;
            border-top: 17px solid #f1f4f7;
            bottom: -17px;
            left: 0;
            content: "";
            position: absolute
        }

        .search-result-item .course-cta-container .course-promotion-right .course-promotion-item.promotion-discount {
            background: #64a70b;
            padding-left: 7px;
            padding-right: 7px;
            padding-top: 8px
        }

            .search-result-item .course-cta-container .course-promotion-right .course-promotion-item.promotion-discount:after {
                border-top-color: #64a70b
            }

        .search-result-item .course-cta-container .course-promotion-right .course-promotion-item.promotion-best-seller {
            background: #6e3fa3;
            font-size: 1rem;
            line-height: 1.1
        }

            .search-result-item .course-cta-container .course-promotion-right .course-promotion-item.promotion-best-seller img {
                margin-bottom: 4px
            }

            .search-result-item .course-cta-container .course-promotion-right .course-promotion-item.promotion-best-seller:after {
                border-top-color: #6e3fa3
            }

            .search-result-item .course-cta-container .course-promotion-right .course-promotion-item.promotion-best-seller p {
                color: #fff;
                display: table;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-size: .9rem;
                font-weight: 700;
                line-height: 1.1;
                margin-bottom: 0
            }

.search-result-item .course-cta-container .course-price {
    padding-top: 7px
}

    .search-result-item .course-cta-container .course-price p {
        color: #1d252d;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 3.2rem;
        font-weight: 400;
        line-height: 1.1875;
        margin-bottom: 10px
    }

.search-result-item .course-cta-container .course-availability {
    background-image: url(/assets/img/svg/people.svg);
    background-position: 1px 2px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    margin-bottom: 20px;
    padding-bottom: 2px;
    padding-left: 24px
}

    .search-result-item .course-cta-container .course-availability p {
        box-shadow: inset 0 0 #fff,inset 0 -2px #00b398;
        color: #232323;
        display: inline;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.214
    }

.search-result-item .course-cta-container .course-type {
    padding-top: 7px
}

    .search-result-item .course-cta-container .course-type ul {
        margin-top: 3px
    }

        .search-result-item .course-cta-container .course-type ul li {
            color: #232323;
            font-size: 14px;
            font-weight: 400;
            line-height: 18px;
            padding-left: 12px;
            position: relative;
            vertical-align: bottom
        }

            .search-result-item .course-cta-container .course-type ul li:before {
                background: #0257b8;
                border-radius: 3px;
                content: "";
                display: inline-block;
                height: 6px;
                position: absolute;
                left: 0;
                top: 7px;
                width: 6px
            }

.search-result-item .course-cta-container .course-info-lower .course-type {
    margin-top: -10px;
    padding-top: 0
}

.search-result-item .course-cta-container .course-date-details p {
    color: #232323;
    font-family: Calmetta,Arial,Verdana,sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.1875;
    margin-bottom: 5px;
    min-height: 38px
}

.search-result-item .course-cta-container .course-buttons {
    margin-top: auto;
    padding-top: 30px
}

.search-result-item .course-cta-container .row {
    margin-left: -1rem;
    margin-right: -1rem
}

.search-result-item .course-cta-container p.course-further-dates {
    margin-bottom: 0
}

    .search-result-item .course-cta-container p.course-further-dates a {
        background-position: 0 90%;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.214;
        margin-bottom: 0
    }

.search-result-item .course-cta-container .button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.3rem 1.8rem 1.4rem;
    text-align: center;
    white-space: normal;
    width: 100%
}

    .search-result-item .course-cta-container .button.external span:not(.cta-text) {
        background-image: url(/assets/img/svg/external-blue.svg);
        background-size: 16px 16px;
        height: 16px;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 16px
    }

    .search-result-item .course-cta-container .button:focus span:not(.cta-text), .search-result-item .course-cta-container .button:hover span:not(.cta-text) {
        background-image: url(/assets/img/svg/external-white.svg);
        background-repeat: no-repeat
    }

.search-result-item .course-cta-container .heading-link {
    display: inline-block;
    margin-bottom: 1.2rem;
    margin-right: 140px;
    min-height: 56px;
    padding-right: 0;
    position: relative
}

    .search-result-item .course-cta-container .heading-link .underline {
        transition: background-position .1s cubic-bezier(.215,.61,.355,1),top .1s cubic-bezier(.215,.61,.355,1);
        background-position: 0 calc(100% + .3rem);
        background-size: .1rem .3rem
    }

    .search-result-item .course-cta-container .heading-link:focus, .search-result-item .course-cta-container .heading-link:hover {
        text-decoration: none
    }

        .search-result-item .course-cta-container .heading-link:focus .underline, .search-result-item .course-cta-container .heading-link:hover .underline {
            top: -.4rem;
            background-position: 0 calc(100% - .1rem)
        }

.search-result-item .course-cta-container.no-promos .heading-link {
    margin-right: 0
}

.search-result-item .course-cta-container.no-promos .course-cta-back .heading-link {
    margin-right: 30px
}

.search-result-item .course-cta-container .course-copy-text {
    color: #616771;
    font-weight: 400;
    margin-bottom: 1.5rem
}

    .search-result-item .course-cta-container .course-copy-text p {
        font-weight: 400;
        margin-bottom: 1.5rem
    }

    .search-result-item .course-cta-container .course-copy-text hr {
        margin-bottom: 1.7rem
    }

[lang*=en-IN] .course-cta-container .course-price p, [lang*=en-IN] .search-result-item .course-cta-container .course-price p {
    font-size: 2.5rem
}

[lang*=ja-JP] .course-cta-container .course-price p, [lang*=ja-JP] .search-result-item .course-cta-container .course-price p {
    font-size: 2.6rem
}

[lang*=en-th] .course-cta-container .course-price p, [lang*=en-th] .search-result-item .course-cta-container .course-price p, [lang*=th-TH] .course-cta-container .course-price p, [lang*=th-TH] .search-result-item .course-cta-container .course-price p {
    font-size: 2.4rem
}

[lang*=zh-CN] .course-cta-container .course-price p, [lang*=zh-CN] .search-result-item .course-cta-container .course-price p {
    font-size: 2.5rem
}

[lang*=zh-TW] .course-cta-container .course-price p, [lang*=zh-TW] .search-result-item .course-cta-container .course-price p {
    font-size: 2rem
}

[lang*=en-MY] .course-cta-container .course-price p, [lang*=en-MY] .search-result-item .course-cta-container .course-price p {
    font-size: 2.2rem
}

[lang*=en-SG] .course-cta-container .course-price p, [lang*=en-SG] .search-result-item .course-cta-container .course-price p {
    font-size: 3.2rem
}

[lang*=en-HK] .course-cta-container .course-price p, [lang*=en-HK] .search-result-item .course-cta-container .course-price p {
    font-size: 2.6rem
}

[lang*=hu-HU] .course-cta-container .course-price p, [lang*=hu-HU] .search-result-item .course-cta-container .course-price p, [lang*=ko-KR] .course-cta-container .course-price p, [lang*=ko-KR] .search-result-item .course-cta-container .course-price p {
    font-size: 2rem
}

[lang*=id-ID] .course-cta-container .course-price p, [lang*=id-ID] .search-result-item .course-cta-container .course-price p {
    font-size: 1.8rem
}

@media (min-width:780px) and (max-width:1080px) {
    .search-result-item .course-cta-container .course-price p {
        font-size: 3rem;
        font-weight: 400;
        line-height: 1.2
    }

    .search-result-item .course-cta-container .button {
        font-size: 1.25rem;
        line-height: 1.513
    }

    [lang*=en-IN] .course-cta-container .course-price p, [lang*=en-IN] .search-result-item .course-cta-container .course-price p, [lang*=en-th] .course-cta-container .course-price p, [lang*=en-th] .search-result-item .course-cta-container .course-price p, [lang*=ja-JP] .course-cta-container .course-price p, [lang*=ja-JP] .search-result-item .course-cta-container .course-price p, [lang*=th-TH] .course-cta-container .course-price p, [lang*=th-TH] .search-result-item .course-cta-container .course-price p {
        font-size: 1.6rem
    }

    [lang*=zh-CN] .course-cta-container .course-price p, [lang*=zh-CN] .search-result-item .course-cta-container .course-price p {
        font-size: 1.8rem
    }

    [lang*=en-MY] .course-cta-container .course-price p, [lang*=en-MY] .search-result-item .course-cta-container .course-price p, [lang*=en-SG] .course-cta-container .course-price p, [lang*=en-SG] .search-result-item .course-cta-container .course-price p, [lang*=zh-TW] .course-cta-container .course-price p, [lang*=zh-TW] .search-result-item .course-cta-container .course-price p {
        font-size: 1.4rem
    }

    [lang*=en-HK] .course-cta-container .course-price p, [lang*=en-HK] .search-result-item .course-cta-container .course-price p {
        font-size: 1.6rem
    }

    [lang*=hu-HU] .course-cta-container .course-price p, [lang*=hu-HU] .search-result-item .course-cta-container .course-price p, [lang*=ko-KR] .course-cta-container .course-price p, [lang*=ko-KR] .search-result-item .course-cta-container .course-price p {
        font-size: 1.4rem
    }

    [lang*=id-ID] .course-cta-container .course-price p, [lang*=id-ID] .search-result-item .course-cta-container .course-price p {
        font-size: 1.3rem
    }

    [lang*=nn-NO] .course-cta-container .course-price p, [lang*=nn-NO] .search-result-item .course-cta-container .course-price p {
        font-size: 2.2rem
    }

    [lang*=nl-BE] .course-cta-container .course-price p, [lang*=nl-BE] .search-result-item .course-cta-container .course-price p, [lang*=nl-NL] .course-cta-container .course-price p, [lang*=nl-NL] .search-result-item .course-cta-container .course-price p {
        font-size: 1.8rem;
        line-height: 1.5
    }

    [lang*=de-AT] .course-cta-container .course-price p, [lang*=de-AT] .search-result-item .course-cta-container .course-price p, [lang*=de-DE] .course-cta-container .course-price p, [lang*=de-DE] .search-result-item .course-cta-container .course-price p {
        font-size: 2.6rem
    }
}

@media (min-width:780px) and (max-width:1080px) and (orientation:portrait) {
    .search-result-item .course-cta-container .course-availability p {
        box-shadow: inset -2px 0 #fff,inset -1px -2px #00b398
    }

    .search-result-item .course-cta-container .course-price p {
        font-size: 2rem
    }
}

@media (min-width:128px) and (max-width:780px) {
    .search-result-item {
        border-top: .1rem solid #e1e6e9
    }

        .search-result-item [class*=base], .search-result-item [class*=base_], .search-result-item [class~=base] {
            padding: 0 1rem
        }

        .search-result-item > .row {
            display: block
        }

        .search-result-item .row .pane {
            padding-left: 0;
            padding-right: 0
        }

        .search-result-item .course-cta-container .course-cta-front {
            display: block
        }

        .search-result-item .course-cta-container .desktop-only {
            display: none
        }

        .search-result-item .course-cta-container .mobile-only {
            display: block
        }

        .search-result-item .course-cta-container .course-promotion-right {
            float: right;
            margin-right: -20px;
            margin-top: -29px;
            position: static
        }

            .search-result-item .course-cta-container .course-promotion-right .course-promotion-item {
                display: -ms-flexbox;
                display: flex;
                margin-bottom: 27px
            }

                .search-result-item .course-cta-container .course-promotion-right .course-promotion-item:last-child {
                    margin-bottom: 10px
                }

        .search-result-item .course-cta-container.course-cta-promoted .course-promotion-right {
            margin-right: -21px
        }

        .search-result-item .course-cta-container .heading-link {
            float: left;
            margin-right: 0;
            width: calc(100% - 60px)
        }

            .search-result-item .course-cta-container .heading-link .underline {
                font-size: 2rem;
                margin-bottom: 1.1rem
            }

            .search-result-item .course-cta-container .heading-link:focus .underline, .search-result-item .course-cta-container .heading-link:hover .underline {
                background-position: 0 2.4rem
            }

        .search-result-item .course-cta-container .course-type {
            clear: both;
            margin-bottom: 6px;
            margin-top: 0;
            padding-top: 0
        }

            .search-result-item .course-cta-container .course-type.mobile-only {
                display: block
            }

            .search-result-item .course-cta-container .course-type.desktop-only {
                display: none
            }

            .search-result-item .course-cta-container .course-type ul li {
                display: inline-block;
                margin-right: 5px;
                padding-left: 10px
            }

                .search-result-item .course-cta-container .course-type ul li:last-child {
                    margin-right: 0
                }

        .search-result-item .course-cta-container .course-ticket-info {
            -ms-flex-align: end;
            align-items: flex-end;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .search-result-item .course-cta-container .course-availability {
            background-position: 1px 1px;
            background-size: 15px 15px;
            margin-bottom: 12px;
            padding-left: 21px
        }

            .search-result-item .course-cta-container .course-availability p {
                border-bottom: 0;
                box-shadow: inset -2px 0 #fff,inset -1px -2px #00b398;
                margin-bottom: 17px
            }

        .search-result-item .course-cta-container .course-price p {
            font-size: 2.9rem;
            letter-spacing: -1px
        }

        .search-result-item .course-cta-container .course-date-details p {
            min-height: 0
        }

            .search-result-item .course-cta-container .course-date-details p.course-further-dates, .search-result-item .course-cta-container .course-date-details p.course-length {
                margin-bottom: 0
            }

            .search-result-item .course-cta-container .course-date-details p.course-further-dates {
                float: right;
                font-family: Source Sans Pro,Arial,sans-serif;
                font-size: 1.4rem;
                line-height: 1.214
            }

        .search-result-item .course-cta-container .course-date-details .course-further-dates, .search-result-item .course-cta-container .course-date-details .course-length {
            margin-top: 10px
        }

        .search-result-item .course-cta-container .course-copy-text {
            margin-bottom: 0;
            min-height: 0
        }

            .search-result-item .course-cta-container .course-copy-text p {
                margin-bottom: 1.4rem
            }

        .search-result-item .course-cta-container .course-cta-back .custom-select .select-selected {
            font-size: 1.6rem
        }

        .search-result-item .course-cta-container .course-cta-back .custom-select .select-items .select-button {
            height: auto;
            width: 100%
        }

        .search-result-item .course-cta-container .course-buttons {
            display: block;
            margin-top: 23px;
            padding-top: 0;
            position: static
        }

            .search-result-item .course-cta-container .course-buttons .base6:first-child .button {
                margin-bottom: 11px
            }

        .search-result-item .course-cta-container .row {
            clear: both
        }

        .search-result-item .course-cta-container hr {
            margin-bottom: 1.6rem
        }

    [lang*=en-IN] .course-cta-container .course-price p, [lang*=en-IN] .search-result-item .course-cta-container .course-price p {
        font-size: 2.2rem;
        line-height: 1.4
    }

    [lang*=ja-JP] .course-cta-container .course-price p, [lang*=ja-JP] .search-result-item .course-cta-container .course-price p {
        font-size: 2.6rem;
        line-height: 1.1875
    }

    [lang*=en-th] .course-cta-container .course-price p, [lang*=en-th] .search-result-item .course-cta-container .course-price p, [lang*=th-TH] .course-cta-container .course-price p, [lang*=th-TH] .search-result-item .course-cta-container .course-price p {
        font-size: 2.2rem;
        line-height: 1.4
    }

    [lang*=zh-CN] .course-cta-container .course-price p, [lang*=zh-CN] .search-result-item .course-cta-container .course-price p {
        font-size: 3.2rem;
        line-height: 1.1875
    }

    [lang*=zh-TW] .course-cta-container .course-price p, [lang*=zh-TW] .search-result-item .course-cta-container .course-price p {
        font-size: 1.8rem;
        line-height: 1.5
    }

    [lang*=en-MY] .course-cta-container .course-price p, [lang*=en-MY] .search-result-item .course-cta-container .course-price p {
        font-size: 2rem;
        line-height: 1.5
    }

    [lang*=en-SG] .course-cta-container .course-price p, [lang*=en-SG] .search-result-item .course-cta-container .course-price p {
        font-size: 2.5rem;
        line-height: 1.3
    }

    [lang*=en-HK] .course-cta-container .course-price p, [lang*=en-HK] .search-result-item .course-cta-container .course-price p {
        font-size: 2.4rem;
        line-height: 1.3
    }

    [lang*=ko-KR] .course-cta-container .course-price p, [lang*=ko-KR] .search-result-item .course-cta-container .course-price p {
        font-size: 2.2rem;
        line-height: 1.1875
    }

    [lang*=hu-HU] .course-cta-container .course-price p, [lang*=hu-HU] .search-result-item .course-cta-container .course-price p {
        font-size: 2rem;
        line-height: 1.4
    }

    [lang*=id-ID] .course-cta-container .course-price p, [lang*=id-ID] .search-result-item .course-cta-container .course-price p {
        font-size: 1.8rem;
        line-height: 1.5
    }

    [lang*=nn-NO] .course-cta-container .course-price p, [lang*=nn-NO] .search-result-item .course-cta-container .course-price p {
        font-size: 2.2rem
    }

    [lang*=nl-BE] .course-cta-container .course-price p, [lang*=nl-BE] .search-result-item .course-cta-container .course-price p, [lang*=nl-NL] .course-cta-container .course-price p, [lang*=nl-NL] .search-result-item .course-cta-container .course-price p {
        font-size: 1.8rem;
        line-height: 1.5
    }

    [lang*=de-AT] .course-cta-container .course-price p, [lang*=de-AT] .search-result-item .course-cta-container .course-price p, [lang*=de-DE] .course-cta-container .course-price p, [lang*=de-DE] .search-result-item .course-cta-container .course-price p {
        font-size: 2.6rem
    }
}

.course-details-block {
    opacity: 0;
    overflow: hidden
}

    .course-details-block.show {
        opacity: 1
    }

    .course-details-block .mobile-only {
        display: none
    }

    .course-details-block .mobile-promotion-section {
        margin-bottom: 30px
    }

    .course-details-block .course-ctas .button {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 2rem;
        padding: 1.3rem 1.8rem 1.4rem;
        text-align: center;
        white-space: normal;
        width: 100%
    }

        .course-details-block .course-ctas .button.external span:not(.cta-text) {
            background-image: url(/assets/img/svg/external-blue.svg);
            background-size: 16px 16px;
            height: 16px;
            position: absolute;
            right: 10px;
            top: 10px;
            width: 16px
        }

        .course-details-block .course-ctas .button:focus span:not(.cta-text), .course-details-block .course-ctas .button:hover span:not(.cta-text) {
            background-image: url(/assets/img/svg/external-white.svg);
            background-repeat: no-repeat
        }

    .course-details-block[data-tp-id]:not([data-tp-id=""]) .course-ctas, .course-details-block[data-tp-id]:not([data-tp-id=""]) .course-details {
        opacity: 0
    }

        .course-details-block[data-tp-id]:not([data-tp-id=""]) .course-ctas.show, .course-details-block[data-tp-id]:not([data-tp-id=""]) .course-details.show {
            opacity: 1
        }

    .course-details-block .course-details {
        background-color: rgba(59,142,222,.1);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 40px;
        position: relative
    }

        .course-details-block .course-details .course-promotion-right {
            position: absolute;
            right: 0;
            top: 0
        }

            .course-details-block .course-details .course-promotion-right .course-promotion-item {
                -ms-flex-align: center;
                align-items: center;
                background: #f1f4f7;
                color: #fff;
                -ms-flex-direction: column;
                flex-direction: column;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-size: 1.2rem;
                font-weight: 700;
                height: 54px;
                -ms-flex-pack: center;
                justify-content: center;
                line-height: 1.2;
                margin-left: 5px;
                margin-bottom: 24px;
                padding-left: 5px;
                padding-right: 5px;
                position: relative;
                text-align: center;
                text-transform: uppercase;
                vertical-align: top;
                width: 60px
            }

                .course-details-block .course-details .course-promotion-right .course-promotion-item:after {
                    border-left: 30px solid transparent;
                    border-right: 30px solid transparent;
                    border-top: 17px solid #f1f4f7;
                    bottom: -17px;
                    left: 0;
                    content: "";
                    position: absolute
                }

                .course-details-block .course-details .course-promotion-right .course-promotion-item span {
                    display: block;
                    font-size: 1.4rem
                }

                .course-details-block .course-details .course-promotion-right .course-promotion-item.promotion-discount {
                    background: #64a70b;
                    padding-left: 7px;
                    padding-right: 7px
                }

                    .course-details-block .course-details .course-promotion-right .course-promotion-item.promotion-discount:after {
                        border-top-color: #64a70b
                    }

                .course-details-block .course-details .course-promotion-right .course-promotion-item.promotion-best-seller {
                    background: #6e3fa3;
                    font-size: 1rem;
                    line-height: 1.1
                }

                    .course-details-block .course-details .course-promotion-right .course-promotion-item.promotion-best-seller img {
                        margin-bottom: 4px
                    }

                    .course-details-block .course-details .course-promotion-right .course-promotion-item.promotion-best-seller:after {
                        border-top-color: #6e3fa3
                    }

                    .course-details-block .course-details .course-promotion-right .course-promotion-item.promotion-best-seller p {
                        color: #fff;
                        display: table;
                        font-family: Calmetta,Arial,Verdana,sans-serif;
                        font-size: .9rem;
                        font-weight: 700;
                        line-height: 1.1;
                        margin-bottom: 0
                    }

            .course-details-block .course-details .course-promotion-right .course-promotion-item {
                display: -ms-flexbox;
                display: flex;
                margin-bottom: 27px
            }

        .course-details-block .course-details h3 {
            color: #616771;
            font-family: Source Sans Pro,Arial,sans-serif;
            font-size: 1.6rem;
            font-weight: 400;
            line-height: 1.187rem;
            margin-bottom: 1px
        }

        .course-details-block .course-details .row {
            padding: 16px 10px 25px;
            margin: 0
        }

        .course-details-block .course-details .course-ticket-info {
            float: left;
            margin-right: 0;
            width: calc(100% - 60px)
        }

            .course-details-block .course-details .course-ticket-info .course-price {
                padding-top: 7px
            }

                .course-details-block .course-details .course-ticket-info .course-price p {
                    color: #1d252d;
                    font-family: Calmetta,Arial,Verdana,sans-serif;
                    font-size: 3.8rem;
                    font-weight: 400;
                    line-height: 1.2;
                    margin-bottom: 10px
                }

            .course-details-block .course-details .course-ticket-info .course-availability {
                background-image: url(/assets/img/svg/people.svg);
                background-position: 1px 2px;
                background-repeat: no-repeat;
                background-size: 16px 16px;
                margin-bottom: 20px;
                padding-bottom: 5px;
                padding-left: 24px
            }

                .course-details-block .course-details .course-ticket-info .course-availability p {
                    box-shadow: inset 1px 0 #fff,inset 1px -2px #00b398;
                    color: #232323;
                    display: inline;
                    font-family: Calmetta,Arial,Verdana,sans-serif;
                    font-size: 1.6rem;
                    font-weight: 400;
                    line-height: 1.187
                }

        .course-details-block .course-details hr {
            background-color: rgba(59,142,222,.3);
            clear: both;
            margin: 2rem 0 1.6rem
        }

        .course-details-block .course-details .course-type {
            padding-top: 7px
        }

            .course-details-block .course-details .course-type ul {
                margin-top: 3px
            }

                .course-details-block .course-details .course-type ul li {
                    color: #232323;
                    font-family: Calmetta,Arial,Verdana,sans-serif;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 27px;
                    padding-left: 26px;
                    position: relative;
                    vertical-align: bottom
                }

                    .course-details-block .course-details .course-type ul li:before {
                        background: #0257b8;
                        border-radius: 4px;
                        content: "";
                        display: inline-block;
                        height: 8px;
                        position: absolute;
                        left: 0;
                        top: 10px;
                        width: 8px
                    }

        .course-details-block .course-details .course-length {
            padding-top: 22px
        }

            .course-details-block .course-details .course-length p {
                color: #232323;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-size: 18px;
                font-weight: 400;
                line-height: 27px;
                margin: 6px 0 0
            }

    .course-details-block .related-courses {
        margin-bottom: 33px;
        border: 1px solid #e1e6e9
    }

        .course-details-block .related-courses .row {
            padding: 16px 20px 25px
        }

            .course-details-block .related-courses .row .cta {
                white-space: normal
            }

            .course-details-block .related-courses .row .cta-multi {
                font-weight: 300
            }

        .course-details-block .related-courses .icon-arrow-right {
            left: -1rem
        }

    .course-details-block [data-push-left*=off-1] {
        margin-left: 8.33333%
    }

    .course-details-block .rich-text {
        padding-bottom: 3.5rem
    }

[lang*=en-IN] .course-details-block .course-details .course-ticket-info .course-price p {
    font-size: 2.4rem;
    line-height: 1.5
}

[lang*=en-th] .course-details-block .course-details .course-ticket-info .course-price p, [lang*=ja-JP] .course-details-block .course-details .course-ticket-info .course-price p, [lang*=th-TH] .course-details-block .course-details .course-ticket-info .course-price p {
    font-size: 2.3rem;
    line-height: 1.5
}

[lang*=zh-CN] .course-details-block .course-details .course-ticket-info .course-price p {
    font-size: 2.6rem;
    line-height: 1.5
}

[lang*=zh-TW] .course-details-block .course-details .course-ticket-info .course-price p {
    font-size: 2rem;
    line-height: 1.5
}

[lang*=en-MY] .course-details-block .course-details .course-ticket-info .course-price p {
    font-size: 2.3rem;
    line-height: 1.5
}

[lang*=en-SG] .course-details-block .course-details .course-ticket-info .course-price p {
    font-size: 2.8rem;
    line-height: 1.5
}

[lang*=en-HK] .course-details-block .course-details .course-ticket-info .course-price p {
    font-size: 2.5rem;
    line-height: 1.5
}

[lang*=ko-KR] .course-details-block .course-details .course-ticket-info .course-price p {
    font-size: 2rem;
    line-height: 1.7
}

[lang*=hu-HU] .course-details-block .course-details .course-ticket-info .course-price p {
    font-size: 1.9rem;
    line-height: 1.7
}

/* ============================================
   DOWNLOADS PAGE - Scrollable Info Text Box
   ============================================ */

.info-text-section {
    padding: 20px 30px;
    border-bottom: 2px solid #dee2e6;
    background: #f8f9fa;
}

.scrollable-text-box {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 20px;
    max-height: 500px;
    overflow-y: auto;
    line-height: 1.6;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
}

    .scrollable-text-box iframe {
        display: block;
        border: none;
        width: 100%;
    }

    .scrollable-text-box h3 {
        color: white;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        padding: 12px 15px;
        margin: 0 -20px 15px -20px;
        font-size: 1.8rem;
        border-radius: 0;
    }

        .scrollable-text-box h3:first-child {
            margin-top: -20px;
            border-radius: 5px 5px 0 0;
        }

    .scrollable-text-box h4 {
        color: white;
        background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
        padding: 10px 15px;
        margin: 20px -20px 10px -20px;
        font-size: 1.6rem;
    }

    .scrollable-text-box p {
        margin-bottom: 12px;
        font-size: 1.4rem;
    }

    .scrollable-text-box b,
    .scrollable-text-box strong {
        color: #2a7bc4;
        font-weight: 600;
    }

        .scrollable-text-box i b,
        .scrollable-text-box b i {
            color: #856404;
        }

    .scrollable-text-box ul,
    .scrollable-text-box ol {
        padding-left: 25px;
        margin-bottom: 12px;
    }

    .scrollable-text-box li {
        margin-bottom: 8px;
        font-size: 1.4rem;
    }

    .scrollable-text-box hr {
        margin: 20px 0;
        border: none;
        border-top: 1px solid #dee2e6;
    }

    .scrollable-text-box::-webkit-scrollbar {
        width: 10px;
    }

    .scrollable-text-box::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 5px;
    }

    .scrollable-text-box::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 5px;
    }

        .scrollable-text-box::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.text-box-hint {
    font-size: 1.3rem;
    color: #6c757d;
    margin-top: 8px;
    text-align: right;
}

/* ============================================
   DOWNLOADS PAGE - Accordion Downloads
   ============================================ */

/* Accordion row - add spacing ABOVE each version header */
tr.downloads-accordion-row {
    border-top: 15px solid transparent; /* Creates space above the blue header */
}

/* Remove top spacing from the very first accordion */
table tr.downloads-accordion-row:first-child {
    border-top: none;
}

.downloads-section-accordion {
    /*padding: 15px 30px;*/
    padding-bottom: 10px;
    border-bottom: 2px solid #dee2e6;
    margin-bottom: 0;
}

/* Remove these old rules that don't work */
/* table tr:first-child .downloads-section-accordion {
    padding-top: 15px;
} */

/* When accordion is the last visible element before another accordion, add extra spacing */
tr.downloads-section-accordion {
    border-bottom: none;
}

    /* Add spacing after the entire accordion section (header + files) */
    tr.downloads-section-accordion td {
        padding-bottom: 0;
    }

.downloads-controls {
    padding: 15px 30px;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .downloads-controls h4 {
        margin: 0;
        font-size: 1.6rem;
        color: #333;
    }

.accordion-buttons {
    display: flex;
    gap: 10px;
}

.accordion-btn {
    background: #3b8ede;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1.3rem;
    transition: background 0.3s;
}

    .accordion-btn:hover {
        background: #2a7bc4;
    }

    .accordion-btn.secondary {
        background: #6c757d;
    }

        .accordion-btn.secondary:hover {
            background: #5a6268;
        }

    .accordion-btn.active-btn {
        background: #218838;
        box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.3);
        transform: scale(1.05);
    }

    .accordion-btn.secondary.active-btn {
        background: #c82333;
        box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.3);
    }

/* Common Tools Section */
.common-tools-section {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    padding: 15px 30px;
    margin-bottom: 10px;
    border-radius: 8px 8px 0 0;
}

    .common-tools-section h4 {
        color: white;
        margin: 0 0 5px 0;
        font-size: 1.8rem;
    }

    .common-tools-section p {
        color: rgba(255,255,255,0.9);
        margin: 0;
        font-size: 1.3rem;
    }

.version-specific-label {
    display: inline-block;
    background: #17a2b8;
    color: white;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 1.1rem;
    margin-left: 10px;
    font-weight: 500;
}

.common-tools-badge {
    display: inline-block;
    background: #ffc107;
    color: #856404;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 1.1rem;
    margin-left: 10px;
    font-weight: 600;
}

.download-version-accordion {
    margin-bottom: 15px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    overflow: hidden;
    background: white;
}

.version-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: #f8f9fa;
    transition: background 0.3s;
}

.version-header-accordion {
    padding: 15px 20px;
    cursor: pointer;
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.3s;
    flex: 1;
}

    .version-header-accordion:hover {
        background: rgba(0, 0, 0, 0.05);
    }

.version-header-container.active {
    background: #3b8ede;
}

    .version-header-container.active .version-header-accordion {
        color: white;
    }

.version-title-accordion h3 {
    margin: 0;
    font-size: 1.8rem;
}

.download-all-btn {
    background-color: #fff;
    background-image: none;
    font-family: Calmetta, Arial, Verdana, sans-serif;
    font-weight: 700;
    font-size: 1.9rem;
    line-height: 1.15;
    margin: 0;
    color: #1a8479;
    border: .2rem solid #1a8479;
    padding: 1.2rem 2.3rem 1.5rem;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
    border-radius: 0;
    text-decoration: none;
    display: inline-block;
    position: relative;
    margin-right: 15px;
}

    .download-all-btn:hover:not([style*="pointer-events: none"]) {
        background-color: #1a8479;
        color: #fff;
        text-decoration: none;
    }

    /* Disabled state when EULA not accepted */
    .download-all-btn.eula-protected[style*="pointer-events: none"] {
        cursor: not-allowed;
        background-color: #fff;
        color: #ccc;
        border-color: #ccc;
    }

    /* Enabled state */
    .download-all-btn:not([style*="pointer-events: none"]) {
        cursor: pointer;
        background-color: #fff;
        color: #1a8479;
        border-color: #1a8479;
    }

/* Download All button in active/expanded state */
.version-header-container.active .download-all-btn:not([style*="pointer-events: none"]) {
    background-color: #ffffff;
    color: #1a8479;
    border-color: #ffffff;
}

    .version-header-container.active .download-all-btn:not([style*="pointer-events: none"]):hover {
        background-color: #f8f9fa;
        color: #1a8479;
    }

/* Page-level download progress overlay */
.download-progress-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

    .download-progress-overlay.active {
        display: flex;
    }

.download-progress-content {
    background: white;
    padding: 40px 60px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    text-align: center;
    max-width: 400px;
}

.download-progress-spinner {
    width: 60px;
    height: 60px;
    border: 6px solid #f3f3f3;
    border-top: 6px solid #1a8479;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.download-progress-title {
    font-size: 2rem;
    font-weight: 700;
    color: #1d252d;
    margin-bottom: 10px;
    font-family: Calmetta, Arial, Verdana, sans-serif;
}

.download-progress-message {
    font-size: 1.6rem;
    color: #616771;
    font-weight: 300;
    line-height: 1.5;
}

.version-error-accordion {
    color: #dc3545;
    font-size: 1.4rem;
    margin-top: 5px;
}

.version-header-container.active .version-error-accordion {
    color: #ffe6e6;
}

/* Premium Information Banner (shown as table row inside accordion) */
tr.premium-info-row {
    display: none; /* Hidden by default like other file rows */
}

    tr.premium-info-row td.premium-info-cell {
        padding: 0;
        background: transparent;
    }

.premium-info-banner {
    display: flex;
    gap: 15px;
    padding: 15px 20px;
    margin: 10px 15px 15px 15px;
    border-radius: 6px;
    font-size: 1.4rem;
    border-left: 4px solid;
    align-items: flex-start;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

    .premium-info-banner.premium-upgrade {
        background: linear-gradient(135deg, #fff9e6 0%, #fff3cd 100%);
        border-color: #ffc107;
        color: #856404;
    }

    .premium-info-banner.premium-active {
        background: linear-gradient(135deg, #e8f5e9 0%, #d4edda 100%);
        border-color: #28a745;
        color: #155724;
    }

.premium-info-icon {
    font-size: 2.8rem;
    line-height: 1;
    flex-shrink: 0;
    margin-top: 2px;
}

.premium-info-content {
    flex: 1;
}

    .premium-info-content strong {
        display: block;
        margin-bottom: 8px;
        font-size: 1.6rem;
        font-weight: 600;
    }

    .premium-info-content p {
        margin: 0;
        line-height: 1.6;
        font-size: 1.4rem;
    }

    .premium-info-content a {
        color: #0066cc;
        text-decoration: none;
        font-weight: 500;
        border-bottom: 1px solid transparent;
        transition: border-color 0.2s;
    }

        .premium-info-content a:hover {
            color: #004999;
            border-bottom-color: #004999;
        }

.version-icon-accordion {
    font-size: 2.4rem;
    transition: transform 0.3s;
}

.version-header-accordion.active .version-icon-accordion {
    transform: rotate(180deg);
}

.version-files-accordion {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

    .version-files-accordion.active {
        max-height: 2000px;
    }

/* File rows (TR elements) - hide by default, collapsed state */
tr.version-files-accordion {
    display: none;
}

/* Section headers within accordions - should be visible but also toggle with files */
tr.version-section-header {
    display: none; /* Hidden by default like other file rows */
}

    /* Make section headers stand out a bit */
    tr.version-section-header td {
        padding: 0;
    }

    /* Remove top padding from first section header to reduce gap after main accordion header */
    tr.version-section-header.installation-docs-section td > div {
        margin-top: 0;
    }

    /* Add 5px spacing between Installation Files and Tools sections */
    tr.version-section-header.tools-section td > div {
        margin-top: 5px;
    }

/* Create spacing after all file sections using padding on table cells */
tr.version-files-accordion td {
    padding-bottom: 5px;
    padding-top: 5px;
}

/* No extra padding needed at bottom since spacing is now ABOVE headers */

/* Installation & Documentation section - light blue background */
tr.installation-docs-file {
    background-color: #f8fcff;
}

    tr.installation-docs-file:hover {
        background-color: #e7f3ff;
    }

/* Tools & Utilities section - light yellow background */
tr.tools-file {
    background-color: #fffef8;
}

    tr.tools-file:hover {
        background-color: #fff3cd;
    }

/* ============================================
   DOWNLOADS PAGE - Instructions Section
   ============================================ */

.instructions-section {
    padding: 15px 30px 0px 30px;
    background: white;
    margin-bottom: 0;
}

    .instructions-section h2 {
        color: #333;
        margin-top: 0;
        margin-bottom: 12px;
        border-bottom: 2px solid #3b8ede;
        padding-bottom: 6px;
        font-size: 2.4rem;
    }

.instructions-intro {
    margin-bottom: 2px;
}

    .instructions-intro ol {
        padding-left: 25px;
        line-height: 1.5;
        margin-bottom: 0;
    }

    .instructions-intro li {
        margin-bottom: 5px;
        font-size: 1.4rem;
    }

        .instructions-intro li:last-child {
            margin-bottom: 0;
        }

.instructions-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 12px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.instruction-column {
    background: #f8f9fa;
    padding: 12px 15px;
    border-radius: 5px;
    border-left: 4px solid #3b8ede;
    margin-bottom: 0;
}

    .instruction-column h4 {
        margin-top: 0;
        margin-bottom: 10px;
        color: #3b8ede;
        font-size: 1.5rem;
    }

    .instruction-column ol {
        padding-left: 20px;
        margin: 0;
        margin-bottom: 0;
    }

    .instruction-column li {
        margin-bottom: 6px;
        font-size: 1.4rem;
        line-height: 1.4;
    }

        .instruction-column li:last-child {
            margin-bottom: 0;
        }

@media (max-width: 768px) {
    .instructions-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   KNOWN PROBLEMS - Compact Card Layout
   ============================================ */

.known-problems-container {
    padding: 20px;
}

/* Search and Filter Controls */
.kb-controls {
    background: #f8f9fa;
    padding: 15px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}

.kb-search-box {
    position: relative;
    flex: 1;
    min-width: 250px;
}

    .kb-search-box input {
        width: 100%;
        padding: 10px 70px 10px 15px;
        border: 2px solid #dee2e6;
        border-radius: 5px;
        font-size: 1.4rem;
        transition: border-color 0.3s;
    }

        .kb-search-box input:focus {
            outline: none;
            border-color: #3b8ede;
        }

    .kb-search-box .search-icon {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.6rem;
        color: #6c757d;
        pointer-events: none;
    }

    .kb-search-box .clear-search-btn {
        position: absolute;
        right: 40px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.8rem;
        color: #6c757d;
        cursor: pointer;
        padding: 5px;
        line-height: 1;
        transition: all 0.2s;
        background: white;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .kb-search-box .clear-search-btn:hover {
            color: #dc3545;
            background: #f8f9fa;
            transform: translateY(-50%) scale(1.1);
        }

.kb-filters {
    display: flex;
    gap: 10px;
}

    .kb-filters select {
        padding: 10px 15px;
        border: 2px solid #dee2e6;
        border-radius: 5px;
        font-size: 1.4rem;
        background: white;
        cursor: pointer;
        transition: border-color 0.3s;
    }

        .kb-filters select:focus {
            outline: none;
            border-color: #3b8ede;
        }

        .kb-filters select:hover {
            border-color: #3b8ede;
        }

.known-problems-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #3b8ede;
}

    .known-problems-header h3 {
        margin: 0;
        color: #333;
        font-size: 2.2rem;
    }

    /* Reduce spacing when there are no records */
    .known-problems-header.no-records {
        margin-bottom: 10px !important;
        padding-bottom: 8px !important;
        border-bottom-width: 1px !important;
    }

.known-problems-search {
    margin-bottom: 20px;
}

.search-input {
    width: 100%;
    padding: 12px 15px 12px 40px;
    font-size: 1.4rem;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="%236c757d" d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>') no-repeat 12px center;
    transition: border-color 0.3s;
}

    .search-input:focus {
        outline: none;
        border-color: #3b8ede;
        box-shadow: 0 0 0 3px rgba(59, 142, 222, 0.1);
    }

.known-problems-count {
    background: #3b8ede;
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 1.3rem;
}

/* Pagination Controls */
.pagination-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
}

.pagination-info {
    color: #6c757d;
    font-size: 1.4rem;
}

.pagination-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.pagination-btn {
    background: #3b8ede;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1.3rem;
    transition: all 0.3s;
}

    .pagination-btn:hover {
        background: #2a7bc4;
    }

    .pagination-btn:disabled {
        background: #dee2e6;
        color: #6c757d;
        cursor: not-allowed;
    }

.page-numbers {
    display: flex;
    gap: 5px;
}

.page-number {
    background: white;
    border: 1px solid #dee2e6;
    color: #495057;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1.3rem;
    transition: all 0.3s;
}

    .page-number:hover {
        background: #e9ecef;
    }

    .page-number.active {
        background: #3b8ede;
        color: white;
        border-color: #3b8ede;
    }

.known-problems-grid {
    display: grid;
    gap: 15px;
}

.problem-card {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px 20px;
    transition: all 0.3s;
    cursor: pointer;
}

    .problem-card:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        border-color: #3b8ede;
        transform: translateY(-2px);
    }

.problem-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
    gap: 15px;
}

.problem-id {
    background: #f8f9fa;
    color: #495057;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 1.2rem;
    font-weight: 600;
    min-width: 60px;
    text-align: center;
}

.problem-status {
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 1.2rem;
    font-weight: 500;
    white-space: nowrap;
}

    .problem-status.assigned {
        background: #fff3cd;
        color: #856404;
    }

    .problem-status.resolved {
        background: #d4edda;
        color: #155724;
    }

    .problem-status.open {
        background: #f8d7da;
        color: #721c24;
    }

    .problem-status.information {
        background: #d1ecf1;
        color: #0c5460;
    }

.problem-title {
    font-weight: 600;
    color: #333;
    font-size: 1.5rem;
    margin-bottom: 8px;
    line-height: 1.4;
}

.problem-description {
    color: #6c757d;
    font-size: 1.3rem;
    line-height: 1.5;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.problem-card-footer {
    display: flex;
    gap: 20px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
    font-size: 1.3rem;
    color: #6c757d;
}

.problem-meta {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .problem-meta strong {
        color: #495057;
    }

/* Expandable description */
.problem-card.expanded .problem-description {
    -webkit-line-clamp: unset;
}

.expand-toggle {
    color: #3b8ede;
    font-size: 1.2rem;
    margin-top: 5px;
    display: inline-block;
}

    .expand-toggle:hover {
        text-decoration: underline;
    }


[lang*=id-ID] .course-details-block .course-details .course-ticket-info .course-price p {
    font-size: 1.8rem;
    line-height: 1.7
}

.course-details-read-more {
    margin-bottom: 30px
}

    .course-details-read-more button {
        background: #e1e6e9;
        border: none;
        color: #232323;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 2rem;
        font-weight: 700;
        height: 35px;
        line-height: 24px;
        text-align: center;
        width: 100%
    }

        .course-details-read-more button:hover {
            cursor: pointer
        }

        .course-details-read-more button span:after {
            background-image: url(/assets/img/svg/chevron-down.svg);
            background-repeat: no-repeat;
            background-size: 20px 10px;
            content: "";
            display: inline-block;
            height: 10px;
            margin-left: 15px;
            width: 20px
        }

        .course-details-read-more button .readless {
            display: none
        }

            .course-details-read-more button .readless:after {
                transform: rotate(180deg)
            }

        .course-details-read-more button.open .readmore {
            display: none
        }

        .course-details-read-more button.open .readless {
            transition: transform .3s;
            display: block
        }

.course-details-page .social-links {
    margin: 0 auto;
    width: 720px
}

@media (min-width:1024px) and (max-width:1430px) {
    .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 3.4rem
    }
}

@media (min-width:780px) and (max-width:1080px) and (orientation:landscape) {
    .course-details-block [class*=tl9] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .course-details-block [class*=tl3] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
}

@media (min-width:780px) and (max-width:1080px) {
    .course-details-block [data-push-left*=off-1] {
        margin-left: 0
    }

    .course-details-block .course-details .course-promotion-right .course-promotion-item {
        margin: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .course-details-block .course-details .course-ticket-info .course-price h3 {
        line-height: 1.5rem
    }

    .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 3rem
    }

    .course-details-block .course-details .course-ticket-info .course-availability p {
        white-space: nowrap
    }

    [lang*=en-IN] .course-details-block .course-details .course-ticket-info .course-price p, [lang*=en-th] .course-details-block .course-details .course-ticket-info .course-price p, [lang*=ja-JP] .course-details-block .course-details .course-ticket-info .course-price p, [lang*=th-TH] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2rem
    }

    [lang*=zh-CN] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2.2rem
    }

    [lang*=zh-TW] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 1.7rem
    }

    [lang*=en-MY] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2rem
    }

    [lang*=en-SG] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2.4rem
    }

    [lang*=en-HK] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2.2rem
    }

    [lang*=hu-HU] .course-details-block .course-details .course-ticket-info .course-price p, [lang*=ko-KR] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 1.7rem
    }
}

@media (min-width:780px) and (max-width:1080px) and (orientation:portrait) {
    .course-details-block [data-push-left*=off-1] {
        margin-left: 0
    }

    .course-details-block .course-details .course-promotion-right .course-promotion-item {
        margin: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .course-details-block .course-details .course-ticket-info .course-price h3 {
        line-height: 1.5rem
    }

    .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 3rem
    }

    [lang*=en-IN] .course-details-block .course-details .course-ticket-info .course-price p, [lang*=en-th] .course-details-block .course-details .course-ticket-info .course-price p, [lang*=ja-JP] .course-details-block .course-details .course-ticket-info .course-price p, [lang*=th-TH] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2rem
    }

    [lang*=zh-CN] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2.2rem
    }

    [lang*=zh-TW] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 1.7rem
    }

    [lang*=en-MY] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2rem
    }

    [lang*=en-SG] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2.4rem
    }

    [lang*=en-HK] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2.2rem
    }

    [lang*=hu-HU] .course-details-block .course-details .course-ticket-info .course-price p, [lang*=ko-KR] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 1.7rem
    }
}

@media (min-width:128px) and (max-width:780px) {
    .course-details-block [data-push-left*=off-1] {
        margin-left: 0
    }

    .course-details-block .desktop-only {
        display: none
    }

    .course-details-block .mobile-only {
        display: block
    }

    .course-details-block .course-details .row {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .course-details-block .related-courses {
        margin-top: 0
    }

        .course-details-block .related-courses ul li {
            line-height: 1.3
        }

    [lang*=en-IN] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2.6rem
    }

    [lang*=en-th] .course-details-block .course-details .course-ticket-info .course-price p, [lang*=ja-JP] .course-details-block .course-details .course-ticket-info .course-price p, [lang*=th-TH] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2.7rem
    }

    [lang*=zh-CN] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 3rem
    }

    [lang*=zh-TW] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2.3rem
    }

    [lang*=en-MY] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2.6rem
    }

    [lang*=en-SG] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 3.2rem
    }

    [lang*=en-HK] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 3rem
    }

    [lang*=hu-HU] .course-details-block .course-details .course-ticket-info .course-price p, [lang*=ko-KR] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 2.3rem
    }

    [lang*=id-ID] .course-details-block .course-details .course-ticket-info .course-price p {
        font-size: 1.5rem
    }
}

.course-finder-block {
    padding-bottom: 30px;
    width: 100%
}

    .course-finder-block .course-finder-block-container {
        border: 1px solid #e1e6e9;
        padding: 31px 0 28px;
        text-align: center
    }

        .course-finder-block .course-finder-block-container .custom-select {
            color: #232323;
            -ms-flex-positive: 1;
            flex-grow: 1;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            margin: 0 auto;
            position: relative;
            text-align: left;
            width: 350px
        }

            .course-finder-block .course-finder-block-container .custom-select select {
                display: none
            }

            .course-finder-block .course-finder-block-container .custom-select .select-selected {
                border: 1px solid #e1e6e9;
                color: #232323;
                cursor: pointer;
                font-size: 1.9rem;
                font-weight: 300;
                line-height: 1.8;
                margin: 0;
                height: 51px;
                overflow: hidden;
                padding: 9px 16px 10px
            }

                .course-finder-block .course-finder-block-container .custom-select .select-selected.option-selected {
                    font-size: 1.6rem;
                    font-weight: 700;
                    line-height: 2;
                    padding-right: 50px
                }

                .course-finder-block .course-finder-block-container .custom-select .select-selected:after {
                    background-image: url(/assets/img/svg/chevron-down.svg);
                    background-repeat: no-repeat;
                    background-size: 16px auto;
                    height: 12px;
                    content: "";
                    position: absolute;
                    right: 20px;
                    top: 19px;
                    transition: transform .6s;
                    width: 16px
                }

                .course-finder-block .course-finder-block-container .custom-select .select-selected.select-arrow-active:after {
                    transform: rotate(180deg)
                }

            .course-finder-block .course-finder-block-container .custom-select .scroll-window {
                height: 210px;
                overflow: hidden
            }

            .course-finder-block .course-finder-block-container .custom-select .select-items {
                background-color: #fff;
                border: 1px solid #e1e6e9;
                border-top: none;
                font-size: 1.6rem;
                position: absolute;
                top: 51px;
                left: 0;
                right: 0;
                z-index: 99
            }

                .course-finder-block .course-finder-block-container .custom-select .select-items .select-item {
                    border: none;
                    border-bottom: 1px solid #e1e6e9;
                    color: #232323;
                    cursor: pointer;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    font-size: 1.6rem;
                    height: 60px;
                    -ms-flex-pack: center;
                    justify-content: center;
                    padding: 8px 16px;
                    width: calc(100% - 18px)
                }

                    .course-finder-block .course-finder-block-container .custom-select .select-items .select-item:last-child {
                        border-bottom: none
                    }

            .course-finder-block .course-finder-block-container .custom-select .select-button {
                background: #fff;
                display: block;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-size: 1.9rem;
                text-align: left;
                -webkit-appearance: none;
                width: 100%
            }

            .course-finder-block .course-finder-block-container .custom-select .select-hide {
                display: none
            }

            .course-finder-block .course-finder-block-container .custom-select .same-as-selected, .course-finder-block .course-finder-block-container .custom-select .select-item:focus, .course-finder-block .course-finder-block-container .custom-select .select-item:hover {
                background-color: #f0f6f8;
                font-weight: 700
            }

@media (min-width:128px) and (max-width:780px) {
    .course-finder-block .course-finder-block-container .custom-select {
        width: 250px
    }

        .course-finder-block .course-finder-block-container .custom-select .select-items .select-button {
            height: auto;
            width: 100%
        }
}

.search-input-inline {
    margin: 6.6rem auto;
    max-width: 720px
}

    .search-input-inline form {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 2.8rem;
        width: 100%
    }

        .search-input-inline form .search-text {
            -ms-flex-preferred-size: 90%;
            flex-basis: 90%;
            max-width: 90%;
            padding: 0 1rem 1.6rem;
            position: relative;
            height: 6.5rem
        }

            .search-input-inline form .search-text input {
                width: 100%;
                font-size: 3rem;
                font-weight: 700;
                line-height: 6.5rem;
                padding: 0 6.1rem;
                border: 0;
                height: 6.5rem
            }

                .search-input-inline form .search-text input:active, .search-input-inline form .search-text input:focus {
                    border-bottom: 0
                }

            .search-input-inline form .search-text ::-ms-clear {
                display: none
            }

            .search-input-inline form .search-text ::-webkit-input-placeholder {
                color: #e1e6e9
            }

            .search-input-inline form .search-text ::-moz-placeholder {
                color: #e1e6e9
            }

            .search-input-inline form .search-text :-ms-input-placeholder {
                color: #e1e6e9
            }

            .search-input-inline form .search-text :-moz-placeholder {
                color: #e1e6e9
            }

            .search-input-inline form .search-text:after {
                content: "";
                left: 1rem;
                right: 1rem;
                bottom: 0;
                position: absolute;
                height: .6rem;
                margin: auto;
                display: block;
                background-color: #1a8479
            }

            .search-input-inline form .search-text span {
                position: absolute
            }

                .search-input-inline form .search-text span.icon-search {
                    left: .8rem;
                    top: 1.4rem
                }

                    .search-input-inline form .search-text span.icon-search svg {
                        width: 3.3rem;
                        height: 3.7rem
                    }

                .search-input-inline form .search-text span.icon-text {
                    opacity: 0;
                    text-indent: -999.9rem
                }

.images-off .search-input-inline form .search-text span.icon-text.icon-text {
    opacity: 1;
    text-indent: 0
}

.search-input-inline form .search-text .clear-search {
    position: absolute;
    top: 0;
    right: 1rem;
    width: 5.2rem;
    bottom: 0;
    display: none;
    background-color: transparent;
    border-width: 0
}

    .search-input-inline form .search-text .clear-search .icon-close {
        right: 1rem;
        top: 3rem;
        display: block
    }

        .search-input-inline form .search-text .clear-search .icon-close svg {
            width: 2rem;
            height: 2rem
        }

            .search-input-inline form .search-text .clear-search .icon-close svg path {
                transition: .15s
            }

    .search-input-inline form .search-text .clear-search .clear-text {
        display: none;
        text-indent: -999.9rem
    }

    .search-input-inline form .search-text .clear-search:focus, .search-input-inline form .search-text .clear-search:hover {
        cursor: pointer
    }

        .search-input-inline form .search-text .clear-search:focus svg path, .search-input-inline form .search-text .clear-search:hover svg path {
            stroke: #1a8479
        }

.search-input-inline form .search-btn {
    padding: 0 1rem 1rem;
    -ms-flex-preferred-size: 13%;
    flex-basis: 13%;
    max-width: 9.2rem;
    background-color: transparent;
    border: 0;
    height: 6.5rem;
    cursor: pointer
}

.images-off .search-input-inline form .search-btn {
    height: auto
}

.search-input-inline form .search-btn .icon-arrow-right svg {
    position: absolute;
    left: auto;
    right: 3.3rem;
    margin: auto;
    max-width: 2.6rem;
    max-height: 4.6rem
}

    .search-input-inline form .search-btn .icon-arrow-right svg path {
        transition: .15s;
        stroke: #1d252d
    }

.search-input-inline form .search-btn .search-go {
    opacity: 0;
    text-indent: -999.9rem
}

.images-off .search-input-inline form .search-btn .search-go {
    opacity: 1;
    width: auto;
    height: inherit;
    padding: .4rem 1rem;
    color: #fff;
    background-color: #616771;
    text-indent: 0;
    overflow: visible;
    font-size: 1.2rem
}

.search-input-inline form .search-btn:after {
    content: "";
    left: 1rem;
    right: 1rem;
    bottom: 0;
    position: absolute;
    height: .6rem;
    margin: auto;
    display: block;
    background-color: #1a8479
}

.search-input-inline form .search-btn:focus .icon-arrow-right svg path, .search-input-inline form .search-btn:hover .icon-arrow-right svg path {
    stroke: #1a8479
}

.search-input-inline.has-query form .search-text .clear-search {
    display: block
}

@media (min-width:1024px) and (max-width:1430px) {
    .search-input-inline {
        margin: 3.3rem auto
    }

        .search-input-inline form {
            padding-left: 4rem;
            padding-right: 4rem
        }

            .search-input-inline form .search-text {
                padding-left: 0
            }

                .search-input-inline form .search-text:after, .search-input-inline form .search-text span.icon-search {
                    left: 0
                }

            .search-input-inline form .search-btn .icon-arrow-right svg {
                right: 2.2rem
            }

            .search-input-inline form .search-btn:after {
                right: 0
            }
}

@media (min-width:780px) and (max-width:1080px) {
    .search-input-inline {
        margin: 3.3rem auto
    }

        .search-input-inline form {
            padding-left: 4rem;
            padding-right: 4rem
        }

            .search-input-inline form .search-text {
                padding-left: 0
            }

                .search-input-inline form .search-text:after, .search-input-inline form .search-text span.icon-search {
                    left: 0
                }

            .search-input-inline form .search-btn .icon-arrow-right svg {
                right: 2.2rem
            }

            .search-input-inline form .search-btn:after {
                right: 0
            }
}

@media (min-width:128px) and (max-width:780px) {
    .search-input-inline {
        margin: 0 auto
    }

        .search-input-inline form {
            padding: 0 2rem;
            margin-bottom: .5rem;
            margin-top: 1.7rem
        }

            .search-input-inline form .search-text {
                -ms-flex-preferred-size: 84%;
                flex-basis: 84%;
                max-width: 84%;
                padding: 0 .5rem 0 0;
                position: relative;
                height: 4rem
            }

                .search-input-inline form .search-text input {
                    background: transparent;
                    width: 100%;
                    font-size: 1.6rem;
                    font-weight: 700;
                    line-height: 4rem;
                    padding: 0 1.2rem 0 2.8rem;
                    height: 4rem
                }

                .search-input-inline form .search-text:after {
                    left: 0;
                    right: 0;
                    height: .3rem
                }

                .search-input-inline form .search-text span.icon-search {
                    left: 0;
                    top: 1.3rem
                }

                    .search-input-inline form .search-text span.icon-search svg {
                        width: 1.8rem;
                        height: 1.9rem
                    }

                .search-input-inline form .search-text .clear-search {
                    right: 0;
                    width: auto
                }

                    .search-input-inline form .search-text .clear-search .icon-close {
                        right: 0;
                        top: 1.2rem;
                        display: block
                    }

                        .search-input-inline form .search-text .clear-search .icon-close svg {
                            width: 1.3rem;
                            height: 1.3rem
                        }

            .search-input-inline form .search-btn {
                padding: 0 0 1rem;
                -ms-flex-preferred-size: 16%;
                flex-basis: 16%;
                margin-left: 10px;
                max-width: 40px;
                height: 4rem
            }

    .images-off .search-input-inline form .search-btn {
        height: auto
    }

    .search-input-inline form .search-btn .icon-arrow-right svg {
        right: 1rem;
        width: 20px
    }

    .search-input-inline form .search-btn:after {
        left: auto;
        right: 0;
        height: .3rem;
        width: 40px
    }

    .search-input-inline h3 {
        margin: 4.8rem 2rem 2rem;
        padding: 0
    }

    .search-input-inline .search-related {
        display: block;
        width: 100%;
        height: 100vh
    }

        .search-input-inline .search-related ul {
            width: 100%;
            max-width: 100%;
            padding: 0 2rem
        }
}

@keyframes f {
    0% {
        transform: translateX(89.82%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes g {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(89.82%)
    }
}

.brochure-widget {
    margin-top: 15rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20
}

    .brochure-widget .button-wrapper {
        float: right;
        height: 3.5rem;
        margin-bottom: 1rem;
        position: relative;
        width: 3.5rem
    }

        .brochure-widget .button-wrapper.enabled {
            background-color: #1a8479;
            cursor: pointer
        }

        .brochure-widget .button-wrapper.disabled {
            background-color: #a2a2a2;
            cursor: default
        }

    .brochure-widget .add-button, .brochure-widget .remove-button {
        height: 3.5rem;
        margin-bottom: 0
    }

        .brochure-widget .add-button:before {
            background-color: #fff;
            bottom: 1.2rem;
            content: "";
            display: block;
            left: 50%;
            margin-left: -.15rem;
            position: absolute;
            top: 1.2rem;
            width: .3rem;
            z-index: 1
        }

        .brochure-widget .add-button:after, .brochure-widget .remove-button:after {
            background-color: #fff;
            content: "";
            display: block;
            height: .3rem;
            left: 1.2rem;
            margin-top: -.15rem;
            position: absolute;
            right: 1.2rem;
            top: 50%;
            z-index: 1
        }

    .brochure-widget .main {
        background-color: #0257b8;
        clear: both;
        display: -ms-flexbox;
        display: flex;
        min-height: 28rem;
        padding: 0;
        text-align: center;
        width: 34.4rem;
        transform: translateX(89.82%)
    }

        .brochure-widget .main p {
            color: #fff
        }

        .brochure-widget .main .left {
            border-right: .1rem solid hsla(0,0%,100%,.2);
            cursor: default;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            width: 3.5rem
        }

            .brochure-widget .main .left, .brochure-widget .main .left .title {
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                justify-content: center
            }

                .brochure-widget .main .left .title {
                    -ms-flex-align: center;
                    align-items: center;
                    font-size: 1.6rem;
                    font-weight: 500;
                    margin-bottom: 1.5rem;
                    margin-top: 1.5rem;
                    padding: 1rem 0;
                    transform: rotate(180deg);
                    -ms-writing-mode: tb-rl;
                    writing-mode: vertical-rl
                }

                    .brochure-widget .main .left .title .icon-chevron {
                        background-image: url(/assets/img/svg/chevron.svg);
                        background-repeat: no-repeat;
                        content: "";
                        cursor: pointer;
                        display: -ms-flexbox;
                        display: flex;
                        height: 1.3rem;
                        margin-top: 1.2rem;
                        stroke-width: 1.5;
                        transform: rotate(270deg);
                        width: 1.3rem
                    }

                    .brochure-widget .main .left .title .page-counter {
                        background-color: #fff;
                        border-radius: 50%;
                        color: #232323;
                        font-size: 1.2rem;
                        font-weight: 700;
                        height: 2.5rem;
                        margin-bottom: 1rem;
                        padding: .4rem .5rem;
                        width: 2.5rem
                    }

        .brochure-widget .main .right {
            background-color: #0257b8;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 1.5rem 0;
            width: 30.9rem
        }

            .brochure-widget .main .right .description {
                display: -ms-flexbox;
                display: flex;
                margin: 0 1.75rem 1.7rem;
                text-align: left
            }

            .brochure-widget .main .right .button {
                -webkit-appearance: none;
                -moz-appearance: none;
                background-color: #0257b8;
                background-image: none;
                border: .2rem solid #fff;
                border-radius: 0;
                color: #fff;
                cursor: pointer;
                display: -ms-flexbox;
                display: flex;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-weight: 700;
                font-size: 1.9rem;
                -ms-flex-pack: center;
                justify-content: center;
                line-height: 1.15;
                margin: .9rem 3.4rem;
                position: relative;
                transition: background-color .3s ease;
                white-space: pre-wrap
            }

                .brochure-widget .main .right .button.build-button {
                    margin-bottom: .6rem
                }

                .brochure-widget .main .right .button:hover {
                    background-color: #fff;
                    color: #0257b8
                }

        .brochure-widget .main.toggle-on {
            animation: f .5s forwards
        }

            .brochure-widget .main.toggle-on .left .title .icon-chevron {
                transform: rotate(90deg)
            }

        .brochure-widget .main.toggle-off {
            animation: g .5s forwards
        }

            .brochure-widget .main.toggle-off .left .title .icon-chevron {
                transform: rotate(270deg)
            }

.brochure-checkout h1.h4 {
    color: #1d252d;
    font-family: Calmetta,Arial,Verdana,sans-serif;
    padding-top: 4rem;
    text-transform: none
}

.brochure-checkout p {
    font-size: 2rem;
    margin-bottom: 0
}

.brochure-checkout ul {
    list-style-type: none;
    color: #616771;
    font-weight: 300
}

.brochure-checkout li.added-items {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .5rem;
    margin-left: 2rem
}

    .brochure-checkout li.added-items .icons {
        display: -ms-flexbox;
        display: flex
    }

    .brochure-checkout li.added-items .move-page-down, .brochure-checkout li.added-items .move-page-up {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: .1rem;
        margin-right: 1rem;
        position: relative;
        text-decoration: none;
        width: 1.9rem
    }

        .brochure-checkout li.added-items .move-page-down .icon-arrow-right-blue, .brochure-checkout li.added-items .move-page-up .icon-arrow-right-blue {
            background-image: url(/assets/img/svg/arrow-right-blue.svg);
            background-repeat: no-repeat;
            border: 1px solid;
            border-radius: 50%;
            content: "";
            cursor: pointer;
            display: block;
            height: 1.9rem;
            stroke-width: 1.6;
            width: 1.9rem
        }

            .brochure-checkout li.added-items .move-page-down .icon-arrow-right-blue svg, .brochure-checkout li.added-items .move-page-up .icon-arrow-right-blue svg {
                padding: .32rem
            }

        .brochure-checkout li.added-items .move-page-down:after, .brochure-checkout li.added-items .move-page-up:after {
            content: "";
            display: block;
            height: .1rem;
            opacity: 0;
            transform: translateY(-.4rem);
            z-index: 0
        }

    .brochure-checkout li.added-items .move-page-up {
        transform: rotate(-90deg)
    }

        .brochure-checkout li.added-items .move-page-up:hover {
            transform: translateY(-.3rem) rotate(-90deg)
        }

            .brochure-checkout li.added-items .move-page-up:hover:after {
                opacity: 0
            }

    .brochure-checkout li.added-items .move-page-down {
        transform: rotate(90deg)
    }

        .brochure-checkout li.added-items .move-page-down:hover {
            transform: translateY(-.3rem) rotate(90deg)
        }

            .brochure-checkout li.added-items .move-page-down:hover:after {
                opacity: 0
            }

    .brochure-checkout li.added-items .remove-page {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: .1rem;
        position: relative;
        text-decoration: none
    }

        .brochure-checkout li.added-items .remove-page .icon-close {
            background-image: url(/assets/img/svg/close.svg);
            background-repeat: no-repeat;
            border: 1px solid;
            border-radius: 50%;
            content: "";
            cursor: pointer;
            display: block;
            height: 1.9rem;
            stroke-width: 1.3;
            width: 1.9rem
        }

            .brochure-checkout li.added-items .remove-page .icon-close svg {
                padding: .4rem
            }

        .brochure-checkout li.added-items .remove-page:after {
            content: "";
            display: block;
            height: .1rem;
            opacity: 0;
            transform: translateY(-.4rem);
            z-index: 0
        }

        .brochure-checkout li.added-items .remove-page:hover {
            transform: translateY(-.3rem)
        }

            .brochure-checkout li.added-items .remove-page:hover:after {
                opacity: 0
            }

    .brochure-checkout li.added-items .page-name {
        color: #1d252d;
        display: inline-block;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.9rem;
        margin-left: 1rem;
        padding: .2rem;
        position: relative
    }

        .brochure-checkout li.added-items .page-name:after {
            background-color: #1a8479;
            content: "";
            display: block;
            height: .1rem;
            opacity: 0;
            transform: translate3d(0,-.4rem,0);
            transition: transform .1s cubic-bezier(.215,.61,.355,1);
            width: 100%;
            z-index: 0
        }

        .brochure-checkout li.added-items .page-name:hover {
            text-decoration: none;
            transform: translate3d(0,-.3rem,0)
        }

            .brochure-checkout li.added-items .page-name:hover:after {
                opacity: 1;
                transition: transform .1s cubic-bezier(.215,.61,.355,1)
            }

    .brochure-checkout li.added-items:first-child .move-page-up, .brochure-checkout li.added-items:last-child .move-page-down {
        color: #a2a2a2;
        cursor: default
    }

        .brochure-checkout li.added-items:first-child .move-page-up path, .brochure-checkout li.added-items:last-child .move-page-down path {
            stroke: #a2a2a2
        }

        .brochure-checkout li.added-items:first-child .move-page-up .icon-arrow-right-blue, .brochure-checkout li.added-items:last-child .move-page-down .icon-arrow-right-blue {
            cursor: default
        }

        .brochure-checkout li.added-items:first-child .move-page-up:hover {
            transform: translateZ(0) rotate(-90deg)
        }

        .brochure-checkout li.added-items:last-child .move-page-down:hover {
            transform: translateZ(0) rotate(90deg)
        }

.brochure-checkout .button.secondary {
    margin-bottom: 5rem;
    margin-top: 1rem
}

.brochure-checkout form div section div.Form__Element {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

    .brochure-checkout form div section div.Form__Element label.Form__Element__Caption {
        color: #616771;
        font-size: 1.5rem;
        font-weight: 400;
        letter-spacing: .1rem;
        line-height: 1.2;
        min-width: 11% !important;
        padding-left: 1.6rem;
        position: relative;
        text-transform: uppercase
    }

        .brochure-checkout form div section div.Form__Element label.Form__Element__Caption:before {
            content: "   ";
            height: .8rem;
            background-color: #0057b8;
            border-radius: .4rem;
            left: .2rem;
            position: absolute;
            width: .8rem;
            top: .4rem
        }

    .brochure-checkout form div section div.Form__Element input.FormTextbox__Input {
        -moz-appearance: none;
        -webkit-appearance: none;
        background-color: #fff;
        border: .1rem solid #e1e6e9;
        border-radius: 0;
        box-shadow: none;
        color: #1d252d;
        height: 4.5rem;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: normal;
        outline: none;
        padding: .8rem 1rem;
        transition: all .15s ease-in-out;
        width: 34.8rem
    }

        .brochure-checkout form div section div.Form__Element input.FormTextbox__Input:focus {
            -webkit-text-fill-color: #616771;
            border-bottom: .2rem solid #1a8479
        }

    .brochure-checkout form div section div.Form__Element span.Form__Element__ValidationError {
        color: #d41132;
        font-size: 1.6rem;
        font-weight: 300;
        padding-left: 1rem
    }

    .brochure-checkout form div section div.Form__Element.FormChoice {
        padding-top: .5rem
    }

        .brochure-checkout form div section div.Form__Element.FormChoice label.Form__Element__Caption {
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
            flex-direction: row;
            padding-left: 0;
            text-transform: none
        }

            .brochure-checkout form div section div.Form__Element.FormChoice label.Form__Element__Caption:before {
                display: none
            }

            .brochure-checkout form div section div.Form__Element.FormChoice label.Form__Element__Caption:hover {
                text-decoration: underline
            }

            .brochure-checkout form div section div.Form__Element.FormChoice label.Form__Element__Caption input[type=checkbox] {
                position: absolute;
                opacity: 0;
                height: 0;
                width: 0
            }

                .brochure-checkout form div section div.Form__Element.FormChoice label.Form__Element__Caption input[type=checkbox]:checked ~ .checkbox-text {
                    font-weight: 700;
                    text-decoration: underline
                }

                .brochure-checkout form div section div.Form__Element.FormChoice label.Form__Element__Caption input[type=checkbox]:checked ~ .checkmark {
                    background-color: #70378d
                }

                .brochure-checkout form div section div.Form__Element.FormChoice label.Form__Element__Caption input[type=checkbox]:focus ~ .checkbox-text {
                    text-decoration: underline
                }

            .brochure-checkout form div section div.Form__Element.FormChoice label.Form__Element__Caption .checkmark {
                -webkit-appearance: none;
                -moz-appearance: none;
                background-color: #fff;
                border: .2rem solid #70378d;
                border-radius: 0;
                cursor: pointer;
                display: block;
                height: 2rem;
                left: .3rem;
                margin-right: 1rem;
                top: .8rem;
                transition: background-color .15s cubic-bezier(.215,.61,.355,1);
                width: 2rem
            }

                .brochure-checkout form div section div.Form__Element.FormChoice label.Form__Element__Caption .checkmark:after {
                    background-color: transparent;
                    border: .3rem solid #fff;
                    border-right: 0;
                    border-top: 0;
                    content: "";
                    height: .7rem;
                    margin: .3rem .4rem .4rem .14rem;
                    position: absolute;
                    transform: rotate(-45deg);
                    width: 1.2rem
                }

            .brochure-checkout form div section div.Form__Element.FormChoice label.Form__Element__Caption .checkbox-text {
                color: #1d252d;
                font-size: 1.6rem;
                letter-spacing: normal
            }

    .brochure-checkout form div section div.Form__Element.ValidationFail label:before {
        background-color: #d41132
    }

    .brochure-checkout form div section div.Form__Element.ValidationFail input.FormTextbox__Input {
        border-bottom: .2rem solid #d41132;
        padding-bottom: 1.5rem
    }

    .brochure-checkout form div section div.Form__Element.ValidationFail label.Form__Element__Caption .checkmark {
        border: .2rem solid #d41132
    }

.brochure-checkout button.Form__Element {
    margin-top: 1rem
}

@media (min-width:780px) and (max-width:1080px) {
    .brochure-checkout li.added-items .move-page-down, .brochure-checkout li.added-items .move-page-up {
        margin-right: 2.5rem
    }

    .brochure-checkout li.added-items .page-name {
        margin-left: 2.5rem
    }
}

@media (min-width:128px) and (max-width:780px) {
    .brochure-widget {
        display: none
    }
}

.c-autocomplete {
    position: relative
}

.c-autocomplete-suggestions-bn {
    background: #0c5aa5;
    z-index: 1000;
    overflow: auto;
    padding-bottom: 30px
}

.c-autocomplete-suggestions-bn__item {
    padding: 1.3rem 20vw;
    font-size: 1.8rem;
    display: block;
    color: #fff;
    font-family: Calmetta;
    font-weight: 100
}

.c-autocomplete-suggestions-bn .empty {
    color: #fff;
    padding: 1.9rem 20vw;
    font-size: 1.9rem
}

@media (min-width:128px) and (max-width:780px) {
    .c-autocomplete-suggestions-bn__item {
        padding: 1.9rem 5vw
    }

        .c-autocomplete-suggestions-bn__item .icon.icon-chevron-down-bn {
            display: block;
            transform: rotate(-90deg);
            width: 20px;
            height: 20px;
            float: right
        }

            .c-autocomplete-suggestions-bn__item .icon.icon-chevron-down-bn path {
                stroke: #fff
            }

    .c-autocomplete-suggestions-bn .empty {
        color: #fff;
        padding: 1.9rem 5vw;
        font-size: 1.6rem
    }
}

.form {
    margin-bottom: 4rem
}

    .form.two-col {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .form.two-col > h2, .form.two-col > p {
            display: block;
            width: 100%
        }

        .form.two-col .form-field {
            width: 45%;
            margin-right: 5%
        }

            .form.two-col .form-field.pd-checkbox, .form.two-col .form-field.pd-radio, .form.two-col .form-field.pd-textarea {
                width: 100%;
                max-width: 89rem
            }

                .form.two-col .form-field.pd-textarea textarea {
                    width: 100%;
                    max-width: 90rem
                }

            .form.two-col .form-field.pd-hidden {
                position: absolute
            }

        .form.two-col .g-recaptcha, .form.two-col .submit {
            width: 100%
        }

    .form .errors {
        border-bottom: .2rem solid #d41132;
        padding-bottom: 1.5rem;
        color: #d41132
    }

    .form .error.no-label {
        color: #d41132;
        max-width: 72.2rem
    }

    .form a {
        font-weight: 400
    }

    .form label {
        display: block;
        padding-top: .5rem;
        margin-bottom: 1.6rem
    }

        .form label.inline {
            background-image: none;
            display: inline;
            float: none;
            line-height: 2em;
            margin-right: 1rem;
            padding: 0;
            text-align: left;
            vertical-align: baseline;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            font-weight: 300
        }

        .form label.field-label {
            font-size: 1.5rem;
            position: relative;
            font-weight: 400;
            text-transform: uppercase;
            color: #616771;
            letter-spacing: .1rem;
            line-height: 1.2;
            max-width: 72.2rem
        }

    .form .required label {
        padding-left: 1.6rem
    }

        .form .required label:before {
            content: "";
            height: .8rem;
            background-color: #70378d;
            border-radius: .4rem;
            position: absolute;
            width: .8rem;
            left: .2rem;
            top: 1rem
        }

    .form .required.error label:before {
        background-color: #d41132
    }

    .form.action {
        text-align: center
    }

    .form .form-label .message {
        margin: 0;
        font-size: 1.3rem
    }

    .form .form-field {
        position: relative;
        margin-bottom: 2rem
    }

        .form .form-field .field {
            min-height: 4.5rem;
            position: relative
        }

            .form .form-field .field.no-min-height {
                min-height: 0
            }

            .form .form-field .field p.error {
                color: #d41132;
                font-size: 1.3rem;
                margin: 0;
                padding-top: .2rem;
                clear: left
            }

        .form .form-field .group {
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

        .form .form-field .message {
            font-size: 1.3rem;
            margin: 0;
            padding-top: .2rem;
            clear: left
        }

        .form .form-field.error [type=text], .form .form-field.error select, .form .form-field.error textarea {
            border-bottom: .2rem solid #d41132
        }

        .form .form-field.error [type=checkbox] + label:before, .form .form-field.error [type=radio] + label:before {
            border: .2rem solid #d41132
        }

    .form span.description {
        display: block;
        font-size: 1.6rem;
        font-weight: 300;
        margin-top: 2rem;
        max-width: 72.2rem
    }

    .form span.value span {
        position: relative;
        display: block;
        background-color: #fff;
        margin-bottom: .9rem
    }

        .form span.value span input[type=radio] {
            position: absolute;
            left: .3rem;
            top: .8rem
        }

            .form span.value span input[type=radio] + label {
                font-size: 1.6rem;
                cursor: pointer
            }

                .form span.value span input[type=radio] + label:before {
                    content: "";
                    border-radius: 50%;
                    width: 2rem;
                    height: 2rem;
                    background-color: #fff;
                    position: absolute;
                    border: .2rem solid #70378d;
                    top: .6rem;
                    left: 0;
                    transition: background-color .3s cubic-bezier(.215,.61,.355,1),border-color .3s cubic-bezier(.215,.61,.355,1)
                }

                .form span.value span input[type=radio] + label:after {
                    content: "";
                    border-radius: 50%;
                    width: 1rem;
                    height: 1rem;
                    background-color: #70378d;
                    position: absolute;
                    top: 1.1rem;
                    left: .5rem;
                    transform: scale(0);
                    transition: transform .3s cubic-bezier(.215,.61,.355,1)
                }

            .form span.value span input[type=radio]:focus, .form span.value span input[type=radio]:hover {
                outline: none
            }

                .form span.value span input[type=radio]:focus + label, .form span.value span input[type=radio]:hover + label {
                    text-decoration: underline
                }

            .form span.value span input[type=radio]:checked + label {
                font-weight: 700
            }

                .form span.value span input[type=radio]:checked + label:after {
                    transform: scale(1)
                }

        .form span.value span input[type=checkbox] {
            position: absolute;
            left: .3rem;
            top: .8rem
        }

            .form span.value span input[type=checkbox] + label {
                font-size: 1.6rem;
                cursor: pointer
            }

                .form span.value span input[type=checkbox] + label:before {
                    content: "";
                    width: 2rem;
                    height: 2rem;
                    background-color: #fff;
                    border: .2rem solid #70378d;
                    border-radius: 0;
                    position: absolute;
                    top: .6rem;
                    left: 0;
                    transition: background-color .15s cubic-bezier(.215,.61,.355,1)
                }

                .form span.value span input[type=checkbox] + label:after {
                    content: "";
                    width: 1.2rem;
                    height: .7rem;
                    border: .3rem solid #fff;
                    border-top: 0;
                    border-right: 0;
                    background-color: transparent;
                    position: absolute;
                    top: 1.1rem;
                    left: .3rem;
                    transform: rotate(-45deg)
                }

            .form span.value span input[type=checkbox]:focus + label, .form span.value span input[type=checkbox]:hover + label {
                text-decoration: underline
            }

            .form span.value span input[type=checkbox]:checked + label {
                font-weight: 700
            }

                .form span.value span input[type=checkbox]:checked + label:before {
                    background-color: #70378d
                }

        .form span.value span label {
            background-color: transparent;
            padding-left: 3rem
        }

            .form span.value span label:before {
                content: none
            }

    .form [type=email], .form [type=file], .form [type=number], .form [type=password], .form [type=search], .form [type=tel], .form [type=text], .form textarea {
        font-weight: 700;
        transition: all .15s ease-in-out;
        border: .1rem solid #e1e6e9;
        background-color: #fff;
        border-radius: 0;
        -webkit-appearance: none;
        appearance: none;
        line-height: normal;
        font-size: 1.5rem;
        padding: .8rem 1rem;
        outline: none;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        color: #1d252d;
        width: 34.8rem;
        height: 4.5rem;
        box-shadow: none
    }

        .form [type=email]:active, .form [type=email]:focus, .form [type=file]:active, .form [type=file]:focus, .form [type=number]:active, .form [type=number]:focus, .form [type=password]:active, .form [type=password]:focus, .form [type=search]:active, .form [type=search]:focus, .form [type=tel]:active, .form [type=tel]:focus, .form [type=text]:active, .form [type=text]:focus, .form textarea:active, .form textarea:focus {
            border-bottom: .2rem solid #1a8479
        }

            .form [type=email]:focus::-webkit-input-placeholder, .form [type=file]:focus::-webkit-input-placeholder, .form [type=number]:focus::-webkit-input-placeholder, .form [type=password]:focus::-webkit-input-placeholder, .form [type=search]:focus::-webkit-input-placeholder, .form [type=tel]:focus::-webkit-input-placeholder, .form [type=text]:focus::-webkit-input-placeholder, .form textarea:focus::-webkit-input-placeholder {
                transition: color .5s ease;
                color: #616771
            }

            .form [type=email]:focus:-ms-input-placeholder, .form [type=file]:focus:-ms-input-placeholder, .form [type=number]:focus:-ms-input-placeholder, .form [type=password]:focus:-ms-input-placeholder, .form [type=search]:focus:-ms-input-placeholder, .form [type=tel]:focus:-ms-input-placeholder, .form [type=text]:focus:-ms-input-placeholder, .form textarea:focus:-ms-input-placeholder {
                color: #616771
            }

            .form [type=email]:focus:-moz-placeholder, .form [type=file]:focus:-moz-placeholder, .form [type=number]:focus:-moz-placeholder, .form [type=password]:focus:-moz-placeholder, .form [type=search]:focus:-moz-placeholder, .form [type=tel]:focus:-moz-placeholder, .form [type=text]:focus:-moz-placeholder, .form textarea:focus:-moz-placeholder {
                transition: color .5s ease;
                color: #616771
            }

        .form [type=email]::-webkit-input-placeholder, .form [type=file]::-webkit-input-placeholder, .form [type=number]::-webkit-input-placeholder, .form [type=password]::-webkit-input-placeholder, .form [type=search]::-webkit-input-placeholder, .form [type=tel]::-webkit-input-placeholder, .form [type=text]::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
            transition: color .5s ease;
            opacity: 1;
            color: #1d252d
        }

        .form [type=email]:-ms-input-placeholder, .form [type=file]:-ms-input-placeholder, .form [type=number]:-ms-input-placeholder, .form [type=password]:-ms-input-placeholder, .form [type=search]:-ms-input-placeholder, .form [type=tel]:-ms-input-placeholder, .form [type=text]:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
            opacity: 1;
            color: #1d252d
        }

        .form [type=email]:-moz-placeholder, .form [type=file]:-moz-placeholder, .form [type=number]:-moz-placeholder, .form [type=password]:-moz-placeholder, .form [type=search]:-moz-placeholder, .form [type=tel]:-moz-placeholder, .form [type=text]:-moz-placeholder, .form textarea:-moz-placeholder {
            box-shadow: none !important;
            transition: color .5s ease;
            opacity: 1;
            color: #1d252d
        }

        .form [type=email]:invalid, .form [type=file]:invalid, .form [type=number]:invalid, .form [type=password]:invalid, .form [type=search]:invalid, .form [type=tel]:invalid, .form [type=text]:invalid, .form textarea:invalid {
            box-shadow: none
        }

            .form [type=email]:invalid + .button-search, .form [type=file]:invalid + .button-search, .form [type=number]:invalid + .button-search, .form [type=password]:invalid + .button-search, .form [type=search]:invalid + .button-search, .form [type=tel]:invalid + .button-search, .form [type=text]:invalid + .button-search, .form textarea:invalid + .button-search {
                pointer-events: none;
                color: #616771
            }

        .form [type=email]::-ms-clear, .form [type=file]::-ms-clear, .form [type=number]::-ms-clear, .form [type=password]::-ms-clear, .form [type=search]::-ms-clear, .form [type=tel]::-ms-clear, .form [type=text]::-ms-clear, .form textarea::-ms-clear {
            display: none
        }

    .form textarea {
        height: auto;
        min-height: 20rem;
        max-width: 100%;
        font-family: Source Sans Pro,Arial,sans-serif;
        font-weight: 300
    }

    .form select {
        background-color: #fff;
        border: .1rem solid #e1e6e9;
        line-height: 1.15;
        border-radius: 0;
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.8rem;
        color: #616771;
        padding: 1.3rem 3rem 1.6rem 1rem;
        width: 34.8rem;
        position: relative;
        background-image: url(/assets/img/components/forms/chevron-down.svg);
        background-repeat: no-repeat;
        background-position: 94% 50%;
        background-size: 1.6rem 1rem;
        transition: border .15s cubic-bezier(.215,.61,.355,1);
        -moz-appearance: none;
        -webkit-appearance: none
    }

        .form select, .form select option {
            font-weight: 300
        }

            .form select[multiple=multiple] {
                background-image: none;
                padding: 0
            }

                .form select[multiple=multiple] option {
                    padding: 1.4rem 2rem;
                    border-bottom: .1rem solid #e1e6e9
                }

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

            .form select optgroup {
                display: none
            }

    .form [type=text]:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 5rem #fff inset;
        -webkit-text-fill-color: #616771
    }

    .form [type=text]:focus {
        -webkit-text-fill-color: #616771
    }

    .form [type=number] {
        -moz-appearance: textfield
    }

        .form [type=number]::-webkit-inner-spin-button, .form [type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

    .form .submit {
        margin-bottom: 2rem
    }

.legend {
    position: relative;
    padding-left: 1.6rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #000
}

    .legend:before {
        position: absolute;
        content: "";
        width: .8rem;
        height: .8rem;
        background-color: #70378d;
        border-radius: .4rem;
        left: .2rem;
        top: .7rem
    }

[type=text].date {
    padding-left: 4rem
}

input.date {
    background-image: url(/assets/img/components/forms/calendar.svg);
    background-repeat: no-repeat;
    background-size: 1.4rem 1.4rem;
    background-position: .8rem 1.4rem;
    padding-left: 2rem
}

.ui-widget-content {
    border: .1rem solid #e1e6e9;
    border-top: 0;
    background-color: #fff
}

    .ui-widget-content .ui-state-default {
        border: .1rem solid #fff;
        border-radius: 50%;
        background-color: #fff;
        font-weight: 400;
        color: #616771;
        text-indent: -.2rem
    }

    .ui-widget-content .ui-state-highlight {
        border: .1rem solid #70378d;
        background-color: #fff;
        color: #616771
    }

        .ui-widget-content .ui-state-highlight a {
            color: #616771
        }

    .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover {
        font-weight: 400;
        border: .1rem solid #70378d;
        background-color: #fff;
        color: #616771
    }

        .ui-widget-content .ui-state-focus a, .ui-widget-content .ui-state-hover a {
            color: #616771
        }

    .ui-widget-content .ui-state-active {
        border: .1rem solid #70378d;
        background-color: #70378d;
        font-weight: 400;
        color: #fff
    }

        .ui-widget-content .ui-state-active:link {
            color: #fff
        }

.ui-widget-header .ui-state-default {
    border: .1rem solid #fff;
    border-radius: 50%;
    background-color: #fff;
    font-weight: 400;
    color: #616771
}

.ui-widget-header .ui-state-highlight {
    border: .1rem solid #70378d;
    background-color: #fff;
    color: #616771
}

    .ui-widget-header .ui-state-highlight a {
        color: #616771
    }

.ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    font-weight: 400;
    color: #fff
}

.ui-widget-header .ui-state-active {
    border: .1rem solid #70378d;
    background-color: #70378d;
    font-weight: 400;
    color: #fff
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-state-default {
    border: .1rem solid #fff;
    border-radius: 50%;
    background-color: #fff;
    font-weight: 400;
    color: #616771
}

    .ui-state-default a:link, .ui-state-default a:visited {
        color: #616771;
        text-decoration: none
    }

.ui-state-active, .ui-state-focus, .ui-state-hover {
    font-weight: 400;
    color: #fff
}

.ui-state-active {
    border: .1rem solid #70378d;
    background-color: #70378d
}

    .ui-state-active:link, .ui-state-active:visited {
        color: #212121;
        text-decoration: none
    }

.ui-widget:active {
    outline: 0
}

.ui-state-disabled {
    cursor: default !important
}

.ui-state-highlight {
    border: .1rem solid #70378d;
    background-color: #fff;
    color: #616771
}

    .ui-state-highlight a {
        color: #616771
    }

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(/assets/img/svg/chevron.svg);
    background-size: 1.6rem 1rem
}

.ui-icon-circle-triangle-e {
    transform: rotate(-90deg)
}

.ui-icon-circle-triangle-w {
    transform: rotate(90deg)
}

.ui-datepicker {
    width: 27.8em;
    padding: 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: 1.2rem 2rem;
        background-color: #1a8479;
        min-height: 5rem
    }

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 2rem;
        width: 1.8rem;
        height: 1.8rem
    }

        .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -.8rem;
            top: 50%;
            margin-top: -1.2rem
        }

    .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
        top: 2rem;
        border: 0;
        background-color: transparent
    }

    .ui-datepicker .ui-datepicker-prev {
        left: .4rem
    }

    .ui-datepicker .ui-datepicker-next {
        right: .4rem
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: .1rem
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: .1rem
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3rem;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1.4rem;
            margin: .1rem 0;
            line-height: 1.15;
            padding: .1rem 2rem .1rem 1rem;
            border: .1rem solid #e1e6e9;
            color: #1d252d;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            font-weight: 700
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 49%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: 1.4rem;
        border-collapse: collapse;
        margin: 0 0 1.3rem;
        display: table
    }

        .ui-datepicker table th {
            padding: 1.7rem 0 .7rem;
            text-align: center;
            border: 0;
            background-color: #fff;
            font-family: Calmetta,Arial,Verdana,sans-serif;
            color: #1d252d;
            font-weight: 700;
            letter-spacing: -.06rem
        }

        .ui-datepicker table td {
            border: 0;
            padding: .6rem .27rem;
            max-width: 3.2rem
        }

            .ui-datepicker table td a, .ui-datepicker table td span {
                display: block;
                padding: .6rem 0;
                text-align: center;
                text-decoration: none;
                font-family: Calmetta,Arial,Verdana,sans-serif;
                font-weight: 300
            }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7rem 0 0;
        padding: 0 .2rem;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5rem .2rem .4rem;
            cursor: pointer;
            padding: .2rem .6rem .3rem;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4rem
    }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: .2rem;
        left: auto
    }

        .ui-datepicker-rtl .ui-datepicker-prev:hover {
            right: .1rem;
            left: auto
        }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: .2rem;
        right: auto
    }

        .ui-datepicker-rtl .ui-datepicker-next:hover {
            left: .1rem;
            right: auto
        }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: .1rem
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right
            }

.ui-datepicker-cover {
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -.4rem;
    left: -.4rem;
    width: 20rem;
    height: 20rem
}

@media (min-width:128px) and (max-width:780px) {
    .form.two-col .form-field {
        width: 100%;
        margin-right: 0
    }

    .form .form-field {
        margin-bottom: 2.5rem
    }

    .form input[type=email], .form input[type=file], .form input[type=number], .form input[type=password], .form input[type=search], .form input[type=tel], .form input[type=text], .form select, .form textarea {
        width: 100%
    }

    .form textarea {
        min-height: 10rem
    }
}

.site-header {
    width: 100%
}

    .site-header .brand-logo {
        height: auto;
        -ms-flex-item-align: center;
        align-self: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-width: 13.4rem
    }

    .site-header .brand-logo__full {
        width: 12.9rem;
        height: 10.2rem;
        display: inline-block
    }

    .site-header .brand-logo__small {
        display: none
    }

    .site-header .wrapper-wide .row {
        width: 100%;
        max-width: 118.8rem
    }

        .site-header .wrapper-wide .row .base12 {
            max-width: 110.4rem;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1rem;
            padding-right: 1rem
        }

    .site-header .wrapper-wide .row--bn {
        height: 100%;
        max-width: 1140px
    }

    .site-header .wrapper-wide:first-of-type {
        position: relative;
        z-index: 3;
        background-color: #f1f4f7
    }

        .site-header .wrapper-wide:first-of-type > .row .pane {
            padding-right: 0;
            padding-bottom: 0
        }

    .site-header .wrapper-wide:last-of-type {
        position: relative;
        z-index: 1;
        background-color: #fff;
        height: 10rem;
        padding: 0;
        margin: 0
    }

        .site-header .wrapper-wide:last-of-type.reveal {
            position: relative;
            z-index: 3
        }

        .site-header .wrapper-wide:last-of-type > .row .pane {
            padding-bottom: 0
        }

    .site-header .header-top-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center;
        height: 5rem;
        max-width: 108.4rem
    }

        .site-header .header-top-nav > ul {
            margin-top: -.1rem
        }

            .site-header .header-top-nav > ul > li {
                display: inline-block
            }

                .site-header .header-top-nav > ul > li > a {
                    font-size: 1.6rem;
                    color: #616771;
                    font-weight: 400;
                    display: inline-block;
                    transform: translateZ(0);
                    transition: transform .15s;
                    padding: 1.2rem 1.7rem
                }

                    .site-header .header-top-nav > ul > li > a:after {
                        content: "";
                        display: block;
                        width: 100%;
                        height: .3rem;
                        background-color: #1a8479;
                        opacity: 0;
                        transform: translate3d(0,.6rem,0);
                        transition: opacity .15s,transform .15s;
                        z-index: 0;
                        position: absolute;
                        left: 0;
                        bottom: 0
                    }

                    .site-header .header-top-nav > ul > li > a:focus, .site-header .header-top-nav > ul > li > a:hover {
                        text-decoration: none;
                        color: #1d252d;
                        transform: translate3d(0,-.3rem,0)
                    }

                        .site-header .header-top-nav > ul > li > a:focus:after, .site-header .header-top-nav > ul > li > a:hover:after {
                            opacity: 1
                        }

                .site-header .header-top-nav > ul > li.nav-separator {
                    position: relative
                }

                    .site-header .header-top-nav > ul > li.nav-separator a {
                        padding-left: 2rem;
                        padding-right: 2rem
                    }

                    .site-header .header-top-nav > ul > li.nav-separator:after, .site-header .header-top-nav > ul > li.nav-separator:before {
                        content: "";
                        display: block;
                        width: .1rem;
                        height: 2.6rem;
                        background-color: #e1e6e9;
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        margin: auto
                    }

                    .site-header .header-top-nav > ul > li.nav-separator:before {
                        left: 0
                    }

                    .site-header .header-top-nav > ul > li.nav-separator:after {
                        right: 0
                    }

    .site-header .top-nav-container {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .site-header .top-nav-container--bn {
        height: 100%
    }

    .site-header .top-nav-options {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-left: 20px
    }

    .site-header .top-nav-options__item {
        padding: 1rem 2rem
    }

        .site-header .top-nav-options__item:first-child {
            border-left: 1px solid #4f98d3
        }

    .site-header .top-nav-options__item--menu {
        display: none
    }

    .site-header .top-nav-options__search {
        display: block;
        width: 2.5rem;
        height: 2.5rem
    }

    .site-header .top-nav-options__search-text {
        display: none
    }

    .site-header .top-nav-options__client-portals {
        display: block;
        width: 2.5rem;
        height: 2.5rem
    }

    .site-header .top-nav-options__client-portals-text {
        display: none
    }

    .site-header .top-nav-options__menu {
        display: block;
        width: 2.5rem;
        height: 2.5rem
    }

    .site-header .top-nav-options__menu-text {
        display: none
    }

.site-header--bn {
    position: fixed;
    z-index: 999;
    top: 0
}

    .site-header--bn .brand-logo__full {
        width: 12.9rem;
        height: 6.6rem;
        display: inline-block
    }

    .site-header--bn .brand-logo__small {
        display: none;
        width: auto;
        height: 6.6rem;
        margin-top: .6rem
    }

    .site-header--bn .top-nav-options {
        margin-left: 12px
    }

    .site-header--bn .top-nav-options__item {
        padding: 1rem 12px
    }

        .site-header--bn .top-nav-options__item:first-child {
            padding-left: 24px
        }

    .site-header--bn .wrapper-wide:first-of-type > .row .pane {
        padding-right: 12px
    }

    .site-header--bn .wrapper-wide:first-of-type > .row .base12 {
        padding-right: 24px
    }

    .site-header--bn .wrapper-wide:first-of-type > .row .drop-box-bn .base12 {
        padding-right: 0
    }

    .site-header--bn .wrapper-wide .row .base12 {
        margin-left: 0;
        max-width: 100%
    }

@media (min-width:780px) and (max-width:1080px) {
    .site-header .brand-logo {
        min-width: 10rem
    }

    .site-header .brand-logo__full {
        width: 10rem;
        height: 9.5rem
    }

    .site-header .wrapper-wide:first-of-type > .row .pane {
        padding-right: 15px
    }

    .site-header .wrapper-wide .row .base12 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .site-header .top-nav-options__item {
        padding: 1rem 1.5rem
    }

    .site-header--bn .wrapper-wide .row .base12 {
        padding-left: 2.5rem
    }

    .site-header--bn .brand-logo {
        min-width: auto;
        margin-top: 0
    }

    .site-header--bn .brand-logo--has-small .brand-logo__full {
        display: none !important
    }

    .site-header--bn .brand-logo--has-small .brand-logo__small {
        display: inline-block !important
    }

    .site-header--bn .top-nav-options__item {
        padding: 1rem 12px
    }

        .site-header--bn .top-nav-options__item:first-child {
            padding-left: 24px
        }
}

@media (min-width:128px) and (max-width:780px) {
    .site-header .brand-logo {
        height: 8.5rem;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-left: 6.5%
    }

    .site-header .brand-logo__full {
        width: 10rem;
        height: 8.5rem
    }

    .site-header .wrapper-wide:first-of-type > .row .pane {
        padding-right: 0
    }

    .site-header .wrapper-wide:last-of-type {
        height: auto
    }

        .site-header .wrapper-wide:last-of-type .base12 {
            width: 100%;
            padding-left: 0;
            padding-right: 0
        }

    .site-header .header-top-nav {
        height: 0;
        display: none
    }

        .site-header .header-top-nav.show {
            display: block
        }

        .site-header .header-top-nav > ul {
            margin-top: 0
        }

            .site-header .header-top-nav > ul > li > a {
                display: none
            }

            .site-header .header-top-nav > ul > li .regional-language-switcher {
                display: block
            }

                .site-header .header-top-nav > ul > li .regional-language-switcher .language-switch {
                    display: none
                }

    .site-header .top-nav-container {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        display: block
    }

        .site-header .top-nav-container.level-two .main-links > li, .site-header .top-nav-container.level-two .main-links > li .is-current-page {
            display: none
        }

            .site-header .top-nav-container.level-two .main-links > li.active {
                display: block
            }

        .site-header .top-nav-container.level-three .overview, .site-header .top-nav-container.level-two .brand-logo, .site-header .top-nav-container.level-two .main-menu-mobile, .site-header .top-nav-container.level-two .mobile-header-buttons, .site-header .top-nav-container.level-two .mobile-sub-links {
            display: none
        }

    .site-header .top-nav-container--bn {
        display: -ms-flexbox;
        display: flex;
        padding: 1rem
    }

        .site-header .top-nav-container--bn .top-nav-options {
            margin-right: -1rem
        }

        .site-header .top-nav-container--bn .top-nav-options__item {
            padding: 1rem 1.75rem;
            border-left: none
        }

        .site-header .top-nav-container--bn .top-nav-options__item--menu {
            display: block
        }

        .site-header .top-nav-container--bn .top-nav-options__client-portals, .site-header .top-nav-container--bn .top-nav-options__menu, .site-header .top-nav-container--bn .top-nav-options__search {
            width: 2.25rem;
            height: 2.5rem
        }

    .site-header .top-nav-options__item {
        padding: 1rem 1.5rem
    }

    .hide-menu .site-header--bn {
        z-index: 0 !important
    }

    .site-header--bn .brand-logo {
        display: block;
        height: auto;
        font-size: 0;
        margin-left: 0;
        min-width: 0
    }

    .site-header--bn .brand-logo--has-small .brand-logo__full {
        display: none !important
    }

    .site-header--bn .brand-logo--has-small .brand-logo__small {
        display: inline-block !important;
        height: 5.2rem;
        width: 50px
    }
}

.rich-text {
    padding-bottom: 4rem
}

    .rich-text .desktop-center {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 80rem
    }

.tab-pane .rich-text {
    padding-top: 4rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.rich-text.pad-top {
    padding-top: 4.4rem
}

.rich-text p {
    line-height: 1.3;
    font-size: 2rem;
    max-width: 72.2rem
}

    .rich-text p a {
        background-position: 0 90%
    }

        .rich-text p a strong:after {
            height: .3rem;
            bottom: .1rem
        }

    .rich-text p + .button {
        margin-top: 1.5rem
    }

.rich-text ul {
    line-height: 1.375;
    max-width: 72.2rem;
    margin-bottom: 2rem
}

    .rich-text ul li {
        margin-bottom: 1rem;
        position: relative;
        padding-left: 1.6rem;
        font-size: 2rem
    }

        .rich-text ul li:before {
            content: "";
            display: block;
            background-color: #1d252d;
            width: .6rem;
            height: .6rem;
            position: absolute;
            left: 0;
            top: 1rem
        }

        .rich-text ul li.large {
            background-position: 0 2.3rem
        }

            .rich-text ul li.large:before {
                top: 1.5rem
            }

        .rich-text ul li ul {
            margin-left: 1.6rem
        }

            .rich-text ul li ul li:before {
                width: 1rem;
                height: .3rem;
                left: 0;
                top: 1.2rem
            }

.rich-text ol {
    line-height: 1.375;
    max-width: 72.2rem;
    margin-bottom: 2rem;
    counter-reset: a
}

    .rich-text ol > li {
        position: relative;
        font-size: 2rem;
        margin-bottom: 1rem;
        padding-left: 2.6rem
    }

        .rich-text ol > li:before {
            content: counter(a) ".";
            counter-increment: a;
            position: absolute;
            left: 0;
            color: #1d252d;
            font-weight: 700
        }

    .rich-text ol a, .rich-text ul a {
        position: relative;
        color: #616771;
        background-image: linear-gradient(90deg,#1a8479 0,#1a8479);
        background-position: 0 2.3rem;
        background-repeat: repeat-x;
        background-size: .1rem .1rem
    }

        .rich-text ol a:focus, .rich-text ol a:hover, .rich-text ul a:focus, .rich-text ul a:hover {
            text-decoration: none;
            color: #1a8479
        }

        .rich-text ol a strong, .rich-text ul a strong {
            z-index: 0
        }

            .rich-text ol a strong:after, .rich-text ul a strong:after {
                height: .3rem;
                bottom: .1rem
            }

    .rich-text ol ol, .rich-text ol ul, .rich-text ul ol, .rich-text ul ul {
        padding-top: 1rem
    }

.rich-text img {
    width: auto;
    height: auto;
    margin: .4rem 0 2.7rem
}

    .rich-text img[style*="float: left"] {
        margin-right: 2.7rem;
        margin-bottom: 1.5rem
    }

    .rich-text img[style*="float: right"] {
        margin-left: 2.7rem;
        margin-bottom: 1.5rem
    }

    .rich-text img.align-right {
        margin-right: 0;
        margin-left: auto
    }

    .rich-text img.align-left {
        margin-right: auto;
        margin-left: 0
    }

.rich-text table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    margin-bottom: 4.5rem
}

    .rich-text table thead th {
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-weight: 700;
        background-color: #70378d;
        color: #fff;
        border-left-color: #fff
    }

        .rich-text table thead th:first-child {
            border-left-color: #70378d
        }

    .rich-text table th {
        font-family: Calmetta,Arial,Verdana,sans-serif;
        font-size: 1.8rem;
        background-color: #fff;
        border-left: .1rem solid #e1e6e9;
        border-top: .1rem solid #e1e6e9;
        border-bottom: .1rem solid #e1e6e9;
        color: #616771;
        font-weight: 400;
        padding: 1.2rem 2rem
    }

        .rich-text table th:last-child {
            border-right: .1rem solid #fff
        }

    .rich-text table td {
        font-family: Source Sans Pro,Arial,sans-serif;
        font-size: 1.6rem;
        border-left: .1rem solid #e1e6e9;
        border-top: .1rem solid #e1e6e9;
        border-bottom: .1rem solid #e1e6e9;
        color: #616771;
        font-weight: 300;
        padding: 1.2rem 2rem
    }

        .rich-text table td:last-child {
            border-right: .1rem solid #e1e6e9
        }

.rich-text #ot-sdk-cookie-policy h3 {
    line-height: 1.23077 !important;
    font-size: 2.6rem !important;
    margin-bottom: 2rem !important;
    color: #1d252d !important;
    font-family: Calmetta,Arial,Verdana,sans-serif !important;
    font-weight: 700 !important
}

.rich-text #ot-sdk-cookie-policy h4 {
    line-height: 1.25 !important;
    font-size: 2.4rem !important
}

.rich-text #ot-sdk-cookie-policy h4, .rich-text #ot-sdk-cookie-policy h5 {
    margin-bottom: 2rem !important;
    color: #1d252d !important;
    font-family: Calmetta,Arial,Verdana,sans-serif !important;
    font-weight: 400 !important
}

.rich-text #ot-sdk-cookie-policy h5 {
    line-height: 1.31579 !important;
    font-size: 1.9rem !important
}

.rich-text #ot-sdk-cookie-policy p {
    line-height: 1.3;
    font-size: 2rem !important;
    max-width: 72.2rem !important;
    font-weight: 300 !important;
    color: #616771 !important
}

    .rich-text #ot-sdk-cookie-policy p a {
        background-position: 0 90% !important
    }

        .rich-text #ot-sdk-cookie-policy p a strong:after {
            height: .3rem !important;
            bottom: .1rem !important
        }

    .rich-text #ot-sdk-cookie-policy p + .button {
        margin-top: 1.5rem !important
    }

.rich-text #ot-sdk-cookie-policy #cookie-policy-description {
    line-height: 1.3;
    font-size: 2rem !important;
    max-width: 72.2rem !important;
    font-weight: 300 !important;
    color: #616771 !important;
    margin: 0 0 1em !important
}

.rich-text #ot-sdk-cookie-policy table th {
    font-family: Source Sans Pro,Arial,sans-serif !important;
    font-size: 1.6rem !important;
    border: .1rem solid #e1e6e9 !important;
    color: #1d252d !important;
    font-weight: 700 !important;
    padding: 1.2rem 2rem !important;
    background-color: #fff !important
}

.rich-text #ot-sdk-cookie-policy table td {
    border-left: .1rem solid #e1e6e9 !important;
    border-top: .1rem solid #e1e6e9 !important;
    border-bottom: .1rem solid #e1e6e9 !important;
    padding: 1.2rem 2rem !important
}

    .rich-text #ot-sdk-cookie-policy table td, .rich-text #ot-sdk-cookie-policy table td span {
        font-family: Source Sans Pro,Arial,sans-serif !important;
        font-size: 1.6rem !important;
        color: #616771 !important;
        font-weight: 300 !important
    }

        .rich-text #ot-sdk-cookie-policy table td a {
            font-family: Source Sans Pro,Arial,sans-serif !important;
            font-size: 1.6rem !important;
            font-weight: 300 !important;
            color: #0057b8 !important
        }

@media (min-width:128px) and (max-width:780px) {
    .rich-text {
        text-align: left;
        padding-bottom: .5rem
    }

        .rich-text p + .button {
            margin-bottom: 3rem
        }

        .rich-text .desktop-center {
            text-align: left
        }

    .tab-pane .rich-text {
        padding-top: 4rem;
        padding-left: 6.5%;
        padding-right: 6.5%
    }

    .rich-text.pad-top {
        padding-top: 3.4rem
    }

    .rich-text table {
        margin-bottom: 3.5rem
    }

        .rich-text table ul {
            max-width: none
        }
}

.container--tabs .nav-tabs {
    float: left;
    width: 100%;
    margin: 0;
    list-style-type: none
}

    .container--tabs .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .container--tabs .nav-tabs > li > a {
            float: left
        }

.container--tabs .tab-content {
    float: left;
    width: 100%
}

    .container--tabs .tab-content > .tab-pane {
        display: none
    }

        .container--tabs .tab-content > .tab-pane.active {
            display: block;
            padding: 2.5% 3.5%
        }

    .container--tabs .tab-content > .active {
        display: block
    }

@media (min-width:128px) and (max-width:780px) {
    .container--tabs .nav-tabs, .container--tabs .nav-tabs > li, .container--tabs .nav-tabs > li > a {
        float: none
    }
}

.vertical-accordion .accordion {
    position: relative
}

    .vertical-accordion .accordion .toggle-link {
        position: relative;
        padding: 1.5rem 2.5rem
    }

        .vertical-accordion .accordion .toggle-link h2 {
            font-weight: 700;
            margin-bottom: 0;
            margin-right: 3rem
        }

        .vertical-accordion .accordion .toggle-link.open h2 {
            color: #1a8479
        }

        .vertical-accordion .accordion .toggle-link.open .icon-chevron-down {
            transform: translateY(-50%) rotate(180deg)
        }

    .vertical-accordion .accordion li:not(.label-tag) {
        padding-bottom: 1px
    }

    .vertical-accordion .accordion li .icon-chevron-down {
        position: absolute;
        top: 50%;
        right: 3.1rem;
        transform: translateY(-50%);
        width: 1.6rem;
        height: 1rem;
        margin-top: 0
    }

    .vertical-accordion .accordion > li {
        width: auto;
        display: block;
        clear: both;
        border: .1rem solid #e1e6e9;
        border-bottom-width: 0;
        max-width: 108.4rem;
        margin-left: auto;
        margin-right: auto
    }

        .vertical-accordion .accordion > li:last-child {
            border-bottom-width: .1rem
        }

        .vertical-accordion .accordion > li > a {
            text-decoration: none;
            display: block;
            padding: 10px;
            color: #fff;
            background: #fff
        }

    .vertical-accordion .accordion.disabled .toggle-link {
        cursor: default
    }

        .vertical-accordion .accordion.disabled .toggle-link h2 {
            color: #616771
        }

    .vertical-accordion .accordion.disabled .icon-chevron-down path {
        stroke: #e1e6e9
    }

.vertical-accordion .accordion-drop-pdf .rich-text, .vertical-accordion .accordion-drop .rich-text {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.vertical-accordion.utilities-results {
    background-color: #f1f4f7
}

.search-shade .vertical-accordion.utilities-results {
    position: relative
}

    .search-shade .vertical-accordion.utilities-results:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: hsla(0,0%,100%,.8);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1
    }

.vertical-accordion.utilities-results .accordion-drop {
    padding-left: 0;
    padding-right: 0
}

.vertical-accordion.utilities-results .accordion {
    padding-top: 0;
    padding-bottom: 1rem
}

    .vertical-accordion.utilities-results .accordion > li {
        border-bottom-width: .1rem;
        margin-bottom: 1rem
    }

@media (min-width:128px) and (max-width:780px) {
    .vertical-accordion .base12 {
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }

    .vertical-accordion .accordion .toggle-link {
        padding: 1rem 6.5% 1.1rem
    }

    .vertical-accordion .accordion li .icon-chevron-down {
        right: 6.5%
    }

    .vertical-accordion .accordion-drop {
        padding-left: 6.5%;
        padding-right: 6.5%
    }

        .vertical-accordion .accordion-drop .rich-text {
            padding-left: 0;
            padding-right: 0
        }

    .search-shade .vertical-accordion.utilities-results:before {
        display: none
    }

    .vertical-accordion.utilities-results .accordion {
        padding-bottom: 0
    }

    .vertical-accordion.utilities-results .pagination {
        padding-top: 1.3rem
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin-bottom: 30px
}

    .slick-slider .slick-list, .slick-slider .slick-track {
        transform: translateZ(0)
    }

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

    .slick-track:after, .slick-track:before {
        display: table;
        content: ""
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

    .slick-slide.slick-loading img {
        display: none
    }

    .slick-slide.dragging img {
        pointer-events: none
    }

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow .slick-hidden {
    display: none
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    border: 0
}

    .slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
        color: transparent;
        background: transparent
    }

        .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
            opacity: 1
        }

        .slick-next:focus, .slick-prev:focus {
            outline: .1rem dotted #1d252d
        }

        .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
            opacity: .25
        }

        .slick-next:before, .slick-prev:before {
            font-family: slick;
            font-size: 20px;
            line-height: 1;
            opacity: .75;
            color: #fff;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-slide {
    float: right
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

    [dir=rtl] .slick-next:before {
        content: "←"
    }

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

    [dir=rtl] .slick-prev:before {
        content: "→"
    }

.slick-next {
    right: -25px
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0 5px;
        padding: 0
    }

        .slick-dots li, .slick-dots li button {
            width: 20px;
            height: 20px;
            cursor: pointer
        }

            .slick-dots li button {
                font-size: 0;
                line-height: 0;
                display: block;
                padding: 5px;
                color: transparent;
                border: 0;
                outline: none;
                background: transparent
            }

                .slick-dots li button:focus:before, .slick-dots li button:hover:before {
                    opacity: 1
                }

                .slick-dots li button:focus {
                    outline: .1rem dotted #1d252d
                }

                .slick-dots li button:before {
                    font-family: slick;
                    font-size: 6px;
                    line-height: 20px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 20px;
                    height: 20px;
                    content: "O";
                    text-align: center;
                    opacity: .25;
                    color: #1d252d;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale
                }

            .slick-dots li.slick-active button:before {
                opacity: .75;
                color: #1d252d
            }

.video-lightbox:after, .video-lightbox:before {
    border-width: 2.1rem !important
}

.video-lightbox .mfp-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    background-position: 50%
}

.video-lightbox .mfp-content {
    margin: 0 auto;
    position: relative
}

.video-lightbox .mfp-iframe-holder .mfp-close {
    right: 0;
    padding: 0;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 4rem;
    text-align: center;
    color: #616771
}

.mfp-bg {
    display: none
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    opacity: 0;
    transition: opacity .5s;
    overflow: hidden !important
}

    .mfp-wrap.mfp-ready {
        opacity: 1
    }

        .mfp-wrap.mfp-ready:after, .mfp-wrap.mfp-ready:before {
            transform: translateZ(0)
        }

    .mfp-wrap.mfp-removing {
        opacity: 0
    }

    .mfp-wrap:after, .mfp-wrap:before {
        content: "";
        display: block;
        position: absolute;
        width: calc(100% + 2rem);
        height: calc(100% + 2rem);
        pointer-events: none;
        border: 2rem solid #1a8479;
        transition: transform .5s;
        z-index: 1
    }

    .mfp-wrap:before {
        top: 0;
        left: 0;
        border-right-width: 0;
        border-bottom-width: 0;
        transform: translate3d(-2rem,-2rem,0)
    }

    .mfp-wrap:after {
        right: 0;
        bottom: 0;
        border-top-width: 0;
        border-left-width: 0;
        transform: translate3d(2rem,2rem,0)
    }

.mfp-container {
    position: absolute;
    width: calc(100% - 4rem);
    height: calc(100% - 4rem);
    margin: auto;
    top: 2rem;
    left: 2rem
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    text-align: left;
    z-index: 1045
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

    button.mfp-arrow .icon-close, button.mfp-close .icon-close {
        width: 2rem;
        height: 2rem;
        pointer-events: none;
        display: inline-block
    }

        button.mfp-arrow .icon-close svg, button.mfp-close .icon-close svg {
            width: 2rem;
            height: 2rem
        }

            button.mfp-arrow .icon-close svg path, button.mfp-close .icon-close svg path {
                transition: .15s;
                stroke: #1d252d
            }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}

.images-off .mfp-close span.close-box {
    margin-top: 39%;
    display: block;
    width: auto;
    height: inherit;
    padding: .4rem 1rem;
    color: #fff;
    background-color: #616771;
    text-indent: 0;
    overflow: visible;
    font-size: 1.2rem
}

.mfp-close .icon-close path {
    stroke: #1d252d
}

.mfp-close:focus .icon-close path, .mfp-close:hover .icon-close path {
    stroke: #1a8479
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

    .mfp-arrow:active {
        margin-top: -54px
    }

    .mfp-arrow:focus, .mfp-arrow:hover {
        opacity: 1
    }

    .mfp-arrow:after, .mfp-arrow:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: .7
    }

.mfp-arrow-left {
    left: 0
}

    .mfp-arrow-left:after {
        border-right: 17px solid #fff;
        margin-left: 31px
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3f3f3f
    }

.mfp-arrow-right {
    right: 0
}

    .mfp-arrow-right:after {
        border-left: 17px solid #fff;
        margin-left: 39px
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3f3f3f
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        background: #000
    }

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure, img.mfp-img {
    line-height: 0
}

    .mfp-figure:after {
        content: "";
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        background: #444
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 12px;
        line-height: 14px
    }

    .mfp-figure figure {
        margin: 0
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }
}

@media (min-width:128px) and (max-width:780px) {
    .mfp-wrap:after, .mfp-wrap:before {
        display: none
    }

    .mfp-container {
        height: auto;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

        .mfp-container .mfp-content .mfp-close .icon-close, .mfp-container .mfp-content .mfp-close .icon-close svg {
            width: 1.3rem;
            height: 1.3rem
        }
}

.ss-wrapper {
    width: 100%;
    height: 100%;
    float: left
}

.ss-content {
    height: 100%;
    width: calc(100% + 1.8rem);
    position: relative;
    overflow: auto;
    box-sizing: border-box
}

.ss-scroll {
    position: relative;
    background: #a9adb4;
    width: .9rem;
    border-radius: .4rem;
    cursor: pointer;
    opacity: 0;
    transition: opacity .25s linear
}

.ss-hidden {
    display: none
}

.ss-container:hover .ss-scroll {
    opacity: 1
}

@media (min-width:128px) and (max-width:780px) {
    .ss-content {
        width: auto
    }
}

.variable-colour-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%
}

    .variable-colour-list h2 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 2rem
    }

.variable-colour-list-item {
    margin-right: 2rem;
    margin-bottom: 2rem;
    width: 19rem
}

    .variable-colour-list-item figure {
        border-bottom: 1px solid #262626;
        width: 100%;
        height: 15rem;
        border: 1px solid #5c747a;
        border-bottom-width: 0;
        margin: 0
    }

.variable-colour-list-data {
    color: #262626;
    border: 1px solid #262626;
    font-size: 1.6rem;
    width: 100%;
    margin: auto;
    padding: .5rem 1rem
}

    .variable-colour-list-data p {
        line-height: 1.25;
        margin-bottom: 0
    }

.component-header {
    margin: 20px 0
}

.icon-guide {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .icon-guide [class^=icon-] {
        background-color: #98c93c;
        display: block;
        position: relative;
        width: 10rem;
        height: 10rem;
        margin: 2rem;
        padding: 2rem
    }

.uif-matrix {
    margin: 4rem 0;
    font-size: 1.6rem
}

    .uif-matrix td, .uif-matrix th {
        padding: .6rem 1.2rem;
        color: #000
    }

    .uif-matrix td {
        text-align: center
    }

    .uif-matrix tr th {
        background-color: #ff4f46;
        color: #fff
    }

    .uif-matrix tr:nth-child(2n) {
        background-color: #f4f4f4
    }

.placeholder {
    width: 100%;
    background-color: #799a34;
    padding: 10px;
    min-height: 50px;
    margin-bottom: 1px
}

    .placeholder.sub-layout {
        background-color: #e18c1e
    }

    .placeholder h2 {
        color: #fff
    }

    .placeholder p {
        color: #000;
        margin-bottom: .5rem
    }

.ruler {
    background-color: orange;
    background-image: url(/assets/img/zui-ruler.png);
    background-repeat: no-repeat;
    background-size: 140rem;
    min-height: 10rem
}

@media (min-width:128px) and (max-width:780px) {
    .ruler {
        background-color: tomato
    }
}
/*# sourceMappingURL=main.css.map */