﻿html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

b, strong {
    font-weight: bold
}

img {
    border: 0
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

input {
    line-height: normal
}

.c-heading-2 {
    font-size: 46px;
    line-height: 56px
}

.c-heading-3, .c-subheading-1 {
    font-size: 2.0em;
    line-height: 1.2em;
}

.c-heading-2 {
    padding: 37px 0 3px;
    font-weight: 600;
    letter-spacing: -.01em
}

.c-heading-3 {
    padding: 38px 0 2px;
    font-weight: 600
}

.c-padding-15 {
    padding: 15px;
}

.c-padding-20 {
    /* padding: 20px; */
}

.c-padding-50 {
    padding: 40px;
}

.c-heading-5, .c-subheading-3, .c-paragraph-1 {
    font-size: 20px;
    line-height: 24px
}

.c-heading-5 {
    padding: 35px 0 5px;
    font-weight: 600
}

.c-paragraph-6 {
    padding: 5px 0 0;
    font-weight: 400
}

html {
    font-size: 62.5%;
    box-sizing: border-box;
}

body {
    font-size: 1.5rem;
    line-height: 1.467;
    color: #333;
    font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
    min-width: 320px;
    background-color: #fff;
    color: #333;
}

*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.theme-light {
    color: #333;
    background-color: #e6e6e6;
}

h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin-top: 0;
    margin-bottom: 0
}

ol, ul {
    padding: 0;
    list-style: none
}

audio, canvas, img, video {
    vertical-align: middle
}

a:link, a:focus, a:hover, a:active, a:visited {
    text-decoration: none;
    color: inherit
}

strong, b {
}

small, sub, sup {
    font-size: 1.4rem;
}

input, input[type="search"] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

div[data-module-id] {
    min-height: 1px
}

[data-grid~="container"] {
    max-width: calc(1600px + 10%);
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%
}

@media screen and (max-width: 1083px) {
    [data-grid~="container"] {
        padding-left: 0;
        padding-right: 0
    }
}

[data-grid~="container"], [data-grid*="col-"] {
    box-sizing: border-box;
    zoom: 1
}

    [data-grid~="container"]:before, [data-grid~="container"]:after, [data-grid*="col-"]:before, [data-grid*="col-"]:after {
        content: " ";
        display: table
    }

    [data-grid~="container"]:after, [data-grid*="col-"]:after {
        clear: both
    }

[data-grid*="col-"] {
    float: left;
    min-height: 1px
}

[data-grid~="pad-6x"] > [data-grid] {
    padding-left: 12px;
    padding-right: 12px
}

[data-grid~="col-1"] {
    width: 8.33333%
}

[data-grid~="col-2"] {
    width: 16.66667%
}

[data-grid~="col-3"] {
    width: 25%
}

[data-grid~="col-4"] {
    width: 33.33333%
}

[data-grid~="col-5"] {
    width: 41.66667%
}

[data-grid~="col-6"] {
    width: 50%
}

[data-grid~="col-7"] {
    width: 58.33333%
}

[data-grid~="col-8"] {
    width: 66.66667%
}

[data-grid~="col-9"] {
    width: 75%
}

[data-grid~="col-10"] {
    width: 83.33333%
}

[data-grid~="col-11"] {
    width: 91.66667%
}

[data-grid~="col-12"] {
    width: 100%
}

[data-grid~="col-1-5"] {
    width: 20%
}

[data-grid~="col-1-8"] {
    width: 12.5%
}

@media screen and (max-width: 1083px) {
    [data-grid~="stack-3"] > [data-grid] {
        float: none;
        width: 100%;
        display: block;
        padding: inherit 0
    }
}

@media screen and (max-width: 1380px) {
    [data-grid~="stack-2"] > [data-grid] {
        float: none;
        width: 100%;
        display: block;
        padding: inherit 0
    }
}

@media screen and (max-width: 539px) {
    [data-grid*="col-"] {
        float: none;
        width: 100%;
        display: block;
        padding: inherit 0
    }
}

.x-clearfix:before, .x-clearfix:after {
    content: " ";
    display: table
}

.x-clearfix:after {
    clear: both
}

[class^="c-"] .x-hidden-focus, [class^="c-"] .x-hidden-focus:before, [class^="c-"] .x-hidden-focus + span:before, [class^="c-"].x-hidden-focus, [class^="c-"].x-hidden-focus:before, [class^="c-"].x-hidden-focus + span:before, [class^="m-"] .x-hidden-focus, [class^="m-"] .x-hidden-focus:before, [class^="m-"] .x-hidden-focus + span:before, [class^="m-"].x-hidden-focus, [class^="m-"].x-hidden-focus:before, [class^="m-"].x-hidden-focus + span:before {
    outline-color: transparent !important;
    outline-style: none !important
}

[class^="m-"] {
    /* padding-left: 5%; */
    /* padding-right: 5%; */
    /* padding-top: 48px; */
}

    [class^="m-"] [class^="m-"] {
        padding-left: 0;
        padding-right: 0
    }

.x-hidden {
    display: none !important
}

.x-weight-normal {
    font-weight: 400
}

.x-weight-semibold {
    font-weight: 600
}

.c-glyph:before, .c-glyph:after {
    font-family: 'icons_g';
    display: inline-block;
    text-decoration: underline;
}

.c-glyph:before, .c-glyph:after, .c-glyph:hover:before, .c-glyph:hover:after {
    text-decoration: none
}

.c-glyph.glyph-global-nav-button:before {
    content: "\E08F";
    color: #808080;
}

.c-glyph.glyph-world:before {
    content: "\E151";
    font-size: 2.0rem;
}

.x-p-t-2x {
    padding-top: 8px
}

.x-p-t-5x {
    padding-top: 20px
}

.x-type-unset {
    text-align: unset !important
}

img.c-image, picture.c-image img {
    /*    display: block;*/
    margin: 0;
    max-width: 100%;
    height: 75px;
}

img.c-image-s {
    height: 23px;
}

.c-logo {
    position: relative;
    outline: 2px solid transparent;
    border: 0;
    display: inline-block
}

    .c-logo:after {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        outline: 1px solid transparent;
        outline-offset: -1px
    }

    .c-logo img + span {
        position: absolute !important;
        overflow: hidden !important;
        clip: rect(1px,1px,1px,1px) !important;
        width: 1px !important;
        height: 1px !important;
        border: 0 !important;
        padding: 0 !important;
        margin: 0 !important
    }

button.c-action-trigger, a.c-action-trigger {
    font-size: 15px;
    position: relative;
    border: 2px solid transparent;
    outline: 1px solid transparent;
    outline-offset: -3px;
    max-width: 374px;
    min-width: 36px;
    display: inline-block;
    margin-top: 12px;
    padding: 6px 0 8px;
    color: #0067b8;
    background: none;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom
}

    button.c-action-trigger.c-glyph, a.c-action-trigger.c-glyph {
        min-width: 120px;
        padding-right: 10px
    }

        button.c-action-trigger.c-glyph:before, a.c-action-trigger.c-glyph:before {
            margin-left: 10px;
            margin-right: 10px
        }

        button.c-action-trigger.c-glyph[aria-label], a.c-action-trigger.c-glyph[aria-label] {
            min-width: 0;
            margin-right: 10px;
            padding-right: 0
        }

        button.c-action-trigger.c-glyph.f-align-margin, a.c-action-trigger.c-glyph.f-align-margin {
            margin-left: -10px
        }

.theme-light button.c-action-trigger, .theme-dark .theme-light button.c-action-trigger, .theme-light a.c-action-trigger, .theme-dark .theme-light a.c-action-trigger {
    color: #000;
    background: transparent
}

a.c-hyperlink {
    position: relative;
    border: 2px solid transparent;
    outline: 1px solid transparent;
    outline-offset: -3px;
    font-weight: 600;
    color: #0067b8
}

    a.c-hyperlink:focus {
        border-color: #000;
        outline-color: rgba(255,255,255,.6)
    }

    a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus) {
        background: rgba(0,103,184,.1)
    }

    a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus), a.c-hyperlink:not(.f-image):hover {
        color: #005da6;
        text-decoration: underline
    }

    a.c-hyperlink:not(.f-image):active {
        background: none;
        color: #005293;
        -ms-transform: none;
        transform: none
    }

    a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus) {
        text-decoration: none
    }


[class^="c-heading-"]:before, [class^="c-heading-"]:after {
    content: " ";
    display: table
}

[class^="c-heading-"]:after {
    clear: both
}

.m-area-heading {
    text-align: center;
    padding-top: 88px
}

    .m-area-heading:before, .m-area-heading:after {
        content: " ";
        display: table
    }

    .m-area-heading:after {
        clear: both
    }

button.c-button, a.c-button {
    font-size: 1.1em;
    position: relative;
    border: 2px solid transparent;
    outline: 0;
    max-width: 374px;
    min-width: 240px;
    padding: 9px 12px 10px;
    margin-top: 12px;
    display: inline-block;
    color: #000;
    text-align: center;
    line-height: 1.8;
    font-weight: 600;
    box-shadow: 0 4px 8px 0 transparent;
    cursor: pointer;
    overflow: hidden;
    transition: all .2s ease-in-out;
    vertical-align: bottom;
    white-space: nowrap;
    background-color: rgba(0,0,0,.2);
    border-radius: 13px;
}

    button.c-button:before, a.c-button:before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        border: 1px solid transparent
    }

.theme-light button.c-button, .theme-dark .theme-light button.c-button, .theme-light a.c-button, .theme-dark .theme-light a.c-button {
    background-color: transparent;
    color: #000;
    border-color: #000
}

button.c-button.f-primary, a.c-button.f-primary, button.c-button[type="submit"] {
    position: relative;
    border: 2px solid transparent;
    outline: 0;
    /* color: #fff; */
    background-color: #ed1b24 !important;
}

    button.c-button.f-primary:hover, a.c-button.f-primary:hover, button.c-button.f-secondary:hover, a.c-button.f-secondary:hover, button.c-button[type="submit"]:hover {
        position: relative;
        box-shadow: 2px 6px 10px 4px #88ff91;
    }

    button.c-button.f-primary:before, a.c-button.f-primary:before, button.c-button[type="submit"]:before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        border: 1px solid transparent
    }

.theme-light button.c-button.f-primary, .theme-dark .theme-light button.c-button.f-primary, .theme-light a.c-button.f-primary, .theme-dark .theme-light a.c-button.f-primary, .theme-light button.c-button[type="submit"], .theme-dark .theme-light button.c-button[type="submit"] {
    color: #fff;
    background-color: #000
}

.c-list {
    /* font-size: 15px; */
    /* line-height: 20px; */
    padding-left: 19px;
    padding-right: 0;
    /* margin: 8px 0; */
    list-style-position: outside;
}

    .c-list li {
        padding: 8px 0
    }

    .c-list.f-bare {
        padding-left: 0;
        list-style-type: none
    }

ul.c-list {
    list-style-type: disc
}

.m-content-placement-item, .c-content-placement {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-top: 48px;
    cursor: pointer
}

    .m-content-placement-item .c-heading, .c-content-placement .c-heading {
        font-size: 20px;
        line-height: 24px;
        font-weight: 600;
        opacity: .95;
        padding-top: 1px;
        padding-bottom: 2px;
        margin-top: 7px;
    }

    .m-content-placement-item .c-paragraph, .c-content-placement .c-paragraph {
        padding-top: 2px
    }

    .m-content-placement-item .c-heading, .m-content-placement-item .c-paragraph, .c-content-placement .c-heading, .c-content-placement .c-paragraph {
        padding-right: 12px
    }

    .m-content-placement-item .c-call-to-action, .c-content-placement .c-call-to-action {
        padding: 10px 3px 7px 0;
        position: relative;
        border: 2px solid transparent;
        outline: 1px solid transparent;
        outline-offset: -3px;
        margin-left: 0;
        color: #0067b8;
        background: transparent;
        transition: none;
        white-space: normal;
        text-align: left
    }

        .m-content-placement-item .c-call-to-action span, .c-content-placement .c-call-to-action span {
            display: inline
        }

    .m-content-placement-item > picture, .c-content-placement > picture {
        display: block;
        position: relative;
        overflow: hidden;
        padding-bottom: 56%
    }

        .m-content-placement-item > picture img, .c-content-placement > picture img {
            position: absolute;
            left: 19%;
            width: auto;
            height: 100%;
        }

    .m-content-placement-item:hover, .c-content-placement:hover {
        cursor: default
    }

    .m-content-placement-item[data-js-href]:hover, .c-content-placement[data-js-href]:hover {
        cursor: pointer
    }

        .m-content-placement-item[data-js-href]:hover picture img, .c-content-placement[data-js-href]:hover picture img {
            opacity: .9
        }

.m-rich-content-block[data-grid~="pad-6x"] {
    padding-left: 0;
    padding-right: 0
}

    .m-rich-content-block[data-grid~="pad-6x"][data-grid~="stack-2"] > div [class*="c-heading"]:first-child {
        padding-top: 0
    }

    .m-rich-content-block[data-grid~="pad-6x"][data-grid~="stack-2"] > div + div [class*="c-heading"]:first-child {
        /* padding-top: 48px */
    }

@media only screen and (min-width: 768px) {
    .m-rich-content-block[data-grid~="pad-6x"][data-grid~="stack-2"] > div + div [class*="c-heading"]:first-child {
        padding-top: 0
    }
}

@media only screen and (min-width: 540px) {
    .m-rich-content-block[data-grid~="pad-6x"] {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width: 768px) {
    .m-rich-content-block[data-grid~="pad-6x"] {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 48px
    }
}

[class*="m-heading"] {
    clear: both
}

.m-heading-4 .c-heading {
    /* font-size: 34px; */
    /* line-height: 28px; */
    /* padding: 36px 10px 4px; */
    /* font-weight: 600; */
    /* padding-top: 20px; */
}

.m-heading-4 + [class*="m-"] {
    padding-top: 16px
}

@media only screen and (max-width: 767px) {
    .m-heading-4 + [class*="m-"] {
        padding-top: 14px
    }
}

[class*="pad-heading"] + .pad-content-placement .m-content-placement, [class*="m-heading"] + .m-content-placement {
    position: relative;
    margin-top: -48px
}

.context-ucx h2 {
    font-size: 46px;
    line-height: 56px;
    padding: 37px 0 3px;
    font-weight: 600;
    letter-spacing: -.01em
}

.context-ucx h3 {
    font-family: "Segoe UI","Segoe WP","Arial","Sans-Serif";
    font-weight: normal;
    font-size: 2rem;
    line-height: 3.2rem;
    letter-spacing: normal;
}


.context-ucx p {
    font-weight: normal;
    font-size: 2.0rem;
    letter-spacing: normal;
}

.c-uhff-cookie .context-ucx p {
    line-height: 1.6rem;
}


@media screen and (min-width: 0) and (max-width: 1083px) {
    .context-ucx p {
        text-align: center;
    }
}

.m-image-intro {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
    clear: both
}

    .m-image-intro > div {
        padding: 16px 12px;
        position: relative;
        max-width: 100%;
        text-align: center;
    }

@media only screen and (min-width: 540px) {
    .m-image-intro.f-align-center > div, .m-image-intro.f-align-top > div, .m-image-intro.f-align-bottom > div {
        position: absolute;
        margin: 0 auto
    }
}

@media only screen and (min-width: 540px) {
    .m-image-intro.f-align-center > div {
        left: 50%;
        top: calc(50% + 24px);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

.c-list {
    /* font-size: 15px; */
    /* line-height: 20px; */
    padding-left: 19px;
    padding-right: 0;
    /* margin: 8px 0; */
    list-style-position: outside;
}

    .c-list li {
        padding: 8px 0
    }

    .c-list.f-bare {
        padding-left: 0;
        list-style-type: none
    }

ul.c-list {
    list-style-type: disc
}

a.m-skip-to-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -2
}

.c-comment {
    /* font-size: 28px; */
    padding-bottom: 15px;
}
