@charset "UTF-8";

/*! 1.57.0 | Copyright 2017 Microsoft Corporation | This software is based on or incorporates material from the files listed below (collectively, "Third Party Code"). Microsoft is not the original author of the Third Party Code. The original copyright notice and the license under which Microsoft received Third Party Code are set forth below together with the full text of such license. Such notices and license are provided solely for your information. Microsoft, not the third party, licenses this Third Party Code to you under the terms in which you received the Microsoft software or the services, unless Microsoft clearly states that such Microsoft terms do NOT apply for a particular Third Party Code. Unless applicable law gives you more rights, Microsoft reserves all other rights not expressly granted under such agreement(s), whether by implication, estoppel or otherwise.*/
@import url('https://fonts.googleapis.com/css?family=Didact+Gothic');

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, 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
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

    a:active,
    a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
    font-size: 1em
}

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
}

    button[disabled],
    html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

@font-face {
    font-family: "MWF-MDL2";
    src: url("../fonts/mwfmdl2-v3.07.woff2") format("woff2"), url("../fonts/mwfmdl2-v3.07.woff") format("woff"), url("../fonts/mwfmdl2-v3.07.ttf") format("truetype"), url("../fonts/mwfmdl2-v3.07.svg") format("svg")
}

@font-face {
    font-family: 'SegoeUI';
    src: local('Segoe UI'), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2') format("woff2"), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff') format("woff"), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf') format("ttf");
    font-weight: 400
}

@font-face {
    font-family: 'SegoeUI';
    src: local('Segoe UI'), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff2') format("woff2"), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.woff') format("woff"), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Light/latest.ttf') format("ttf");
    font-weight: 100
}

@font-face {
    font-family: 'SegoeUI';
    src: local('Segoe UI'), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.woff2') format("woff2"), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.woff') format("woff"), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semilight/latest.ttf') format("ttf");
    font-weight: 200
}

@font-face {
    font-family: 'SegoeUI';
    src: local('Segoe UI'), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff2') format("woff2"), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff') format("woff"), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.ttf') format("ttf");
    font-weight: 600
}

@font-face {
    font-family: 'SegoeUI';
    src: local('Segoe UI'), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.woff2') format("woff2"), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.woff') format("woff"), url('//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Bold/latest.ttf') format("ttf");
    font-weight: 600
}

.c-heading-1 {
    font-size: 62px;
    line-height: 72px
}

.c-heading-2 {
    font-size: 46px;
    line-height: 56px
}

.c-heading-3,
.c-subheading-1 {
    font-size: 34px;
    line-height: 40px
}

.c-heading-4,
.c-subheading-2 {
    font-size: 24px;
    line-height: 28px
}

.c-heading-5,
.c-subheading-3,
.c-paragraph-1 {
    font-size: 20px;
    line-height: 24px
}

.c-heading-6,
.c-subheading-4,
.c-paragraph-2 {
    font-size: 18px;
    line-height: 24px
}

.c-subheading-5,
.c-subheading-6,
.c-paragraph-3,
.c-paragraph-4 {
    font-size: 15px;
    line-height: 20px
}

.c-caption-1 {
    font-size: 13px;
    line-height: 16px
}

.c-caption-2 {
    font-size: 11px;
    line-height: 16px
}

.c-heading-1 {
    padding: 38px 0 6px;
    font-weight: 600;
    letter-spacing: -.01em
}

.c-heading-2 {
    padding: 37px 0 3px;
    font-weight: 600;
    letter-spacing: -.01em
}

.c-heading-3 {
    padding: 38px 0 2px;
    font-weight: 600
}

.c-heading-4 {
    padding: 36px 0 4px;
    font-weight: 600
}

.c-heading-5 {
    padding: 35px 0 5px;
    font-weight: 600
}

.c-heading-6 {
    padding: 37px 0 3px;
    font-weight: 600
}

.c-subheading-1 {
    padding: 12px 0 2px;
    font-weight: 600
}

.c-subheading-2 {
    padding: 4px 0 8px;
    font-weight: 600
}

.c-subheading-3 {
    padding: 8px 0 4px;
    font-weight: 600
}

.c-subheading-4 {
    padding: 9px 0 3px;
    font-weight: 600
}

.c-subheading-5,
.c-subheading-6 {
    padding: 8px 0 0;
    font-weight: 600
}

.c-paragraph-1 {
    padding: 24px 0 4px;
    font-weight: 200
}

.c-paragraph-2 {
    padding: 25px 0 3px;
    font-weight: 200
}

.c-paragraph-3 {
    padding: 24px 0 0;
    font-weight: 400
}

.c-paragraph-4 {
    padding: 12px 0 0;
    font-weight: 400
}

.c-caption-1 {
    padding: 3px 0 1px;
    font-weight: 400
}

.c-caption-2 {
    padding: 4px 0 4px;
    font-weight: 400
}

@media(max-width:767px) {
    .c-heading-1 {
        font-size: 46px;
        line-height: 56px
    }

    .c-heading-2 {
        font-size: 34px;
        line-height: 40px
    }

    .c-heading-3,
    .c-subheading-1 {
        font-size: 26px;
        line-height: 32px
    }

    .c-heading-4,
    .c-subheading-2 {
        font-size: 20px;
        line-height: 24px
    }

    .c-heading-5,
    .c-subheading-3,
    .c-paragraph-1 {
        font-size: 18px;
        line-height: 24px
    }

    .c-heading-6,
    .c-subheading-4,
    .c-paragraph-2 {
        font-size: 16px;
        line-height: 20px
    }

    .c-caption-1 {
        font-size: 12px;
        line-height: 16px
    }

    .c-caption-2 {
        font-size: 10px;
        line-height: 12px
    }

    .c-heading-1 {
        padding: 37px 0 3px
    }

    .c-heading-2 {
        padding: 38px 0 2px
    }

    .c-heading-5 {
        padding: 37px 0 3px
    }

    .c-heading-6 {
        padding: 39px 0 1px
    }

    .c-subheading-1 {
        padding: 9px 0 3px
    }

    .c-subheading-2 {
        padding: 8px 0 4px
    }

    .c-subheading-3 {
        padding: 4px 0 4px
    }

    .c-subheading-4 {
        padding: 7px 0 5px
    }

    .c-paragraph-2 {
        padding: 27px 0 1px
    }

    .c-caption-2 {
        padding: 2px 0 2px
    }
}

html {
    box-sizing: border-box
}

body {
    font-size: 15px;
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
    min-width: 320px;
    color: #000;
    background-color: #fff
}

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

.theme-light {
    color: #000;
    /*background-color:#e6e6e6*/
}

.theme-dark {
    color: #fff;
    background-color: #333
}

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
}

address {
    font: inherit
}

dl,
dd,
figure {
    margin: 0
}

a:link,
a:focus,
a:hover,
a:active,
a:visited {
    text-decoration: none !important;
    color: inherit;
}

q,
em,
i,
var {
    font-style: italic
}

strong,
b {
    font-weight: 600
}

mark {
    background: #fff100;
    padding: 1px 4px 2px
}

@media screen and (-ms-high-contrast:active) {
    mark {
        outline: 1px solid;
        color: inherit
    }
}

del,
s {
    color: rgba(0, 0, 0, .6)
}

.theme-light del,
.theme-dark .theme-light del,
.theme-light s,
.theme-dark .theme-light s {
    color: rgba(0, 0, 0, .6)
}

.theme-dark del,
.theme-light .theme-dark del,
.theme-dark s,
.theme-light .theme-dark s {
    color: rgba(255, 255, 255, .6)
}

u,
ins {
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, .6)
}

.theme-light u,
.theme-dark .theme-light u,
.theme-light ins,
.theme-dark .theme-light ins {
    border-bottom: 1px solid rgba(0, 0, 0, .6)
}

.theme-dark u,
.theme-light .theme-dark u,
.theme-dark ins,
.theme-light .theme-dark ins {
    border-bottom: 1px solid rgba(255, 255, 255, .6)
}

small,
sub,
sup {
    font-size: .8em
}

abbr,
dfn {
    font-style: normal;
    border-bottom: 1px dotted rgba(0, 0, 0, .6)
}

.theme-light abbr,
.theme-dark .theme-light abbr,
.theme-light dfn,
.theme-dark .theme-light dfn {
    border-bottom: 1px dotted rgba(0, 0, 0, .6)
}

.theme-dark abbr,
.theme-light .theme-dark abbr,
.theme-dark dfn,
.theme-light .theme-dark dfn {
    border-bottom: 1px dotted rgba(255, 255, 255, .6)
}

cite,
time {
    font-style: normal
}

code,
pre,
kbd,
samp {
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
}

kbd {
    border-radius: 2px;
    padding: 1px 4px 2px;
    background: rgba(0, 0, 0, .6);
    color: #fff
}

    kbd kbd {
        padding: 0
    }

.theme-light kbd,
.theme-dark .theme-light kbd {
    background: rgba(0, 0, 0, .6);
    color: #fff
}

.theme-dark kbd,
.theme-light .theme-dark kbd {
    background: rgba(255, 255, 255, .6);
    color: #000
}

bdo {
    direction: rtl
}

input,
input[type="search"] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

div[data-module-id] {
    min-height: 1px
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

[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-12x"] > [data-grid] {
    padding-left: 18px;
    padding-right: 18px
}

@media screen and (max-width:1778px) {
    [data-grid~="pad-12x"] > [data-grid] {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (max-width:1778px) {
    [data-grid~="pad-12x"] > [data-grid] {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (max-width:1083px) {
    [data-grid~="pad-12x"] > [data-grid] {
        padding-left: 18px;
        padding-right: 18px
    }
}

@media screen and (max-width:767px) {
    [data-grid~="pad-12x"] > [data-grid] {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media screen and (max-width:539px) {
    [data-grid~="pad-12x"] > [data-grid] {
        padding-left: 12px;
        padding-right: 12px
    }
}

[data-grid~="pad-6x"] > [data-grid] {
    padding-left: 12px;
    padding-right: 12px
}

[data-grid~="pad-3x"] > [data-grid] {
    padding-left: 6px;
    padding-right: 6px
}

[data-grid~="pad-2x"] > [data-grid] {
    padding-left: 4px;
    padding-right: 4px
}

[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:1778px) {
    [data-grid~="stack-5"] > [data-grid] {
        float: none;
        width: 100%;
        display: block;
        padding: inherit 0
    }
}

@media screen and (max-width:1399px) {
    [data-grid~="stack-4"] > [data-grid] {
        float: none;
        width: 100%;
        display: block;
        padding: inherit 0
    }
}

@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:767px) {
    [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
    }
}

.g-container {
    position: relative
}

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

.g-col-1 {
    width: 8.33333%
}

.g-col-2 {
    width: 16.66667%
}

.g-col-3 {
    width: 25%
}

.g-col-4 {
    width: 33.33333%
}

.g-col-5 {
    width: 41.66667%
}

.g-col-6 {
    width: 50%
}

.g-col-7 {
    width: 58.33333%
}

.g-col-8 {
    width: 66.66667%
}

.g-col-9 {
    width: 75%
}

.g-col-10 {
    width: 83.33333%
}

.g-col-11 {
    width: 91.66667%
}

.g-col-12 {
    width: 100%
}

.g-col-1-5 {
    width: 20%
}

.g-col-1-8 {
    width: 12.5%
}

@media screen and (min-width:767px) {
    .g-col-vp2-1 {
        width: 8.33333%
    }

    .g-col-vp2-2 {
        width: 16.66667%
    }

    .g-col-vp2-3 {
        width: 25%
    }

    .g-col-vp2-4 {
        width: 33.33333%
    }

    .g-col-vp2-5 {
        width: 41.66667%
    }

    .g-col-vp2-6 {
        width: 50%
    }

    .g-col-vp2-7 {
        width: 58.33333%
    }

    .g-col-vp2-8 {
        width: 66.66667%
    }

    .g-col-vp2-9 {
        width: 75%
    }

    .g-col-vp2-10 {
        width: 83.33333%
    }

    .g-col-vp2-11 {
        width: 91.66667%
    }

    .g-col-vp2-12 {
        width: 100%
    }

    .g-col-vp2-1-5 {
        width: 20%
    }

    .g-col-vp2-1-8 {
        width: 12.5%
    }
}

@media screen and (min-width:1083px) {
    .g-col-vp3-1 {
        width: 8.33333%
    }

    .g-col-vp3-2 {
        width: 16.66667%
    }

    .g-col-vp3-3 {
        width: 25%
    }

    .g-col-vp3-4 {
        width: 33.33333%
    }

    .g-col-vp3-5 {
        width: 41.66667%
    }

    .g-col-vp3-6 {
        width: 50%
    }

    .g-col-vp3-7 {
        width: 58.33333%
    }

    .g-col-vp3-8 {
        width: 66.66667%
    }

    .g-col-vp3-9 {
        width: 75%
    }

    .g-col-vp3-10 {
        width: 83.33333%
    }

    .g-col-vp3-11 {
        width: 91.66667%
    }

    .g-col-vp3-12 {
        width: 100%
    }

    .g-col-vp3-1-5 {
        width: 20%
    }

    .g-col-vp3-1-8 {
        width: 12.5%
    }
}

@media screen and (min-width:1399px) {
    .g-col-vp4-1 {
        width: 8.33333%
    }

    .g-col-vp4-2 {
        width: 16.66667%
    }

    .g-col-vp4-3 {
        width: 25%
    }

    .g-col-vp4-4 {
        width: 33.33333%
    }

    .g-col-vp4-5 {
        width: 41.66667%
    }

    .g-col-vp4-6 {
        width: 50%
    }

    .g-col-vp4-7 {
        width: 58.33333%
    }

    .g-col-vp4-8 {
        width: 66.66667%
    }

    .g-col-vp4-9 {
        width: 75%
    }

    .g-col-vp4-10 {
        width: 83.33333%
    }

    .g-col-vp4-11 {
        width: 91.66667%
    }

    .g-col-vp4-12 {
        width: 100%
    }

    .g-col-vp4-1-5 {
        width: 20%
    }

    .g-col-vp4-1-8 {
        width: 12.5%
    }
}

@media screen and (min-width:1778px) {
    .g-col-vp5-1 {
        width: 8.33333%
    }

    .g-col-vp5-2 {
        width: 16.66667%
    }

    .g-col-vp5-3 {
        width: 25%
    }

    .g-col-vp5-4 {
        width: 33.33333%
    }

    .g-col-vp5-5 {
        width: 41.66667%
    }

    .g-col-vp5-6 {
        width: 50%
    }

    .g-col-vp5-7 {
        width: 58.33333%
    }

    .g-col-vp5-8 {
        width: 66.66667%
    }

    .g-col-vp5-9 {
        width: 75%
    }

    .g-col-vp5-10 {
        width: 83.33333%
    }

    .g-col-vp5-11 {
        width: 91.66667%
    }

    .g-col-vp5-12 {
        width: 100%
    }

    .g-col-vp5-1-5 {
        width: 20%
    }

    .g-col-vp5-1-8 {
        width: 12.5%
    }
}

@media screen and (max-width:1778px) {
    .g-stack-vp5 > .g-row {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .g-stack-vp5 > .g-row > [class*="g-col"] {
            width: 100%
        }
}

@media screen and (max-width:1399px) {
    .g-stack-vp4 > .g-row {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .g-stack-vp4 > .g-row > [class*="g-col"] {
            width: 100%
        }
}

@media screen and (max-width:1083px) {
    .g-stack-vp3 > .g-row {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .g-stack-vp3 > .g-row > [class*="g-col"] {
            width: 100%
        }
}

@media screen and (max-width:767px) {
    .g-stack-vp2 > .g-row {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .g-stack-vp2 > .g-row > [class*="g-col"] {
            width: 100%
        }
}

@media screen and (max-width:539px) {
    .g-row {
        -ms-flex-direction: column;
        flex-direction: column
    }

        .g-row > [class*="g-col"] {
            width: 100%
        }
}

.x-background-shade-5 {
    background-color: rgba(0, 0, 0, .05)
}

.x-background-shade-10 {
    background-color: rgba(0, 0, 0, .1)
}

.x-background-shade-15 {
    background-color: rgba(0, 0, 0, .15)
}

.x-background-shade-20 {
    background-color: rgba(0, 0, 0, .2)
}

.x-background-shade-30 {
    background-color: rgba(0, 0, 0, .3)
}

.x-background-shade-40 {
    background-color: rgba(0, 0, 0, .4)
}

.x-background-shade-50 {
    background-color: rgba(0, 0, 0, .5)
}

.x-background-shade-60 {
    background-color: rgba(0, 0, 0, .6)
}

.x-background-shade-70 {
    background-color: rgba(0, 0, 0, .7)
}

.x-background-shade-80 {
    background-color: rgba(0, 0, 0, .8)
}

.x-background-shade-90 {
    background-color: rgba(0, 0, 0, .9)
}

.x-background-shade-95 {
    background-color: rgba(0, 0, 0, .95)
}

.x-background-tint-5 {
    background-color: rgba(255, 255, 255, .05)
}

.x-background-tint-10 {
    background-color: rgba(255, 255, 255, .1)
}

.x-background-tint-15 {
    background-color: rgba(255, 255, 255, .15)
}

.x-background-tint-20 {
    background-color: rgba(255, 255, 255, .2)
}

.x-background-tint-30 {
    background-color: rgba(255, 255, 255, .3)
}

.x-background-tint-40 {
    background-color: rgba(255, 255, 255, .4)
}

.x-background-tint-50 {
    background-color: rgba(255, 255, 255, .5)
}

.x-background-tint-60 {
    background-color: rgba(255, 255, 255, .6)
}

.x-background-tint-70 {
    background-color: rgba(255, 255, 255, .7)
}

.x-background-tint-80 {
    background-color: rgba(255, 255, 255, .8)
}

.x-background-tint-90 {
    background-color: rgba(255, 255, 255, .9)
}

.x-background-tint-95 {
    background-color: rgba(255, 255, 255, .95)
}

.x-background-foreground-5 {
    background-color: rgba(0, 0, 0, .05)
}

.x-background-foreground-10 {
    background-color: rgba(0, 0, 0, .1)
}

.x-background-foreground-15 {
    background-color: rgba(0, 0, 0, .15)
}

.x-background-foreground-20 {
    background-color: rgba(0, 0, 0, .2)
}

.x-background-foreground-30 {
    background-color: rgba(0, 0, 0, .3)
}

.x-background-foreground-40 {
    background-color: rgba(0, 0, 0, .4)
}

.x-background-foreground-50 {
    background-color: rgba(0, 0, 0, .5)
}

.x-background-foreground-60 {
    background-color: rgba(0, 0, 0, .6)
}

.x-background-foreground-70 {
    background-color: rgba(0, 0, 0, .7)
}

.x-background-foreground-80 {
    background-color: rgba(0, 0, 0, .8)
}

.x-background-foreground-90 {
    background-color: rgba(0, 0, 0, .9)
}

.x-background-foreground-95 {
    background-color: rgba(0, 0, 0, .95)
}

.x-background-background-5 {
    background-color: rgba(255, 255, 255, .05)
}

.x-background-background-10 {
    background-color: rgba(255, 255, 255, .1)
}

.x-background-background-15 {
    background-color: rgba(255, 255, 255, .15)
}

.x-background-background-20 {
    background-color: rgba(255, 255, 255, .2)
}

.x-background-background-30 {
    background-color: rgba(255, 255, 255, .3)
}

.x-background-background-40 {
    background-color: rgba(255, 255, 255, .4)
}

.x-background-background-50 {
    background-color: rgba(255, 255, 255, .5)
}

.x-background-background-60 {
    background-color: rgba(255, 255, 255, .6)
}

.x-background-background-70 {
    background-color: rgba(255, 255, 255, .7)
}

.x-background-background-80 {
    background-color: rgba(255, 255, 255, .8)
}

.x-background-background-90 {
    background-color: rgba(255, 255, 255, .9)
}

.x-background-background-95 {
    background-color: rgba(255, 255, 255, .95)
}

.x-background-accent-5 {
    background-color: rgba(0, 103, 184, .05)
}

.x-background-accent-10 {
    background-color: rgba(0, 103, 184, .1)
}

.x-background-accent-15 {
    background-color: rgba(0, 103, 184, .15)
}

.x-background-accent-20 {
    background-color: rgba(0, 103, 184, .2)
}

.x-background-accent-30 {
    background-color: rgba(0, 103, 184, .3)
}

.x-background-accent-40 {
    background-color: rgba(0, 103, 184, .4)
}

.x-background-accent-50 {
    background-color: rgba(0, 103, 184, .5)
}

.x-background-accent-60 {
    background-color: rgba(0, 103, 184, .6)
}

.x-background-accent-70 {
    background-color: rgba(0, 103, 184, .7)
}

.x-background-accent-80 {
    background-color: rgba(0, 103, 184, .8)
}

.x-background-accent-90 {
    background-color: rgba(0, 103, 184, .9)
}

.x-background-accent-95 {
    background-color: rgba(0, 103, 184, .95)
}

.x-background-transparent {
    background-color: rgba(255, 255, 255, 0) !important
}

.x-background-card {
    background-color: #e1e1e1 !important
}

.x-clearfix:before,
.x-clearfix:after {
    content: " ";
    display: table
}

.x-clearfix:after {
    clear: both
}

.x-float-left {
    float: left !important
}

.x-float-right {
    float: right !important
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    1% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    1% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

[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-"].x-remove-padding {
        padding-left: 0;
        padding-right: 0
    }

@media only screen and (min-width:1084px) {
    [class^="m-"] {
        padding-left: 0;
        padding-right: 0
    }
}

[class^="m-"] [class^="m-"] {
    padding-left: 0;
    padding-right: 0
}

.x-offset-content {
    padding-left: 12px;
    padding-right: 12px
}

@media only screen and (min-width:540px) {
    .x-offset-content {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:768px) {
    .x-offset-content {
        padding-left: 36px;
        padding-right: 36px
    }
}

@media only screen and (min-width:1400px) {
    .x-offset-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

.x-offset-content[data-grid~="pad-2x"] {
    padding-left: 8px;
    padding-right: 8px
}

@media only screen and (min-width:540px) {
    .x-offset-content[data-grid~="pad-2x"] {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width:768px) {
    .x-offset-content[data-grid~="pad-2x"] {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media only screen and (min-width:1400px) {
    .x-offset-content[data-grid~="pad-2x"] {
        padding-left: 44px;
        padding-right: 44px
    }
}

.x-offset-content[data-grid~="pad-3x"] {
    padding-left: 12px;
    padding-right: 12px
}

@media only screen and (min-width:540px) {
    .x-offset-content[data-grid~="pad-3x"] {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:768px) {
    .x-offset-content[data-grid~="pad-3x"] {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media only screen and (min-width:1400px) {
    .x-offset-content[data-grid~="pad-3x"] {
        padding-left: 42px;
        padding-right: 42px
    }
}

.x-offset-content[data-grid~="pad-6x"] {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:540px) {
    .x-offset-content[data-grid~="pad-6x"] {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:768px) {
    .x-offset-content[data-grid~="pad-6x"] {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:1400px) {
    .x-offset-content[data-grid~="pad-6x"] {
        padding-left: 36px;
        padding-right: 36px
    }
}

.x-offset-content[data-grid~="pad-12x"] {
    padding-left: 30px;
    padding-right: 30px
}

@media screen and (max-width:1778px) {
    .x-offset-content[data-grid~="pad-12x"] {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (max-width:1399px) {
    .x-offset-content[data-grid~="pad-12x"] {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (max-width:1083px) {
    .x-offset-content[data-grid~="pad-12x"] {
        padding-left: 18px;
        padding-right: 18px
    }
}

@media only screen and (max-width:767px) {
    .x-offset-content[data-grid~="pad-12x"] {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (max-width:539px) {
    .x-offset-content[data-grid~="pad-12x"] {
        padding-left: 0;
        padding-right: 0
    }
}

.x-offset-uhf {
    padding-left: 12px;
    padding-right: 12px
}

@media only screen and (min-width:768px) {
    .x-offset-uhf {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:1084px) {
    .x-offset-uhf {
        padding-left: 0;
        padding-right: 0
    }
}

@media print {
    .x-visible-print-block {
        display: block !important
    }

    .x-visible-print-inline {
        display: inline !important
    }

    .x-visible-print-inline-block {
        display: inline-block !important
    }

    .x-hidden-print {
        display: none !important
    }
}

.x-hidden {
    display: none !important
}

.x-visible-block {
    display: block !important
}

.x-visible-inline-block {
    display: inline-block !important
}

.x-visible-inline {
    display: inline !important
}

@media all and (max-width:539px) {
    .x-visible-vp1-block {
        display: block !important
    }

    .x-visible-vp1-inline {
        display: inline !important
    }

    .x-visible-vp1-inline-block {
        display: inline-block !important
    }

    .x-hidden-vp1 {
        display: none !important
    }
}

@media all and (min-width:540px) and (max-width:767px) {
    .x-visible-vp2-block {
        display: block !important
    }

    .x-visible-vp2-inline {
        display: inline !important
    }

    .x-visible-vp2-inline-block {
        display: inline-block !important
    }

    .x-hidden-vp2 {
        display: none !important
    }
}

@media all and (min-width:768px) and (max-width:1083px) {
    .x-visible-vp3-block {
        display: block !important
    }

    .x-visible-vp3-inline {
        display: inline !important
    }

    .x-visible-vp3-inline-block {
        display: inline-block !important
    }

    .x-hidden-vp3 {
        display: none !important
    }
}

@media all and (min-width:1084px) and (max-width:1399px) {
    .x-visible-vp4-block {
        display: block !important
    }

    .x-visible-vp4-inline {
        display: inline !important
    }

    .x-visible-vp4-inline-block {
        display: inline-block !important
    }

    .x-hidden-vp4 {
        display: none !important
    }
}

@media all and (min-width:1400px) {
    .x-visible-vp5-block {
        display: block !important
    }

    .x-visible-vp5-inline {
        display: inline !important
    }

    .x-visible-vp5-inline-block {
        display: inline-block !important
    }

    .x-hidden-vp5 {
        display: none !important
    }
}

.x-screen-reader {
    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
}

.x-type-center {
    text-align: center !important
}

.x-type-right {
    text-align: right !important
}

.x-type-left {
    text-align: left !important
}

.x-weight-light {
    font-weight: 100
}

.x-weight-semilight {
    font-weight: 200
}

.x-weight-normal {
    font-weight: 400
}

.x-weight-semibold {
    font-weight: 600
}

.x-weight-bold {
    font-weight: 700
}

.x-truncate {
    text-overflow: ellipsis;
    overflow: hidden
}

@media screen and (-ms-high-contrast:active) {
    [class^="m-"] button:not(.c-select-button, .c-sequence-indicator):hover:not(: disabled), [class^="m-"] button:not(.c-select-button, .c-sequence-indicator):active:not(: disabled), [class^="m-"] button:not(.c-select-button, .c-sequence-indicator):focus:not(: disabled), [class*=" m-"] button:not(.c-select-button, .c-sequence-indicator):hover:not(: disabled), [class*=" m-"] button:not(.c-select-button, .c-sequence-indicator):active:not(: disabled), [class*=" m-"] button:not(.c-select-button, .c-sequence-indicator):focus:not(: disabled), [class^="c-"] button:not(.c-select-button, .c-sequence-indicator):hover:not(: disabled), [class^="c-"] button:not(.c-select-button, .c-sequence-indicator):active:not(: disabled), [class^="c-"] button:not(.c-select-button, .c-sequence-indicator):focus:not(: disabled), [class*=" c-"] button:not(.c-select-button, .c-sequence-indicator):hover:not(: disabled), [class*=" c-"] button:not(.c-select-button, .c-sequence-indicator):active:not(: disabled), [class*=" c-"] button:not(.c-select-button, .c-sequence-indicator):focus:not(: disabled) {
        -ms-high-contrast-adjust: none;
        color: HighlightText !important;
        outline-color: Highlight !important;
        border-color: Highlight !important;
        background: transparent !important
    }

    [class^="m-"] button:not(.c-select-button, .c-sequence-indicator):disabled,
    [class*=" m-"] button:not(.c-select-button, .c-sequence-indicator):disabled,
    [class^="c-"] button:not(.c-select-button, .c-sequence-indicator):disabled,
    [class*=" c-"] button:not(.c-select-button, .c-sequence-indicator):disabled {
        -ms-high-contrast-adjust: none;
        color: GrayText !important;
        outline-color: GrayText !important;
        border-color: GrayText !important;
        background: transparent !important
    }

        [class^="m-"] button:not(.c-select-button, .c-sequence-indicator):disabled:hover,
        [class*=" m-"] button:not(.c-select-button, .c-sequence-indicator):disabled:hover,
        [class^="c-"] button:not(.c-select-button, .c-sequence-indicator):disabled:hover,
        [class*=" c-"] button:not(.c-select-button, .c-sequence-indicator):disabled:hover {
            -ms-high-contrast-adjust: none;
            color: GrayText !important;
            outline-color: GrayText !important;
            border-color: GrayText !important;
            background: transparent !important
        }

    [class^="m-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus),
    [class*=" m-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus),
    [class^="c-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus),
    [class*=" c-"] a:not(.c-action-trigger):focus:not(.x-hidden-focus) {
        outline: 2px solid WindowText !important
    }

    [class^="m-"] input[type=search],
    [class*=" m-"] input[type=search],
    [class^="c-"] input[type=search],
    [class*=" c-"] input[type=search] {
        color: windowText !important
    }

        [class^="m-"] input[type=search]:hover,
        [class^="m-"] input[type=search]:active,
        [class*=" m-"] input[type=search]:hover,
        [class*=" m-"] input[type=search]:active,
        [class^="c-"] input[type=search]:hover,
        [class^="c-"] input[type=search]:active,
        [class*=" c-"] input[type=search]:hover,
        [class*=" c-"] input[type=search]:active {
            -ms-high-contrast-adjust: none;
            outline-color: Highlight !important;
            border-color: Highlight !important
        }

        [class^="m-"] input[type=search]:focus,
        [class*=" m-"] input[type=search]:focus,
        [class^="c-"] input[type=search]:focus,
        [class*=" c-"] input[type=search]:focus {
            -ms-high-contrast-adjust: none;
            color: windowText !important;
            outline-color: Highlight !important;
            border-color: Highlight !important
        }

    .c-uhfh button,
    .c-uhfh a {
        border-color: Window !important;
        outline-color: Window !important
    }
}

@media screen and (-ms-high-contrast:active), screen and (-ms-hight-contrast:white-on-black) {
    [class*="m-"] button:not(.c-select-button, .c-sequence-indicator):hover:not(: disabled), [class*="m-"] button:not(.c-select-button, .c-sequence-indicator):focus:not(: disabled), [class*="m-"] button:not(.c-select-button, .c-sequence-indicator):active:not(: disabled), [class*="c-"] button:not(.c-select-button, .c-sequence-indicator):hover:not(: disabled), [class*="c-"] button:not(.c-select-button, .c-sequence-indicator):focus:not(: disabled), [class*="c-"] button:not(.c-select-button, .c-sequence-indicator):active:not(: disabled) {
        color: HighlightText !important;
        background-color: Highlight !important
    }
}

.c-glyph:before,
.c-glyph:after {
    font-family: "MWF-MDL2";
    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-accept:before {
    content: ""
}

.c-glyph.glyph-add:before {
    content: ""
}

.c-glyph.glyph-settings:before {
    content: ""
}

.c-glyph.glyph-people:before {
    content: ""
}

.c-glyph.glyph-microphone:before {
    content: ""
}

.c-glyph.glyph-camera:before {
    content: ""
}

.c-glyph.glyph-forward:before {
    content: ""
}

.c-glyph.glyph-remove:before {
    content: ""
}

.c-glyph.glyph-down:before {
    content: ""
}

.c-glyph.glyph-back-to-window:before {
    content: ""
}

.c-glyph.glyph-cancel:before {
    content: ""
}

.c-glyph.glyph-cellphone:before {
    content: ""
}

.c-glyph.glyph-chat-bubbles:before {
    content: ""
}

.c-glyph.glyph-check-mark:before {
    content: ""
}

.c-glyph.glyph-chevron-down:before {
    content: ""
}

.c-glyph.glyph-chevron-left:before {
    content: ""
}

.c-glyph.glyph-chevron-right:before {
    content: ""
}

.c-glyph.glyph-chevron-up:before {
    content: ""
}

.c-glyph.glyph-chevron-down-small:before {
    content: ""
}

.c-glyph.glyph-chevron-left-small:before {
    content: ""
}

.c-glyph.glyph-completed:before {
    content: ""
}

.c-glyph.glyph-contact:before {
    content: ""
}

.c-glyph.glyph-copy:before {
    content: ""
}

.c-glyph.glyph-delete:before {
    content: ""
}

.c-glyph.glyph-download:before {
    content: ""
}

.c-glyph.glyph-edit:before {
    content: ""
}

.c-glyph.glyph-emoji-neutral:before {
    content: ""
}

.c-glyph.glyph-emoji-disappointed:before {
    content: ""
}

.c-glyph.glyph-feedback:before {
    content: ""
}

.c-glyph.glyph-filter:before {
    content: ""
}

.c-glyph.glyph-flag:before {
    content: ""
}

.c-glyph.glyph-full-screen:before {
    content: ""
}

.c-glyph.glyph-global-nav-button:before {
    content: ""
}

.c-glyph.glyph-heart-fill:before {
    content: ""
}

.c-glyph.glyph-arrow-htmllegacy:before {
    content: ""
}

.c-glyph.glyph-arrow-htmllegacy-mirrored:before {
    content: ""
}

.c-glyph.glyph-gift:before {
    content: ""
}

.c-glyph.glyph-incident-triangle:before {
    content: ""
}

.c-glyph.glyph-info:before {
    content: ""
}

.c-glyph.glyph-list:before {
    content: ""
}

.c-glyph.glyph-mail:before {
    content: ""
}

.c-glyph.glyph-more:before {
    content: ""
}

.c-glyph.glyph-mute:before {
    content: ""
}

.c-glyph.glyph-pause:before {
    content: ""
}

.c-glyph.glyph-pc1:before {
    content: ""
}

.c-glyph.glyph-phone:before {
    content: ""
}

.c-glyph.glyph-play:before {
    content: ""
}

.c-glyph.glyph-refresh:before {
    content: ""
}

.c-glyph.glyph-save:before {
    content: ""
}

.c-glyph.glyph-search:before {
    content: ""
}

.c-glyph.glyph-share:before {
    content: ""
}

.c-glyph.glyph-shopping-bag:before {
    content: ""
}

.c-glyph.glyph-shopping-cart:before {
    content: ""
}

.c-glyph.glyph-subtitles:before {
    content: ""
}

.c-glyph.glyph-surface-hub:before {
    content: ""
}

.c-glyph.glyph-this-pc:before {
    content: ""
}

.c-glyph.glyph-up:before {
    content: ""
}

.c-glyph.glyph-volume:before {
    content: ""
}

.c-glyph.glyph-waffle:before {
    content: ""
}

.c-glyph.glyph-warning:before {
    content: ""
}

.c-glyph.glyph-world:before {
    content: ""
}

.c-glyph.glyph-xbox-one-console:before {
    content: ""
}

.c-glyph.glyph-lock:before {
    content: ""
}

.c-glyph.glyph-system:before {
    content: ""
}

.c-glyph.glyph-globe:before {
    content: ""
}

.c-glyph.glyph-tv-monitor:before {
    content: ""
}

.c-glyph.glyph-headphone:before {
    content: ""
}

.c-glyph.glyph-folder-open:before {
    content: ""
}

.c-glyph.glyph-movies:before {
    content: ""
}

.c-glyph.glyph-folder:before {
    content: ""
}

.c-glyph.glyph-payment-card:before {
    content: ""
}

.c-glyph.glyph-mobile-tablet:before {
    content: ""
}

.c-glyph.glyph-tag:before {
    content: ""
}

.c-glyph.glyph-add-friend:before {
    content: ""
}

.c-glyph.glyph-group:before {
    content: ""
}

.c-glyph.glyph-repair:before {
    content: ""
}

.c-glyph.glyph-music-in-collection:before {
    content: ""
}

.c-glyph.glyph-list-mirrored:before {
    content: ""
}

.c-glyph.glyph-ticket:before {
    content: ""
}

.c-glyph.glyph-photo2:before {
    content: ""
}

.c-glyph.glyph-holo-lens:before {
    content: ""
}

.c-glyph.glyph-app-icon-default:before {
    content: ""
}

.c-glyph.glyph-subscriptions:before {
    content: ""
}

.c-glyph.glyph-subscriptions-mirrored:before {
    content: ""
}

.c-glyph.glyph-status-circle-exclamation:before {
    content: ""
}

.c-glyph.glyph-status-circle-error:before {
    content: ""
}

.c-glyph.glyph-status-circle-check:before {
    content: ""
}

.c-glyph.glyph-status-circle-info:before {
    content: ""
}

.c-glyph.glyph-status-circle-block:before {
    content: ""
}

.c-glyph.glyph-status-circle-question:before {
    content: ""
}

.c-glyph.glyph-zoom:before {
    content: ""
}

.c-glyph.glyph-zoom-out:before {
    content: ""
}

.c-glyph.glyph-back:before {
    content: ""
}

.c-glyph.glyph-favorite-star:before {
    content: ""
}

.c-glyph.glyph-favorite-star-fill:before {
    content: ""
}

.c-glyph.glyph-checkbox-composite:before {
    content: ""
}

.c-glyph.glyph-checkbox-indeterminate:before {
    content: ""
}

.c-glyph.glyph-slideshow:before {
    content: ""
}

.c-glyph.glyph-calendar:before {
    content: ""
}

.c-glyph.glyph-rotate:before {
    content: ""
}

.c-glyph.glyph-page:before {
    content: ""
}

.c-glyph.glyph-half-star-left:before {
    content: ""
}

.c-glyph.glyph-half-star-right:before {
    content: ""
}

.c-glyph.glyph-view:before {
    content: ""
}

.c-glyph.glyph-previous:before {
    content: ""
}

.c-glyph.glyph-next:before {
    content: ""
}

.c-glyph.glyph-clear:before {
    content: ""
}

.c-glyph.glyph-sync:before {
    content: ""
}

.c-glyph.glyph-go:before {
    content: ""
}

.c-glyph.glyph-shopping-bag:before {
    content: ""
}

.c-glyph.glyph-shuffle:before {
    content: ""
}

.c-glyph.glyph-calendar-day:before {
    content: ""
}

.c-glyph.glyph-calendar-week:before {
    content: ""
}

.c-glyph.glyph-important:before {
    content: ""
}

.c-glyph.glyph-sort:before {
    content: ""
}

.c-glyph.glyph-font-decrease:before {
    content: ""
}

.c-glyph.glyph-font-increase:before {
    content: ""
}

.c-glyph.glyph-bulleted-list:before {
    content: ""
}

.c-glyph.glyph-music-album:before {
    content: ""
}

.c-glyph.glyph-bulleted-list-mirrored:before {
    content: ""
}

.c-glyph.glyph-go-mirrored:before {
    content: ""
}

.c-glyph.glyph-edit-mirrored:before {
    content: ""
}

.c-glyph.glyph-qrcode:before {
    content: ""
}

.c-glyph.glyph-calendar-mirrored:before {
    content: ""
}

.c-glyph.glyph-xbox-gamepass:before {
    content: ""
}

.c-glyph.glyph-xbox-gold:before {
    content: ""
}

.c-glyph.glyph-pinned:before {
    content: ""
}

.c-glyph.glyph-gamehub:before {
    content: ""
}

.c-glyph.glyph-xbox-logo:before {
    content: ""
}

.c-glyph.glyph-devices2:before {
    content: ""
}

.c-glyph.glyph-devices3:before {
    content: ""
}

.c-glyph.glyph-holo-lens2:before {
    content: ""
}

.c-glyph.glyph-circleplus:before {
    content: ""
}

.c-glyph.glyph-remove-from:before {
    content: ""
}

.c-glyph.glyph-airplane:before {
    content: ""
}

.c-glyph.glyph-book:before {
    content: ""
}

.c-glyph.glyph-library:before {
    content: ""
}

.c-glyph.glyph-work:before {
    content: ""
}

.c-glyph.glyph-heart:before {
    content: ""
}

.c-glyph.glyph-shop:before {
    content: ""
}

.c-glyph.glyph-education:before {
    content: ""
}

.c-glyph.glyph-balloons:before {
    content: ""
}

.c-glyph.glyph-leaf:before {
    content: ""
}

.c-glyph.glyph-xbox-controller:before {
    content: ""
}

.c-glyph.glyph-camera-main:before {
    content: ""
}

.c-glyph.glyph-telemarketer:before {
    content: ""
}

.c-glyph.glyph-video:before {
    content: ""
}

.c-glyph.glyph-diploma:before {
    content: ""
}

.c-glyph.glyph-podium:before {
    content: ""
}

.c-glyph.glyph-giftcard:before {
    content: ""
}

.c-glyph.glyph-brush:before {
    content: ""
}

.c-glyph.glyph-enhanced-pop:before {
    content: ""
}

.c-glyph.glyph-color-palette:before {
    content: ""
}

.c-glyph.glyph-torch:before {
    content: ""
}

.c-glyph.glyph-movies-tv:before {
    content: ""
}

.c-glyph.glyph-football:before {
    content: ""
}

.c-glyph.glyph-savings:before {
    content: ""
}

.c-glyph.glyph-glasses:before {
    content: ""
}

.c-glyph.glyph-money:before {
    content: ""
}

.c-glyph.glyph-trophy:before {
    content: ""
}

.c-glyph.glyph-print:before {
    content: ""
}

.c-glyph.glyph-menu-button:before {
    content: ""
}

.c-glyph.glyph-status-unknown:before {
    content: ""
}

.c-glyph.glyph-windows-logo:before {
    content: ""
}

.c-glyph.glyph-gallery:before {
    content: ""
}

.c-glyph.glyph-book-solid:before {
    content: ""
}

.c-glyph.glyph-critic-review:before {
    content: ""
}

.c-glyph.glyph-edge-logo:before {
    content: ""
}

.c-glyph.glyph-edge-logo-small:before {
    content: ""
}

.c-glyph.glyph-product:before {
    content: ""
}

.c-glyph.glyph-issue-details:before {
    content: ""
}

.c-glyph.glyph-support:before {
    content: ""
}

.c-glyph.glyph-severity:before {
    content: ""
}

.c-glyph.glyph-contacts:before {
    content: ""
}

.c-glyph.glyph-circle-fill:before {
    content: ""
}

.c-glyph.glyph-detach-pc:before {
    content: ""
}

.c-glyph.glyph-button-x:before {
    content: ""
}

.c-glyph.glyph-button-a:before {
    content: ""
}

.c-glyph.glyph-button-b:before {
    content: ""
}

.c-glyph.glyph-button-y:before {
    content: ""
}

.c-glyph.glyph-home:before {
    content: ""
}

.c-glyph.glyph-delivery-truck:before {
    content: ""
}

.c-glyph.glyph-checklist:before {
    content: ""
}

.c-glyph.glyph-game-clubs:before {
    content: ""
}

.c-glyph.glyph-wifi3:before {
    content: ""
}

.f-background-shade-5 {
    background-color: rgba(0, 0, 0, .05)
}

.f-background-tint-5 {
    background-color: rgba(255, 255, 255, .05)
}

.f-background-accent-5 {
    background-color: rgba(0, 103, 184, .05)
}

.f-background-shade-10 {
    background-color: rgba(0, 0, 0, .1)
}

.f-background-tint-10 {
    background-color: rgba(255, 255, 255, .1)
}

.f-background-accent-10 {
    background-color: rgba(0, 103, 184, .1)
}

.f-background-shade-15 {
    background-color: rgba(0, 0, 0, .15)
}

.f-background-tint-15 {
    background-color: rgba(255, 255, 255, .15)
}

.f-background-accent-15 {
    background-color: rgba(0, 103, 184, .15)
}

.f-background-shade-20 {
    background-color: rgba(0, 0, 0, .2)
}

.f-background-tint-20 {
    background-color: rgba(255, 255, 255, .2)
}

.f-background-accent-20 {
    background-color: rgba(0, 103, 184, .2)
}

.f-background-shade-30 {
    background-color: rgba(0, 0, 0, .3)
}

.f-background-tint-30 {
    background-color: rgba(255, 255, 255, .3)
}

.f-background-accent-30 {
    background-color: rgba(0, 103, 184, .3)
}

.f-background-shade-40 {
    background-color: rgba(0, 0, 0, .4)
}

.f-background-tint-40 {
    background-color: rgba(255, 255, 255, .4)
}

.f-background-accent-40 {
    background-color: rgba(0, 103, 184, .4)
}

.f-background-shade-50 {
    background-color: rgba(0, 0, 0, .5)
}

.f-background-tint-50 {
    background-color: rgba(255, 255, 255, .5)
}

.f-background-accent-50 {
    background-color: rgba(0, 103, 184, .5)
}

.f-background-shade-60 {
    background-color: rgba(0, 0, 0, .6)
}

.f-background-tint-60 {
    background-color: rgba(255, 255, 255, .6)
}

.f-background-accent-60 {
    background-color: rgba(0, 103, 184, .6)
}

.f-background-shade-80 {
    background-color: rgba(0, 0, 0, .8)
}

.f-background-tint-80 {
    background-color: rgba(255, 255, 255, .8)
}

.f-background-accent-80 {
    background-color: rgba(0, 103, 184, .8)
}

.f-background-shade-90 {
    background-color: rgba(0, 0, 0, .9)
}

.f-background-tint-90 {
    background-color: rgba(255, 255, 255, .9)
}

.f-background-accent-90 {
    background-color: rgba(0, 103, 184, .9)
}

.f-background-shade-95 {
    background-color: rgba(0, 0, 0, .95)
}

.f-background-tint-95 {
    background-color: rgba(255, 255, 255, .95)
}

.f-background-accent-95 {
    background-color: rgba(0, 103, 184, .95)
}

.f-background-shade-100 {
    background-color: #000
}

.f-background-tint-100 {
    background-color: #fff
}

.f-background-accent-100 {
    background-color: #0067b8
}

.f-foreground-shade-5 {
    color: rgba(0, 0, 0, .05)
}

.f-foreground-tint-5 {
    color: rgba(255, 255, 255, .05)
}

.f-foreground-accent-5 {
    color: rgba(0, 103, 184, .05)
}

.f-foreground-shade-10 {
    color: rgba(0, 0, 0, .1)
}

.f-foreground-tint-10 {
    color: rgba(255, 255, 255, .1)
}

.f-foreground-accent-10 {
    color: rgba(0, 103, 184, .1)
}

.f-foreground-shade-15 {
    color: rgba(0, 0, 0, .15)
}

.f-foreground-tint-15 {
    color: rgba(255, 255, 255, .15)
}

.f-foreground-accent-15 {
    color: rgba(0, 103, 184, .15)
}

.f-foreground-shade-20 {
    color: rgba(0, 0, 0, .2)
}

.f-foreground-tint-20 {
    color: rgba(255, 255, 255, .2)
}

.f-foreground-accent-20 {
    color: rgba(0, 103, 184, .2)
}

.f-foreground-shade-30 {
    color: rgba(0, 0, 0, .3)
}

.f-foreground-tint-30 {
    color: rgba(255, 255, 255, .3)
}

.f-foreground-accent-30 {
    color: rgba(0, 103, 184, .3)
}

.f-foreground-shade-40 {
    color: rgba(0, 0, 0, .4)
}

.f-foreground-tint-40 {
    color: rgba(255, 255, 255, .4)
}

.f-foreground-accent-40 {
    color: rgba(0, 103, 184, .4)
}

.f-foreground-shade-50 {
    color: rgba(0, 0, 0, .5)
}

.f-foreground-tint-50 {
    color: rgba(255, 255, 255, .5)
}

.f-foreground-accent-50 {
    color: rgba(0, 103, 184, .5)
}

.f-foreground-shade-60 {
    color: rgba(0, 0, 0, .6)
}

.f-foreground-tint-60 {
    color: rgba(255, 255, 255, .6)
}

.f-foreground-accent-60 {
    color: rgba(0, 103, 184, .6)
}

.f-foreground-shade-80 {
    color: rgba(0, 0, 0, .8)
}

.f-foreground-tint-80 {
    color: rgba(255, 255, 255, .8)
}

.f-foreground-accent-80 {
    color: rgba(0, 103, 184, .8)
}

.f-foreground-shade-90 {
    color: rgba(0, 0, 0, .9)
}

.f-foreground-tint-90 {
    color: rgba(255, 255, 255, .9)
}

.f-foreground-accent-90 {
    color: rgba(0, 103, 184, .9)
}

.f-foreground-shade-95 {
    color: rgba(0, 0, 0, .95)
}

.f-foreground-tint-95 {
    color: rgba(255, 255, 255, .95)
}

.f-foreground-accent-95 {
    color: rgba(0, 103, 184, .95)
}

.f-foreground-shade-100 {
    color: #000
}

.f-foreground-tint-100 {
    color: #fff
}

.f-foreground-accent-100 {
    color: #0067b8
}

.x-m-v-0x {
    margin-top: 0;
    margin-bottom: 0
}

.x-m-v-1x {
    margin-top: 4px;
    margin-bottom: 4px
}

.x-m-v-2x {
    margin-top: 8px;
    margin-bottom: 8px
}

.x-m-v-3x {
    margin-top: 12px;
    margin-bottom: 12px
}

.x-m-v-4x {
    margin-top: 16px;
    margin-bottom: 16px
}

.x-m-v-5x {
    margin-top: 20px;
    margin-bottom: 20px
}

.x-m-v-6x {
    margin-top: 24px;
    margin-bottom: 24px
}

.x-m-v-7x {
    margin-top: 28px;
    margin-bottom: 28px
}

.x-m-v-8x {
    margin-top: 32px;
    margin-bottom: 32px
}

.x-m-v-9x {
    margin-top: 36px;
    margin-bottom: 36px
}

.x-m-v-10x {
    margin-top: 40px;
    margin-bottom: 40px
}

.x-m-v-11x {
    margin-top: 44px;
    margin-bottom: 44px
}

.x-m-v-12x {
    margin-top: 48px;
    margin-bottom: 48px
}

.x-m-h-0x {
    margin-left: 0;
    margin-right: 0
}

.x-m-h-1x {
    margin-left: 4px;
    margin-right: 4px
}

.x-m-h-2x {
    margin-left: 8px;
    margin-right: 8px
}

.x-m-h-3x {
    margin-left: 12px;
    margin-right: 12px
}

.x-m-h-4x {
    margin-left: 16px;
    margin-right: 16px
}

.x-m-h-5x {
    margin-left: 20px;
    margin-right: 20px
}

.x-m-h-6x {
    margin-left: 24px;
    margin-right: 24px
}

.x-m-h-7x {
    margin-left: 28px;
    margin-right: 28px
}

.x-m-h-8x {
    margin-left: 32px;
    margin-right: 32px
}

.x-m-h-9x {
    margin-left: 36px;
    margin-right: 36px
}

.x-m-h-10x {
    margin-left: 40px;
    margin-right: 40px
}

.x-m-h-11x {
    margin-left: 44px;
    margin-right: 44px
}

.x-m-h-12x {
    margin-left: 48px;
    margin-right: 48px
}

.x-m-t-0x {
    margin-top: 0
}

.x-m-t-1x {
    margin-top: 4px
}

.x-m-t-2x {
    margin-top: 8px
}

.x-m-t-3x {
    margin-top: 12px
}

.x-m-t-4x {
    margin-top: 16px
}

.x-m-t-5x {
    margin-top: 20px
}

.x-m-t-6x {
    margin-top: 24px
}

.x-m-t-7x {
    margin-top: 28px
}

.x-m-t-8x {
    margin-top: 32px
}

.x-m-t-9x {
    margin-top: 36px
}

.x-m-t-10x {
    margin-top: 40px
}

.x-m-t-11x {
    margin-top: 44px
}

.x-m-t-12x {
    margin-top: 48px
}

.x-m-r-0x {
    margin-right: 0
}

.x-m-r-1x {
    margin-right: 4px
}

.x-m-r-2x {
    margin-right: 8px
}

.x-m-r-3x {
    margin-right: 12px
}

.x-m-r-4x {
    margin-right: 16px
}

.x-m-r-5x {
    margin-right: 20px
}

.x-m-r-6x {
    margin-right: 24px
}

.x-m-r-7x {
    margin-right: 28px
}

.x-m-r-8x {
    margin-right: 32px
}

.x-m-r-9x {
    margin-right: 36px
}

.x-m-r-10x {
    margin-right: 40px
}

.x-m-r-11x {
    margin-right: 44px
}

.x-m-r-12x {
    margin-right: 48px
}

.x-m-b-0x {
    margin-bottom: 0
}

.x-m-b-1x {
    margin-bottom: 4px
}

.x-m-b-2x {
    margin-bottom: 8px
}

.x-m-b-3x {
    margin-bottom: 12px
}

.x-m-b-4x {
    margin-bottom: 16px
}

.x-m-b-5x {
    margin-bottom: 20px
}

.x-m-b-6x {
    margin-bottom: 24px
}

.x-m-b-7x {
    margin-bottom: 28px
}

.x-m-b-8x {
    margin-bottom: 32px
}

.x-m-b-9x {
    margin-bottom: 36px
}

.x-m-b-10x {
    margin-bottom: 40px
}

.x-m-b-11x {
    margin-bottom: 44px
}

.x-m-b-12x {
    margin-bottom: 48px
}

.x-m-l-0x {
    margin-left: 0
}

.x-m-l-1x {
    margin-left: 4px
}

.x-m-l-2x {
    margin-left: 8px
}

.x-m-l-3x {
    margin-left: 12px
}

.x-m-l-4x {
    margin-left: 16px
}

.x-m-l-5x {
    margin-left: 20px
}

.x-m-l-6x {
    margin-left: 24px
}

.x-m-l-7x {
    margin-left: 28px
}

.x-m-l-8x {
    margin-left: 32px
}

.x-m-l-9x {
    margin-left: 36px
}

.x-m-l-10x {
    margin-left: 40px
}

.x-m-l-11x {
    margin-left: 44px
}

.x-m-l-12x {
    margin-left: 48px
}

.x-m-a-0x {
    margin: 0
}

.x-m-a-1x {
    margin: 4px
}

.x-m-a-2x {
    margin: 8px
}

.x-m-a-3x {
    margin: 12px
}

.x-m-a-4x {
    margin: 16px
}

.x-m-a-5x {
    margin: 20px
}

.x-m-a-6x {
    margin: 24px
}

.x-m-a-7x {
    margin: 28px
}

.x-m-a-8x {
    margin: 32px
}

.x-m-a-9x {
    margin: 36px
}

.x-m-a-10x {
    margin: 40px
}

.x-m-a-11x {
    margin: 44px
}

.x-m-a-12x {
    margin: 48px
}

.x-p-v-0x {
    padding-top: 0;
    padding-bottom: 0
}

.x-p-v-1x {
    padding-top: 4px;
    padding-bottom: 4px
}

.x-p-v-2x {
    padding-top: 8px;
    padding-bottom: 8px
}

.x-p-v-3x {
    padding-top: 12px;
    padding-bottom: 12px
}

.x-p-v-4x {
    padding-top: 16px;
    padding-bottom: 16px
}

.x-p-v-5x {
    padding-top: 20px;
    padding-bottom: 20px
}

.x-p-v-6x {
    padding-top: 24px;
    padding-bottom: 24px
}

.x-p-v-7x {
    padding-top: 28px;
    padding-bottom: 28px
}

.x-p-v-8x {
    padding-top: 32px;
    padding-bottom: 32px
}

.x-p-v-9x {
    padding-top: 36px;
    padding-bottom: 36px
}

.x-p-v-10x {
    padding-top: 40px;
    padding-bottom: 40px
}

.x-p-v-11x {
    padding-top: 44px;
    padding-bottom: 44px
}

.x-p-v-12x {
    padding-top: 48px;
    padding-bottom: 48px
}

.x-p-h-0x {
    padding-left: 0;
    padding-right: 0
}

.x-p-h-1x {
    padding-left: 4px;
    padding-right: 4px
}

.x-p-h-2x {
    padding-left: 8px;
    padding-right: 8px
}

.x-p-h-3x {
    padding-left: 12px;
    padding-right: 12px
}

.x-p-h-4x {
    padding-left: 16px;
    padding-right: 16px
}

.x-p-h-5x {
    padding-left: 20px;
    padding-right: 20px
}

.x-p-h-6x {
    padding-left: 24px;
    padding-right: 24px
}

.x-p-h-7x {
    padding-left: 28px;
    padding-right: 28px
}

.x-p-h-8x {
    padding-left: 32px;
    padding-right: 32px
}

.x-p-h-9x {
    padding-left: 36px;
    padding-right: 36px
}

.x-p-h-10x {
    padding-left: 40px;
    padding-right: 40px
}

.x-p-h-11x {
    padding-left: 44px;
    padding-right: 44px
}

.x-p-h-12x {
    padding-left: 48px;
    padding-right: 48px
}

.x-p-t-0x {
    padding-top: 0
}

.x-p-t-1x {
    padding-top: 4px
}

.x-p-t-2x {
    padding-top: 8px
}

.x-p-t-3x {
    padding-top: 12px
}

.x-p-t-4x {
    padding-top: 16px
}

.x-p-t-5x {
    padding-top: 20px
}

.x-p-t-6x {
    padding-top: 24px
}

.x-p-t-7x {
    padding-top: 28px
}

.x-p-t-8x {
    padding-top: 32px
}

.x-p-t-9x {
    padding-top: 36px
}

.x-p-t-10x {
    padding-top: 40px
}

.x-p-t-11x {
    padding-top: 44px
}

.x-p-t-12x {
    padding-top: 48px
}

.x-p-r-0x {
    padding-right: 0
}

.x-p-r-1x {
    padding-right: 4px
}

.x-p-r-2x {
    padding-right: 8px
}

.x-p-r-3x {
    padding-right: 12px
}

.x-p-r-4x {
    padding-right: 16px
}

.x-p-r-5x {
    padding-right: 20px
}

.x-p-r-6x {
    padding-right: 24px
}

.x-p-r-7x {
    padding-right: 28px
}

.x-p-r-8x {
    padding-right: 32px
}

.x-p-r-9x {
    padding-right: 36px
}

.x-p-r-10x {
    padding-right: 40px
}

.x-p-r-11x {
    padding-right: 44px
}

.x-p-r-12x {
    padding-right: 48px
}

.x-p-b-0x {
    padding-bottom: 0
}

.x-p-b-1x {
    padding-bottom: 4px
}

.x-p-b-2x {
    padding-bottom: 8px
}

.x-p-b-3x {
    padding-bottom: 12px
}

.x-p-b-4x {
    padding-bottom: 16px
}

.x-p-b-5x {
    padding-bottom: 20px
}

.x-p-b-6x {
    padding-bottom: 24px
}

.x-p-b-7x {
    padding-bottom: 28px
}

.x-p-b-8x {
    padding-bottom: 32px
}

.x-p-b-9x {
    padding-bottom: 36px
}

.x-p-b-10x {
    padding-bottom: 40px
}

.x-p-b-11x {
    padding-bottom: 44px
}

.x-p-b-12x {
    padding-bottom: 48px
}

.x-p-l-0x {
    padding-left: 0
}

.x-p-l-1x {
    padding-left: 4px
}

.x-p-l-2x {
    padding-left: 8px
}

.x-p-l-3x {
    padding-left: 12px
}

.x-p-l-4x {
    padding-left: 16px
}

.x-p-l-5x {
    padding-left: 20px
}

.x-p-l-6x {
    padding-left: 24px
}

.x-p-l-7x {
    padding-left: 28px
}

.x-p-l-8x {
    padding-left: 32px
}

.x-p-l-9x {
    padding-left: 36px
}

.x-p-l-10x {
    padding-left: 40px
}

.x-p-l-11x {
    padding-left: 44px
}

.x-p-l-12x {
    padding-left: 48px
}

.x-p-a-0x {
    padding: 0
}

.x-p-a-1x {
    padding: 4px
}

.x-p-a-2x {
    padding: 8px
}

.x-p-a-3x {
    padding: 12px
}

.x-p-a-4x {
    padding: 16px
}

.x-p-a-5x {
    padding: 20px
}

.x-p-a-6x {
    padding: 24px
}

.x-p-a-7x {
    padding: 28px
}

.x-p-a-8x {
    padding: 32px
}

.x-p-a-9x {
    padding: 36px
}

.x-p-a-10x {
    padding: 40px
}

.x-p-a-11x {
    padding: 44px
}

.x-p-a-12x {
    padding: 48px
}

a.c-call-to-action,
button.c-call-to-action {
    font-size: 15px;
    padding: 10px 20px 6px 22px;
    position: relative;
    border: 2px solid transparent;
    outline: 1px solid transparent;
    outline-offset: -3px;
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0;
    line-height: 1.3;
    white-space: nowrap;
    transition: all 200ms ease-in-out;
    box-shadow: 0 4px 8px 0 transparent;
    background: #0067b8
}

@media screen and (-ms-high-contrast:active) {
    a.c-call-to-action,
    button.c-call-to-action {
        border-color: window !important;
        outline-color: window
    }
}

a.c-call-to-action:focus,
button.c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

@media screen and (-ms-high-contrast:active) {
    a.c-call-to-action:focus,
    button.c-call-to-action:focus {
        border-color: windowText !important
    }
}

.theme-light a.c-call-to-action:focus,
.theme-dark .theme-light a.c-call-to-action:focus,
.theme-light button.c-call-to-action:focus,
.theme-dark .theme-light button.c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

.theme-dark a.c-call-to-action:focus,
.theme-light .theme-dark a.c-call-to-action:focus,
.theme-dark button.c-call-to-action:focus,
.theme-light .theme-dark button.c-call-to-action:focus {
    border-color: #fff !important;
    outline-color: rgba(0, 0, 0, .6)
}

a.c-call-to-action span,
button.c-call-to-action span {
    max-width: 100%;
    display: inline-block;
    position: relative;
    left: 0;
    text-overflow: clip;
    overflow: hidden;
    transition: all 200ms ease-in-out;
    vertical-align: top;
    line-height: 18.5px
}

a.c-call-to-action:after,
button.c-call-to-action:after {
    transition: all 200ms ease-in-out
}

a.c-call-to-action.c-glyph.glyph-play:before,
button.c-call-to-action.c-glyph.glyph-play:before {
    line-height: 1;
    position: relative;
    top: 2px
}

a.c-call-to-action:not(.glyph-play):after,
button.c-call-to-action:not(.glyph-play):after {
    font-size: 11px;
    margin-top: 3px;
    margin-left: 3px;
    display: inline-block;
    position: relative;
    right: 0;
    content: "";
    vertical-align: top
}

a.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus) span,
a.c-call-to-action:not(.glyph-play):hover span,
button.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus) span,
button.c-call-to-action:not(.glyph-play):hover span {
    left: -4px
}

a.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus):after,
a.c-call-to-action:not(.glyph-play):hover:after,
button.c-call-to-action:not(.glyph-play):focus:not(.x-hidden-focus):after,
button.c-call-to-action:not(.glyph-play):hover:after {
    right: -4px
}

a.c-call-to-action:focus:not(.x-hidden-focus),
a.c-call-to-action:hover,
button.c-call-to-action:focus:not(.x-hidden-focus),
button.c-call-to-action:hover {
    background: #005da6
}

    a.c-call-to-action:focus:not(.x-hidden-focus) span,
    a.c-call-to-action:hover span,
    button.c-call-to-action:focus:not(.x-hidden-focus) span,
    button.c-call-to-action:hover span {
        box-shadow: 0 3px 0 -1px currentColor
    }

a.c-call-to-action:active,
button.c-call-to-action:active {
    background: #005293;
    -ms-transform: scale(.98);
    transform: scale(.98)
}

a.c-call-to-action[aria-disabled="true"],
button.c-call-to-action[aria-disabled="true"] {
    cursor: not-allowed;
    border-color: transparent;
    background: #cce1f1;
    color: rgba(0, 0, 0, .2)
}

    a.c-call-to-action[aria-disabled="true"]:focus:not(.x-hidden-focus) span,
    a.c-call-to-action[aria-disabled="true"]:hover span,
    button.c-call-to-action[aria-disabled="true"]:focus:not(.x-hidden-focus) span,
    button.c-call-to-action[aria-disabled="true"]:hover span {
        left: 0
    }

    a.c-call-to-action[aria-disabled="true"]:focus:not(.x-hidden-focus):after,
    a.c-call-to-action[aria-disabled="true"]:hover:after,
    button.c-call-to-action[aria-disabled="true"]:focus:not(.x-hidden-focus):after,
    button.c-call-to-action[aria-disabled="true"]:hover:after {
        right: 0
    }

a.c-call-to-action.f-image,
button.c-call-to-action.f-image {
    height: 47px;
    background: transparent;
    padding: 0
}

    a.c-call-to-action.f-image img,
    button.c-call-to-action.f-image img {
        height: 100%;
        width: auto
    }

    a.c-call-to-action.f-image:hover,
    button.c-call-to-action.f-image:hover {
        background: transparent
    }

        a.c-call-to-action.f-image:hover img,
        button.c-call-to-action.f-image:hover img {
            opacity: .7
        }

    a.c-call-to-action.f-image:after,
    button.c-call-to-action.f-image:after {
        content: none
    }

.theme-light a.c-call-to-action,
.theme-dark .theme-light a.c-call-to-action,
.theme-light button.c-call-to-action,
.theme-dark .theme-light button.c-call-to-action {
    color: #fff !important;
    background: #000000;
}

    .theme-light a.c-call-to-action:focus:not(.x-hidden-focus) span,
    .theme-dark .theme-light a.c-call-to-action:focus:not(.x-hidden-focus) span,
    .theme-light button.c-call-to-action:focus:not(.x-hidden-focus) span,
    .theme-dark .theme-light button.c-call-to-action:focus:not(.x-hidden-focus) span {
        box-shadow: 0 3px 0 -1px currentColor
    }

    .theme-light a.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light a.c-call-to-action:hover,
    .theme-dark .theme-light a.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light a.c-call-to-action:hover,
    .theme-light button.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light button.c-call-to-action:hover,
    .theme-dark .theme-light button.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light button.c-call-to-action:hover {
        background: #1a1a1a
    }

    .theme-light a.c-call-to-action:active,
    .theme-dark .theme-light a.c-call-to-action:active,
    .theme-light button.c-call-to-action:active,
    .theme-dark .theme-light button.c-call-to-action:active {
        background: #333
    }

    .theme-light a.c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light a.c-call-to-action[aria-disabled="true"],
    .theme-light button.c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light button.c-call-to-action[aria-disabled="true"] {
        background: #ccc;
        border-color: transparent;
        color: rgba(0, 0, 0, .2)
    }

    .theme-light a.c-call-to-action.f-image,
    .theme-dark .theme-light a.c-call-to-action.f-image,
    .theme-light button.c-call-to-action.f-image,
    .theme-dark .theme-light button.c-call-to-action.f-image {
        background: transparent
    }

        .theme-light a.c-call-to-action.f-image:hover,
        .theme-dark .theme-light a.c-call-to-action.f-image:hover,
        .theme-light button.c-call-to-action.f-image:hover,
        .theme-dark .theme-light button.c-call-to-action.f-image:hover {
            background: transparent
        }

.theme-dark a.c-call-to-action,
.theme-light .theme-dark a.c-call-to-action,
.theme-dark button.c-call-to-action,
.theme-light .theme-dark button.c-call-to-action {
    color: #000;
    background: #fff
}

    .theme-dark a.c-call-to-action:focus:not(.x-hidden-focus) span,
    .theme-light .theme-dark a.c-call-to-action:focus:not(.x-hidden-focus) span,
    .theme-dark button.c-call-to-action:focus:not(.x-hidden-focus) span,
    .theme-light .theme-dark button.c-call-to-action:focus:not(.x-hidden-focus) span {
        box-shadow: 0 3px 0 -1px currentColor
    }

    .theme-dark a.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark a.c-call-to-action:hover,
    .theme-light .theme-dark a.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark a.c-call-to-action:hover,
    .theme-dark button.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark button.c-call-to-action:hover,
    .theme-light .theme-dark button.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark button.c-call-to-action:hover {
        background: #e6e6e6
    }

    .theme-dark a.c-call-to-action:active,
    .theme-light .theme-dark a.c-call-to-action:active,
    .theme-dark button.c-call-to-action:active,
    .theme-light .theme-dark button.c-call-to-action:active {
        background: #ccc
    }

    .theme-dark a.c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark a.c-call-to-action[aria-disabled="true"],
    .theme-dark button.c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark button.c-call-to-action[aria-disabled="true"] {
        background: #4d4d4d;
        border-color: transparent;
        color: rgba(255, 255, 255, .2)
    }

    .theme-dark a.c-call-to-action.f-image,
    .theme-light .theme-dark a.c-call-to-action.f-image,
    .theme-dark button.c-call-to-action.f-image,
    .theme-light .theme-dark button.c-call-to-action.f-image {
        background: transparent
    }

        .theme-dark a.c-call-to-action.f-image:hover,
        .theme-light .theme-dark a.c-call-to-action.f-image:hover,
        .theme-dark button.c-call-to-action.f-image:hover,
        .theme-light .theme-dark button.c-call-to-action.f-image:hover {
            background: transparent
        }

a.c-call-to-action.f-secondary,
button.c-call-to-action.f-secondary {
    color: #000;
    background: #ccc
}

    a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span,
    button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span {
        box-shadow: 0 3px 0 -1px currentColor
    }

    a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus),
    a.c-call-to-action.f-secondary:hover,
    button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus),
    button.c-call-to-action.f-secondary:hover {
        background: #b3b3b3
    }

    a.c-call-to-action.f-secondary:active,
    button.c-call-to-action.f-secondary:active {
        background: #999
    }

    a.c-call-to-action.f-secondary[aria-disabled="true"],
    button.c-call-to-action.f-secondary[aria-disabled="true"] {
        background: #ccc;
        border-color: transparent;
        color: rgba(0, 0, 0, .2)
    }

.theme-light a.c-call-to-action.f-secondary,
.theme-dark .theme-light a.c-call-to-action.f-secondary,
.theme-light button.c-call-to-action.f-secondary,
.theme-dark .theme-light button.c-call-to-action.f-secondary {
    color: #000;
    background: rgba(255, 255, 255, 0);
    border-color: #000
}

    .theme-light a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span,
    .theme-dark .theme-light a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span,
    .theme-light button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span,
    .theme-dark .theme-light button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span {
        box-shadow: 0 3px 0 -1px currentColor
    }

    .theme-light a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus),
    .theme-light a.c-call-to-action.f-secondary:hover,
    .theme-dark .theme-light a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus),
    .theme-dark .theme-light a.c-call-to-action.f-secondary:hover,
    .theme-light button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus),
    .theme-light button.c-call-to-action.f-secondary:hover,
    .theme-dark .theme-light button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus),
    .theme-dark .theme-light button.c-call-to-action.f-secondary:hover {
        background: #ccc
    }

    .theme-light a.c-call-to-action.f-secondary:active,
    .theme-dark .theme-light a.c-call-to-action.f-secondary:active,
    .theme-light button.c-call-to-action.f-secondary:active,
    .theme-dark .theme-light button.c-call-to-action.f-secondary:active {
        background: #b3b3b3
    }

    .theme-light a.c-call-to-action.f-secondary[aria-disabled="true"],
    .theme-dark .theme-light a.c-call-to-action.f-secondary[aria-disabled="true"],
    .theme-light button.c-call-to-action.f-secondary[aria-disabled="true"],
    .theme-dark .theme-light button.c-call-to-action.f-secondary[aria-disabled="true"] {
        background: #ccc;
        border-color: rgba(0, 0, 0, .2);
        color: rgba(0, 0, 0, .2)
    }

.theme-dark a.c-call-to-action.f-secondary,
.theme-light .theme-dark a.c-call-to-action.f-secondary,
.theme-dark button.c-call-to-action.f-secondary,
.theme-light .theme-dark button.c-call-to-action.f-secondary {
    background: rgba(255, 255, 255, 0);
    color: #fff;
    border-color: #fff
}

    .theme-dark a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span,
    .theme-light .theme-dark a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span,
    .theme-dark button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span,
    .theme-light .theme-dark button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus) span {
        box-shadow: 0 3px 0 -1px currentColor
    }

    .theme-dark a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus),
    .theme-dark a.c-call-to-action.f-secondary:hover,
    .theme-light .theme-dark a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus),
    .theme-light .theme-dark a.c-call-to-action.f-secondary:hover,
    .theme-dark button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus),
    .theme-dark button.c-call-to-action.f-secondary:hover,
    .theme-light .theme-dark button.c-call-to-action.f-secondary:focus:not(.x-hidden-focus),
    .theme-light .theme-dark button.c-call-to-action.f-secondary:hover {
        background: #1a1a1a
    }

    .theme-dark a.c-call-to-action.f-secondary:active,
    .theme-light .theme-dark a.c-call-to-action.f-secondary:active,
    .theme-dark button.c-call-to-action.f-secondary:active,
    .theme-light .theme-dark button.c-call-to-action.f-secondary:active {
        background: #000
    }

    .theme-dark a.c-call-to-action.f-secondary[aria-disabled="true"],
    .theme-light .theme-dark a.c-call-to-action.f-secondary[aria-disabled="true"],
    .theme-dark button.c-call-to-action.f-secondary[aria-disabled="true"],
    .theme-light .theme-dark button.c-call-to-action.f-secondary[aria-disabled="true"] {
        background: #4d4d4d;
        border-color: rgba(255, 255, 255, .2);
        color: rgba(255, 255, 255, .2)
    }

a.c-call-to-action.f-lightweight,
button.c-call-to-action.f-lightweight {
    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;
    padding-right: 2px
}

@media screen and (-ms-high-contrast:active) {
    a.c-call-to-action.f-lightweight,
    button.c-call-to-action.f-lightweight {
        border-color: window !important;
        outline-color: window
    }
}

a.c-call-to-action.f-lightweight:focus,
button.c-call-to-action.f-lightweight:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

@media screen and (-ms-high-contrast:active) {
    a.c-call-to-action.f-lightweight:focus,
    button.c-call-to-action.f-lightweight:focus {
        border-color: windowText !important
    }
}

.theme-light a.c-call-to-action.f-lightweight:focus,
.theme-dark .theme-light a.c-call-to-action.f-lightweight:focus,
.theme-light button.c-call-to-action.f-lightweight:focus,
.theme-dark .theme-light button.c-call-to-action.f-lightweight:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

.theme-dark a.c-call-to-action.f-lightweight:focus,
.theme-light .theme-dark a.c-call-to-action.f-lightweight:focus,
.theme-dark button.c-call-to-action.f-lightweight:focus,
.theme-light .theme-dark button.c-call-to-action.f-lightweight:focus {
    border-color: #fff;
    outline-color: rgba(0, 0, 0, .6)
}

a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
a.c-call-to-action.f-lightweight:hover,
a.c-call-to-action.f-lightweight:active,
button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
button.c-call-to-action.f-lightweight:hover,
button.c-call-to-action.f-lightweight:active {
    background: transparent;
    box-shadow: none !important
}

    a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span,
    a.c-call-to-action.f-lightweight:hover span,
    a.c-call-to-action.f-lightweight:active span,
    button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span,
    button.c-call-to-action.f-lightweight:hover span,
    button.c-call-to-action.f-lightweight:active span {
        box-shadow: 0 2px currentColor;
        left: 0 !important
    }

a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) {
    color: #005da6;
    background: rgba(0, 103, 184, .1)
}

    a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span,
    button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span {
        box-shadow: 0 2px currentColor;
        text-decoration: none
    }

a.c-call-to-action.f-lightweight:hover,
button.c-call-to-action.f-lightweight:hover {
    color: #005da6
}

a.c-call-to-action.f-lightweight:active,
button.c-call-to-action.f-lightweight:active {
    background: none;
    color: #005293;
    text-decoration: none;
    -ms-transform: none;
    transform: none
}

a.c-call-to-action.f-lightweight[aria-disabled="true"],
button.c-call-to-action.f-lightweight[aria-disabled="true"] {
    cursor: not-allowed;
    color: #cce1f1
}

a.c-call-to-action.f-lightweight.f-image,
button.c-call-to-action.f-lightweight.f-image {
    padding: 0
}

.theme-light a.c-call-to-action.f-lightweight,
.theme-dark .theme-light a.c-call-to-action.f-lightweight,
.theme-light button.c-call-to-action.f-lightweight,
.theme-dark .theme-light button.c-call-to-action.f-lightweight {
    color: #000;
    border-color: transparent;
    background: transparent
}

    .theme-light a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-dark .theme-light a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-light button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-dark .theme-light button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) {
        background: rgba(0, 0, 0, .1)
    }

        .theme-light a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span,
        .theme-light button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-light a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-light a.c-call-to-action.f-lightweight:hover,
    .theme-dark .theme-light a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-dark .theme-light a.c-call-to-action.f-lightweight:hover,
    .theme-light button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-light button.c-call-to-action.f-lightweight:hover,
    .theme-dark .theme-light button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-dark .theme-light button.c-call-to-action.f-lightweight:hover {
        color: rgba(0, 0, 0, .9)
    }

    .theme-light a.c-call-to-action.f-lightweight:hover,
    .theme-dark .theme-light a.c-call-to-action.f-lightweight:hover,
    .theme-light button.c-call-to-action.f-lightweight:hover,
    .theme-dark .theme-light button.c-call-to-action.f-lightweight:hover {
        background: transparent
    }

    .theme-light a.c-call-to-action.f-lightweight:active,
    .theme-dark .theme-light a.c-call-to-action.f-lightweight:active,
    .theme-light button.c-call-to-action.f-lightweight:active,
    .theme-dark .theme-light button.c-call-to-action.f-lightweight:active {
        color: rgba(0, 0, 0, .8)
    }

    .theme-light a.c-call-to-action.f-lightweight[aria-disabled="true"],
    .theme-dark .theme-light a.c-call-to-action.f-lightweight[aria-disabled="true"],
    .theme-light button.c-call-to-action.f-lightweight[aria-disabled="true"],
    .theme-dark .theme-light button.c-call-to-action.f-lightweight[aria-disabled="true"] {
        color: #999;
        background: transparent
    }

.theme-dark a.c-call-to-action.f-lightweight,
.theme-light .theme-dark a.c-call-to-action.f-lightweight,
.theme-dark button.c-call-to-action.f-lightweight,
.theme-light .theme-dark button.c-call-to-action.f-lightweight {
    color: #fff;
    background: transparent;
    border-color: transparent
}

    .theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-light .theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-dark button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-light .theme-dark button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) {
        background: rgba(255, 255, 255, .1)
    }

        .theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span,
        .theme-dark button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-dark a.c-call-to-action.f-lightweight:hover,
    .theme-light .theme-dark a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-light .theme-dark a.c-call-to-action.f-lightweight:hover,
    .theme-dark button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-dark button.c-call-to-action.f-lightweight:hover,
    .theme-light .theme-dark button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus),
    .theme-light .theme-dark button.c-call-to-action.f-lightweight:hover {
        color: #e6e6e6
    }

    .theme-dark a.c-call-to-action.f-lightweight:hover,
    .theme-light .theme-dark a.c-call-to-action.f-lightweight:hover,
    .theme-dark button.c-call-to-action.f-lightweight:hover,
    .theme-light .theme-dark button.c-call-to-action.f-lightweight:hover {
        background: transparent
    }

    .theme-dark a.c-call-to-action.f-lightweight:active,
    .theme-light .theme-dark a.c-call-to-action.f-lightweight:active,
    .theme-dark button.c-call-to-action.f-lightweight:active,
    .theme-light .theme-dark button.c-call-to-action.f-lightweight:active {
        color: #ccc
    }

    .theme-dark a.c-call-to-action.f-lightweight[aria-disabled="true"],
    .theme-light .theme-dark a.c-call-to-action.f-lightweight[aria-disabled="true"],
    .theme-dark button.c-call-to-action.f-lightweight[aria-disabled="true"],
    .theme-light .theme-dark button.c-call-to-action.f-lightweight[aria-disabled="true"] {
        background: transparent;
        color: #666
    }

a.c-call-to-action.f-lightweight:hover span,
button.c-call-to-action.f-lightweight:hover span {
    left: 0
}

@media(-ms-high-contrast:active) {
    .-c-call-to-action:focus:not(.x-hidden-focus) span,
    .-c-call-to-action:hover span {
        left: 0
    }

    .-c-call-to-action:focus:not(.x-hidden-focus):after,
    .-c-call-to-action:hover:after {
        right: 0
    }

    a.c-call-to-action:hover > span,
    a.c-call-to-action.f-lightweight:hover > span {
        text-decoration: underline !important;
        color: buttontext !important;
        border-color: buttonText !important
    }

    a.c-call-to-action:hover:after,
    a.c-call-to-action.f-lightweight:hover:after {
        color: buttonText !important
    }

    a.c-call-to-action:focus:not(.x-hidden-focus),
    a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) {
        border-color: buttonText !important;
        outline-color: buttonText !important
    }

    a.c-call-to-action[aria-disabled="true"],
    a.c-call-to-action:disabled,
    a.c-call-to-action.f-lightweight[aria-disabled="true"],
    a.c-call-to-action.f-lightweight:disabled {
        color: grayText !important;
        border-color: grayText !important;
        outline-color: grayText !important
    }

        a.c-call-to-action[aria-disabled="true"]:focus:not(.x-hidden-focus),
        a.c-call-to-action:disabled:focus:not(.x-hidden-focus),
        a.c-call-to-action.f-lightweight[aria-disabled="true"]:focus:not(.x-hidden-focus),
        a.c-call-to-action.f-lightweight:disabled:focus:not(.x-hidden-focus) {
            outline: none !important;
            outline-color: transparent !important
        }

        a.c-call-to-action[aria-disabled="true"] > span,
        a.c-call-to-action:disabled > span,
        a.c-call-to-action.f-lightweight[aria-disabled="true"] > span,
        a.c-call-to-action.f-lightweight:disabled > span {
            text-decoration: none !important
        }

    button.c-call-to-action,
    button.c-call-to-action.f-lightweight {
        border-color: windowtext !important
    }

        button.c-call-to-action:focus:not(.x-hidden-focus),
        button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus) {
            border-color: buttonText !important;
            outline-color: buttonText !important;
            background: buttonFace !important;
            color: buttonText !important
        }

            button.c-call-to-action:focus:not(.x-hidden-focus):before,
            button.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus):before {
                border: 2px solid buttonText !important;
                top: 1px;
                bottom: 1px;
                left: 1px;
                right: 1px
            }

        button.c-call-to-action:hover,
        button.c-call-to-action:active,
        button.c-call-to-action.f-lightweight:hover,
        button.c-call-to-action.f-lightweight:active {
            color: highlight !important;
            border-color: highlight !important
        }

        button.c-call-to-action[aria-disabled="true"],
        button.c-call-to-action:disabled,
        button.c-call-to-action.f-lightweight[aria-disabled="true"],
        button.c-call-to-action.f-lightweight:disabled {
            color: grayText !important;
            border-color: grayText !important;
            text-decoration: none;
            outline: none !important
        }
}

img.c-image,
picture.c-image img {
    display: block;
    margin: 0;
    max-width: 100%;
    height: auto
}

    img.c-image.f-round {
        border-radius: 50%
    }

picture.c-image {
    display: block
}

    picture.c-image.f-pad-bottom-3x,
    img.c-image.f-pad-bottom-3x {
        padding-bottom: 12px
    }

    picture.c-image.f-pad-bottom-6x,
    img.c-image.f-pad-bottom-6x {
        padding-bottom: 24px
    }

    picture.c-image.f-pad-top-3x,
    img.c-image.f-pad-top-3x {
        padding-top: 12px
    }

    picture.c-image.f-pad-top-6x,
    img.c-image.f-pad-top-6x {
        padding-top: 24px
    }

    picture.c-image.f-pad-vertical-3x,
    img.c-image.f-pad-vertical-3x {
        padding: 12px 0
    }

    picture.c-image.f-pad-vertical-6x,
    img.c-image.f-pad-vertical-6x {
        padding: 24px 0
    }

    picture.c-image.f-pad-left-3x,
    img.c-image.f-pad-left-3x {
        padding-left: 12px
    }

    picture.c-image.f-pad-left-6x,
    img.c-image.f-pad-left-6x {
        padding-left: 24px
    }

    picture.c-image.f-pad-right-3x,
    img.c-image.f-pad-right-3x {
        padding-right: 12px
    }

    picture.c-image.f-pad-right-6x,
    img.c-image.f-pad-right-6x {
        padding-right: 24px
    }

    picture.c-image.f-pad-horizontal-3x,
    img.c-image.f-pad-horizontal-3x {
        padding-left: 12px;
        padding-right: 12px
    }

    picture.c-image.f-pad-horizontal-6x,
    img.c-image.f-pad-horizontal-6x {
        padding-left: 24px;
        padding-right: 24px
    }

.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:focus {
        outline-color: #000
    }

        .c-logo:focus:after {
            outline-color: rgba(255, 255, 255, .6)
        }

.theme-light .c-logo:focus,
.theme-dark .theme-light .c-logo:focus {
    outline-color: #000
}

    .theme-light .c-logo:focus:after,
    .theme-dark .theme-light .c-logo:focus:after {
        outline-color: rgba(255, 255, 255, .6)
    }

.theme-dark .c-logo:focus,
.theme-light .theme-dark .c-logo:focus {
    outline-color: #fff
}

    .theme-dark .c-logo:focus:after,
    .theme-light .theme-dark .c-logo:focus:after {
        outline-color: rgba(0, 0, 0, .6)
    }

.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
}

a.c-hyperlink {
    position: relative;
    border: 2px solid transparent;
    outline: 1px solid transparent;
    outline-offset: -3px;
    font-weight: 600;
    color: #0067b8
}

@media screen and (-ms-high-contrast:active) {
    a.c-hyperlink {
        border-color: window !important;
        outline-color: window
    }
}

a.c-hyperlink:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

@media screen and (-ms-high-contrast:active) {
    a.c-hyperlink:focus {
        border-color: windowText !important
    }
}

.theme-light a.c-hyperlink:focus,
.theme-dark .theme-light a.c-hyperlink:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

.theme-dark a.c-hyperlink:focus,
.theme-light .theme-dark a.c-hyperlink:focus {
    border-color: #fff;
    outline-color: rgba(0, 0, 0, .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
}

.theme-light a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus),
.theme-dark .theme-light a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus) {
    background: rgba(0, 0, 0, .1)
}

.theme-light a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus),
.theme-light a.c-hyperlink:not(.f-image):hover,
.theme-dark .theme-light a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus),
.theme-dark .theme-light a.c-hyperlink:not(.f-image):hover {
    color: rgba(0, 0, 0, .9)
}

.theme-light a.c-hyperlink:not(.f-image):active,
.theme-dark .theme-light a.c-hyperlink:not(.f-image):active {
    color: rgba(0, 0, 0, .8)
}

.theme-dark a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus),
.theme-light .theme-dark a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus) {
    background: rgba(255, 255, 255, .1)
}

.theme-dark a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus),
.theme-dark a.c-hyperlink:not(.f-image):hover,
.theme-light .theme-dark a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus),
.theme-light .theme-dark a.c-hyperlink:not(.f-image):hover {
    color: #e6e6e6
}

.theme-dark a.c-hyperlink:not(.f-image):active,
.theme-light .theme-dark a.c-hyperlink:not(.f-image):active {
    color: #ccc
}

a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus) {
    text-decoration: none
}

.theme-light a.c-hyperlink,
.theme-dark .theme-light a.c-hyperlink {
    text-decoration: underline;
    color: #000
}

.theme-dark a.c-hyperlink,
.theme-light .theme-dark a.c-hyperlink {
    text-decoration: underline;
    color: #fff
}

    .theme-dark a.c-hyperlink.f-disabled,
    .theme-dark a.c-hyperlink[aria-disabled="true"],
    .theme-light .theme-dark a.c-hyperlink.f-disabled,
    .theme-light .theme-dark a.c-hyperlink[aria-disabled="true"] {
        color: rgba(255, 255, 255, .6)
    }

        .theme-dark a.c-hyperlink.f-disabled:hover,
        .theme-dark a.c-hyperlink[aria-disabled="true"]:hover,
        .theme-light .theme-dark a.c-hyperlink.f-disabled:hover,
        .theme-light .theme-dark a.c-hyperlink[aria-disabled="true"]:hover {
            text-decoration: underline;
            cursor: default
        }

[class^="c-paragraph"] a.c-hyperlink,
[class^="c-caption"] a.c-hyperlink {
    text-decoration: underline
}

a.c-hyperlink.f-picker:not(.f-image) {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    outline: none
}

    a.c-hyperlink.f-picker:not(.f-image):hover:after {
        width: 22px;
        max-width: 100%;
        height: 22px;
        max-height: 100%;
        display: inline-block;
        position: absolute;
        top: -3px;
        left: -3px;
        content: "";
        border: 1px solid #000;
        border-radius: 50%;
        background-color: transparent
    }

    a.c-hyperlink.f-picker:not(.f-image):focus:not(.x-hidden-focus) {
        box-shadow: none
    }

a.c-hyperlink.f-round:not(.f-image) {
    padding: 0;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block
}

    a.c-hyperlink.f-round:not(.f-image) img {
        border-radius: 50%;
        max-width: 100%;
        max-height: 100%
    }

    a.c-hyperlink.f-round:not(.f-image):hover,
    a.c-hyperlink.f-round:not(.f-image):focus,
    a.c-hyperlink.f-round:not(.f-image):active {
        cursor: pointer;
        text-decoration: none;
        box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .2)
    }

    a.c-hyperlink.f-round:not(.f-image):active {
        box-shadow: none;
        background: rgba(0, 0, 0, .2)
    }

a.c-hyperlink.f-round-show-all:not(.f-image) {
    line-height: 28px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    text-decoration: none;
    color: #fff;
    padding: 0
}

    a.c-hyperlink.f-round-show-all:not(.f-image):hover,
    a.c-hyperlink.f-round-show-all:not(.f-image):focus,
    a.c-hyperlink.f-round-show-all:not(.f-image):active {
        background: rgba(0, 0, 0, .3);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
        border-color: #0067b8;
        cursor: pointer;
        text-decoration: none;
        color: #fff
    }

    a.c-hyperlink.f-round-show-all:not(.f-image):active {
        box-shadow: none;
        background: rgba(0, 0, 0, .2)
    }

a.c-hyperlink.f-picker,
a.c-hyperlink.f-round,
a.c-hyperlink.f-round-show-all {
    position: relative;
    border: 2px solid transparent;
    outline: 0
}

    a.c-hyperlink.f-picker:before,
    a.c-hyperlink.f-round:before,
    a.c-hyperlink.f-round-show-all:before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        border: 1px solid transparent
    }

    a.c-hyperlink.f-picker:focus,
    a.c-hyperlink.f-round:focus,
    a.c-hyperlink.f-round-show-all:focus {
        border-color: #000
    }

        a.c-hyperlink.f-picker:focus:before,
        a.c-hyperlink.f-round:focus:before,
        a.c-hyperlink.f-round-show-all:focus:before {
            border-color: rgba(255, 255, 255, .6)
        }

.theme-light a.c-hyperlink.f-picker:focus,
.theme-dark .theme-light a.c-hyperlink.f-picker:focus,
.theme-light a.c-hyperlink.f-round:focus,
.theme-dark .theme-light a.c-hyperlink.f-round:focus,
.theme-light a.c-hyperlink.f-round-show-all:focus,
.theme-dark .theme-light a.c-hyperlink.f-round-show-all:focus {
    border-color: #000
}

    .theme-light a.c-hyperlink.f-picker:focus:before,
    .theme-dark .theme-light a.c-hyperlink.f-picker:focus:before,
    .theme-light a.c-hyperlink.f-round:focus:before,
    .theme-dark .theme-light a.c-hyperlink.f-round:focus:before,
    .theme-light a.c-hyperlink.f-round-show-all:focus:before,
    .theme-dark .theme-light a.c-hyperlink.f-round-show-all:focus:before {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark a.c-hyperlink.f-picker:focus,
.theme-light .theme-dark a.c-hyperlink.f-picker:focus,
.theme-dark a.c-hyperlink.f-round:focus,
.theme-light .theme-dark a.c-hyperlink.f-round:focus,
.theme-dark a.c-hyperlink.f-round-show-all:focus,
.theme-light .theme-dark a.c-hyperlink.f-round-show-all:focus {
    border-color: #fff
}

    .theme-dark a.c-hyperlink.f-picker:focus:before,
    .theme-light .theme-dark a.c-hyperlink.f-picker:focus:before,
    .theme-dark a.c-hyperlink.f-round:focus:before,
    .theme-light .theme-dark a.c-hyperlink.f-round:focus:before,
    .theme-dark a.c-hyperlink.f-round-show-all:focus:before,
    .theme-light .theme-dark a.c-hyperlink.f-round-show-all:focus:before {
        border-color: rgba(0, 0, 0, .6)
    }

a.c-hyperlink.f-picker:before,
a.c-hyperlink.f-round:before,
a.c-hyperlink.f-round-show-all:before {
    border-radius: 50%
}

a.c-hyperlink.f-picker:focus,
a.c-hyperlink.f-round:focus,
a.c-hyperlink.f-round-show-all:focus {
    outline-color: transparent
}

@media screen and (-ms-high-contrast:active) {
    a.c-hyperlink.f-picker:focus,
    a.c-hyperlink.f-round:focus,
    a.c-hyperlink.f-round-show-all:focus {
        border-color: Window
    }
}

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:focus:not(.x-hidden-focus),
    a.c-action-trigger:focus:not(.x-hidden-focus) {
        background: rgba(0, 103, 184, .1)
    }

    button.c-action-trigger:focus:not(.x-hidden-focus),
    button.c-action-trigger:hover,
    a.c-action-trigger:focus:not(.x-hidden-focus),
    a.c-action-trigger:hover {
        color: #005da6;
        text-decoration: underline
    }

    button.c-action-trigger:active,
    a.c-action-trigger:active {
        background: none;
        color: #005293;
        -ms-transform: none;
        transform: none
    }

.theme-light button.c-action-trigger:focus:not(.x-hidden-focus),
.theme-dark .theme-light button.c-action-trigger:focus:not(.x-hidden-focus),
.theme-light a.c-action-trigger:focus:not(.x-hidden-focus),
.theme-dark .theme-light a.c-action-trigger:focus:not(.x-hidden-focus) {
    background: rgba(0, 0, 0, .1)
}

.theme-light button.c-action-trigger:focus:not(.x-hidden-focus),
.theme-light button.c-action-trigger:hover,
.theme-dark .theme-light button.c-action-trigger:focus:not(.x-hidden-focus),
.theme-dark .theme-light button.c-action-trigger:hover,
.theme-light a.c-action-trigger:focus:not(.x-hidden-focus),
.theme-light a.c-action-trigger:hover,
.theme-dark .theme-light a.c-action-trigger:focus:not(.x-hidden-focus),
.theme-dark .theme-light a.c-action-trigger:hover {
    color: rgba(0, 0, 0, .9)
}

.theme-light button.c-action-trigger:active,
.theme-dark .theme-light button.c-action-trigger:active,
.theme-light a.c-action-trigger:active,
.theme-dark .theme-light a.c-action-trigger:active {
    color: rgba(0, 0, 0, .8)
}

.theme-dark button.c-action-trigger:focus:not(.x-hidden-focus),
.theme-light .theme-dark button.c-action-trigger:focus:not(.x-hidden-focus),
.theme-dark a.c-action-trigger:focus:not(.x-hidden-focus),
.theme-light .theme-dark a.c-action-trigger:focus:not(.x-hidden-focus) {
    background: rgba(255, 255, 255, .1)
}

.theme-dark button.c-action-trigger:focus:not(.x-hidden-focus),
.theme-dark button.c-action-trigger:hover,
.theme-light .theme-dark button.c-action-trigger:focus:not(.x-hidden-focus),
.theme-light .theme-dark button.c-action-trigger:hover,
.theme-dark a.c-action-trigger:focus:not(.x-hidden-focus),
.theme-dark a.c-action-trigger:hover,
.theme-light .theme-dark a.c-action-trigger:focus:not(.x-hidden-focus),
.theme-light .theme-dark a.c-action-trigger:hover {
    color: #e6e6e6
}

.theme-dark button.c-action-trigger:active,
.theme-light .theme-dark button.c-action-trigger:active,
.theme-dark a.c-action-trigger:active,
.theme-light .theme-dark a.c-action-trigger:active {
    color: #ccc
}

@media screen and (-ms-high-contrast:active) {
    button.c-action-trigger,
    a.c-action-trigger {
        border-color: window !important;
        outline-color: window
    }
}

button.c-action-trigger:focus,
a.c-action-trigger:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

@media screen and (-ms-high-contrast:active) {
    button.c-action-trigger:focus,
    a.c-action-trigger:focus {
        border-color: windowText !important
    }
}

.theme-light button.c-action-trigger:focus,
.theme-dark .theme-light button.c-action-trigger:focus,
.theme-light a.c-action-trigger:focus,
.theme-dark .theme-light a.c-action-trigger:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

.theme-dark button.c-action-trigger:focus,
.theme-light .theme-dark button.c-action-trigger:focus,
.theme-dark a.c-action-trigger:focus,
.theme-light .theme-dark a.c-action-trigger:focus {
    border-color: #fff;
    outline-color: rgba(0, 0, 0, .6)
}

button.c-action-trigger[disabled],
a.c-action-trigger[disabled] {
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

    button.c-action-trigger[disabled]:hover,
    a.c-action-trigger[disabled]:hover {
        text-decoration: none
    }

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
    }

button.c-action-trigger.f-heavyweight,
a.c-action-trigger.f-heavyweight {
    padding: 6px 10px 8px;
    color: #fff;
    background: #0067b8;
    transition: scale .2s ease-in-out
}

    button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover),
    a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover) {
        background: #0067b8 !important;
        text-decoration: #fff !important
    }

    button.c-action-trigger.f-heavyweight.c-glyph,
    a.c-action-trigger.f-heavyweight.c-glyph {
        padding-left: 0
    }

    button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
    a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus) {
        color: #fff;
        text-decoration: underline
    }

    button.c-action-trigger.f-heavyweight:hover,
    a.c-action-trigger.f-heavyweight:hover {
        text-decoration: none
    }

    button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
    button.c-action-trigger.f-heavyweight:hover,
    a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
    a.c-action-trigger.f-heavyweight:hover {
        background: #005da6
    }

    button.c-action-trigger.f-heavyweight:active,
    a.c-action-trigger.f-heavyweight:active {
        background: #005293;
        -ms-transform: scale(.98);
        transform: scale(.98)
    }

    button.c-action-trigger.f-heavyweight[disabled],
    a.c-action-trigger.f-heavyweight[disabled] {
        cursor: not-allowed;
        background: #cce1f1;
        color: rgba(0, 0, 0, .2)
    }

.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
}

    .theme-light button.c-action-trigger[disabled],
    .theme-dark .theme-light button.c-action-trigger[disabled],
    .theme-light a.c-action-trigger[disabled],
    .theme-dark .theme-light a.c-action-trigger[disabled] {
        color: rgba(0, 0, 0, .2);
        cursor: not-allowed
    }

    .theme-light button.c-action-trigger.f-heavyweight,
    .theme-dark .theme-light button.c-action-trigger.f-heavyweight,
    .theme-light a.c-action-trigger.f-heavyweight,
    .theme-dark .theme-light a.c-action-trigger.f-heavyweight {
        color: #fff;
        background: #000
    }

        .theme-light button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover),
        .theme-dark .theme-light button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover),
        .theme-light a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover),
        .theme-dark .theme-light a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover) {
            background: #000 !important;
            text-decoration: #fff !important
        }

        .theme-light button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-dark .theme-light button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-light a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-dark .theme-light a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus) {
            color: #fff
        }

        .theme-light button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-light button.c-action-trigger.f-heavyweight:hover,
        .theme-dark .theme-light button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-dark .theme-light button.c-action-trigger.f-heavyweight:hover,
        .theme-light a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-light a.c-action-trigger.f-heavyweight:hover,
        .theme-dark .theme-light a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-dark .theme-light a.c-action-trigger.f-heavyweight:hover {
            background: #1a1a1a
        }

        .theme-light button.c-action-trigger.f-heavyweight:active,
        .theme-dark .theme-light button.c-action-trigger.f-heavyweight:active,
        .theme-light a.c-action-trigger.f-heavyweight:active,
        .theme-dark .theme-light a.c-action-trigger.f-heavyweight:active {
            background: #333
        }

        .theme-light button.c-action-trigger.f-heavyweight[disabled],
        .theme-dark .theme-light button.c-action-trigger.f-heavyweight[disabled],
        .theme-light a.c-action-trigger.f-heavyweight[disabled],
        .theme-dark .theme-light a.c-action-trigger.f-heavyweight[disabled] {
            background: #ccc;
            color: rgba(0, 0, 0, .2)
        }

.theme-dark button.c-action-trigger,
.theme-light .theme-dark button.c-action-trigger,
.theme-dark a.c-action-trigger,
.theme-light .theme-dark a.c-action-trigger {
    color: #fff;
    background: transparent
}

    .theme-dark button.c-action-trigger[disabled],
    .theme-light .theme-dark button.c-action-trigger[disabled],
    .theme-dark a.c-action-trigger[disabled],
    .theme-light .theme-dark a.c-action-trigger[disabled] {
        color: rgba(255, 255, 255, .6);
        cursor: not-allowed
    }

    .theme-dark button.c-action-trigger.f-heavyweight,
    .theme-light .theme-dark button.c-action-trigger.f-heavyweight,
    .theme-dark a.c-action-trigger.f-heavyweight,
    .theme-light .theme-dark a.c-action-trigger.f-heavyweight {
        color: #000;
        background: #fff
    }

        .theme-dark button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover),
        .theme-light .theme-dark button.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover),
        .theme-dark a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover),
        .theme-light .theme-dark a.c-action-trigger.f-heavyweight.x-hidden-focus:not(:hover) {
            background: #fff !important;
            text-decoration: #fff !important
        }

        .theme-dark button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-light .theme-dark button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-dark a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-light .theme-dark a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus) {
            color: #000
        }

        .theme-dark button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-dark button.c-action-trigger.f-heavyweight:hover,
        .theme-light .theme-dark button.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-light .theme-dark button.c-action-trigger.f-heavyweight:hover,
        .theme-dark a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-dark a.c-action-trigger.f-heavyweight:hover,
        .theme-light .theme-dark a.c-action-trigger.f-heavyweight:focus:not(.x-hidden-focus),
        .theme-light .theme-dark a.c-action-trigger.f-heavyweight:hover {
            background: #e6e6e6
        }

        .theme-dark button.c-action-trigger.f-heavyweight:active,
        .theme-light .theme-dark button.c-action-trigger.f-heavyweight:active,
        .theme-dark a.c-action-trigger.f-heavyweight:active,
        .theme-light .theme-dark a.c-action-trigger.f-heavyweight:active {
            background: #ccc
        }

        .theme-dark button.c-action-trigger.f-heavyweight[disabled],
        .theme-light .theme-dark button.c-action-trigger.f-heavyweight[disabled],
        .theme-dark a.c-action-trigger.f-heavyweight[disabled],
        .theme-light .theme-dark a.c-action-trigger.f-heavyweight[disabled] {
            background: #4d4d4d;
            color: rgba(255, 255, 255, .2)
        }

@media(-ms-high-contrast:active) {
    button.c-action-trigger,
    a.c-action-trigger {
        color: ButtonText;
        outline: 2px solid ButtonText;
        background: ButtonFace
    }

        button.c-action-trigger:not(.c-glyph),
        a.c-action-trigger:not(.c-glyph) {
            padding-left: 5px;
            padding-right: 5px
        }

        button.c-action-trigger[disabled],
        a.c-action-trigger[disabled] {
            border-color: GrayText;
            color: GrayText
        }

        button.c-action-trigger:hover,
        button.c-action-trigger:active,
        a.c-action-trigger:hover,
        a.c-action-trigger:active {
            outline-color: Highlight;
            color: Highlight
        }

        button.c-action-trigger:focus:not(.x-hidden-focus),
        a.c-action-trigger:focus:not(.x-hidden-focus) {
            border-color: ButtonText;
            outline-offset: -4px
        }
}

.c-group {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 1px
}

    .c-group.f-wrap-items {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap
    }

        .c-group.f-wrap-items > .m-channel-placement-item {
            -ms-flex-item-align: end;
            align-self: flex-end
        }

        .c-group.f-wrap-items > .m-product-placement-item,
        .c-group.f-wrap-items > .c-product-placement {
            display: inline-block
        }

@media only screen and (max-width:539px) {
    .c-group.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium,
    .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium {
        width: calc(50% - 24px)
    }

        .c-group.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium picture img,
        .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium picture img {
            width: 100%
        }
}

.c-group.f-wrap-items .context-list-page .m-product-placement-item {
    padding-bottom: 48px
}

.c-group > .c-call-to-action {
    margin-right: 4px;
    vertical-align: middle
}

.c-group > .c-action-trigger {
    padding-right: 24px
}

    .c-group > .c-action-trigger:last-child {
        padding-right: 0
    }

.c-group > .c-select-button {
    margin-top: 8px;
    width: 250px
}

@media only screen and (min-width:320px) {
    .c-group button.c-button,
    .c-group a.c-button[role="button"] {
        margin-right: 4px
    }
}

@media only screen and (min-width:540px) {
    .c-group button.c-button,
    .c-group a.c-button[role="button"] {
        margin-right: 8px
    }
}

.c-choice-summary {
    font-size: 13px;
    position: relative;
    display: inline-block;
    list-style-type: none;
    max-width: 100%;
    background-color: rgba(0, 0, 0, .1);
    padding-right: 36px;
    min-width: 72px;
    margin-top: 12px;
    margin-right: 12px
}

    .c-choice-summary > .c-menu {
        position: absolute;
        min-width: 100%;
        width: inherit
    }

        .c-choice-summary > .c-menu[aria-hidden="true"] {
            height: 0;
            width: 0;
            border: 0;
            overflow: hidden
        }

        .c-choice-summary > .c-menu .c-menu-item .c-radio input[type="radio"] + span {
            white-space: nowrap
        }

    .c-choice-summary span {
        padding: 9px 4px 10px 12px;
        display: inline-block;
        min-width: 100%
    }

    .c-choice-summary button.c-action-trigger.c-glyph,
    .c-choice-summary a.c-action-trigger.c-glyph {
        position: relative;
        border: 2px solid transparent;
        outline: 0;
        position: absolute;
        top: 0;
        right: 0;
        width: 36px;
        height: 100%;
        margin: 0;
        padding: 0
    }

        .c-choice-summary button.c-action-trigger.c-glyph:after,
        .c-choice-summary a.c-action-trigger.c-glyph:after {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: '';
            border: 1px solid transparent
        }

        .c-choice-summary button.c-action-trigger.c-glyph:focus,
        .c-choice-summary a.c-action-trigger.c-glyph:focus {
            border-color: #000
        }

            .c-choice-summary button.c-action-trigger.c-glyph:focus:after,
            .c-choice-summary a.c-action-trigger.c-glyph:focus:after {
                border-color: rgba(255, 255, 255, .6)
            }

.theme-light .c-choice-summary button.c-action-trigger.c-glyph:focus,
.theme-dark .theme-light .c-choice-summary button.c-action-trigger.c-glyph:focus,
.theme-light .c-choice-summary a.c-action-trigger.c-glyph:focus,
.theme-dark .theme-light .c-choice-summary a.c-action-trigger.c-glyph:focus {
    border-color: #000
}

    .theme-light .c-choice-summary button.c-action-trigger.c-glyph:focus:after,
    .theme-dark .theme-light .c-choice-summary button.c-action-trigger.c-glyph:focus:after,
    .theme-light .c-choice-summary a.c-action-trigger.c-glyph:focus:after,
    .theme-dark .theme-light .c-choice-summary a.c-action-trigger.c-glyph:focus:after {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark .c-choice-summary button.c-action-trigger.c-glyph:focus,
.theme-light .theme-dark .c-choice-summary button.c-action-trigger.c-glyph:focus,
.theme-dark .c-choice-summary a.c-action-trigger.c-glyph:focus,
.theme-light .theme-dark .c-choice-summary a.c-action-trigger.c-glyph:focus {
    border-color: #fff
}

    .theme-dark .c-choice-summary button.c-action-trigger.c-glyph:focus:after,
    .theme-light .theme-dark .c-choice-summary button.c-action-trigger.c-glyph:focus:after,
    .theme-dark .c-choice-summary a.c-action-trigger.c-glyph:focus:after,
    .theme-light .theme-dark .c-choice-summary a.c-action-trigger.c-glyph:focus:after {
        border-color: rgba(0, 0, 0, .6)
    }

.c-choice-summary button.c-action-trigger.c-glyph[aria-label],
.c-choice-summary a.c-action-trigger.c-glyph[aria-label] {
    margin-right: 0
}

.c-choice-summary button.c-action-trigger.c-glyph:before,
.c-choice-summary a.c-action-trigger.c-glyph:before {
    margin: 8px 9px;
    color: rgba(0, 0, 0, .6)
}

.c-choice-summary button.c-action-trigger.c-glyph:hover,
.c-choice-summary a.c-action-trigger.c-glyph:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .1)
}

    .c-choice-summary button.c-action-trigger.c-glyph:hover.x-hidden-focus,
    .c-choice-summary a.c-action-trigger.c-glyph:hover.x-hidden-focus {
        background-color: rgba(0, 0, 0, .1) !important
    }

.c-choice-summary button.c-action-trigger.c-glyph:active,
.c-choice-summary a.c-action-trigger.c-glyph:active {
    background-color: rgba(0, 0, 0, .2)
}

    .c-choice-summary button.c-action-trigger.c-glyph:active.x-hidden-focus,
    .c-choice-summary a.c-action-trigger.c-glyph:active.x-hidden-focus {
        background-color: rgba(0, 0, 0, .2) !important
    }

    .c-choice-summary button.c-action-trigger.c-glyph:active:before,
    .c-choice-summary a.c-action-trigger.c-glyph:active:before {
        color: rgba(0, 0, 0, .8)
    }

.productplacementchoice .c-choice-summary a:before {
    position: static;
    padding: 0
}

.c-menu {
    position: relative;
    z-index: 700;
    width: 296px;
    min-width: 64px;
    max-width: 368px;
    padding: 0;
    margin: 0;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: 0;
    background-clip: padding-box
}

@media(-ms-high-contrast:active) {
    .c-menu {
        border-top: 1px solid WindowText;
        border-color: WindowText
    }
}

.c-menu.f-scroll {
    max-height: 220px;
    overflow-y: auto
}

.c-menu.f-flex {
    width: 100%;
    min-width: auto;
    max-width: none
}

.c-menu .c-menu-item [aria-checked="true"] {
    background: #0067b8;
    color: #fff
}

@media(-ms-high-contrast) {
    .c-menu .c-menu-item [aria-checked="true"] {
        background: Highlight
    }
}

.c-menu .c-menu-item [aria-checked="true"]:hover {
    background: rgba(0, 103, 184, .8);
    color: #fff
}

.c-menu .c-menu-item [aria-checked="true"]:focus {
    color: #fff
}

.c-menu .c-menu-item [aria-checked="true"]:active {
    background: rgba(0, 103, 184, .4);
    color: #fff
}

.theme-light .c-menu,
.theme-dark .theme-light .c-menu {
    background: #fff;
    color: #000
}

.theme-dark .c-menu,
.theme-light .theme-dark .c-menu {
    background: #000;
    color: #fff
}

.c-menu-item {
    background: inherit
}

    .c-menu-item a,
    .c-menu-item span,
    .c-menu-item button {
        position: relative;
        border: 2px solid transparent;
        outline: 0;
        display: block;
        background: rgba(0, 0, 0, .05);
        padding: 11px 12px 13px;
        cursor: pointer;
        white-space: normal
    }

        .c-menu-item a:before,
        .c-menu-item span:before,
        .c-menu-item button:before {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: '';
            border: 1px solid transparent
        }

        .c-menu-item a:focus,
        .c-menu-item span:focus,
        .c-menu-item button:focus {
            border-color: #000
        }

            .c-menu-item a:focus:before,
            .c-menu-item span:focus:before,
            .c-menu-item button:focus:before {
                border-color: rgba(255, 255, 255, .6)
            }

.theme-light .c-menu-item a:focus,
.theme-dark .theme-light .c-menu-item a:focus,
.theme-light .c-menu-item span:focus,
.theme-dark .theme-light .c-menu-item span:focus,
.theme-light .c-menu-item button:focus,
.theme-dark .theme-light .c-menu-item button:focus {
    border-color: #000
}

    .theme-light .c-menu-item a:focus:before,
    .theme-dark .theme-light .c-menu-item a:focus:before,
    .theme-light .c-menu-item span:focus:before,
    .theme-dark .theme-light .c-menu-item span:focus:before,
    .theme-light .c-menu-item button:focus:before,
    .theme-dark .theme-light .c-menu-item button:focus:before {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark .c-menu-item a:focus,
.theme-light .theme-dark .c-menu-item a:focus,
.theme-dark .c-menu-item span:focus,
.theme-light .theme-dark .c-menu-item span:focus,
.theme-dark .c-menu-item button:focus,
.theme-light .theme-dark .c-menu-item button:focus {
    border-color: #fff
}

    .theme-dark .c-menu-item a:focus:before,
    .theme-light .theme-dark .c-menu-item a:focus:before,
    .theme-dark .c-menu-item span:focus:before,
    .theme-light .theme-dark .c-menu-item span:focus:before,
    .theme-dark .c-menu-item button:focus:before,
    .theme-light .theme-dark .c-menu-item button:focus:before {
        border-color: rgba(0, 0, 0, .6)
    }

@media(-ms-high-contrast:active) {
    .c-menu-item a,
    .c-menu-item span,
    .c-menu-item button {
        border-color: Window;
        color: WindowText
    }

        .c-menu-item a:before,
        .c-menu-item span:before,
        .c-menu-item button:before {
            border-color: Window
        }
}

.c-menu-item a:hover,
.c-menu-item a:focus,
.c-menu-item span:hover,
.c-menu-item span:focus,
.c-menu-item button:hover,
.c-menu-item button:focus {
    background: rgba(0, 0, 0, .1)
}

@media(-ms-high-contrast:active) {
    .c-menu-item a:hover,
    .c-menu-item a:focus,
    .c-menu-item span:hover,
    .c-menu-item span:focus,
    .c-menu-item button:hover,
    .c-menu-item button:focus {
        -ms-high-contrast-adjust: none;
        color: HighlightText;
        background-color: Highlight;
        border-color: Highlight
    }

        .c-menu-item a:hover:before,
        .c-menu-item a:focus:before,
        .c-menu-item span:hover:before,
        .c-menu-item span:focus:before,
        .c-menu-item button:hover:before,
        .c-menu-item button:focus:before {
            border-color: Highlight
        }
}

.c-menu-item a:active,
.c-menu-item span:active,
.c-menu-item button:active {
    background: rgba(0, 0, 0, .3)
}

.c-menu-item a.f-context-action-trigger,
.c-menu-item span.f-context-action-trigger,
.c-menu-item button.f-context-action-trigger {
    color: #0067b8
}

.c-menu-item a.f-icon img,
.c-menu-item span.f-icon img,
.c-menu-item button.f-icon img {
    width: 40px;
    height: 22px;
    display: inline-block;
    padding-right: 16px
}

.c-menu-item a.f-icon p,
.c-menu-item span.f-icon p,
.c-menu-item button.f-icon p {
    display: inline-block;
    width: calc(100% - 40px);
    color: inherit;
    vertical-align: middle
}

.c-menu-item a[aria-checked="true"],
.c-menu-item a[aria-selected="true"],
.c-menu-item span[aria-checked="true"],
.c-menu-item span[aria-selected="true"],
.c-menu-item button[aria-checked="true"],
.c-menu-item button[aria-selected="true"] {
    background: #0067b8;
    color: #fff;
    -ms-high-contrast-adjust: none
}

@media(-ms-high-contrast:active) {
    .c-menu-item a[aria-checked="true"],
    .c-menu-item a[aria-selected="true"],
    .c-menu-item span[aria-checked="true"],
    .c-menu-item span[aria-selected="true"],
    .c-menu-item button[aria-checked="true"],
    .c-menu-item button[aria-selected="true"] {
        color: HighlightText !important;
        background-color: Highlight;
        outline-color: Highlight !important;
        border-color: Highlight
    }

        .c-menu-item a[aria-checked="true"]:hover,
        .c-menu-item a[aria-selected="true"]:hover,
        .c-menu-item span[aria-checked="true"]:hover,
        .c-menu-item span[aria-selected="true"]:hover,
        .c-menu-item button[aria-checked="true"]:hover,
        .c-menu-item button[aria-selected="true"]:hover {
            background: Highlight !important;
            color: HighlightText !important
        }

        .c-menu-item a[aria-checked="true"]:before,
        .c-menu-item a[aria-selected="true"]:before,
        .c-menu-item span[aria-checked="true"]:before,
        .c-menu-item span[aria-selected="true"]:before,
        .c-menu-item button[aria-checked="true"]:before,
        .c-menu-item button[aria-selected="true"]:before {
            border-color: Highlight
        }
}

.theme-light .c-menu-item a,
.theme-dark .theme-light .c-menu-item a,
.theme-light .c-menu-item span,
.theme-dark .theme-light .c-menu-item span,
.theme-light .c-menu-item button,
.theme-dark .theme-light .c-menu-item button {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .8)
}

    .theme-light .c-menu-item a:hover,
    .theme-light .c-menu-item a:focus,
    .theme-dark .theme-light .c-menu-item a:hover,
    .theme-dark .theme-light .c-menu-item a:focus,
    .theme-light .c-menu-item span:hover,
    .theme-light .c-menu-item span:focus,
    .theme-dark .theme-light .c-menu-item span:hover,
    .theme-dark .theme-light .c-menu-item span:focus,
    .theme-light .c-menu-item button:hover,
    .theme-light .c-menu-item button:focus,
    .theme-dark .theme-light .c-menu-item button:hover,
    .theme-dark .theme-light .c-menu-item button:focus {
        background: rgba(0, 0, 0, .1);
        color: #000
    }

    .theme-light .c-menu-item a:active,
    .theme-dark .theme-light .c-menu-item a:active,
    .theme-light .c-menu-item span:active,
    .theme-dark .theme-light .c-menu-item span:active,
    .theme-light .c-menu-item button:active,
    .theme-dark .theme-light .c-menu-item button:active {
        background: rgba(0, 0, 0, .3);
        color: #000
    }

    .theme-light .c-menu-item a[aria-checked="true"],
    .theme-light .c-menu-item a[aria-selected="true"],
    .theme-dark .theme-light .c-menu-item a[aria-checked="true"],
    .theme-dark .theme-light .c-menu-item a[aria-selected="true"],
    .theme-light .c-menu-item span[aria-checked="true"],
    .theme-light .c-menu-item span[aria-selected="true"],
    .theme-dark .theme-light .c-menu-item span[aria-checked="true"],
    .theme-dark .theme-light .c-menu-item span[aria-selected="true"],
    .theme-light .c-menu-item button[aria-checked="true"],
    .theme-light .c-menu-item button[aria-selected="true"],
    .theme-dark .theme-light .c-menu-item button[aria-checked="true"],
    .theme-dark .theme-light .c-menu-item button[aria-selected="true"] {
        background: #0067b8;
        color: #fff
    }

        .theme-light .c-menu-item a[aria-checked="true"]:hover,
        .theme-light .c-menu-item a[aria-checked="true"]:focus,
        .theme-light .c-menu-item a[aria-selected="true"]:hover,
        .theme-light .c-menu-item a[aria-selected="true"]:focus,
        .theme-dark .theme-light .c-menu-item a[aria-checked="true"]:hover,
        .theme-dark .theme-light .c-menu-item a[aria-checked="true"]:focus,
        .theme-dark .theme-light .c-menu-item a[aria-selected="true"]:hover,
        .theme-dark .theme-light .c-menu-item a[aria-selected="true"]:focus,
        .theme-light .c-menu-item span[aria-checked="true"]:hover,
        .theme-light .c-menu-item span[aria-checked="true"]:focus,
        .theme-light .c-menu-item span[aria-selected="true"]:hover,
        .theme-light .c-menu-item span[aria-selected="true"]:focus,
        .theme-dark .theme-light .c-menu-item span[aria-checked="true"]:hover,
        .theme-dark .theme-light .c-menu-item span[aria-checked="true"]:focus,
        .theme-dark .theme-light .c-menu-item span[aria-selected="true"]:hover,
        .theme-dark .theme-light .c-menu-item span[aria-selected="true"]:focus,
        .theme-light .c-menu-item button[aria-checked="true"]:hover,
        .theme-light .c-menu-item button[aria-checked="true"]:focus,
        .theme-light .c-menu-item button[aria-selected="true"]:hover,
        .theme-light .c-menu-item button[aria-selected="true"]:focus,
        .theme-dark .theme-light .c-menu-item button[aria-checked="true"]:hover,
        .theme-dark .theme-light .c-menu-item button[aria-checked="true"]:focus,
        .theme-dark .theme-light .c-menu-item button[aria-selected="true"]:hover,
        .theme-dark .theme-light .c-menu-item button[aria-selected="true"]:focus {
            background: #0067b8;
            color: #fff;
            outline-color: #000
        }

.theme-dark .c-menu-item a,
.theme-light .theme-dark .c-menu-item a,
.theme-dark .c-menu-item span,
.theme-light .theme-dark .c-menu-item span,
.theme-dark .c-menu-item button,
.theme-light .theme-dark .c-menu-item button {
    background: #262626;
    color: rgba(255, 255, 255, .8)
}

    .theme-dark .c-menu-item a:hover,
    .theme-dark .c-menu-item a:focus,
    .theme-light .theme-dark .c-menu-item a:hover,
    .theme-light .theme-dark .c-menu-item a:focus,
    .theme-dark .c-menu-item span:hover,
    .theme-dark .c-menu-item span:focus,
    .theme-light .theme-dark .c-menu-item span:hover,
    .theme-light .theme-dark .c-menu-item span:focus,
    .theme-dark .c-menu-item button:hover,
    .theme-dark .c-menu-item button:focus,
    .theme-light .theme-dark .c-menu-item button:hover,
    .theme-light .theme-dark .c-menu-item button:focus {
        background: #666;
        color: #fff
    }

    .theme-dark .c-menu-item a:active,
    .theme-light .theme-dark .c-menu-item a:active,
    .theme-dark .c-menu-item span:active,
    .theme-light .theme-dark .c-menu-item span:active,
    .theme-dark .c-menu-item button:active,
    .theme-light .theme-dark .c-menu-item button:active {
        background: #999;
        color: #fff
    }

    .theme-dark .c-menu-item a[aria-checked="true"],
    .theme-dark .c-menu-item a[aria-selected="true"],
    .theme-light .theme-dark .c-menu-item a[aria-checked="true"],
    .theme-light .theme-dark .c-menu-item a[aria-selected="true"],
    .theme-dark .c-menu-item span[aria-checked="true"],
    .theme-dark .c-menu-item span[aria-selected="true"],
    .theme-light .theme-dark .c-menu-item span[aria-checked="true"],
    .theme-light .theme-dark .c-menu-item span[aria-selected="true"],
    .theme-dark .c-menu-item button[aria-checked="true"],
    .theme-dark .c-menu-item button[aria-selected="true"],
    .theme-light .theme-dark .c-menu-item button[aria-checked="true"],
    .theme-light .theme-dark .c-menu-item button[aria-selected="true"] {
        background: #0067b8;
        color: #fff
    }

        .theme-dark .c-menu-item a[aria-checked="true"]:hover,
        .theme-dark .c-menu-item a[aria-checked="true"]:focus,
        .theme-dark .c-menu-item a[aria-selected="true"]:hover,
        .theme-dark .c-menu-item a[aria-selected="true"]:focus,
        .theme-light .theme-dark .c-menu-item a[aria-checked="true"]:hover,
        .theme-light .theme-dark .c-menu-item a[aria-checked="true"]:focus,
        .theme-light .theme-dark .c-menu-item a[aria-selected="true"]:hover,
        .theme-light .theme-dark .c-menu-item a[aria-selected="true"]:focus,
        .theme-dark .c-menu-item span[aria-checked="true"]:hover,
        .theme-dark .c-menu-item span[aria-checked="true"]:focus,
        .theme-dark .c-menu-item span[aria-selected="true"]:hover,
        .theme-dark .c-menu-item span[aria-selected="true"]:focus,
        .theme-light .theme-dark .c-menu-item span[aria-checked="true"]:hover,
        .theme-light .theme-dark .c-menu-item span[aria-checked="true"]:focus,
        .theme-light .theme-dark .c-menu-item span[aria-selected="true"]:hover,
        .theme-light .theme-dark .c-menu-item span[aria-selected="true"]:focus,
        .theme-dark .c-menu-item button[aria-checked="true"]:hover,
        .theme-dark .c-menu-item button[aria-checked="true"]:focus,
        .theme-dark .c-menu-item button[aria-selected="true"]:hover,
        .theme-dark .c-menu-item button[aria-selected="true"]:focus,
        .theme-light .theme-dark .c-menu-item button[aria-checked="true"]:hover,
        .theme-light .theme-dark .c-menu-item button[aria-checked="true"]:focus,
        .theme-light .theme-dark .c-menu-item button[aria-selected="true"]:hover,
        .theme-light .theme-dark .c-menu-item button[aria-selected="true"]:focus {
            background: #0067b8;
            color: #fff
        }

.c-menu-item .c-radio {
    background: rgba(0, 0, 0, .1)
}

    .c-menu-item .c-radio span {
        background: none
    }

    .c-menu-item .c-radio input[type="radio"]:checked + span:after {
        top: 16px;
        left: 16px
    }

    .c-menu-item .c-radio input[type="radio"] + span {
        display: block;
        padding-left: 40px;
        margin-left: 0
    }

        .c-menu-item .c-radio input[type="radio"] + span:before {
            top: 11px;
            left: 11px
        }

    .c-menu-item .c-radio .c-label {
        display: block;
        margin: 0
    }

.c-menu-item[aria-disabled="true"] a,
.c-menu-item[aria-disabled="true"] a:hover,
.c-menu-item[aria-disabled="true"] a:focus,
.c-menu-item[aria-disabled="true"] a:active,
.c-menu-item[aria-disabled="true"] span,
.c-menu-item[aria-disabled="true"] span:hover,
.c-menu-item[aria-disabled="true"] span:focus,
.c-menu-item[aria-disabled="true"] span:active,
.c-menu-item[aria-disabled="true"] button,
.c-menu-item[aria-disabled="true"] button:hover,
.c-menu-item[aria-disabled="true"] button:focus,
.c-menu-item[aria-disabled="true"] button:active {
    background-color: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

@media(-ms-high-contrast:active) {
    .c-menu-item[aria-disabled="true"] a,
    .c-menu-item[aria-disabled="true"] a:hover,
    .c-menu-item[aria-disabled="true"] a:focus,
    .c-menu-item[aria-disabled="true"] a:active,
    .c-menu-item[aria-disabled="true"] span,
    .c-menu-item[aria-disabled="true"] span:hover,
    .c-menu-item[aria-disabled="true"] span:focus,
    .c-menu-item[aria-disabled="true"] span:active,
    .c-menu-item[aria-disabled="true"] button,
    .c-menu-item[aria-disabled="true"] button:hover,
    .c-menu-item[aria-disabled="true"] button:focus,
    .c-menu-item[aria-disabled="true"] button:active {
        color: Graytext;
        border-color: Window
    }

        .c-menu-item[aria-disabled="true"] a:before,
        .c-menu-item[aria-disabled="true"] a:hover:before,
        .c-menu-item[aria-disabled="true"] a:focus:before,
        .c-menu-item[aria-disabled="true"] a:active:before,
        .c-menu-item[aria-disabled="true"] span:before,
        .c-menu-item[aria-disabled="true"] span:hover:before,
        .c-menu-item[aria-disabled="true"] span:focus:before,
        .c-menu-item[aria-disabled="true"] span:active:before,
        .c-menu-item[aria-disabled="true"] button:before,
        .c-menu-item[aria-disabled="true"] button:hover:before,
        .c-menu-item[aria-disabled="true"] button:focus:before,
        .c-menu-item[aria-disabled="true"] button:active:before {
            border-color: Window
        }
}

.c-menu-item.f-sub-menu > a,
.c-menu-item.f-sub-menu > button {
    position: relative
}

    .c-menu-item.f-sub-menu > a:after,
    .c-menu-item.f-sub-menu > button:after {
        font-family: "MWF-MDL2";
        content: "";
        position: absolute;
        font-size: 6px;
        right: 12px;
        top: 19px
    }

    .c-menu-item.f-sub-menu > a + .c-menu,
    .c-menu-item.f-sub-menu > button + .c-menu {
        display: none;
        position: absolute;
        left: 100%;
        top: 0
    }

        .c-menu-item.f-sub-menu > a + .c-menu.f-flip,
        .c-menu-item.f-sub-menu > button + .c-menu.f-flip {
            left: -100%
        }

.no-js .c-menu-item.f-sub-menu > a:focus + .c-menu,
.no-js .c-menu-item.f-sub-menu > a:hover + .c-menu,
.js .c-menu-item.f-sub-menu > a[aria-expanded="true"] + .c-menu[aria-hidden="false"],
.no-js .c-menu-item.f-sub-menu > button:focus + .c-menu,
.no-js .c-menu-item.f-sub-menu > button:hover + .c-menu,
.js .c-menu-item.f-sub-menu > button[aria-expanded="true"] + .c-menu[aria-hidden="false"] {
    display: block;
    animation: fadeIn .3s cubic-bezier(.68, -.55, .265, 1.55)
}

.c-menu-item a.f-product {
    padding: 8px 12px;
    overflow: hidden
}

    .c-menu-item a.f-product .c-image {
        background: #737373;
        width: 40px;
        vertical-align: top;
        float: left
    }

    .c-menu-item a.f-product div {
        overflow: hidden;
        height: 100%
    }

    .c-menu-item a.f-product span {
        padding: 0 0 0 10px;
        background: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

        .c-menu-item a.f-product span:hover {
            background: none
        }

@media(-ms-high-contrast:active) {
    .c-menu-item a.f-product:hover div,
    .c-menu-item a.f-product:hover span {
        border-color: Highlight;
        color: HighlightText
    }

        .c-menu-item a.f-product:hover div:before,
        .c-menu-item a.f-product:hover span:before {
            border-color: Highlight
        }
}

.c-meta-text {
    color: #666
}

.theme-light .c-meta-text,
.theme-dark .theme-light .c-meta-text {
    color: rgba(0, 0, 0, .6)
}

.theme-dark .c-meta-text,
.theme-light .theme-dark .c-meta-text {
    color: rgba(255, 255, 255, .6)
}

.c-radio legend.c-label {
    padding-bottom: 0
}

.c-radio label.c-label {
    font-size: 15px;
    line-height: 20px;
    display: block;
    margin-right: 24px;
    padding-bottom: 0;
    position: relative
}

@media(-ms-high-contrast:active) {
    .c-radio label.c-label {
        color: ButtonText
    }
}

.c-radio label.c-label + .c-caption {
    font-size: 13px;
    margin-top: 0;
    margin-left: 28px;
    color: rgba(0, 0, 0, .6)
}

@media(-ms-high-contrast:active) {
    .c-radio label.c-label + .c-caption {
        color: ButtonText
    }
}

.c-radio input[type="radio"] {
    position: absolute
}

.c-radio.f-inline legend + div,
.c-radio.f-inline legend + div > div {
    position: relative
}

.c-radio.f-inline label.c-label {
    display: inline-block
}

.c-radio + .c-radio legend.c-label,
.c-radio + .c-checkbox legend.c-label {
    padding-top: 40px
}

.c-radio input[type="radio"] {
    opacity: 0
}

    .c-radio input[type="radio"] + span {
        cursor: pointer;
        display: inline-block;
        margin-left: 28px
    }

        .c-radio input[type="radio"] + span:before {
            border: solid #000 1px;
            border-radius: 50%;
            height: 20px;
            width: 20px;
            content: "";
            left: 0;
            position: absolute;
            top: 0
        }

@media(-ms-high-contrast:active) {
    .c-radio input[type="radio"] + span:before {
        color: ButtonText;
        border-color: ButtonText
    }
}

@media(-ms-high-contrast:active) {
    .c-radio input[type="radio"] + span:hover:before {
        border-color: Highlight
    }
}

@media(-ms-high-contrast:active) {
    .c-radio input[type="radio"] + span:hover:after {
        background-color: Highlight
    }
}

.c-radio input[type="radio"]:hover:not(:disabled) + span:before {
    border-color: rgba(0, 0, 0, .8)
}

.c-radio input[type="radio"]:focus + span:before {
    outline: 2px solid rgba(0, 0, 0, .8)
}

.c-radio input[type="radio"]:checked + span:after {
    background: currentColor;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    content: "";
    left: 5px;
    position: absolute;
    top: 5px
}

@media screen and (-ms-high-contrast:active) {
    .c-radio input[type="radio"]:checked + span:after {
        border: solid Highlight 5px
    }
}

.c-radio input[type="radio"]:checked:not(:disabled) + span {
    color: #000
}

    .c-radio input[type="radio"]:checked:not(:disabled) + span:before {
        border-color: #0067b8
    }

.c-radio input[type="radio"]:checked:not(:disabled):hover + span:after {
    background: rgba(0, 0, 0, .6)
}

@media(-ms-high-contrast:active) {
    .c-radio input[type="radio"]:checked:not(: disabled):hover + span:after {
        border: solid HighlightText 5px
    }
}

.c-radio input[type="radio"]:disabled + span {
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

@media(-ms-high-contrast:active) {
    .c-radio input[type="radio"]:disabled + span {
        color: GrayText
    }
}

.c-radio input[type="radio"]:disabled + span:before {
    border-color: rgba(0, 0, 0, .2)
}

@media(-ms-high-contrast:active) {
    .c-radio input[type="radio"]:disabled + span:before {
        border-color: GrayText
    }
}

@media(-ms-high-contrast:active) {
    .c-radio input[type="radio"]:disabled + span:after {
        border-color: GrayText
    }
}

.c-radio.f-inline legend + div,
.c-radio.f-inline legend + div > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:540px) {
    .c-radio.f-inline legend + div,
    .c-radio.f-inline legend + div > div {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.c-label {
    font-size: 13px;
    display: inline-block;
    margin-top: 21px;
    padding-bottom: 7px;
    line-height: 20px
}

    .c-label + input.c-text-field[type="email"],
    .c-label + input.c-text-field[type="number"],
    .c-label + input.c-text-field[type="tel"],
    .c-label + input.c-text-field[type="text"],
    .c-label + input.c-text-field[type="url"],
    .c-label + input.c-password[type="password"] {
        margin: 0
    }

    .c-label + .c-file input[type="text"],
    .c-label + .c-file button {
        margin-top: 0
    }

    .c-label + .c-combo,
    .c-label + .c-select,
    .c-label + .c-select-menu {
        margin-top: 0
    }

legend.c-label {
    display: block;
    margin-top: 0;
    padding-top: 21px
}

span.c-tooltip {
    font-size: 13px;
    position: fixed;
    background: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, .3);
    max-width: 340px;
    padding: 8px;
    line-height: 16px;
    z-index: 700
}

    span.c-tooltip.hook-focus {
        margin-top: 8px
    }

    span.c-tooltip.hook-hover {
        margin-top: 20px
    }

    span.c-tooltip[aria-hidden="true"] {
        display: none
    }

    span.c-tooltip[aria-hidden="false"] {
        display: block
    }

    span.c-tooltip.f-hidden-from-screen-readers {
        display: block
    }

.theme-light span.c-tooltip,
.theme-dark .theme-light span.c-tooltip {
    background: #f2f2f2;
    color: #000;
    border-color: rgba(0, 0, 0, .3)
}

.theme-dark span.c-tooltip,
.theme-light .theme-dark span.c-tooltip {
    background: #0d0d0d;
    color: #fff;
    border-color: rgba(255, 255, 255, .3)
}

input.c-text-field[type="email"],
input.c-text-field[type="number"],
input.c-text-field[type="tel"],
input.c-text-field[type="text"],
input.c-text-field[type="url"] {
    position: relative;
    outline: 2px solid transparent;
    border: 0;
    display: block;
    width: 296px;
    height: 36px;
    margin-top: 20px;
    padding: 7px 10px;
    border: 2px solid rgba(0, 0, 0, .6);
    background: #fff
}

    input.c-text-field[type="email"]:before,
    input.c-text-field[type="number"]:before,
    input.c-text-field[type="tel"]:before,
    input.c-text-field[type="text"]:before,
    input.c-text-field[type="url"]:before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        outline: 1px solid transparent;
        outline-offset: -1px
    }

    input.c-text-field[type="email"]:focus,
    input.c-text-field[type="number"]:focus,
    input.c-text-field[type="tel"]:focus,
    input.c-text-field[type="text"]:focus,
    input.c-text-field[type="url"]:focus {
        outline-color: #000
    }

        input.c-text-field[type="email"]:focus:before,
        input.c-text-field[type="number"]:focus:before,
        input.c-text-field[type="tel"]:focus:before,
        input.c-text-field[type="text"]:focus:before,
        input.c-text-field[type="url"]:focus:before {
            outline-color: rgba(255, 255, 255, .6)
        }

.theme-light input.c-text-field[type="email"]:focus,
.theme-dark .theme-light input.c-text-field[type="email"]:focus,
.theme-light input.c-text-field[type="number"]:focus,
.theme-dark .theme-light input.c-text-field[type="number"]:focus,
.theme-light input.c-text-field[type="tel"]:focus,
.theme-dark .theme-light input.c-text-field[type="tel"]:focus,
.theme-light input.c-text-field[type="text"]:focus,
.theme-dark .theme-light input.c-text-field[type="text"]:focus,
.theme-light input.c-text-field[type="url"]:focus,
.theme-dark .theme-light input.c-text-field[type="url"]:focus {
    outline-color: #000
}

    .theme-light input.c-text-field[type="email"]:focus:before,
    .theme-dark .theme-light input.c-text-field[type="email"]:focus:before,
    .theme-light input.c-text-field[type="number"]:focus:before,
    .theme-dark .theme-light input.c-text-field[type="number"]:focus:before,
    .theme-light input.c-text-field[type="tel"]:focus:before,
    .theme-dark .theme-light input.c-text-field[type="tel"]:focus:before,
    .theme-light input.c-text-field[type="text"]:focus:before,
    .theme-dark .theme-light input.c-text-field[type="text"]:focus:before,
    .theme-light input.c-text-field[type="url"]:focus:before,
    .theme-dark .theme-light input.c-text-field[type="url"]:focus:before {
        outline-color: rgba(255, 255, 255, .6)
    }

.theme-dark input.c-text-field[type="email"]:focus,
.theme-light .theme-dark input.c-text-field[type="email"]:focus,
.theme-dark input.c-text-field[type="number"]:focus,
.theme-light .theme-dark input.c-text-field[type="number"]:focus,
.theme-dark input.c-text-field[type="tel"]:focus,
.theme-light .theme-dark input.c-text-field[type="tel"]:focus,
.theme-dark input.c-text-field[type="text"]:focus,
.theme-light .theme-dark input.c-text-field[type="text"]:focus,
.theme-dark input.c-text-field[type="url"]:focus,
.theme-light .theme-dark input.c-text-field[type="url"]:focus {
    outline-color: #fff
}

    .theme-dark input.c-text-field[type="email"]:focus:before,
    .theme-light .theme-dark input.c-text-field[type="email"]:focus:before,
    .theme-dark input.c-text-field[type="number"]:focus:before,
    .theme-light .theme-dark input.c-text-field[type="number"]:focus:before,
    .theme-dark input.c-text-field[type="tel"]:focus:before,
    .theme-light .theme-dark input.c-text-field[type="tel"]:focus:before,
    .theme-dark input.c-text-field[type="text"]:focus:before,
    .theme-light .theme-dark input.c-text-field[type="text"]:focus:before,
    .theme-dark input.c-text-field[type="url"]:focus:before,
    .theme-light .theme-dark input.c-text-field[type="url"]:focus:before {
        outline-color: rgba(0, 0, 0, .6)
    }

@media only screen and (max-width:539px) {
    input.c-text-field[type="email"],
    input.c-text-field[type="number"],
    input.c-text-field[type="tel"],
    input.c-text-field[type="text"],
    input.c-text-field[type="url"] {
        width: 100%
    }
}

@media(-ms-high-contrast:active) {
    input.c-text-field[type="email"],
    input.c-text-field[type="number"],
    input.c-text-field[type="tel"],
    input.c-text-field[type="text"],
    input.c-text-field[type="url"] {
        outline-color: Window;
        outline-offset: 1px;
        outline-color: Window;
        border: 2px solid ButtonText
    }
}

input.c-text-field[type="email"].f-small,
input.c-text-field[type="number"].f-small,
input.c-text-field[type="tel"].f-small,
input.c-text-field[type="text"].f-small,
input.c-text-field[type="url"].f-small {
    width: 88px
}

input.c-text-field[type="email"].f-flex,
input.c-text-field[type="number"].f-flex,
input.c-text-field[type="tel"].f-flex,
input.c-text-field[type="text"].f-flex,
input.c-text-field[type="url"].f-flex {
    width: 100%;
    min-width: 88px;
    max-width: 100%
}

input.c-text-field[type="email"]:hover,
input.c-text-field[type="number"]:hover,
input.c-text-field[type="tel"]:hover,
input.c-text-field[type="text"]:hover,
input.c-text-field[type="url"]:hover {
    border-color: rgba(0, 0, 0, .8)
}

@media(-ms-high-contrast:active) {
    input.c-text-field[type="email"]:hover,
    input.c-text-field[type="number"]:hover,
    input.c-text-field[type="tel"]:hover,
    input.c-text-field[type="text"]:hover,
    input.c-text-field[type="url"]:hover {
        border-color: Highlight
    }
}

input.c-text-field[type="email"]:active,
input.c-text-field[type="number"]:active,
input.c-text-field[type="tel"]:active,
input.c-text-field[type="text"]:active,
input.c-text-field[type="url"]:active {
    border-color: #0067b8
}

@media(-ms-high-contrast:active) {
    input.c-text-field[type="email"]:active,
    input.c-text-field[type="number"]:active,
    input.c-text-field[type="tel"]:active,
    input.c-text-field[type="text"]:active,
    input.c-text-field[type="url"]:active {
        border-color: Highlight;
        outline-color: Window !important
    }
}

input.c-text-field[type="email"]:focus,
input.c-text-field[type="number"]:focus,
input.c-text-field[type="tel"]:focus,
input.c-text-field[type="text"]:focus,
input.c-text-field[type="url"]:focus {
    border-color: #0067b8;
    outline-offset: 1px
}

@media(-ms-high-contrast:active) {
    input.c-text-field[type="email"]:focus,
    input.c-text-field[type="number"]:focus,
    input.c-text-field[type="tel"]:focus,
    input.c-text-field[type="text"]:focus,
    input.c-text-field[type="url"]:focus {
        border-color: ButtonText;
        outline-color: ButtonText
    }

        input.c-text-field[type="email"]:focus:hover,
        input.c-text-field[type="number"]:focus:hover,
        input.c-text-field[type="tel"]:focus:hover,
        input.c-text-field[type="text"]:focus:hover,
        input.c-text-field[type="url"]:focus:hover {
            border-color: Highlight
        }
}

input.c-text-field[type="email"][disabled],
input.c-text-field[type="number"][disabled],
input.c-text-field[type="tel"][disabled],
input.c-text-field[type="text"][disabled],
input.c-text-field[type="url"][disabled] {
    cursor: not-allowed;
    color: rgba(0, 0, 0, .2);
    border-color: rgba(0, 0, 0, .2)
}

@media(-ms-high-contrast:active) {
    input.c-text-field[type="email"][disabled],
    input.c-text-field[type="number"][disabled],
    input.c-text-field[type="tel"][disabled],
    input.c-text-field[type="text"][disabled],
    input.c-text-field[type="url"][disabled] {
        color: GrayText;
        border-color: GrayText
    }
}

input.c-text-field[type="email"][readonly],
input.c-text-field[type="number"][readonly],
input.c-text-field[type="tel"][readonly],
input.c-text-field[type="text"][readonly],
input.c-text-field[type="url"][readonly] {
    border: 1px solid rgba(0, 0, 0, .6);
    background: #e6e6e6
}

@media(-ms-high-contrast:active) {
    input.c-text-field[type="email"][readonly],
    input.c-text-field[type="number"][readonly],
    input.c-text-field[type="tel"][readonly],
    input.c-text-field[type="text"][readonly],
    input.c-text-field[type="url"][readonly] {
        color: WindowText;
        border: 2px solid WindowText
    }
}

input.c-text-field[type="email"][maxlength="3"],
input.c-text-field[type="number"][maxlength="3"],
input.c-text-field[type="tel"][maxlength="3"],
input.c-text-field[type="text"][maxlength="3"],
input.c-text-field[type="url"][maxlength="3"] {
    max-width: 50px
}

input.c-text-field[type="email"][maxlength="10"],
input.c-text-field[type="number"][maxlength="10"],
input.c-text-field[type="tel"][maxlength="10"],
input.c-text-field[type="text"][maxlength="10"],
input.c-text-field[type="url"][maxlength="10"] {
    max-width: 102px
}

input.c-text-field[type="email"]::-webkit-input-placeholder,
input.c-text-field[type="number"]::-webkit-input-placeholder,
input.c-text-field[type="tel"]::-webkit-input-placeholder,
input.c-text-field[type="text"]::-webkit-input-placeholder,
input.c-text-field[type="url"]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .6)
}

input.c-text-field[type="email"]:-ms-input-placeholder,
input.c-text-field[type="number"]:-ms-input-placeholder,
input.c-text-field[type="tel"]:-ms-input-placeholder,
input.c-text-field[type="text"]:-ms-input-placeholder,
input.c-text-field[type="url"]:-ms-input-placeholder {
    color: rgba(0, 0, 0, .6)
}

input.c-text-field[type="email"]::placeholder,
input.c-text-field[type="number"]::placeholder,
input.c-text-field[type="tel"]::placeholder,
input.c-text-field[type="text"]::placeholder,
input.c-text-field[type="url"]::placeholder {
    color: rgba(0, 0, 0, .6)
}

input.c-text-field[type="email"] + [class*="c-caption"],
input.c-text-field[type="email"] [class*="c-paragraph"],
input.c-text-field[type="number"] + [class*="c-caption"],
input.c-text-field[type="number"] [class*="c-paragraph"],
input.c-text-field[type="tel"] + [class*="c-caption"],
input.c-text-field[type="tel"] [class*="c-paragraph"],
input.c-text-field[type="text"] + [class*="c-caption"],
input.c-text-field[type="text"] [class*="c-paragraph"],
input.c-text-field[type="url"] + [class*="c-caption"],
input.c-text-field[type="url"] [class*="c-paragraph"] {
    padding-top: 24px
}

[class^="c-heading-"]:before,
[class^="c-heading-"]:after {
    content: " ";
    display: table
}

[class^="c-heading-"]:after {
    clear: both
}

[class^="c-heading-"].f-lean {
    padding-top: 0;
    padding-bottom: 0
}

[class^="c-heading-"] span + a.c-hyperlink {
    font-size: 15px;
    line-height: 20px;
    float: right;
    margin-left: 12px;
    font-weight: 400
}

[class^="c-heading-"] + .c-label {
    margin-top: 8px
}

form [class^="c-heading-"] {
    padding-top: 24px
}

.c-heading-1 span + a.c-hyperlink {
    margin-top: 45px
}

.c-heading-2 span + a.c-hyperlink {
    margin-top: 31px
}

.c-heading-3 span + a.c-hyperlink {
    margin-top: 18px
}

.c-heading-4 span + a.c-hyperlink {
    margin-top: 8px
}

.c-heading-5 span + a.c-hyperlink {
    margin-top: 4px
}

.c-heading-6 span + a.c-hyperlink {
    margin-top: 3px
}

@media(max-width:767px) {
    .c-heading-1 span + a.c-hyperlink {
        margin-top: 31px
    }

    .c-heading-2 span + a.c-hyperlink {
        margin-top: 18px
    }

    .c-heading-3 span + a.c-hyperlink {
        margin-top: 10px
    }

    .c-heading-4 span + a.c-hyperlink {
        margin-top: 4px
    }

    .c-heading-5 span + a.c-hyperlink {
        margin-top: 3px
    }

    .c-heading-6 span + a.c-hyperlink {
        margin-top: 0
    }
}

.f-initial-baseline-large.c-heading-2 {
    padding-top: 52px
}

.f-initial-baseline-large.c-heading-3 {
    padding-top: 65px
}

.f-initial-baseline-large.c-heading-4 {
    padding-top: 75px
}

.f-initial-baseline-large.c-heading-5 {
    padding-top: 79px
}

.f-initial-baseline-large.c-heading-6 {
    padding-top: 80px
}

@media(max-width:1083px) {
    .f-initial-baseline-large.c-heading-2 {
        padding-top: 51px
    }

    .f-initial-baseline-large.c-heading-3 {
        padding-top: 65px
    }

    .f-initial-baseline-large.c-heading-4 {
        padding-top: 75px
    }

    .f-initial-baseline-large.c-heading-5 {
        padding-top: 79px
    }

    .f-initial-baseline-large.c-heading-6 {
        padding-top: 80px
    }
}

@media(max-width:767px) {
    .f-initial-baseline-large.c-heading-2 {
        padding-top: 50px
    }

    .f-initial-baseline-large.c-heading-3 {
        padding-top: 58px
    }

    .f-initial-baseline-large.c-heading-4 {
        padding-top: 64px
    }

    .f-initial-baseline-large.c-heading-5 {
        padding-top: 65px
    }

    .f-initial-baseline-large.c-heading-6 {
        padding-top: 68px
    }
}

@media(max-width:539px) {
    .f-initial-baseline-large.c-heading-1,
    .f-initial-baseline-large.c-heading-2,
    .f-initial-baseline-large.c-heading-3 {
        padding-top: 38px
    }

    .f-initial-baseline-large.c-heading-4 {
        padding-top: 36px
    }

    .f-initial-baseline-large.c-heading-5 {
        padding-top: 37px
    }

    .f-initial-baseline-large.c-heading-6 {
        padding-top: 39px
    }
}

@media screen and (max-width:1778px) {
    .f-initial-baseline-large [data-grid~="stack-5"] > [data-grid].c-heading-1,
    .f-initial-baseline-large [data-grid~="stack-5"] > [data-grid].c-heading-2,
    .f-initial-baseline-large [data-grid~="stack-5"] > [data-grid].c-heading-3 {
        padding-top: 38px
    }

    .f-initial-baseline-large [data-grid~="stack-5"] > [data-grid].c-heading-4 {
        padding-top: 36px
    }

    .f-initial-baseline-large [data-grid~="stack-5"] > [data-grid].c-heading-5 {
        padding-top: 37px
    }

    .f-initial-baseline-large [data-grid~="stack-5"] > [data-grid].c-heading-6 {
        padding-top: 39px
    }
}

@media screen and (max-width:1399px) {
    .f-initial-baseline-large [data-grid~="stack-4"] > [data-grid].c-heading-1,
    .f-initial-baseline-large [data-grid~="stack-4"] > [data-grid].c-heading-2,
    .f-initial-baseline-large [data-grid~="stack-4"] > [data-grid].c-heading-3 {
        padding-top: 38px
    }

    .f-initial-baseline-large [data-grid~="stack-4"] > [data-grid].c-heading-4 {
        padding-top: 36px
    }

    .f-initial-baseline-large [data-grid~="stack-4"] > [data-grid].c-heading-5 {
        padding-top: 37px
    }

    .f-initial-baseline-large [data-grid~="stack-4"] > [data-grid].c-heading-6 {
        padding-top: 39px
    }
}

@media screen and (max-width:1083px) {
    .f-initial-baseline-large [data-grid~="stack-3"] > [data-grid].c-heading-1,
    .f-initial-baseline-large [data-grid~="stack-3"] > [data-grid].c-heading-2,
    .f-initial-baseline-large [data-grid~="stack-3"] > [data-grid].c-heading-3 {
        padding-top: 38px
    }

    .f-initial-baseline-large [data-grid~="stack-3"] > [data-grid].c-heading-4 {
        padding-top: 36px
    }

    .f-initial-baseline-large [data-grid~="stack-3"] > [data-grid].c-heading-5 {
        padding-top: 37px
    }

    .f-initial-baseline-large [data-grid~="stack-3"] > [data-grid].c-heading-6 {
        padding-top: 39px
    }
}

@media screen and (max-width:767px) {
    .f-initial-baseline-large [data-grid~="stack-2"] > [data-grid].c-heading-1,
    .f-initial-baseline-large [data-grid~="stack-2"] > [data-grid].c-heading-2,
    .f-initial-baseline-large [data-grid~="stack-2"] > [data-grid].c-heading-3 {
        padding-top: 38px
    }

    .f-initial-baseline-large [data-grid~="stack-2"] > [data-grid].c-heading-4 {
        padding-top: 36px
    }

    .f-initial-baseline-large [data-grid~="stack-2"] > [data-grid].c-heading-5 {
        padding-top: 37px
    }

    .f-initial-baseline-large [data-grid~="stack-2"] > [data-grid].c-heading-6 {
        padding-top: 39px
    }
}

.f-initial-baseline-small.c-heading-1 {
    padding-top: 4px
}

.f-initial-baseline-small.c-heading-2 {
    padding-top: 18px
}

.f-initial-baseline-small.c-heading-3 {
    padding-top: 31px
}

.f-initial-baseline-small.c-heading-4 {
    padding-top: 41px
}

.f-initial-baseline-small.c-heading-5 {
    padding-top: 45px
}

.f-initial-baseline-small.c-heading-6 {
    padding-top: 46px
}

@media(max-width:767px) {
    .f-initial-baseline-small.c-heading-1 {
        padding-top: 4px
    }

    .f-initial-baseline-small.c-heading-2 {
        padding-top: 17px
    }

    .f-initial-baseline-small.c-heading-3 {
        padding-top: 25px
    }

    .f-initial-baseline-small.c-heading-4 {
        padding-top: 31px
    }

    .f-initial-baseline-small.c-heading-5 {
        padding-top: 32px
    }

    .f-initial-baseline-small.c-heading-6 {
        padding-top: 35px
    }
}

@media(max-width:539px) {
    .f-initial-baseline-small.c-heading-1,
    .f-initial-baseline-small.c-heading-2,
    .f-initial-baseline-small.c-heading-3 {
        padding-top: 38px
    }

    .f-initial-baseline-small.c-heading-4 {
        padding-top: 36px
    }

    .f-initial-baseline-small.c-heading-5 {
        padding-top: 37px
    }

    .f-initial-baseline-small.c-heading-6 {
        padding-top: 39px
    }
}

@media screen and (max-width:1778px) {
    .f-initial-baseline-small [data-grid~="stack-5"] > [data-grid].c-heading-1,
    .f-initial-baseline-small [data-grid~="stack-5"] > [data-grid].c-heading-2,
    .f-initial-baseline-small [data-grid~="stack-5"] > [data-grid].c-heading-3 {
        padding-top: 38px
    }

    .f-initial-baseline-small [data-grid~="stack-5"] > [data-grid].c-heading-4 {
        padding-top: 36px
    }

    .f-initial-baseline-small [data-grid~="stack-5"] > [data-grid].c-heading-5 {
        padding-top: 37px
    }

    .f-initial-baseline-small [data-grid~="stack-5"] > [data-grid].c-heading-6 {
        padding-top: 39px
    }
}

@media screen and (max-width:1399px) {
    .f-initial-baseline-small [data-grid~="stack-4"] > [data-grid].c-heading-1,
    .f-initial-baseline-small [data-grid~="stack-4"] > [data-grid].c-heading-2,
    .f-initial-baseline-small [data-grid~="stack-4"] > [data-grid].c-heading-3 {
        padding-top: 38px
    }

    .f-initial-baseline-small [data-grid~="stack-4"] > [data-grid].c-heading-4 {
        padding-top: 36px
    }

    .f-initial-baseline-small [data-grid~="stack-4"] > [data-grid].c-heading-5 {
        padding-top: 37px
    }

    .f-initial-baseline-small [data-grid~="stack-4"] > [data-grid].c-heading-6 {
        padding-top: 39px
    }
}

@media screen and (max-width:1083px) {
    .f-initial-baseline-small [data-grid~="stack-3"] > [data-grid].c-heading-1,
    .f-initial-baseline-small [data-grid~="stack-3"] > [data-grid].c-heading-2,
    .f-initial-baseline-small [data-grid~="stack-3"] > [data-grid].c-heading-3 {
        padding-top: 38px
    }

    .f-initial-baseline-small [data-grid~="stack-3"] > [data-grid].c-heading-4 {
        padding-top: 36px
    }

    .f-initial-baseline-small [data-grid~="stack-3"] > [data-grid].c-heading-5 {
        padding-top: 37px
    }

    .f-initial-baseline-small [data-grid~="stack-3"] > [data-grid].c-heading-6 {
        padding-top: 39px
    }
}

@media screen and (max-width:767px) {
    .f-initial-baseline-small [data-grid~="stack-2"] > [data-grid].c-heading-1,
    .f-initial-baseline-small [data-grid~="stack-2"] > [data-grid].c-heading-2,
    .f-initial-baseline-small [data-grid~="stack-2"] > [data-grid].c-heading-3 {
        padding-top: 38px
    }

    .f-initial-baseline-small [data-grid~="stack-2"] > [data-grid].c-heading-4 {
        padding-top: 36px
    }

    .f-initial-baseline-small [data-grid~="stack-2"] > [data-grid].c-heading-5 {
        padding-top: 37px
    }

    .f-initial-baseline-small [data-grid~="stack-2"] > [data-grid].c-heading-6 {
        padding-top: 39px
    }
}

[class*="c-paragraph"].f-lean {
    padding: 0
}

.c-alert[role="alert"],
.m-alert[role="alert"] {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-top: 24px;
    position: relative
}

    .c-alert[role="alert"].f-information,
    .m-alert[role="alert"].f-information {
        background: #f2f2f2;
        color: #231f20
    }

    .c-alert[role="alert"].f-warning,
    .m-alert[role="alert"].f-warning {
        background: #d02e00;
        color: #fff
    }

        .c-alert[role="alert"].f-warning .c-action-trigger,
        .m-alert[role="alert"].f-warning .c-action-trigger {
            color: #fff;
            text-decoration: underline
        }

    .c-alert[role="alert"].f-error,
    .m-alert[role="alert"].f-error {
        background: #fff999;
        color: #231f20
    }

@media(-ms-high-contrast:active) {
    .c-alert[role="alert"],
    .m-alert[role="alert"] {
        outline: 2px solid WindowText
    }
}

.c-alert[role="alert"] .c-paragraph,
.m-alert[role="alert"] .c-paragraph {
    vertical-align: middle;
    line-height: 24px
}

.c-alert[role="alert"] .c-glyph,
.m-alert[role="alert"] .c-glyph {
    float: left;
    margin-top: 1px;
    margin-left: -8px;
    margin-right: 12px
}

    .c-alert[role="alert"] .c-glyph:before,
    .m-alert[role="alert"] .c-glyph:before {
        font-size: 24px;
        margin: 0;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .c-alert[role="alert"] .c-glyph + .c-heading,
    .m-alert[role="alert"] .c-glyph + .c-heading {
        padding-top: 0
    }

    .c-alert[role="alert"] .c-glyph ~ p.c-paragraph,
    .m-alert[role="alert"] .c-glyph ~ p.c-paragraph {
        margin-left: 28px
    }

.c-alert[role="alert"] > .c-glyph.c-action-trigger.glyph-cancel,
.m-alert[role="alert"] > .c-glyph.c-action-trigger.glyph-cancel {
    height: 48px;
    width: 48px;
    position: absolute;
    right: 1px;
    left: auto;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
    float: right;
    color: currentColor
}

    .c-alert[role="alert"] > .c-glyph.c-action-trigger.glyph-cancel:before,
    .m-alert[role="alert"] > .c-glyph.c-action-trigger.glyph-cancel:before {
        font-size: 15px
    }

.c-alert[role="alert"] > div:only-child,
.m-alert[role="alert"] > div:only-child {
    padding: 13px 12px 13px 20px
}

.c-alert[role="alert"] > div,
.m-alert[role="alert"] > div {
    padding: 13px 48px 13px 20px;
    max-width: 1600px;
    margin: 0 auto;
    float: inherit
}

    .c-alert[role="alert"] > div > .c-heading,
    .m-alert[role="alert"] > div > .c-heading {
        font-size: 18px;
        line-height: 24px;
        padding: 37px 0 3px;
        font-weight: 600;
        padding: 2px 0 8px
    }

        .c-alert[role="alert"] > div > .c-heading + .c-paragraph,
        .m-alert[role="alert"] > div > .c-heading + .c-paragraph {
            line-height: inherit
        }

    .c-alert[role="alert"] > div > .c-paragraph,
    .m-alert[role="alert"] > div > .c-paragraph {
        font-size: 13px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 0;
        margin: 0
    }

@media(max-width:767px) {
    .c-alert[role="alert"] > div > .c-paragraph,
    .m-alert[role="alert"] > div > .c-paragraph {
        font-size: 12px
    }
}

.c-alert[role="alert"] > div > .c-paragraph .c-group,
.m-alert[role="alert"] > div > .c-paragraph .c-group {
    overflow: visible;
    display: block;
    margin-left: -2px
}

    .c-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger,
    .m-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger {
        font-size: 13px
    }

@media(max-width:767px) {
    .c-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger,
    .m-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger {
        font-size: 12px
    }
}

.c-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger:first-child,
.m-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger:first-child {
    padding: 0 10px 0 0
}

.c-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger:last-child,
.m-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger:last-child {
    padding: 0 4px 0 0
}

@media only screen and (max-width:767px) {
    .c-alert[role="alert"] > div > .c-paragraph .c-group,
    .m-alert[role="alert"] > div > .c-paragraph .c-group {
        display: -ms-flexbox;
        display: flex
    }

        .c-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger,
        .m-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger {
            margin-top: 0;
            vertical-align: baseline
        }
}

@media only screen and (min-width:768px) {
    .c-alert[role="alert"] > div > .c-paragraph .c-group,
    .m-alert[role="alert"] > div > .c-paragraph .c-group {
        display: inline;
        float: right
    }

        .c-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger,
        .m-alert[role="alert"] > div > .c-paragraph .c-group .c-action-trigger {
            margin: -7px 0 0
        }
}

.c-alert[role="alert"].f-fixed,
.m-alert[role="alert"].f-fixed {
    margin-top: 0;
    z-index: 700
}

    .c-alert[role="alert"].f-fixed > div,
    .m-alert[role="alert"].f-fixed > div {
        max-width: none
    }

@charset "UTF-8";

.c-search {
    min-width: 92px;
    height: 38px;
    margin-top: 20px;
    position: relative
}

    .c-search:not([class*=f-dynamic-maxwidth]) {
        max-width: 296px
    }

    .c-search input[type="search"],
    .c-search button {
        float: left;
        height: 100%;
        outline: 0;
        background-color: #fff
    }

    .c-search input[type="search"] {
        position: relative;
        outline: 2px solid transparent;
        border: 0;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        padding: 7px 10px;
        padding-right: 38px;
        border: 1px solid rgba(0, 0, 0, .6)
    }

        .c-search input[type="search"]:before {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: '';
            outline: 1px solid transparent;
            outline-offset: -1px
        }

        .c-search input[type="search"]:focus {
            outline-color: #000
        }

            .c-search input[type="search"]:focus:before {
                outline-color: rgba(255, 255, 255, .6)
            }

.theme-light .c-search input[type="search"]:focus,
.theme-dark .theme-light .c-search input[type="search"]:focus {
    outline-color: #000
}

    .theme-light .c-search input[type="search"]:focus:before,
    .theme-dark .theme-light .c-search input[type="search"]:focus:before {
        outline-color: rgba(255, 255, 255, .6)
    }

.theme-dark .c-search input[type="search"]:focus,
.theme-light .theme-dark .c-search input[type="search"]:focus {
    outline-color: #fff
}

    .theme-dark .c-search input[type="search"]:focus:before,
    .theme-light .theme-dark .c-search input[type="search"]:focus:before {
        outline-color: rgba(0, 0, 0, .6)
    }

.c-search input[type="search"]:hover {
    border-color: rgba(0, 0, 0, .8)
}

.c-search input[type="search"]::-ms-clear {
    display: none
}

.c-search input[type="search"]::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .6)
}

.c-search input[type="search"]:-ms-input-placeholder {
    color: rgba(0, 0, 0, .6)
}

.c-search input[type="search"]::placeholder {
    color: rgba(0, 0, 0, .6)
}

.c-search button {
    position: relative;
    border: 2px solid transparent;
    outline: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    margin: 2px 2px 1px 1px;
    padding: 9px;
    transition: color .1s, background-color .1s
}

    .c-search button:after {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        border: 1px solid transparent
    }

    .c-search button:focus {
        border-color: #000
    }

        .c-search button:focus:after {
            border-color: rgba(255, 255, 255, .6)
        }

.theme-light .c-search button:focus,
.theme-dark .theme-light .c-search button:focus {
    border-color: #000
}

    .theme-light .c-search button:focus:after,
    .theme-dark .theme-light .c-search button:focus:after {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark .c-search button:focus,
.theme-light .theme-dark .c-search button:focus {
    border-color: #fff
}

    .theme-dark .c-search button:focus:after,
    .theme-light .theme-dark .c-search button:focus:after {
        border-color: rgba(0, 0, 0, .6)
    }

.c-search button:hover {
    color: #0067b8
}

.c-search button:active,
.c-search button:focus {
    color: #fff;
    background: #0067b8;
    -ms-high-contrast-adjust: none
}

@media screen and (-ms-high-contrast) {
    .c-search button:active,
    .c-search button:focus {
        color: window;
        background: windowText
    }
}

.c-search button:before {
    content: "";
    text-indent: 0;
    font-size: 16px;
    -ms-high-contrast-adjust: none
}

@media screen and (-ms-high-contrast) {
    .c-search button:before {
        font-size: 22px;
        font-weight: 900;
        line-height: 18px;
        text-indent: -3px
    }
}

@media screen and (-ms-high-contrast) {
    .c-search button {
        color: windowText;
        background: window
    }
}

.theme-light .c-search,
.theme-dark .theme-light .c-search {
    color: #000
}

    .theme-light .c-search input[type="search"],
    .theme-dark .theme-light .c-search input[type="search"] {
        border-color: #000;
        background-color: rgba(255, 255, 255, .6)
    }

        .theme-light .c-search input[type="search"]:hover,
        .theme-dark .theme-light .c-search input[type="search"]:hover {
            border-color: rgba(0, 0, 0, .8);
            background-color: rgba(255, 255, 255, .8)
        }

        .theme-light .c-search input[type="search"]:active,
        .theme-light .c-search input[type="search"]:focus,
        .theme-dark .theme-light .c-search input[type="search"]:active,
        .theme-dark .theme-light .c-search input[type="search"]:focus {
            border-color: #000;
            background-color: #fff
        }

        .theme-light .c-search input[type="search"]::-webkit-input-placeholder,
        .theme-dark .theme-light .c-search input[type="search"]::-webkit-input-placeholder {
            color: rgba(0, 0, 0, .6)
        }

        .theme-light .c-search input[type="search"]:-ms-input-placeholder,
        .theme-dark .theme-light .c-search input[type="search"]:-ms-input-placeholder {
            color: rgba(0, 0, 0, .6)
        }

        .theme-light .c-search input[type="search"]::placeholder,
        .theme-dark .theme-light .c-search input[type="search"]::placeholder {
            color: rgba(0, 0, 0, .6)
        }

    .theme-light .c-search button,
    .theme-dark .theme-light .c-search button {
        background: transparent
    }

        .theme-light .c-search button:active,
        .theme-light .c-search button:focus,
        .theme-dark .theme-light .c-search button:active,
        .theme-dark .theme-light .c-search button:focus {
            color: #fff;
            background: #0067b8;
            -ms-high-contrast-adjust: none
        }

@media screen and (-ms-high-contrast) {
    .theme-light .c-search button:active,
    .theme-light .c-search button:focus,
    .theme-dark .theme-light .c-search button:active,
    .theme-dark .theme-light .c-search button:focus {
        color: window;
        background: windowText
    }
}

.theme-dark .c-search,
.theme-light .theme-dark .c-search {
    color: #fff
}

    .theme-dark .c-search input[type="search"],
    .theme-light .theme-dark .c-search input[type="search"] {
        border-color: #fff;
        background-color: rgba(0, 0, 0, .6)
    }

        .theme-dark .c-search input[type="search"]:hover,
        .theme-light .theme-dark .c-search input[type="search"]:hover {
            border-color: rgba(255, 255, 255, .8);
            background-color: rgba(0, 0, 0, .8)
        }

        .theme-dark .c-search input[type="search"]:active,
        .theme-dark .c-search input[type="search"]:focus,
        .theme-light .theme-dark .c-search input[type="search"]:active,
        .theme-light .theme-dark .c-search input[type="search"]:focus {
            border-color: #fff;
            background-color: #000
        }

        .theme-dark .c-search input[type="search"]::-webkit-input-placeholder,
        .theme-light .theme-dark .c-search input[type="search"]::-webkit-input-placeholder {
            color: rgba(255, 255, 255, .6)
        }

        .theme-dark .c-search input[type="search"]:-ms-input-placeholder,
        .theme-light .theme-dark .c-search input[type="search"]:-ms-input-placeholder {
            color: rgba(255, 255, 255, .6)
        }

        .theme-dark .c-search input[type="search"]::placeholder,
        .theme-light .theme-dark .c-search input[type="search"]::placeholder {
            color: rgba(255, 255, 255, .6)
        }

    .theme-dark .c-search button,
    .theme-light .theme-dark .c-search button {
        background: transparent
    }

        .theme-dark .c-search button:active,
        .theme-dark .c-search button:focus,
        .theme-light .theme-dark .c-search button:active,
        .theme-light .theme-dark .c-search button:focus {
            color: #fff;
            background: #0067b8;
            -ms-high-contrast-adjust: none
        }

@media screen and (-ms-high-contrast) {
    .theme-dark .c-search button:active,
    .theme-dark .c-search button:focus,
    .theme-light .theme-dark .c-search button:active,
    .theme-light .theme-dark .c-search button:focus {
        color: window;
        background: windowText
    }
}

.m-auto-suggest,
.c-auto-suggest {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    display: block
}

    .m-auto-suggest .c-menu,
    .c-auto-suggest .c-menu {
        position: absolute;
        width: 100%;
        background: #fff;
        border-top: 1px solid;
        border-color: rgba(0, 0, 0, .2)
    }

        .m-auto-suggest .c-menu .c-menu-item,
        .c-auto-suggest .c-menu .c-menu-item {
            position: static
        }

            .m-auto-suggest .c-menu .c-menu-item > span,
            .m-auto-suggest .c-menu .c-menu-item > a,
            .c-auto-suggest .c-menu .c-menu-item > span,
            .c-auto-suggest .c-menu .c-menu-item > a {
                background: #fff
            }

                .m-auto-suggest .c-menu .c-menu-item > span:hover,
                .m-auto-suggest .c-menu .c-menu-item > span:focus,
                .m-auto-suggest .c-menu .c-menu-item > a:hover,
                .m-auto-suggest .c-menu .c-menu-item > a:focus,
                .c-auto-suggest .c-menu .c-menu-item > span:hover,
                .c-auto-suggest .c-menu .c-menu-item > span:focus,
                .c-auto-suggest .c-menu .c-menu-item > a:hover,
                .c-auto-suggest .c-menu .c-menu-item > a:focus {
                    background: rgba(0, 0, 0, .1)
                }

        .m-auto-suggest .c-menu[aria-hidden="true"],
        .c-auto-suggest .c-menu[aria-hidden="true"] {
            display: none
        }

        .m-auto-suggest .c-menu[data-js-auto-suggest-position="default"],
        .c-auto-suggest .c-menu[data-js-auto-suggest-position="default"] {
            top: 38px
        }

        .m-auto-suggest .c-menu[data-js-auto-suggest-position="above"],
        .c-auto-suggest .c-menu[data-js-auto-suggest-position="above"] {
            bottom: 100%
        }

        .m-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span,
        .c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span {
            color: rgba(0, 0, 0, .6)
        }

        .m-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position="default"],
        .c-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position="default"] {
            top: 38px
        }

        .m-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position="above"],
        .c-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position="above"] {
            bottom: 100%
        }

        .m-auto-suggest .c-menu.f-auto-suggest-scroll,
        .c-auto-suggest .c-menu.f-auto-suggest-scroll {
            overflow-y: auto;
            max-height: none
        }

.theme-light .m-auto-suggest .c-menu,
.theme-dark .theme-light .m-auto-suggest .c-menu,
.theme-light .c-auto-suggest .c-menu,
.theme-dark .theme-light .c-auto-suggest .c-menu {
    border-color: #d2d2d2
}

    .theme-light .m-auto-suggest .c-menu .c-menu-item > span,
    .theme-light .m-auto-suggest .c-menu .c-menu-item > a,
    .theme-dark .theme-light .m-auto-suggest .c-menu .c-menu-item > span,
    .theme-dark .theme-light .m-auto-suggest .c-menu .c-menu-item > a,
    .theme-light .c-auto-suggest .c-menu .c-menu-item > span,
    .theme-light .c-auto-suggest .c-menu .c-menu-item > a,
    .theme-dark .theme-light .c-auto-suggest .c-menu .c-menu-item > span,
    .theme-dark .theme-light .c-auto-suggest .c-menu .c-menu-item > a {
        background: #fff
    }

        .theme-light .m-auto-suggest .c-menu .c-menu-item > span:hover,
        .theme-light .m-auto-suggest .c-menu .c-menu-item > span:focus,
        .theme-light .m-auto-suggest .c-menu .c-menu-item > a:hover,
        .theme-light .m-auto-suggest .c-menu .c-menu-item > a:focus,
        .theme-dark .theme-light .m-auto-suggest .c-menu .c-menu-item > span:hover,
        .theme-dark .theme-light .m-auto-suggest .c-menu .c-menu-item > span:focus,
        .theme-dark .theme-light .m-auto-suggest .c-menu .c-menu-item > a:hover,
        .theme-dark .theme-light .m-auto-suggest .c-menu .c-menu-item > a:focus,
        .theme-light .c-auto-suggest .c-menu .c-menu-item > span:hover,
        .theme-light .c-auto-suggest .c-menu .c-menu-item > span:focus,
        .theme-light .c-auto-suggest .c-menu .c-menu-item > a:hover,
        .theme-light .c-auto-suggest .c-menu .c-menu-item > a:focus,
        .theme-dark .theme-light .c-auto-suggest .c-menu .c-menu-item > span:hover,
        .theme-dark .theme-light .c-auto-suggest .c-menu .c-menu-item > span:focus,
        .theme-dark .theme-light .c-auto-suggest .c-menu .c-menu-item > a:hover,
        .theme-dark .theme-light .c-auto-suggest .c-menu .c-menu-item > a:focus {
            background: #e6e6e6
        }

    .theme-light .m-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span,
    .theme-dark .theme-light .m-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span,
    .theme-light .c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span,
    .theme-dark .theme-light .c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span {
        color: #505050
    }

.theme-dark .m-auto-suggest .c-menu,
.theme-light .theme-dark .m-auto-suggest .c-menu,
.theme-dark .c-auto-suggest .c-menu,
.theme-light .theme-dark .c-auto-suggest .c-menu {
    border-color: #d2d2d2
}

    .theme-dark .m-auto-suggest .c-menu .c-menu-item > span,
    .theme-dark .m-auto-suggest .c-menu .c-menu-item > a,
    .theme-light .theme-dark .m-auto-suggest .c-menu .c-menu-item > span,
    .theme-light .theme-dark .m-auto-suggest .c-menu .c-menu-item > a,
    .theme-dark .c-auto-suggest .c-menu .c-menu-item > span,
    .theme-dark .c-auto-suggest .c-menu .c-menu-item > a,
    .theme-light .theme-dark .c-auto-suggest .c-menu .c-menu-item > span,
    .theme-light .theme-dark .c-auto-suggest .c-menu .c-menu-item > a {
        background: #000
    }

        .theme-dark .m-auto-suggest .c-menu .c-menu-item > span:hover,
        .theme-dark .m-auto-suggest .c-menu .c-menu-item > span:focus,
        .theme-dark .m-auto-suggest .c-menu .c-menu-item > a:hover,
        .theme-dark .m-auto-suggest .c-menu .c-menu-item > a:focus,
        .theme-light .theme-dark .m-auto-suggest .c-menu .c-menu-item > span:hover,
        .theme-light .theme-dark .m-auto-suggest .c-menu .c-menu-item > span:focus,
        .theme-light .theme-dark .m-auto-suggest .c-menu .c-menu-item > a:hover,
        .theme-light .theme-dark .m-auto-suggest .c-menu .c-menu-item > a:focus,
        .theme-dark .c-auto-suggest .c-menu .c-menu-item > span:hover,
        .theme-dark .c-auto-suggest .c-menu .c-menu-item > span:focus,
        .theme-dark .c-auto-suggest .c-menu .c-menu-item > a:hover,
        .theme-dark .c-auto-suggest .c-menu .c-menu-item > a:focus,
        .theme-light .theme-dark .c-auto-suggest .c-menu .c-menu-item > span:hover,
        .theme-light .theme-dark .c-auto-suggest .c-menu .c-menu-item > span:focus,
        .theme-light .theme-dark .c-auto-suggest .c-menu .c-menu-item > a:hover,
        .theme-light .theme-dark .c-auto-suggest .c-menu .c-menu-item > a:focus {
            background: #1a1a1a
        }

    .theme-dark .m-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span,
    .theme-light .theme-dark .m-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span,
    .theme-dark .c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span,
    .theme-light .theme-dark .c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span {
        color: #919191
    }

.c-label + .c-auto-suggest.c-search,
.c-label + .m-auto-suggest.c-search {
    margin-top: 0
}

.c-badge {
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    letter-spacing: .075em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%
}

    .c-badge.f-highlight {
        background-color: #ffd800;
        color: #000
    }

    .c-badge.f-lowlight {
        background-color: #333;
        color: #fff
    }

    .c-badge.f-accent {
        background-color: #6bb1e8;
        color: #000
    }

    .c-badge.f-highlight,
    .c-badge.f-lowlight,
    .c-badge.f-accent,
    .c-badge[style^="background"] {
        font-weight: 400
    }

    .c-badge.f-small {
        padding: 0 7px 1px 0;
        line-height: 18px;
        height: 18px
    }

        .c-badge.f-small.f-highlight,
        .c-badge.f-small.f-lowlight,
        .c-badge.f-small.f-accent,
        .c-badge.f-small[style^="background:"] {
            padding: 0 7px 1px
        }

    .c-badge.f-large {
        padding: 3px 14px 5px 0;
        line-height: 20px;
        height: 26px
    }

        .c-badge.f-large.f-highlight,
        .c-badge.f-large.f-lowlight,
        .c-badge.f-large.f-accent,
        .c-badge.f-large[style^="background:"] {
            padding: 3px 14px 5px
        }

    .c-badge.f-responsive {
        padding: 0 7px 1px 0;
        line-height: 18px;
        height: 18px
    }

        .c-badge.f-responsive.f-highlight,
        .c-badge.f-responsive.f-lowlight,
        .c-badge.f-responsive.f-accent,
        .c-badge.f-responsive[style^="background:"] {
            padding: 0 7px 1px
        }

@media only screen and (min-width:1084px) {
    .c-badge.f-responsive {
        padding: 3px 14px 5px 0;
        line-height: 20px;
        height: 26px
    }

        .c-badge.f-responsive.f-highlight,
        .c-badge.f-responsive.f-lowlight,
        .c-badge.f-responsive.f-accent,
        .c-badge.f-responsive[style^="background:"] {
            padding: 3px 14px 5px
        }
}

.m-ambient-video {
    padding: 48px 0 0;
    margin: 0;
    width: 100%;
    min-width: 320px;
    direction: ltr;
    position: relative;
    overflow: hidden
}

    .m-ambient-video:before,
    .m-ambient-video:after {
        content: " ";
        display: table
    }

    .m-ambient-video:after {
        clear: both
    }

    .m-ambient-video.f-lean {
        padding: 0
    }

    .m-ambient-video video {
        display: block;
        width: 100%;
        height: 100%;
        background: 0 0
    }

.m-content-placement-item,
.c-content-placement {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-top: 31px;
    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: 37px
    }

@media only screen and (max-width:768px) {
    .m-content-placement-item .c-heading,
    .c-content-placement .c-heading {
        margin-top: 12px
    }
}

.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
}

@media screen and (-ms-high-contrast:active) {
    .m-content-placement-item .c-call-to-action,
    .c-content-placement .c-call-to-action {
        border-color: window !important;
        outline-color: window
    }
}

.m-content-placement-item .c-call-to-action:focus,
.c-content-placement .c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

@media screen and (-ms-high-contrast:active) {
    .m-content-placement-item .c-call-to-action:focus,
    .c-content-placement .c-call-to-action:focus {
        border-color: windowText !important
    }
}

.theme-light .m-content-placement-item .c-call-to-action:focus,
.theme-dark .theme-light .m-content-placement-item .c-call-to-action:focus,
.theme-light .c-content-placement .c-call-to-action:focus,
.theme-dark .theme-light .c-content-placement .c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

.theme-dark .m-content-placement-item .c-call-to-action:focus,
.theme-light .theme-dark .m-content-placement-item .c-call-to-action:focus,
.theme-dark .c-content-placement .c-call-to-action:focus,
.theme-light .theme-dark .c-content-placement .c-call-to-action:focus {
    border-color: #fff;
    outline-color: rgba(0, 0, 0, .6)
}

.m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
.m-content-placement-item .c-call-to-action:hover,
.m-content-placement-item .c-call-to-action:active,
.c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
.c-content-placement .c-call-to-action:hover,
.c-content-placement .c-call-to-action:active {
    background: transparent;
    box-shadow: none !important
}

    .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus) span,
    .m-content-placement-item .c-call-to-action:hover span,
    .m-content-placement-item .c-call-to-action:active span,
    .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) span,
    .c-content-placement .c-call-to-action:hover span,
    .c-content-placement .c-call-to-action:active span {
        box-shadow: 0 2px currentColor;
        left: 0 !important
    }

.m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
.c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) {
    color: #005da6;
    background: rgba(0, 103, 184, .1)
}

    .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus) span,
    .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) span {
        box-shadow: 0 2px currentColor;
        text-decoration: none
    }

.m-content-placement-item .c-call-to-action:hover,
.c-content-placement .c-call-to-action:hover {
    color: #005da6
}

.m-content-placement-item .c-call-to-action:active,
.c-content-placement .c-call-to-action:active {
    background: none;
    color: #005293;
    text-decoration: none;
    -ms-transform: none;
    transform: none
}

.m-content-placement-item .c-call-to-action[aria-disabled="true"],
.c-content-placement .c-call-to-action[aria-disabled="true"] {
    cursor: not-allowed;
    color: #cce1f1
}

.m-content-placement-item .c-call-to-action.f-image,
.c-content-placement .c-call-to-action.f-image {
    padding: 0
}

.theme-light .m-content-placement-item .c-call-to-action,
.theme-dark .theme-light .m-content-placement-item .c-call-to-action,
.theme-light .c-content-placement .c-call-to-action,
.theme-dark .theme-light .c-content-placement .c-call-to-action {
    color: #000;
    border-color: transparent;
    background: transparent
}

    .theme-light .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(0, 0, 0, .1)
    }

        .theme-light .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-light .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .m-content-placement-item .c-call-to-action:hover,
    .theme-dark .theme-light .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .m-content-placement-item .c-call-to-action:hover,
    .theme-light .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .c-content-placement .c-call-to-action:hover,
    .theme-dark .theme-light .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-content-placement .c-call-to-action:hover {
        color: rgba(0, 0, 0, .9)
    }

    .theme-light .m-content-placement-item .c-call-to-action:hover,
    .theme-dark .theme-light .m-content-placement-item .c-call-to-action:hover,
    .theme-light .c-content-placement .c-call-to-action:hover,
    .theme-dark .theme-light .c-content-placement .c-call-to-action:hover {
        background: transparent
    }

    .theme-light .m-content-placement-item .c-call-to-action:active,
    .theme-dark .theme-light .m-content-placement-item .c-call-to-action:active,
    .theme-light .c-content-placement .c-call-to-action:active,
    .theme-dark .theme-light .c-content-placement .c-call-to-action:active {
        color: rgba(0, 0, 0, .8)
    }

    .theme-light .m-content-placement-item .c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light .m-content-placement-item .c-call-to-action[aria-disabled="true"],
    .theme-light .c-content-placement .c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light .c-content-placement .c-call-to-action[aria-disabled="true"] {
        color: #999;
        background: transparent
    }

.theme-dark .m-content-placement-item .c-call-to-action,
.theme-light .theme-dark .m-content-placement-item .c-call-to-action,
.theme-dark .c-content-placement .c-call-to-action,
.theme-light .theme-dark .c-content-placement .c-call-to-action {
    color: #fff;
    background: transparent;
    border-color: transparent
}

    .theme-dark .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(255, 255, 255, .1)
    }

        .theme-dark .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-dark .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .m-content-placement-item .c-call-to-action:hover,
    .theme-light .theme-dark .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .m-content-placement-item .c-call-to-action:hover,
    .theme-dark .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .c-content-placement .c-call-to-action:hover,
    .theme-light .theme-dark .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-content-placement .c-call-to-action:hover {
        color: #e6e6e6
    }

    .theme-dark .m-content-placement-item .c-call-to-action:hover,
    .theme-light .theme-dark .m-content-placement-item .c-call-to-action:hover,
    .theme-dark .c-content-placement .c-call-to-action:hover,
    .theme-light .theme-dark .c-content-placement .c-call-to-action:hover {
        background: transparent
    }

    .theme-dark .m-content-placement-item .c-call-to-action:active,
    .theme-light .theme-dark .m-content-placement-item .c-call-to-action:active,
    .theme-dark .c-content-placement .c-call-to-action:active,
    .theme-light .theme-dark .c-content-placement .c-call-to-action:active {
        color: #ccc
    }

    .theme-dark .m-content-placement-item .c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark .m-content-placement-item .c-call-to-action[aria-disabled="true"],
    .theme-dark .c-content-placement .c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark .c-content-placement .c-call-to-action[aria-disabled="true"] {
        background: transparent;
        color: #666
    }

.m-content-placement-item .c-call-to-action span,
.c-content-placement .c-call-to-action span {
    display: inline
}

.m-content-placement-item .c-call-to-action.f-image,
.c-content-placement .c-call-to-action.f-image {
    margin-top: 16px
}

.m-content-placement-item .c-hyperlink,
.c-content-placement .c-hyperlink {
    padding: 10px 0;
    margin-right: 16px;
    display: inline-block
}

    .m-content-placement-item .c-hyperlink + .c-hyperlink,
    .c-content-placement .c-hyperlink + .c-hyperlink {
        padding-right: 0
    }

.m-content-placement-item .c-badge,
.c-content-placement .c-badge {
    margin: 12px 0 4px
}

@media only screen and (min-width:320px) {
    .m-content-placement-item .c-badge + .c-heading,
    .c-content-placement .c-badge + .c-heading {
        padding-top: 0;
        margin: 0
    }
}

.m-content-placement-item .c-video,
.m-content-placement-item .m-ambient-video,
.c-content-placement .c-video,
.c-content-placement .m-ambient-video {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0;
    padding: 0
}

    .m-content-placement-item .c-video video,
    .m-content-placement-item .m-ambient-video video,
    .c-content-placement .c-video video,
    .c-content-placement .m-ambient-video video {
        min-width: 100%;
        width: 100%;
        height: 100%
    }

.m-content-placement-item .c-video-player,
.c-content-placement .c-video-player {
    min-width: 100%
}

.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: 0;
        width: 100%;
        height: auto
    }

@media only screen and (max-width:539px) {
    .m-content-placement-item .c-heading,
    .c-content-placement .c-heading {
        font-size: 18px;
        line-height: 24px
    }
}

.m-content-placement-item .c-group,
.c-content-placement .c-group {
    display: block;
    overflow: visible
}

    .m-content-placement-item .c-group > .c-call-to-action,
    .c-content-placement .c-group > .c-call-to-action {
        padding-right: 16px;
        margin-top: 0
    }

.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-content-placement-item.f-precise-click,
.no-js .m-content-placement-item,
.c-content-placement.f-precise-click,
.no-js .c-content-placement {
    cursor: auto !important
}

.m-content-placement-item > a:first-child,
.c-content-placement > a:first-child {
    display: block
}

    .m-content-placement-item > a:first-child .c-heading,
    .c-content-placement > a:first-child .c-heading {
        font-size: 20px;
        line-height: 24px;
        font-weight: 600;
        opacity: .95;
        padding-top: 1px;
        padding-bottom: 2px;
        margin-top: 37px
    }

@media only screen and (max-width:768px) {
    .m-content-placement-item > a:first-child .c-heading,
    .c-content-placement > a:first-child .c-heading {
        margin-top: 12px
    }
}

.m-content-placement-item > a:first-child .c-paragraph,
.c-content-placement > a:first-child .c-paragraph {
    padding-top: 2px
}

.m-content-placement-item > a:first-child .c-heading,
.m-content-placement-item > a:first-child .c-paragraph,
.c-content-placement > a:first-child .c-heading,
.c-content-placement > a:first-child .c-paragraph {
    padding-right: 12px
}

.m-content-placement-item > a:first-child .c-call-to-action,
.c-content-placement > a:first-child .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
}

@media screen and (-ms-high-contrast:active) {
    .m-content-placement-item > a:first-child .c-call-to-action,
    .c-content-placement > a:first-child .c-call-to-action {
        border-color: window !important;
        outline-color: window
    }
}

.m-content-placement-item > a:first-child .c-call-to-action:focus,
.c-content-placement > a:first-child .c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

@media screen and (-ms-high-contrast:active) {
    .m-content-placement-item > a:first-child .c-call-to-action:focus,
    .c-content-placement > a:first-child .c-call-to-action:focus {
        border-color: windowText !important
    }
}

.theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus,
.theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus,
.theme-light .c-content-placement > a:first-child .c-call-to-action:focus,
.theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

.theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus,
.theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus,
.theme-dark .c-content-placement > a:first-child .c-call-to-action:focus,
.theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus {
    border-color: #fff;
    outline-color: rgba(0, 0, 0, .6)
}

.m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
.m-content-placement-item > a:first-child .c-call-to-action:hover,
.m-content-placement-item > a:first-child .c-call-to-action:active,
.c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
.c-content-placement > a:first-child .c-call-to-action:hover,
.c-content-placement > a:first-child .c-call-to-action:active {
    background: transparent;
    box-shadow: none !important
}

    .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
    .m-content-placement-item > a:first-child .c-call-to-action:hover span,
    .m-content-placement-item > a:first-child .c-call-to-action:active span,
    .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
    .c-content-placement > a:first-child .c-call-to-action:hover span,
    .c-content-placement > a:first-child .c-call-to-action:active span {
        box-shadow: 0 2px currentColor;
        left: 0 !important
    }

.m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
.c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) {
    color: #005da6;
    background: rgba(0, 103, 184, .1)
}

    .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
    .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span {
        box-shadow: 0 2px currentColor;
        text-decoration: none
    }

.m-content-placement-item > a:first-child .c-call-to-action:hover,
.c-content-placement > a:first-child .c-call-to-action:hover {
    color: #005da6
}

.m-content-placement-item > a:first-child .c-call-to-action:active,
.c-content-placement > a:first-child .c-call-to-action:active {
    background: none;
    color: #005293;
    text-decoration: none;
    -ms-transform: none;
    transform: none
}

.m-content-placement-item > a:first-child .c-call-to-action[aria-disabled="true"],
.c-content-placement > a:first-child .c-call-to-action[aria-disabled="true"] {
    cursor: not-allowed;
    color: #cce1f1
}

.m-content-placement-item > a:first-child .c-call-to-action.f-image,
.c-content-placement > a:first-child .c-call-to-action.f-image {
    padding: 0
}

.theme-light .m-content-placement-item > a:first-child .c-call-to-action,
.theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action,
.theme-light .c-content-placement > a:first-child .c-call-to-action,
.theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action {
    color: #000;
    border-color: transparent;
    background: transparent
}

    .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(0, 0, 0, .1)
    }

        .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-light .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .c-content-placement > a:first-child .c-call-to-action:hover,
    .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:hover {
        color: rgba(0, 0, 0, .9)
    }

    .theme-light .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-light .c-content-placement > a:first-child .c-call-to-action:hover,
    .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:hover {
        background: transparent
    }

    .theme-light .m-content-placement-item > a:first-child .c-call-to-action:active,
    .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:active,
    .theme-light .c-content-placement > a:first-child .c-call-to-action:active,
    .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:active {
        color: rgba(0, 0, 0, .8)
    }

    .theme-light .m-content-placement-item > a:first-child .c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action[aria-disabled="true"],
    .theme-light .c-content-placement > a:first-child .c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action[aria-disabled="true"] {
        color: #999;
        background: transparent
    }

.theme-dark .m-content-placement-item > a:first-child .c-call-to-action,
.theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action,
.theme-dark .c-content-placement > a:first-child .c-call-to-action,
.theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action {
    color: #fff;
    background: transparent;
    border-color: transparent
}

    .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(255, 255, 255, .1)
    }

        .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .c-content-placement > a:first-child .c-call-to-action:hover,
    .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:hover {
        color: #e6e6e6
    }

    .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-dark .c-content-placement > a:first-child .c-call-to-action:hover,
    .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:hover {
        background: transparent
    }

    .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:active,
    .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:active,
    .theme-dark .c-content-placement > a:first-child .c-call-to-action:active,
    .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:active {
        color: #ccc
    }

    .theme-dark .m-content-placement-item > a:first-child .c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action[aria-disabled="true"],
    .theme-dark .c-content-placement > a:first-child .c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action[aria-disabled="true"] {
        background: transparent;
        color: #666
    }

.m-content-placement-item > a:first-child .c-call-to-action span,
.c-content-placement > a:first-child .c-call-to-action span {
    display: inline
}

.m-content-placement-item > a:first-child .c-call-to-action.f-image,
.c-content-placement > a:first-child .c-call-to-action.f-image {
    margin-top: 16px
}

.m-content-placement-item > a:first-child .c-hyperlink,
.c-content-placement > a:first-child .c-hyperlink {
    padding: 10px 0;
    margin-right: 16px;
    display: inline-block
}

    .m-content-placement-item > a:first-child .c-hyperlink + .c-hyperlink,
    .c-content-placement > a:first-child .c-hyperlink + .c-hyperlink {
        padding-right: 0
    }

.m-content-placement-item > a:first-child .c-badge,
.c-content-placement > a:first-child .c-badge {
    margin: 12px 0 4px
}

@media only screen and (min-width:320px) {
    .m-content-placement-item > a:first-child .c-badge + .c-heading,
    .c-content-placement > a:first-child .c-badge + .c-heading {
        padding-top: 0;
        margin: 0
    }
}

.m-content-placement-item > a:first-child .c-video,
.m-content-placement-item > a:first-child .m-ambient-video,
.c-content-placement > a:first-child .c-video,
.c-content-placement > a:first-child .m-ambient-video {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0;
    padding: 0
}

    .m-content-placement-item > a:first-child .c-video video,
    .m-content-placement-item > a:first-child .m-ambient-video video,
    .c-content-placement > a:first-child .c-video video,
    .c-content-placement > a:first-child .m-ambient-video video {
        min-width: 100%;
        width: 100%;
        height: 100%
    }

.m-content-placement-item > a:first-child .c-video-player,
.c-content-placement > a:first-child .c-video-player {
    min-width: 100%
}

.m-content-placement-item > a:first-child > picture,
.c-content-placement > a:first-child > picture {
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 56%
}

    .m-content-placement-item > a:first-child > picture img,
    .c-content-placement > a:first-child > picture img {
        position: absolute;
        left: 0;
        width: 100%;
        height: auto
    }

@media only screen and (max-width:539px) {
    .m-content-placement-item > a:first-child .c-heading,
    .c-content-placement > a:first-child .c-heading {
        font-size: 18px;
        line-height: 24px
    }
}

.m-content-placement-item > a:first-child:hover picture img,
.c-content-placement > a:first-child:hover picture img {
    opacity: .9
}

.m-content-placement-item > a:first-child:hover .c-heading,
.c-content-placement > a:first-child:hover .c-heading {
    text-decoration: underline
}

.m-content-placement-item > a:first-child:hover + .c-call-to-action span,
.m-content-placement-item > a:first-child:hover + .c-hyperlink,
.c-content-placement > a:first-child:hover + .c-call-to-action span,
.c-content-placement > a:first-child:hover + .c-hyperlink {
    text-decoration: underline
}

.m-content-placement-item > a:first-child:hover + .c-group > .c-call-to-action:first-child span,
.m-content-placement-item > a:first-child:hover + .c-group > .c-hyperlink:first-child,
.c-content-placement > a:first-child:hover + .c-group > .c-call-to-action:first-child span,
.c-content-placement > a:first-child:hover + .c-group > .c-hyperlink:first-child {
    text-decoration: underline
}

.m-content-placement-item > a:first-child:active picture img,
.c-content-placement > a:first-child:active picture img {
    opacity: .8
}

.m-content-placement-item > a:first-child:active .c-heading,
.c-content-placement > a:first-child:active .c-heading {
    text-decoration: underline
}

.m-content-placement {
    padding-top: 0;
    padding-left: calc(5% - 12px);
    padding-right: calc(5% - 12px)
}

    .m-content-placement.x-remove-padding {
        padding-left: 0;
        padding-right: 0
    }

@media screen and (min-width:1084px) {
    .m-content-placement {
        padding-left: 0;
        padding-right: 0;
        /*margin-left: -12px;
        margin-right: -12px*/
    }
}

.m-content-placement.f-align-center {
    text-align: center
}

.expired-deal-image {
    opacity: .5;
    filter: grayscale(1)
}

.expired-deal-text {
    color: #000 !important;
    letter-spacing: .3px
}

.presentation-content {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    background-color: #f2f2f2
}

.presentation-glyph {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #a80000;
    font-size: 64px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.presentation-image > img {
    opacity: 0
}

.m-content-placement-item,
.c-content-placement {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-top: 31px;
    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: 37px
    }

@media only screen and (max-width:768px) {
    .m-content-placement-item .c-heading,
    .c-content-placement .c-heading {
        margin-top: 12px
    }
}

.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
}

@media screen and (-ms-high-contrast:active) {
    .m-content-placement-item .c-call-to-action,
    .c-content-placement .c-call-to-action {
        border-color: window !important;
        outline-color: window
    }
}

.m-content-placement-item .c-call-to-action:focus,
.c-content-placement .c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

@media screen and (-ms-high-contrast:active) {
    .m-content-placement-item .c-call-to-action:focus,
    .c-content-placement .c-call-to-action:focus {
        border-color: windowText !important
    }
}

.theme-light .m-content-placement-item .c-call-to-action:focus,
.theme-dark .theme-light .m-content-placement-item .c-call-to-action:focus,
.theme-light .c-content-placement .c-call-to-action:focus,
.theme-dark .theme-light .c-content-placement .c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

.theme-dark .m-content-placement-item .c-call-to-action:focus,
.theme-light .theme-dark .m-content-placement-item .c-call-to-action:focus,
.theme-dark .c-content-placement .c-call-to-action:focus,
.theme-light .theme-dark .c-content-placement .c-call-to-action:focus {
    border-color: #fff;
    outline-color: rgba(0, 0, 0, .6)
}

.m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
.m-content-placement-item .c-call-to-action:hover,
.m-content-placement-item .c-call-to-action:active,
.c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
.c-content-placement .c-call-to-action:hover,
.c-content-placement .c-call-to-action:active {
    background: transparent;
    box-shadow: none !important
}

    .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus) span,
    .m-content-placement-item .c-call-to-action:hover span,
    .m-content-placement-item .c-call-to-action:active span,
    .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) span,
    .c-content-placement .c-call-to-action:hover span,
    .c-content-placement .c-call-to-action:active span {
        box-shadow: 0 2px currentColor;
        left: 0 !important
    }

.m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
.c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) {
    color: #005da6;
    background: rgba(0, 103, 184, .1)
}

    .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus) span,
    .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) span {
        box-shadow: 0 2px currentColor;
        text-decoration: none
    }

.m-content-placement-item .c-call-to-action:hover,
.c-content-placement .c-call-to-action:hover {
    color: #005da6
}

.m-content-placement-item .c-call-to-action:active,
.c-content-placement .c-call-to-action:active {
    background: none;
    color: #005293;
    text-decoration: none;
    -ms-transform: none;
    transform: none
}

.m-content-placement-item .c-call-to-action[aria-disabled="true"],
.c-content-placement .c-call-to-action[aria-disabled="true"] {
    cursor: not-allowed;
    color: #cce1f1
}

.m-content-placement-item .c-call-to-action.f-image,
.c-content-placement .c-call-to-action.f-image {
    padding: 0
}

.theme-light .m-content-placement-item .c-call-to-action,
.theme-dark .theme-light .m-content-placement-item .c-call-to-action,
.theme-light .c-content-placement .c-call-to-action,
.theme-dark .theme-light .c-content-placement .c-call-to-action {
    color: #000;
    border-color: transparent;
    background: transparent
}

    .theme-light .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(0, 0, 0, .1)
    }

        .theme-light .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-light .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .m-content-placement-item .c-call-to-action:hover,
    .theme-dark .theme-light .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .m-content-placement-item .c-call-to-action:hover,
    .theme-light .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .c-content-placement .c-call-to-action:hover,
    .theme-dark .theme-light .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-content-placement .c-call-to-action:hover {
        color: rgba(0, 0, 0, .9)
    }

    .theme-light .m-content-placement-item .c-call-to-action:hover,
    .theme-dark .theme-light .m-content-placement-item .c-call-to-action:hover,
    .theme-light .c-content-placement .c-call-to-action:hover,
    .theme-dark .theme-light .c-content-placement .c-call-to-action:hover {
        background: transparent
    }

    .theme-light .m-content-placement-item .c-call-to-action:active,
    .theme-dark .theme-light .m-content-placement-item .c-call-to-action:active,
    .theme-light .c-content-placement .c-call-to-action:active,
    .theme-dark .theme-light .c-content-placement .c-call-to-action:active {
        color: rgba(0, 0, 0, .8)
    }

    .theme-light .m-content-placement-item .c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light .m-content-placement-item .c-call-to-action[aria-disabled="true"],
    .theme-light .c-content-placement .c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light .c-content-placement .c-call-to-action[aria-disabled="true"] {
        color: #999;
        background: transparent
    }

.theme-dark .m-content-placement-item .c-call-to-action,
.theme-light .theme-dark .m-content-placement-item .c-call-to-action,
.theme-dark .c-content-placement .c-call-to-action,
.theme-light .theme-dark .c-content-placement .c-call-to-action {
    color: #fff;
    background: transparent;
    border-color: transparent
}

    .theme-dark .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(255, 255, 255, .1)
    }

        .theme-dark .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-dark .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .m-content-placement-item .c-call-to-action:hover,
    .theme-light .theme-dark .m-content-placement-item .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .m-content-placement-item .c-call-to-action:hover,
    .theme-dark .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .c-content-placement .c-call-to-action:hover,
    .theme-light .theme-dark .c-content-placement .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-content-placement .c-call-to-action:hover {
        color: #e6e6e6
    }

    .theme-dark .m-content-placement-item .c-call-to-action:hover,
    .theme-light .theme-dark .m-content-placement-item .c-call-to-action:hover,
    .theme-dark .c-content-placement .c-call-to-action:hover,
    .theme-light .theme-dark .c-content-placement .c-call-to-action:hover {
        background: transparent
    }

    .theme-dark .m-content-placement-item .c-call-to-action:active,
    .theme-light .theme-dark .m-content-placement-item .c-call-to-action:active,
    .theme-dark .c-content-placement .c-call-to-action:active,
    .theme-light .theme-dark .c-content-placement .c-call-to-action:active {
        color: #ccc
    }

    .theme-dark .m-content-placement-item .c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark .m-content-placement-item .c-call-to-action[aria-disabled="true"],
    .theme-dark .c-content-placement .c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark .c-content-placement .c-call-to-action[aria-disabled="true"] {
        background: transparent;
        color: #666
    }

.m-content-placement-item .c-call-to-action span,
.c-content-placement .c-call-to-action span {
    display: inline
}

.m-content-placement-item .c-call-to-action.f-image,
.c-content-placement .c-call-to-action.f-image {
    margin-top: 16px
}

.m-content-placement-item .c-hyperlink,
.c-content-placement .c-hyperlink {
    padding: 10px 0;
    margin-right: 16px;
    display: inline-block
}

    .m-content-placement-item .c-hyperlink + .c-hyperlink,
    .c-content-placement .c-hyperlink + .c-hyperlink {
        padding-right: 0
    }

.m-content-placement-item .c-badge,
.c-content-placement .c-badge {
    margin: 12px 0 4px
}

@media only screen and (min-width:320px) {
    .m-content-placement-item .c-badge + .c-heading,
    .c-content-placement .c-badge + .c-heading {
        padding-top: 0;
        margin: 0
    }
}

.m-content-placement-item .c-video,
.m-content-placement-item .m-ambient-video,
.c-content-placement .c-video,
.c-content-placement .m-ambient-video {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0;
    padding: 0
}

    .m-content-placement-item .c-video video,
    .m-content-placement-item .m-ambient-video video,
    .c-content-placement .c-video video,
    .c-content-placement .m-ambient-video video {
        min-width: 100%;
        width: 100%;
        height: 100%
    }

.m-content-placement-item .c-video-player,
.c-content-placement .c-video-player {
    min-width: 100%
}

.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: 0;
        width: 100%;
        height: auto
    }

@media only screen and (max-width:539px) {
    .m-content-placement-item .c-heading,
    .c-content-placement .c-heading {
        font-size: 18px;
        line-height: 24px
    }
}

.m-content-placement-item .c-group,
.c-content-placement .c-group {
    display: block;
    overflow: visible
}

    .m-content-placement-item .c-group > .c-call-to-action,
    .c-content-placement .c-group > .c-call-to-action {
        padding-right: 16px;
        margin-top: 0
    }

.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-content-placement-item.f-precise-click,
.no-js .m-content-placement-item,
.c-content-placement.f-precise-click,
.no-js .c-content-placement {
    cursor: auto !important
}

.m-content-placement-item > a:first-child,
.c-content-placement > a:first-child {
    display: block
}

    .m-content-placement-item > a:first-child .c-heading,
    .c-content-placement > a:first-child .c-heading {
        font-size: 20px;
        line-height: 24px;
        font-weight: 600;
        opacity: .95;
        padding-top: 1px;
        padding-bottom: 2px;
        margin-top: 37px
    }

@media only screen and (max-width:768px) {
    .m-content-placement-item > a:first-child .c-heading,
    .c-content-placement > a:first-child .c-heading {
        margin-top: 12px
    }
}

.m-content-placement-item > a:first-child .c-paragraph,
.c-content-placement > a:first-child .c-paragraph {
    padding-top: 2px
}

.m-content-placement-item > a:first-child .c-heading,
.m-content-placement-item > a:first-child .c-paragraph,
.c-content-placement > a:first-child .c-heading,
.c-content-placement > a:first-child .c-paragraph {
    padding-right: 12px
}

.m-content-placement-item > a:first-child .c-call-to-action,
.c-content-placement > a:first-child .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
}

@media screen and (-ms-high-contrast:active) {
    .m-content-placement-item > a:first-child .c-call-to-action,
    .c-content-placement > a:first-child .c-call-to-action {
        border-color: window !important;
        outline-color: window
    }
}

.m-content-placement-item > a:first-child .c-call-to-action:focus,
.c-content-placement > a:first-child .c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

@media screen and (-ms-high-contrast:active) {
    .m-content-placement-item > a:first-child .c-call-to-action:focus,
    .c-content-placement > a:first-child .c-call-to-action:focus {
        border-color: windowText !important
    }
}

.theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus,
.theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus,
.theme-light .c-content-placement > a:first-child .c-call-to-action:focus,
.theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

.theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus,
.theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus,
.theme-dark .c-content-placement > a:first-child .c-call-to-action:focus,
.theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus {
    border-color: #fff;
    outline-color: rgba(0, 0, 0, .6)
}

.m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
.m-content-placement-item > a:first-child .c-call-to-action:hover,
.m-content-placement-item > a:first-child .c-call-to-action:active,
.c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
.c-content-placement > a:first-child .c-call-to-action:hover,
.c-content-placement > a:first-child .c-call-to-action:active {
    background: transparent;
    box-shadow: none !important
}

    .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
    .m-content-placement-item > a:first-child .c-call-to-action:hover span,
    .m-content-placement-item > a:first-child .c-call-to-action:active span,
    .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
    .c-content-placement > a:first-child .c-call-to-action:hover span,
    .c-content-placement > a:first-child .c-call-to-action:active span {
        box-shadow: 0 2px currentColor;
        left: 0 !important
    }

.m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
.c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) {
    color: #005da6;
    background: rgba(0, 103, 184, .1)
}

    .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
    .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span {
        box-shadow: 0 2px currentColor;
        text-decoration: none
    }

.m-content-placement-item > a:first-child .c-call-to-action:hover,
.c-content-placement > a:first-child .c-call-to-action:hover {
    color: #005da6
}

.m-content-placement-item > a:first-child .c-call-to-action:active,
.c-content-placement > a:first-child .c-call-to-action:active {
    background: none;
    color: #005293;
    text-decoration: none;
    -ms-transform: none;
    transform: none
}

.m-content-placement-item > a:first-child .c-call-to-action[aria-disabled="true"],
.c-content-placement > a:first-child .c-call-to-action[aria-disabled="true"] {
    cursor: not-allowed;
    color: #cce1f1
}

.m-content-placement-item > a:first-child .c-call-to-action.f-image,
.c-content-placement > a:first-child .c-call-to-action.f-image {
    padding: 0
}

.theme-light .m-content-placement-item > a:first-child .c-call-to-action,
.theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action,
.theme-light .c-content-placement > a:first-child .c-call-to-action,
.theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action {
    color: #000;
    border-color: transparent;
    background: transparent
}

    .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(0, 0, 0, .1)
    }

        .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-light .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .c-content-placement > a:first-child .c-call-to-action:hover,
    .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:hover {
        color: rgba(0, 0, 0, .9)
    }

    .theme-light .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-light .c-content-placement > a:first-child .c-call-to-action:hover,
    .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:hover {
        background: transparent
    }

    .theme-light .m-content-placement-item > a:first-child .c-call-to-action:active,
    .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:active,
    .theme-light .c-content-placement > a:first-child .c-call-to-action:active,
    .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action:active {
        color: rgba(0, 0, 0, .8)
    }

    .theme-light .m-content-placement-item > a:first-child .c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action[aria-disabled="true"],
    .theme-light .c-content-placement > a:first-child .c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light .c-content-placement > a:first-child .c-call-to-action[aria-disabled="true"] {
        color: #999;
        background: transparent
    }

.theme-dark .m-content-placement-item > a:first-child .c-call-to-action,
.theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action,
.theme-dark .c-content-placement > a:first-child .c-call-to-action,
.theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action {
    color: #fff;
    background: transparent;
    border-color: transparent
}

    .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(255, 255, 255, .1)
    }

        .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .c-content-placement > a:first-child .c-call-to-action:hover,
    .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:hover {
        color: #e6e6e6
    }

    .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:hover,
    .theme-dark .c-content-placement > a:first-child .c-call-to-action:hover,
    .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:hover {
        background: transparent
    }

    .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:active,
    .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:active,
    .theme-dark .c-content-placement > a:first-child .c-call-to-action:active,
    .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action:active {
        color: #ccc
    }

    .theme-dark .m-content-placement-item > a:first-child .c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action[aria-disabled="true"],
    .theme-dark .c-content-placement > a:first-child .c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark .c-content-placement > a:first-child .c-call-to-action[aria-disabled="true"] {
        background: transparent;
        color: #666
    }

.m-content-placement-item > a:first-child .c-call-to-action span,
.c-content-placement > a:first-child .c-call-to-action span {
    display: inline
}

.m-content-placement-item > a:first-child .c-call-to-action.f-image,
.c-content-placement > a:first-child .c-call-to-action.f-image {
    margin-top: 16px
}

.m-content-placement-item > a:first-child .c-hyperlink,
.c-content-placement > a:first-child .c-hyperlink {
    padding: 10px 0;
    margin-right: 16px;
    display: inline-block
}

    .m-content-placement-item > a:first-child .c-hyperlink + .c-hyperlink,
    .c-content-placement > a:first-child .c-hyperlink + .c-hyperlink {
        padding-right: 0
    }

.m-content-placement-item > a:first-child .c-badge,
.c-content-placement > a:first-child .c-badge {
    margin: 12px 0 4px
}

@media only screen and (min-width:320px) {
    .m-content-placement-item > a:first-child .c-badge + .c-heading,
    .c-content-placement > a:first-child .c-badge + .c-heading {
        padding-top: 0;
        margin: 0
    }
}

.m-content-placement-item > a:first-child .c-video,
.m-content-placement-item > a:first-child .m-ambient-video,
.c-content-placement > a:first-child .c-video,
.c-content-placement > a:first-child .m-ambient-video {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0;
    padding: 0
}

    .m-content-placement-item > a:first-child .c-video video,
    .m-content-placement-item > a:first-child .m-ambient-video video,
    .c-content-placement > a:first-child .c-video video,
    .c-content-placement > a:first-child .m-ambient-video video {
        min-width: 100%;
        width: 100%;
        height: 100%
    }

.m-content-placement-item > a:first-child .c-video-player,
.c-content-placement > a:first-child .c-video-player {
    min-width: 100%
}

.m-content-placement-item > a:first-child > picture,
.c-content-placement > a:first-child > picture {
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 56%
}

    .m-content-placement-item > a:first-child > picture img,
    .c-content-placement > a:first-child > picture img {
        position: absolute;
        left: 0;
        width: 100%;
        height: auto
    }

@media only screen and (max-width:539px) {
    .m-content-placement-item > a:first-child .c-heading,
    .c-content-placement > a:first-child .c-heading {
        font-size: 18px;
        line-height: 24px
    }
}

.m-content-placement-item > a:first-child:hover picture img,
.c-content-placement > a:first-child:hover picture img {
    opacity: .9
}

.m-content-placement-item > a:first-child:hover .c-heading,
.c-content-placement > a:first-child:hover .c-heading {
    text-decoration: underline
}

.m-content-placement-item > a:first-child:hover + .c-call-to-action span,
.m-content-placement-item > a:first-child:hover + .c-hyperlink,
.c-content-placement > a:first-child:hover + .c-call-to-action span,
.c-content-placement > a:first-child:hover + .c-hyperlink {
    text-decoration: underline
}

.m-content-placement-item > a:first-child:hover + .c-group > .c-call-to-action:first-child span,
.m-content-placement-item > a:first-child:hover + .c-group > .c-hyperlink:first-child,
.c-content-placement > a:first-child:hover + .c-group > .c-call-to-action:first-child span,
.c-content-placement > a:first-child:hover + .c-group > .c-hyperlink:first-child {
    text-decoration: underline
}

.m-content-placement-item > a:first-child:active picture img,
.c-content-placement > a:first-child:active picture img {
    opacity: .8
}

.m-content-placement-item > a:first-child:active .c-heading,
.c-content-placement > a:first-child:active .c-heading {
    text-decoration: underline
}

@charset "UTF-8";

.c-context-menu {
    background: #f2f2f2;
    width: 296px;
    min-width: 64px;
    max-width: 368px;
    border: 1px solid rgba(0, 0, 0, .1);
    z-index: 500
}

@media(-ms-high-contrast:active) {
    .c-context-menu {
        background: ButtonFace;
        border: 2px solid ButtonText;
        color: ButtonText
    }
}

.c-context-menu > li {
    position: relative;
    border: 2px solid transparent;
    outline: 0;
    position: relative;
    padding: 0;
    margin: 0;
    background: #f2f2f2;
    background-clip: padding-box
}

    .c-context-menu > li:before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        border: 1px solid transparent
    }

    .c-context-menu > li:focus {
        border-color: #000
    }

        .c-context-menu > li:focus:before {
            border-color: rgba(255, 255, 255, .6)
        }

.theme-light .c-context-menu > li:focus,
.theme-dark .theme-light .c-context-menu > li:focus {
    border-color: #000
}

    .theme-light .c-context-menu > li:focus:before,
    .theme-dark .theme-light .c-context-menu > li:focus:before {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark .c-context-menu > li:focus,
.theme-light .theme-dark .c-context-menu > li:focus {
    border-color: #fff
}

    .theme-dark .c-context-menu > li:focus:before,
    .theme-light .theme-dark .c-context-menu > li:focus:before {
        border-color: rgba(0, 0, 0, .6)
    }

@media(-ms-high-contrast:active) {
    .c-context-menu > li {
        background: ButtonFace;
        border: 2px solid ButtonFace;
        color: ButtonText
    }

        .c-context-menu > li:before {
            border: none
        }

        .c-context-menu > li:hover:not([aria-disabled="true"]) {
            border-color: Highlight
        }

            .c-context-menu > li:hover:not([aria-disabled="true"]) > span {
                background: Highlight;
                color: HighlightText;
                -ms-high-contrast-adjust: none
            }

        .c-context-menu > li:focus:not([aria-disabled="true"]) {
            border-color: ButtonText
        }
}

.c-context-menu > li span {
    display: inline-block;
    width: 100%;
    padding: 11px 12px 13px;
    outline: 0;
    cursor: pointer;
    white-space: normal
}

    .c-context-menu > li span.c-glyph {
        min-width: 120px;
        padding-right: 10px
    }

        .c-context-menu > li span.c-glyph:before {
            width: 16px;
            height: 16px;
            margin-right: 10px;
            vertical-align: middle
        }

.theme-light .c-context-menu > li span,
.theme-dark .theme-light .c-context-menu > li span {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .8)
}

.theme-dark .c-context-menu > li span,
.theme-light .theme-dark .c-context-menu > li span {
    background: #262626;
    color: rgba(255, 255, 255, .8)
}

.c-context-menu > li.f-context-text-only span {
    padding-left: 38px
}

.c-context-menu > li[role="menuitemcheckbox"][aria-checked="true"] span {
    font-weight: 700
}

    .c-context-menu > li[role="menuitemcheckbox"][aria-checked="true"] span:before,
    .c-context-menu > li[role="menuitemcheckbox"][aria-checked="true"] span:after {
        font-weight: 200
    }

    .c-context-menu > li[role="menuitemcheckbox"][aria-checked="true"] span:after {
        font-size: 15px;
        font-family: "MWF-MDL2";
        content: "";
        display: inline-block;
        text-decoration: none;
        width: 16px;
        height: 16px;
        margin-right: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #000
    }

.c-context-menu > li.f-divider span {
    border-top: 1px solid rgba(0, 0, 0, .2)
}

@media(-ms-high-contrast:active) {
    .c-context-menu > li.f-divider span {
        border-color: WindowText
    }
}

.c-context-menu > li:hover,
.c-context-menu > li:focus {
    background: #d9d9d9
}

.c-context-menu > li[aria-disabled="true"] span {
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

@media(-ms-high-contrast:active) {
    .c-context-menu > li[aria-disabled="true"] span {
        color: Graytext
    }
}

@charset "UTF-8";

.c-action-menu > button.c-action-trigger.f-active,
.no-js .c-action-menu:hover > button.c-action-trigger:not([disabled]) {
    background: rgba(0, 0, 0, .1);
    color: #000;
    text-decoration: none;
    animation: fadeIn .2s cubic-bezier(.68, -.55, .265, 1.55)
}

.c-action-menu {
    position: relative;
    display: inline-block
}

    .c-action-menu > button.c-action-trigger {
        position: relative;
        height: 100%
    }

        .c-action-menu > button.c-action-trigger:hover:not(.x-hidden-focus),
        .c-action-menu > button.c-action-trigger:focus:not(.x-hidden-focus) {
            background: rgba(0, 0, 0, .1);
            color: #000
        }

        .c-action-menu > button.c-action-trigger:active {
            background: rgba(0, 0, 0, .2)
        }

@media screen and (-ms-high-contrast:black-on-white) {
    .c-action-menu > button.c-action-trigger:not([aria-label]):focus:after {
        color: HighLightText
    }
}

.c-action-menu > button.c-action-trigger[disabled]:hover,
.c-action-menu > button.c-action-trigger[disabled]:focus {
    background: none;
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

.c-action-menu > button.c-action-trigger[aria-expanded="false"] + ul {
    display: none
}

.c-action-menu > button.c-action-trigger:not([aria-label]) {
    padding: 8px 24px 8px 8px
}

    .c-action-menu > button.c-action-trigger:not([aria-label]):after {
        font-family: "MWF-MDL2";
        content: "";
        display: inline-block;
        position: absolute;
        font-size: 8px;
        color: rgba(0, 0, 0, .8);
        font-weight: 700;
        right: 8px;
        padding-top: 7px
    }

    .c-action-menu > button.c-action-trigger:not([aria-label])[disabled]:after {
        color: rgba(0, 0, 0, .2)
    }

.c-action-menu.f-secondary > button.c-action-trigger {
    position: relative;
    padding: 9px 12px 8px;
    height: 100%;
    line-height: 1;
    background-color: rgba(0, 0, 0, .2);
    color: #000
}

    .c-action-menu.f-secondary > button.c-action-trigger:hover:not(.x-hidden-focus),
    .c-action-menu.f-secondary > button.c-action-trigger:focus:not(.x-hidden-focus) {
        background: rgba(0, 0, 0, .3)
    }

    .c-action-menu.f-secondary > button.c-action-trigger:focus:not(.x-hidden-focus) {
        text-decoration: underline
    }

    .c-action-menu.f-secondary > button.c-action-trigger:active {
        background: rgba(0, 0, 0, .4);
        -ms-transform: scale(.98);
        transform: scale(.98)
    }

    .c-action-menu.f-secondary > button.c-action-trigger[disabled]:hover,
    .c-action-menu.f-secondary > button.c-action-trigger[disabled]:focus {
        background: none;
        color: rgba(0, 0, 0, .2);
        cursor: not-allowed
    }

    .c-action-menu.f-secondary > button.c-action-trigger[aria-expanded="false"] + ul {
        display: none
    }

    .c-action-menu.f-secondary > button.c-action-trigger:not([aria-label]) {
        padding: 9px 12px 8px 12px
    }

        .c-action-menu.f-secondary > button.c-action-trigger:not([aria-label]):after {
            font-family: "MWF-MDL2";
            content: "";
            position: absolute;
            font-size: 8px;
            color: rgba(0, 0, 0, .8);
            font-weight: 700;
            right: 8px;
            padding-top: 7px
        }

        .c-action-menu.f-secondary > button.c-action-trigger:not([aria-label])[disabled]:after {
            color: rgba(0, 0, 0, .2)
        }

.c-action-menu > .c-context-menu {
    position: absolute
}

.c-action-menu > button.c-action-trigger.f-active:focus:not(.x-hidden-focus),
.no-js .c-action-menu:hover > button.c-action-trigger:not([disabled]):focus:not(.x-hidden-focus) {
    outline: none
}

.no-js .c-action-menu:hover > .c-context-menu:not([aria-disabled]),
.js .c-action-menu > .c-context-menu ul[aria-expanded="true"] {
    display: block;
    animation: fadeIn .3s cubic-bezier(.68, -.55, .265, 1.55)
}

[class*="m-heading"] {
    clear: both
}

    [class*="m-heading"].f-heavyweight .c-heading {
        font-weight: 600;
        opacity: .95
    }

    [class*="m-heading"].f-pivot:not(.f-disabled) > a.f-active {
        font-weight: 600;
        color: #000;
        border-bottom: 2px solid #0067b8
    }

        [class*="m-heading"].f-pivot:not(.f-disabled) > a.f-active:focus {
            background: rgba(0, 103, 184, .1) content-box
        }

    [class*="m-heading"].f-pivot:not(.f-disabled) > a:hover {
        color: rgba(0, 0, 0, .8)
    }

    [class*="m-heading"].f-pivot > a {
        display: inline-block;
        white-space: nowrap;
        margin: 0 12px;
        line-height: 34px;
        color: rgba(0, 0, 0, .6);
        font-weight: 400;
        -ms-transform: translateX(-12px);
        transform: translateX(-12px)
    }

        [class*="m-heading"].f-pivot > a:focus {
            outline: transparent
        }

    [class*="m-heading"].f-pivot.f-disabled > a {
        color: rgba(0, 0, 0, .2);
        cursor: not-allowed
    }

    [class*="m-heading"].f-pivot + [class^="m-"] {
        padding-top: 12px
    }

    [class*="m-heading"].f-select .c-select-menu {
        margin-right: 8px
    }

    [class*="m-heading"].f-select + [class^="m-"] {
        padding-top: 12px
    }

    [class*="m-heading"].f-action > .c-action-menu:first-of-type {
        margin-left: -8px
    }

        [class*="m-heading"].f-action > .c-action-menu:first-of-type > button.c-action-trigger {
            margin-top: 4px
        }

    [class*="m-heading"].f-action + [class^="m-"] {
        padding-top: 12px
    }

    [class*="m-heading"] .c-heading a.c-hyperlink {
        font-size: 15px;
        line-height: 20px;
        float: right;
        margin-left: 12px;
        font-weight: 400
    }

.m-heading-1 .c-heading {
    font-size: 62px;
    line-height: 72px;
    padding: 38px 0 6px;
    font-weight: 600;
    letter-spacing: -.01em;
    padding-top: 0
}

    .m-heading-1 .c-heading span + a.c-hyperlink {
        position: relative;
        margin-top: 45px;
        z-index: 100
    }

@media only screen and (max-width:767px) {
    .m-heading-1 .c-heading span + a.c-hyperlink {
        margin-top: 31px
    }
}

.m-heading-1 + [class*="m-"] {
    padding-top: 10px
}

@media only screen and (max-width:767px) {
    .m-heading-1 + [class*="m-"] {
        padding-top: 13px
    }
}

.m-heading-2 .c-heading {
    font-size: 46px;
    line-height: 56px;
    padding: 37px 0 3px;
    font-weight: 600;
    letter-spacing: -.01em;
    padding-top: 0
}

    .m-heading-2 .c-heading span + a.c-hyperlink {
        position: relative;
        margin-top: 31px;
        z-index: 100
    }

@media only screen and (max-width:767px) {
    .m-heading-2 .c-heading span + a.c-hyperlink {
        margin-top: 18px
    }
}

.m-heading-2 + [class*="m-"] {
    padding-top: 12px
}

@media only screen and (max-width:767px) {
    .m-heading-2 + [class*="m-"] {
        padding-top: 16px
    }
}

.m-heading-3 .c-heading {
    font-size: 34px;
    line-height: 40px;
    padding: 38px 0 2px;
    font-weight: 600;
    padding-top: 0
}

    .m-heading-3 .c-heading span + a.c-hyperlink {
        position: relative;
        margin-top: 18px;
        z-index: 100
    }

@media only screen and (max-width:767px) {
    .m-heading-3 .c-heading span + a.c-hyperlink {
        margin-top: 10px
    }
}

.m-heading-3 + [class*="m-"] {
    padding-top: 18px
}

@media only screen and (max-width:767px) {
    .m-heading-3 + [class*="m-"] {
        padding-top: 10px
    }
}

.m-heading-4 .c-heading {
    font-size: 24px;
    line-height: 28px;
    padding: 36px 0 4px;
    font-weight: 600;
    padding-top: 0
}

    .m-heading-4 .c-heading span + a.c-hyperlink {
        position: relative;
        margin-top: 8px;
        z-index: 100
    }

@media only screen and (max-width:767px) {
    .m-heading-4 .c-heading span + a.c-hyperlink {
        margin-top: 4px
    }
}

.m-heading-4 + [class*="m-"] {
    padding-top: 16px
}

@media only screen and (max-width:767px) {
    .m-heading-4 + [class*="m-"] {
        padding-top: 14px
    }
}

.m-heading-5 .c-heading {
    font-size: 20px;
    line-height: 24px;
    padding: 35px 0 5px;
    font-weight: 600;
    padding-top: 0
}

    .m-heading-5 .c-heading span + a.c-hyperlink {
        position: relative;
        margin-top: 4px;
        z-index: 100
    }

@media only screen and (max-width:767px) {
    .m-heading-5 .c-heading span + a.c-hyperlink {
        margin-top: 3px
    }
}

.m-heading-5 + [class*="m-"] {
    padding-top: 15px
}

.m-heading-6 .c-heading {
    font-size: 18px;
    line-height: 24px;
    padding: 37px 0 3px;
    font-weight: 600;
    padding-top: 0
}

    .m-heading-6 .c-heading span + a.c-hyperlink {
        position: relative;
        margin-top: 3px;
        z-index: 100
    }

@media only screen and (max-width:767px) {
    .m-heading-6 .c-heading span + a.c-hyperlink {
        margin-top: 0
    }
}

.m-heading-6 + [class*="m-"] {
    padding-top: 17px
}

[class*="pad-heading"] + .pad-content-placement .m-content-placement,
[class*="m-heading"] + .m-content-placement {
    position: relative;
    margin-top: -48px
}

[class*="pad-heading"] + .pad-product-placement .m-product-placement,
[class*="m-heading"] + .m-product-placement {
    padding-top: 2px
}

.c-price:before,
.c-price:after {
    content: " ";
    display: table
}

.c-price:after {
    clear: both
}

.c-price .c-label {
    font-size: 15px;
    padding: 0 4px;
    display: inline;
    margin: 0;
    float: left
}

.c-price span,
.c-price meta + span,
.c-price s {
    float: left
}

@media screen and (-ms-high-contrast:active) {
    .c-price span,
    .c-price meta + span,
    .c-price s {
        -ms-high-contrast-adjust: none;
        color: Windowtext
    }
}

.c-price.f-large .c-label,
.c-price.f-large span,
.c-price.f-large meta + span,
.c-price.f-large s {
    font-size: 20px;
    line-height: 24px
}

.c-sequence-indicator {
    font-size: 0
}

    .c-sequence-indicator[aria-hidden=true] {
        display: none
    }

    .c-sequence-indicator button,
    .c-sequence-indicator a {
        position: relative;
        border: 2px solid transparent;
        outline: 0;
        width: 16px;
        height: 14px;
        padding: 2px 3px;
        display: inline-block;
        background-color: transparent
    }

        .c-sequence-indicator button:after,
        .c-sequence-indicator a:after {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: '';
            border: 1px solid transparent
        }

        .c-sequence-indicator button:focus,
        .c-sequence-indicator a:focus {
            border-color: #000
        }

            .c-sequence-indicator button:focus:after,
            .c-sequence-indicator a:focus:after {
                border-color: rgba(255, 255, 255, .6)
            }

.theme-light .c-sequence-indicator button:focus,
.theme-dark .theme-light .c-sequence-indicator button:focus,
.theme-light .c-sequence-indicator a:focus,
.theme-dark .theme-light .c-sequence-indicator a:focus {
    border-color: #000
}

    .theme-light .c-sequence-indicator button:focus:after,
    .theme-dark .theme-light .c-sequence-indicator button:focus:after,
    .theme-light .c-sequence-indicator a:focus:after,
    .theme-dark .theme-light .c-sequence-indicator a:focus:after {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark .c-sequence-indicator button:focus,
.theme-light .theme-dark .c-sequence-indicator button:focus,
.theme-dark .c-sequence-indicator a:focus,
.theme-light .theme-dark .c-sequence-indicator a:focus {
    border-color: #fff
}

    .theme-dark .c-sequence-indicator button:focus:after,
    .theme-light .theme-dark .c-sequence-indicator button:focus:after,
    .theme-dark .c-sequence-indicator a:focus:after,
    .theme-light .theme-dark .c-sequence-indicator a:focus:after {
        border-color: rgba(0, 0, 0, .6)
    }

.c-sequence-indicator button:before,
.c-sequence-indicator a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .8)
}

.c-sequence-indicator button:hover:before,
.c-sequence-indicator a:hover:before {
    background-color: rgba(0, 0, 0, .4)
}

.c-sequence-indicator button[aria-checked="true"]:before,
.c-sequence-indicator button[aria-selected="true"]:before,
.c-sequence-indicator a[aria-checked="true"]:before,
.c-sequence-indicator a[aria-selected="true"]:before {
    background-color: #000
}

@media screen and (-ms-high-contrast:active) {
    .c-sequence-indicator button[aria-checked="true"]:before,
    .c-sequence-indicator button[aria-selected="true"]:before,
    .c-sequence-indicator a[aria-checked="true"]:before,
    .c-sequence-indicator a[aria-selected="true"]:before {
        background-color: Highlight
    }
}

@media(-ms-high-contrast:active) {
    .c-sequence-indicator button,
    .c-sequence-indicator a {
        border-color: Window;
        outline-color: Window
    }

        .c-sequence-indicator button:after,
        .c-sequence-indicator a:after {
            border-color: Window
        }

        .c-sequence-indicator button:hover,
        .c-sequence-indicator a:hover {
            outline-color: Highlight
        }

            .c-sequence-indicator button:hover:after,
            .c-sequence-indicator a:hover:after {
                border-color: Highlight
            }

        .c-sequence-indicator button:focus,
        .c-sequence-indicator a:focus {
            border-color: ButtonText
        }

        .c-sequence-indicator button:active:before,
        .c-sequence-indicator a:active:before {
            background-color: Highlight
        }
}

.theme-light .c-sequence-indicator button:before,
.theme-light .c-sequence-indicator a:before,
.theme-dark .theme-light .c-sequence-indicator button:before,
.theme-dark .theme-light .c-sequence-indicator a:before {
    border-color: rgba(0, 0, 0, .8)
}

.theme-light .c-sequence-indicator button:focus,
.theme-light .c-sequence-indicator a:focus,
.theme-dark .theme-light .c-sequence-indicator button:focus,
.theme-dark .theme-light .c-sequence-indicator a:focus {
    border-color: #000
}

.theme-light .c-sequence-indicator button:hover:before,
.theme-light .c-sequence-indicator a:hover:before,
.theme-dark .theme-light .c-sequence-indicator button:hover:before,
.theme-dark .theme-light .c-sequence-indicator a:hover:before {
    background: rgba(0, 0, 0, .4)
}

.theme-light .c-sequence-indicator button[aria-checked="true"]:before,
.theme-light .c-sequence-indicator button[aria-selected="true"]:before,
.theme-light .c-sequence-indicator a[aria-checked="true"]:before,
.theme-light .c-sequence-indicator a[aria-selected="true"]:before,
.theme-dark .theme-light .c-sequence-indicator button[aria-checked="true"]:before,
.theme-dark .theme-light .c-sequence-indicator button[aria-selected="true"]:before,
.theme-dark .theme-light .c-sequence-indicator a[aria-checked="true"]:before,
.theme-dark .theme-light .c-sequence-indicator a[aria-selected="true"]:before {
    background: #000
}

.theme-dark .c-sequence-indicator button:before,
.theme-dark .c-sequence-indicator a:before,
.theme-light .theme-dark .c-sequence-indicator button:before,
.theme-light .theme-dark .c-sequence-indicator a:before {
    border-color: rgba(255, 255, 255, .8)
}

.theme-dark .c-sequence-indicator button:focus,
.theme-dark .c-sequence-indicator a:focus,
.theme-light .theme-dark .c-sequence-indicator button:focus,
.theme-light .theme-dark .c-sequence-indicator a:focus {
    border-color: #fff
}

.theme-dark .c-sequence-indicator button:hover:before,
.theme-dark .c-sequence-indicator a:hover:before,
.theme-light .theme-dark .c-sequence-indicator button:hover:before,
.theme-light .theme-dark .c-sequence-indicator a:hover:before {
    background: rgba(255, 255, 255, .4)
}

.theme-dark .c-sequence-indicator button[aria-checked="true"]:before,
.theme-dark .c-sequence-indicator button[aria-selected="true"]:before,
.theme-dark .c-sequence-indicator a[aria-checked="true"]:before,
.theme-dark .c-sequence-indicator a[aria-selected="true"]:before,
.theme-light .theme-dark .c-sequence-indicator button[aria-checked="true"]:before,
.theme-light .theme-dark .c-sequence-indicator button[aria-selected="true"]:before,
.theme-light .theme-dark .c-sequence-indicator a[aria-checked="true"]:before,
.theme-light .theme-dark .c-sequence-indicator a[aria-selected="true"]:before {
    background: #fff
}

button.c-action-toggle {
    font-size: 15px;
    line-height: 20px;
    position: relative;
    border: 2px solid transparent;
    outline: 0;
    max-width: 374px;
    min-width: 36px;
    display: inline-block;
    padding: 6px 10px 8px;
    color: #0067b8;
    background: none;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-decoration: none
}

    button.c-action-toggle:after {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        border: 1px solid transparent
    }

    button.c-action-toggle:focus {
        border-color: #000
    }

        button.c-action-toggle:focus:after {
            border-color: rgba(255, 255, 255, .6)
        }

.theme-light button.c-action-toggle:focus,
.theme-dark .theme-light button.c-action-toggle:focus {
    border-color: #000
}

    .theme-light button.c-action-toggle:focus:after,
    .theme-dark .theme-light button.c-action-toggle:focus:after {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark button.c-action-toggle:focus,
.theme-light .theme-dark button.c-action-toggle:focus {
    border-color: #fff
}

    .theme-dark button.c-action-toggle:focus:after,
    .theme-light .theme-dark button.c-action-toggle:focus:after {
        border-color: rgba(0, 0, 0, .6)
    }

button.c-action-toggle[aria-hidden=true] {
    display: none
}

button.c-action-toggle:hover {
    color: #fff;
    background: #0067b8
}

button.c-action-toggle:active {
    outline: 1px solid transparent
}

button.c-action-toggle[disabled] {
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

    button.c-action-toggle[disabled]:hover {
        background: inherit
    }

button.c-action-toggle.c-glyph {
    min-width: 120px;
    padding-left: 0
}

    button.c-action-toggle.c-glyph:before {
        position: relative;
        top: 2px;
        width: 16px;
        height: 16px;
        margin-left: 10px;
        margin-right: 10px
    }

    button.c-action-toggle.c-glyph[aria-label] {
        min-width: 0;
        margin-right: 10px;
        padding-right: 0
    }

    button.c-action-toggle.c-glyph.f-align-margin {
        margin-left: -10px
    }

.theme-light button.c-action-toggle,
.theme-dark .theme-light button.c-action-toggle,
.theme-dark button.c-action-toggle,
.theme-light .theme-dark button.c-action-toggle {
    background: transparent;
    text-decoration: none
}

    .theme-light button.c-action-toggle[disabled],
    .theme-dark .theme-light button.c-action-toggle[disabled],
    .theme-dark button.c-action-toggle[disabled],
    .theme-light .theme-dark button.c-action-toggle[disabled] {
        cursor: not-allowed;
        background: inherit
    }

.theme-light button.c-action-toggle,
.theme-dark .theme-light button.c-action-toggle {
    color: #000
}

    .theme-light button.c-action-toggle:hover,
    .theme-dark .theme-light button.c-action-toggle:hover {
        color: #fff;
        background: #000
    }

    .theme-light button.c-action-toggle[disabled],
    .theme-dark .theme-light button.c-action-toggle[disabled] {
        color: rgba(0, 0, 0, .2)
    }

.theme-dark button.c-action-toggle,
.theme-light .theme-dark button.c-action-toggle {
    color: #fff
}

    .theme-dark button.c-action-toggle:hover,
    .theme-light .theme-dark button.c-action-toggle:hover {
        color: #000;
        background: #fff
    }

    .theme-dark button.c-action-toggle[disabled],
    .theme-light .theme-dark button.c-action-toggle[disabled] {
        color: rgba(255, 255, 255, .6)
    }

@media screen and (-ms-high-contrast) {
    button.c-action-toggle {
        border-color: Window;
        outline-color: Window
    }

        button.c-action-toggle:focus,
        button.c-action-toggle:hover:not([disabled]) {
            color: Highlighttext;
            -ms-high-contrast-adjust: none;
            background: Highlight
        }

        button.c-action-toggle:after {
            border-width: 2px
        }

        button.c-action-toggle:focus {
            outline: 2px solid ButtonText;
            outline-offset: -7px
        }

        button.c-action-toggle:hover:not([disabled]) {
            outline-color: Highlight
        }

            button.c-action-toggle:hover:not([disabled]):focus:after {
                outline-color: ButtonText;
                border-color: ButtonText
            }
}

button.c-action-toggle[class*='f-toggle-pane-button'].c-glyph {
    padding: 6px 16px 8px 8px
}

button.c-action-toggle[class*='f-toggle-pane-button']:hover {
    color: #0067b8;
    background: transparent
}

@charset "UTF-8";

.m-product-placement-item,
.c-product-placement {
    position: relative;
    padding: 0;
    margin-right: 18px;
    margin-top: 12px
}

    .m-product-placement-item > a,
    .c-product-placement > a {
        position: relative;
        border: 2px solid transparent;
        outline: 0;
        display: block;
        overflow: hidden;
        padding: 1px;
        width: 100%;
        height: 100%;
        white-space: nowrap
    }

        .m-product-placement-item > a:before,
        .c-product-placement > a:before {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: '';
            border: 1px solid transparent
        }

        .m-product-placement-item > a:focus,
        .c-product-placement > a:focus {
            border-color: #000
        }

            .m-product-placement-item > a:focus:before,
            .c-product-placement > a:focus:before {
                border-color: rgba(255, 255, 255, .6)
            }

.theme-light .m-product-placement-item > a:focus,
.theme-dark .theme-light .m-product-placement-item > a:focus,
.theme-light .c-product-placement > a:focus,
.theme-dark .theme-light .c-product-placement > a:focus {
    border-color: #000
}

    .theme-light .m-product-placement-item > a:focus:before,
    .theme-dark .theme-light .m-product-placement-item > a:focus:before,
    .theme-light .c-product-placement > a:focus:before,
    .theme-dark .theme-light .c-product-placement > a:focus:before {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark .m-product-placement-item > a:focus,
.theme-light .theme-dark .m-product-placement-item > a:focus,
.theme-dark .c-product-placement > a:focus,
.theme-light .theme-dark .c-product-placement > a:focus {
    border-color: #fff
}

    .theme-dark .m-product-placement-item > a:focus:before,
    .theme-light .theme-dark .m-product-placement-item > a:focus:before,
    .theme-dark .c-product-placement > a:focus:before,
    .theme-light .theme-dark .c-product-placement > a:focus:before {
        border-color: rgba(0, 0, 0, .6)
    }

.m-product-placement-item > a > picture,
.m-product-placement-item > a > .f-default-image > picture,
.c-product-placement > a > picture,
.c-product-placement > a > .f-default-image > picture {
    border: 1px solid rgba(0, 0, 0, .1)
}

@media(-ms-high-contrast:active) {
    .m-product-placement-item > a,
    .c-product-placement > a {
        border-color: window
    }

        .m-product-placement-item > a:before,
        .c-product-placement > a:before {
            border-color: window
        }
}

.m-product-placement-item > a:focus > picture,
.m-product-placement-item > a:focus > .f-default-image > picture,
.m-product-placement-item > a:hover > picture,
.m-product-placement-item > a:hover > .f-default-image > picture,
.c-product-placement > a:focus > picture,
.c-product-placement > a:focus > .f-default-image > picture,
.c-product-placement > a:hover > picture,
.c-product-placement > a:hover > .f-default-image > picture {
    border: 1px solid rgba(0, 0, 0, .1)
}

.m-product-placement-item > a:hover .c-heading,
.m-product-placement-item > a:hover .c-subheading,
.c-product-placement > a:hover .c-heading,
.c-product-placement > a:hover .c-subheading {
    text-decoration: underline
}

    .m-product-placement-item > a:hover .c-heading > .c-explicit,
    .m-product-placement-item > a:hover .c-subheading > .c-explicit,
    .c-product-placement > a:hover .c-heading > .c-explicit,
    .c-product-placement > a:hover .c-subheading > .c-explicit {
        line-height: 15px;
        text-decoration: none
    }

@media(-ms-high-contrast:active) {
    .m-product-placement-item > a:hover,
    .c-product-placement > a:hover {
        border-color: Highlight
    }
}

.m-product-placement-item picture,
.m-product-placement-item picture img,
.m-product-placement-item picture .c-image,
.c-product-placement picture,
.c-product-placement picture img,
.c-product-placement picture .c-image {
    display: block;
    position: relative;
    box-sizing: content-box
}

    .m-product-placement-item picture .c-image,
    .c-product-placement picture .c-image {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

@media(-ms-high-contrast:active) {
    .m-product-placement-item picture,
    .c-product-placement picture {
        border-color: window
    }
}

.m-product-placement-item .c-heading,
.c-product-placement .c-heading {
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 60px;
    font-weight: 600;
    opacity: .95;
    padding-top: 16px;
    padding-bottom: 2px;
    white-space: normal;
    position: relative
}

.m-product-placement-item .c-explicit,
.c-product-placement .c-explicit {
    position: absolute;
    right: 0;
    bottom: 2px;
    margin: 0;
    line-height: 16px;
    height: 17px;
    min-width: 14px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 4px 0 4px #fff;
    font-weight: 400
}

.m-product-placement-item .c-rating,
.c-product-placement .c-rating {
    margin-top: 4px;
    margin-bottom: 2px
}

    .m-product-placement-item .c-rating .c-meta-text,
    .c-product-placement .c-rating .c-meta-text {
        display: inline-block
    }

.m-product-placement-item .c-price,
.c-product-placement .c-price {
    padding-top: 4px
}

.m-product-placement-item .c-paragraph,
.c-product-placement .c-paragraph {
    font-size: 13px;
    line-height: 16px;
    padding-top: 8px;
    color: #000
}

.m-product-placement-item .c-badge,
.c-product-placement .c-badge {
    margin-top: 12px;
    margin-bottom: 4px
}

    .m-product-placement-item .c-badge + .c-heading,
    .c-product-placement .c-badge + .c-heading {
        padding-top: 0
    }

.m-product-placement-item .c-meta-text,
.c-product-placement .c-meta-text {
    display: block;
    white-space: normal;
    max-height: 60px
}

.m-product-placement-item.context-artist picture,
.m-product-placement-item.context-artist picture img,
.m-product-placement-item.context-artist .c-image,
.c-product-placement.context-artist picture,
.c-product-placement.context-artist picture img,
.c-product-placement.context-artist .c-image {
    border-radius: 50%
}

.m-product-placement-item.context-artist .f-default-image,
.c-product-placement.context-artist .f-default-image {
    border-radius: 50%
}

.m-product-placement-item.context-artist .c-meta-text,
.c-product-placement.context-artist .c-meta-text {
    text-overflow: ellipsis;
    overflow: hidden
}

.m-product-placement-item.context-artist.f-size-medium > a > div + div,
.m-product-placement-item.context-artist.f-size-flex > a > div + div,
.c-product-placement.context-artist.f-size-medium > a > div + div,
.c-product-placement.context-artist.f-size-flex > a > div + div {
    text-align: center;
    padding: 0 12px
}

.m-product-placement-item.context-tvshow.f-size-medium picture + div,
.m-product-placement-item.context-tvshow.f-size-medium .f-default-image + div,
.c-product-placement.context-tvshow.f-size-medium picture + div,
.c-product-placement.context-tvshow.f-size-medium .f-default-image + div {
    min-height: 62px;
    width: 100%
}

.m-product-placement-item.context-video,
.c-product-placement.context-video {
    width: 336px;
    margin-right: 12px;
    white-space: normal
}

@media only screen and (max-width:767px) {
    .m-product-placement-item.context-video,
    .c-product-placement.context-video {
        width: 224px;
        margin-right: 8px
    }
}

.m-product-placement-item.context-video [class*="c-heading"],
.c-product-placement.context-video [class*="c-heading"] {
    font-weight: 600;
    opacity: .95;
    padding-top: 12px
}

.m-product-placement-item.context-video .c-badge + [class*="c-heading"],
.c-product-placement.context-video .c-badge + [class*="c-heading"] {
    padding-top: 0
}

.m-product-placement-item.context-video .c-action-trigger,
.c-product-placement.context-video .c-action-trigger {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    border: transparent;
    border-radius: 50%;
    margin: 0;
    height: 48px;
    width: 48px;
    margin-top: 0;
    top: calc(94.5px - 24px);
    left: calc(168px - 24px);
    position: relative;
    border: 2px solid transparent;
    outline: 0;
    border-radius: 50%;
    position: absolute
}

    .m-product-placement-item.context-video .c-action-trigger:hover,
    .c-product-placement.context-video .c-action-trigger:hover {
        text-decoration: none
    }

    .m-product-placement-item.context-video .c-action-trigger:before,
    .c-product-placement.context-video .c-action-trigger:before {
        position: absolute;
        top: calc(50% - 12px);
        left: calc(50% - 11px);
        color: #fff;
        font-size: 24px;
        line-height: 24px;
        content: "";
        margin: 0
    }

    .m-product-placement-item.context-video .c-action-trigger:after,
    .c-product-placement.context-video .c-action-trigger:after {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        border: 1px solid transparent
    }

    .m-product-placement-item.context-video .c-action-trigger:focus,
    .c-product-placement.context-video .c-action-trigger:focus {
        border-color: #000
    }

        .m-product-placement-item.context-video .c-action-trigger:focus:after,
        .c-product-placement.context-video .c-action-trigger:focus:after {
            border-color: rgba(255, 255, 255, .6)
        }

.theme-light .m-product-placement-item.context-video .c-action-trigger:focus,
.theme-dark .theme-light .m-product-placement-item.context-video .c-action-trigger:focus,
.theme-light .c-product-placement.context-video .c-action-trigger:focus,
.theme-dark .theme-light .c-product-placement.context-video .c-action-trigger:focus {
    border-color: #000
}

    .theme-light .m-product-placement-item.context-video .c-action-trigger:focus:after,
    .theme-dark .theme-light .m-product-placement-item.context-video .c-action-trigger:focus:after,
    .theme-light .c-product-placement.context-video .c-action-trigger:focus:after,
    .theme-dark .theme-light .c-product-placement.context-video .c-action-trigger:focus:after {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark .m-product-placement-item.context-video .c-action-trigger:focus,
.theme-light .theme-dark .m-product-placement-item.context-video .c-action-trigger:focus,
.theme-dark .c-product-placement.context-video .c-action-trigger:focus,
.theme-light .theme-dark .c-product-placement.context-video .c-action-trigger:focus {
    border-color: #fff
}

    .theme-dark .m-product-placement-item.context-video .c-action-trigger:focus:after,
    .theme-light .theme-dark .m-product-placement-item.context-video .c-action-trigger:focus:after,
    .theme-dark .c-product-placement.context-video .c-action-trigger:focus:after,
    .theme-light .theme-dark .c-product-placement.context-video .c-action-trigger:focus:after {
        border-color: rgba(0, 0, 0, .6)
    }

.m-product-placement-item.context-video .c-action-trigger:hover,
.c-product-placement.context-video .c-action-trigger:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, .7)
}

.m-product-placement-item.context-video .c-action-trigger:active,
.c-product-placement.context-video .c-action-trigger:active {
    background: rgba(0, 0, 0, .8)
}

.m-product-placement-item.context-video .c-action-trigger:before,
.c-product-placement.context-video .c-action-trigger:before {
    border: 0
}

.m-product-placement-item.context-video .c-action-trigger:after,
.c-product-placement.context-video .c-action-trigger:after {
    border-radius: 50%
}

.m-product-placement-item.context-video picture,
.m-product-placement-item.context-video img,
.c-product-placement.context-video picture,
.c-product-placement.context-video img {
    width: 330px
}

@media only screen and (max-width:767px) {
    .m-product-placement-item.context-video picture,
    .m-product-placement-item.context-video img,
    .c-product-placement.context-video picture,
    .c-product-placement.context-video img {
        width: 218px;
        margin-right: 8px
    }
}

.m-product-placement-item .f-default-image,
.c-product-placement .f-default-image {
    background: rgba(0, 0, 0, .3);
    line-height: 0
}

.m-product-placement-item.f-clean > a > picture,
.m-product-placement-item.f-clean > a > .f-default-image > picture,
.m-product-placement-item.f-clean > picture,
.m-product-placement-item.f-clean > .f-default-image > picture,
.c-product-placement.f-clean > a > picture,
.c-product-placement.f-clean > a > .f-default-image > picture,
.c-product-placement.f-clean > picture,
.c-product-placement.f-clean > .f-default-image > picture {
    border: 1px solid transparent
}

    .m-product-placement-item.f-clean > a > picture:hover,
    .m-product-placement-item.f-clean > a > .f-default-image > picture:hover,
    .m-product-placement-item.f-clean > picture:hover,
    .m-product-placement-item.f-clean > .f-default-image > picture:hover,
    .c-product-placement.f-clean > a > picture:hover,
    .c-product-placement.f-clean > a > .f-default-image > picture:hover,
    .c-product-placement.f-clean > picture:hover,
    .c-product-placement.f-clean > .f-default-image > picture:hover {
        border: 1px solid rgba(0, 0, 0, .6)
    }

.m-product-placement-item.f-clean > a:focus > picture,
.m-product-placement-item.f-clean > a:focus > .f-default-image > picture,
.m-product-placement-item.f-clean > a:focus:hover > picture,
.m-product-placement-item.f-clean > a:focus:hover > .f-default-image > picture,
.c-product-placement.f-clean > a:focus > picture,
.c-product-placement.f-clean > a:focus > .f-default-image > picture,
.c-product-placement.f-clean > a:focus:hover > picture,
.c-product-placement.f-clean > a:focus:hover > .f-default-image > picture {
    border: 1px solid rgba(0, 0, 0, .1)
}

.m-product-placement-item.f-size-small,
.m-product-placement-item.f-size-smallprime,
.c-product-placement.f-size-small,
.c-product-placement.f-size-smallprime {
    width: 278px
}

    .m-product-placement-item.f-size-small .c-badge,
    .m-product-placement-item.f-size-smallprime .c-badge,
    .c-product-placement.f-size-small .c-badge,
    .c-product-placement.f-size-smallprime .c-badge {
        display: none
    }

    .m-product-placement-item.f-size-small picture,
    .m-product-placement-item.f-size-small .f-default-image,
    .m-product-placement-item.f-size-smallprime picture,
    .m-product-placement-item.f-size-smallprime .f-default-image,
    .c-product-placement.f-size-small picture,
    .c-product-placement.f-size-small .f-default-image,
    .c-product-placement.f-size-smallprime picture,
    .c-product-placement.f-size-smallprime .f-default-image {
        float: left
    }

        .m-product-placement-item.f-size-small picture + div,
        .m-product-placement-item.f-size-small .f-default-image + div,
        .m-product-placement-item.f-size-smallprime picture + div,
        .m-product-placement-item.f-size-smallprime .f-default-image + div,
        .c-product-placement.f-size-small picture + div,
        .c-product-placement.f-size-small .f-default-image + div,
        .c-product-placement.f-size-smallprime picture + div,
        .c-product-placement.f-size-smallprime .f-default-image + div {
            display: inline-block;
            margin-left: 12px;
            width: calc(100% - 88px)
        }

    .m-product-placement-item.f-size-small .c-heading,
    .m-product-placement-item.f-size-smallprime .c-heading,
    .c-product-placement.f-size-small .c-heading,
    .c-product-placement.f-size-smallprime .c-heading {
        padding-top: 2px
    }

    .m-product-placement-item.f-size-small.context-movie picture,
    .m-product-placement-item.f-size-small.context-movie .f-default-image > picture,
    .m-product-placement-item.f-size-smallprime.context-movie picture,
    .m-product-placement-item.f-size-smallprime.context-movie .f-default-image > picture,
    .c-product-placement.f-size-small.context-movie picture,
    .c-product-placement.f-size-small.context-movie .f-default-image > picture,
    .c-product-placement.f-size-smallprime.context-movie picture,
    .c-product-placement.f-size-smallprime.context-movie .f-default-image > picture {
        width: 72px;
        height: 103px
    }

    .m-product-placement-item.f-size-small.context-video,
    .m-product-placement-item.f-size-smallprime.context-video,
    .c-product-placement.f-size-small.context-video,
    .c-product-placement.f-size-smallprime.context-video {
        width: 336px;
        margin-right: 12px
    }

@media only screen and (max-width:767px) {
    .m-product-placement-item.f-size-small.context-video,
    .m-product-placement-item.f-size-smallprime.context-video,
    .c-product-placement.f-size-small.context-video,
    .c-product-placement.f-size-smallprime.context-video {
        width: 224px;
        margin-right: 8px
    }
}

.m-product-placement-item.f-size-small picture,
.c-product-placement.f-size-small picture {
    width: 72px;
    height: 72px
}

.m-product-placement-item.f-size-smallprime picture,
.c-product-placement.f-size-smallprime picture {
    width: 124px;
    height: 124px
}

.m-product-placement-item.f-size-medium,
.c-product-placement.f-size-medium {
    width: 132px
}

    .m-product-placement-item.f-size-medium picture,
    .c-product-placement.f-size-medium picture {
        width: 124px;
        height: 124px
    }

    .m-product-placement-item.f-size-medium.context-movie .f-default-image,
    .c-product-placement.f-size-medium.context-movie .f-default-image {
        width: 124px;
        height: 170px;
        position: relative;
        background: transparent
    }

    .m-product-placement-item.f-size-medium.context-movie picture,
    .c-product-placement.f-size-medium.context-movie picture {
        height: 170px
    }

    .m-product-placement-item.f-size-medium.context-video,
    .c-product-placement.f-size-medium.context-video {
        width: 336px;
        margin-right: 12px
    }

@media only screen and (max-width:767px) {
    .m-product-placement-item.f-size-medium.context-video,
    .c-product-placement.f-size-medium.context-video {
        width: 224px;
        margin-right: 8px
    }
}

.m-product-placement-item.f-size-large,
.c-product-placement.f-size-large {
    width: 280px
}

    .m-product-placement-item.f-size-large > a > div,
    .c-product-placement.f-size-large > a > div {
        padding-right: 24px
    }

    .m-product-placement-item.f-size-large picture,
    .c-product-placement.f-size-large picture {
        width: 272px;
        height: 223px;
        padding-right: 0
    }

        .m-product-placement-item.f-size-large picture + div,
        .m-product-placement-item.f-size-large .f-default-image + div,
        .c-product-placement.f-size-large picture + div,
        .c-product-placement.f-size-large .f-default-image + div {
            padding-right: 24px
        }

    .m-product-placement-item.f-size-large.context-video,
    .c-product-placement.f-size-large.context-video {
        width: 336px;
        margin-right: 12px
    }

@media only screen and (max-width:767px) {
    .m-product-placement-item.f-size-large.context-video,
    .c-product-placement.f-size-large.context-video {
        width: 224px;
        margin-right: 8px
    }
}

.m-product-placement-item.f-size-large.context-video picture,
.c-product-placement.f-size-large.context-video picture {
    height: auto;
    width: 330px
}

@media only screen and (max-width:767px) {
    .m-product-placement-item.f-size-large.context-video picture,
    .c-product-placement.f-size-large.context-video picture {
        width: 218px;
        margin-right: 8px
    }
}

.m-product-placement-item.f-size-extra-large,
.c-product-placement.f-size-extra-large {
    width: 748px
}

    .m-product-placement-item.f-size-extra-large > a > div,
    .c-product-placement.f-size-extra-large > a > div {
        padding-right: 48px
    }

    .m-product-placement-item.f-size-extra-large .f-default-image,
    .c-product-placement.f-size-extra-large .f-default-image {
        width: 740pxpx;
        height: 416px;
        padding-right: 0
    }

        .m-product-placement-item.f-size-extra-large .f-default-image + div,
        .c-product-placement.f-size-extra-large .f-default-image + div {
            padding-right: 48px
        }

    .m-product-placement-item.f-size-large .c-paragraph,
    .m-product-placement-item.f-size-extra-large .c-paragraph,
    .c-product-placement.f-size-large .c-paragraph,
    .c-product-placement.f-size-extra-large .c-paragraph {
        font-size: 15px;
        line-height: 20px;
        padding: 24px 0 0;
        font-weight: 400;
        padding-top: 24px;
        white-space: normal
    }

.m-product-placement-item.f-size-flex > a > div,
.c-product-placement.f-size-flex > a > div {
    padding-right: 24px
}

.m-product-placement-item.f-size-flex .f-default-image,
.c-product-placement.f-size-flex .f-default-image {
    position: relative;
    width: 100%;
    padding-right: 0
}

    .m-product-placement-item.f-size-flex .f-default-image:before,
    .c-product-placement.f-size-flex .f-default-image:before {
        display: block;
        content: "";
        width: 100%
    }

    .m-product-placement-item.f-size-flex .f-default-image > picture,
    .c-product-placement.f-size-flex .f-default-image > picture {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .m-product-placement-item.f-size-flex .f-default-image + div,
    .c-product-placement.f-size-flex .f-default-image + div {
        padding-right: 24px
    }

.m-product-placement-item.f-size-flex.context-accessory .f-default-image:before,
.m-product-placement-item.f-size-flex.context-app .f-default-image:before,
.m-product-placement-item.f-size-flex.context-artist .f-default-image:before,
.m-product-placement-item.f-size-flex.context-game .f-default-image:before,
.m-product-placement-item.f-size-flex.context-software .f-default-image:before,
.m-product-placement-item.f-size-flex.context-tvshow .f-default-image:before,
.c-product-placement.f-size-flex.context-accessory .f-default-image:before,
.c-product-placement.f-size-flex.context-app .f-default-image:before,
.c-product-placement.f-size-flex.context-artist .f-default-image:before,
.c-product-placement.f-size-flex.context-game .f-default-image:before,
.c-product-placement.f-size-flex.context-software .f-default-image:before,
.c-product-placement.f-size-flex.context-tvshow .f-default-image:before {
    padding-top: 100%
}

.m-product-placement-item.f-size-flex.context-device .f-default-image:before,
.c-product-placement.f-size-flex.context-device .f-default-image:before {
    padding-top: 80.64516%
}

.m-product-placement-item.f-size-flex.context-movie .f-default-image:before,
.c-product-placement.f-size-flex.context-movie .f-default-image:before {
    padding-top: 137.09677%
}

.c-explicit {
    font-size: 11px;
    line-height: 1;
    margin: 0 5px;
    padding: 0 3px;
    border: 1px solid #000
}

    .c-explicit > span {
        display: none
    }

        .c-explicit > span + span {
            display: inline
        }

@media only screen and (max-width:539px) {
    .c-explicit > span {
        display: inline
    }

        .c-explicit > span + span {
            display: none
        }
}

@charset "UTF-8";

.c-rating {
    -ms-high-contrast-adjust: none
}

    .c-rating span.c-glyph {
        cursor: default;
        width: 16px;
        height: 16px;
        line-height: 1
    }

        .c-rating span.c-glyph:before,
        .c-rating span.c-glyph:after {
            font-size: 12px
        }

    .c-rating button {
        position: relative;
        border: 2px solid transparent;
        outline: 1px solid transparent;
        outline-offset: -3px
    }

@media screen and (-ms-high-contrast:active) {
    .c-rating button {
        border-color: window !important;
        outline-color: window
    }
}

.c-rating button:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

@media screen and (-ms-high-contrast:active) {
    .c-rating button:focus {
        border-color: windowText !important
    }
}

.theme-light .c-rating button:focus,
.theme-dark .theme-light .c-rating button:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

.theme-dark .c-rating button:focus,
.theme-light .theme-dark .c-rating button:focus {
    border-color: #fff;
    outline-color: rgba(0, 0, 0, .6)
}

.c-rating button.c-glyph {
    width: 44px;
    height: 44px;
    background: transparent
}

    .c-rating button.c-glyph:before,
    .c-rating button.c-glyph:after {
        font-size: 24px
    }

    .c-rating button.c-glyph:after {
        color: #000
    }

@media(-ms-high-contrast:active) {
    .c-rating button.c-glyph:after {
        color: ButtonText
    }
}

.c-rating button.c-glyph.f-full:before,
.c-rating button.c-glyph.f-none.f-full:before {
    content: ""
}

.c-rating.f-individual {
    -ms-transform: translateX(-4px);
    transform: translateX(-4px)
}

    .c-rating.f-individual span.c-glyph {
        width: 30px;
        height: 30px
    }

        .c-rating.f-individual span.c-glyph:before,
        .c-rating.f-individual span.c-glyph:after {
            font-size: 18px
        }

    .c-rating.f-aggregate div,
    .c-rating.f-individual div {
        -ms-transform: translateX(-2px);
        transform: translateX(-2px)
    }

.c-rating .c-glyph {
    position: relative;
    float: left
}

    .c-rating .c-glyph:before,
    .c-rating .c-glyph:after {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .c-rating .c-glyph:before {
        content: "";
        color: rgba(0, 0, 0, .3)
    }

@media(-ms-high-contrast:active) {
    .c-rating .c-glyph:before {
        color: ButtonText
    }
}

.c-rating .c-glyph:after {
    color: #0067b8
}

.c-rating form,
.c-rating div {
    display: inline-block
}

    .c-rating form:before,
    .c-rating form:after,
    .c-rating div:before,
    .c-rating div:after {
        content: " ";
        display: table
    }

    .c-rating form:after,
    .c-rating div:after {
        clear: both
    }

.c-rating form {
    -ms-transform: translateX(-7px);
    transform: translateX(-7px)
}

    .c-rating form:hover button.c-glyph:not([disabled]):before {
        content: "";
        color: #0067b8
    }

@media(-ms-high-contrast:active) {
    .c-rating form:hover button.c-glyph:not([disabled]):before {
        color: Highlight
    }
}

.c-rating form:hover button.c-glyph:not([disabled]):after {
    display: none
}

.c-rating form:hover button.c-glyph:not([disabled]):hover ~ button.c-glyph:before {
    color: rgba(0, 0, 0, .3)
}

@media(-ms-high-contrast:active) {
    .c-rating form:hover button.c-glyph:not([disabled]):hover ~ button.c-glyph:before {
        color: ButtonText
    }
}

@media(-ms-high-contrast:active) {
    .c-rating form:hover button.c-glyph:not([disabled]):hover:before {
        color: Highlight
    }
}

@media(-ms-high-contrast:active) {
    .c-rating form:hover button.c-glyph:not([disabled]):hover:focus {
        border-color: Highlight
    }
}

.c-rating form[disabled] button.c-glyph:hover,
.c-rating form button.c-glyph[disabled]:hover {
    cursor: not-allowed
}

.c-rating form[disabled] button.c-glyph:after,
.c-rating form button.c-glyph[disabled]:after {
    display: none
}

@media(-ms-high-contrast:active) {
    .c-rating form[disabled] button.c-glyph:after,
    .c-rating form button.c-glyph[disabled]:after {
        content: "";
        color: Graytext;
        display: inline-block
    }
}

.c-rating form[disabled] button.c-glyph:before,
.c-rating form button.c-glyph[disabled]:before {
    content: "";
    color: rgba(0, 0, 0, .2)
}

@media(-ms-high-contrast:active) {
    .c-rating form[disabled] button.c-glyph:before,
    .c-rating form button.c-glyph[disabled]:before {
        color: Graytext
    }
}

@media(-ms-high-contrast:active) {
    .c-rating form[disabled] button.c-glyph,
    .c-rating form button.c-glyph[disabled] {
        border-color: Window;
        outline-color: Window
    }
}

.c-rating .f-full ~ .c-glyph:before,
.c-rating .f-half ~ .c-glyph:before,
.c-rating .f-full:after {
    content: ""
}

.c-rating .f-half:after {
    content: ""
}

.c-rating.f-user-rated .f-full:after,
.c-rating.f-user-rated .f-half:after {
    color: #0067b8
}

@media(-ms-high-contrast:active) {
    .c-rating.f-user-rated .f-full:after,
    .c-rating.f-user-rated .f-half:after {
        color: ButtonText
    }
}

.theme-light .c-rating .c-glyph:before,
.theme-dark .theme-light .c-rating .c-glyph:before {
    color: rgba(0, 0, 0, .3)
}

.theme-light .c-rating .c-glyph:after,
.theme-dark .theme-light .c-rating .c-glyph:after {
    color: #0067b8
}

.theme-light .c-rating form button.c-glyph:focus:before,
.theme-dark .theme-light .c-rating form button.c-glyph:focus:before {
    outline-color: #000
}

.theme-light .c-rating form button.c-glyph:before,
.theme-dark .theme-light .c-rating form button.c-glyph:before {
    color: rgba(0, 0, 0, .3)
}

.theme-light .c-rating form button.c-glyph:after,
.theme-dark .theme-light .c-rating form button.c-glyph:after {
    color: #000
}

.theme-light .c-rating form:hover button.c-glyph:not([disabled]):before,
.theme-dark .theme-light .c-rating form:hover button.c-glyph:not([disabled]):before {
    color: #0067b8
}

.theme-light .c-rating form:hover button.c-glyph:not([disabled]):hover ~ button.c-glyph:not([disabled]):before,
.theme-dark .theme-light .c-rating form:hover button.c-glyph:not([disabled]):hover ~ button.c-glyph:not([disabled]):before {
    color: rgba(0, 0, 0, .3)
}

.theme-light .c-rating form[disabled] button.c-glyph:before,
.theme-light .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before,
.theme-dark .theme-light .c-rating form[disabled] button.c-glyph:before,
.theme-dark .theme-light .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before {
    color: rgba(0, 0, 0, .2)
}

.theme-dark .c-rating .c-glyph:before,
.theme-light .theme-dark .c-rating .c-glyph:before {
    color: rgba(255, 255, 255, .3)
}

.theme-dark .c-rating .c-glyph:after,
.theme-light .theme-dark .c-rating .c-glyph:after {
    color: #fff
}

.theme-dark .c-rating form button.c-glyph:focus:before,
.theme-light .theme-dark .c-rating form button.c-glyph:focus:before {
    outline-color: #fff
}

.theme-dark .c-rating form button.c-glyph:before,
.theme-light .theme-dark .c-rating form button.c-glyph:before {
    color: rgba(255, 255, 255, .3)
}

.theme-dark .c-rating form:hover button.c-glyph:not([disabled]):before,
.theme-light .theme-dark .c-rating form:hover button.c-glyph:not([disabled]):before {
    color: rgba(255, 255, 255, .8)
}

.theme-dark .c-rating form:hover button.c-glyph:not([disabled]):hover ~ button.c-glyph:not([disabled]):before,
.theme-light .theme-dark .c-rating form:hover button.c-glyph:not([disabled]):hover ~ button.c-glyph:not([disabled]):before {
    color: rgba(255, 255, 255, .3)
}

@media screen and (-ms-high-contrast:active) {
    .c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before,
    .c-rating.f-community-rated .c-glyph:before {
        content: ""
    }
}

.c-rating[data-value] {
    height: 20px
}

    .c-rating[data-value] div {
        height: 16px;
        width: 80px;
        position: relative
    }

        .c-rating[data-value] div:before,
        .c-rating[data-value] div:after {
            color: rgba(0, 0, 0, .3);
            display: inline-block;
            font-family: "MWF-MDL2";
            font-size: 12px;
            line-height: 1;
            letter-spacing: 4px;
            position: absolute;
            white-space: nowrap;
            text-align: left;
            left: 0;
            top: 2px;
            height: 100%;
            width: 100%
        }

        .c-rating[data-value] div:before {
            content: "";
            color: rgba(0, 0, 0, .3)
        }

@media screen and (-ms-high-contrast:active) {
    .c-rating[data-value] div:before {
        color: WindowText
    }
}

.c-rating[data-value] div:after {
    color: #000
}

@media screen and (-ms-high-contrast:active) {
    .c-rating[data-value] div:after {
        color: WindowText
    }
}

.c-rating[data-value] div span {
    display: none
}

.theme-light .c-rating[data-value] div:before,
.theme-dark .theme-light .c-rating[data-value] div:before {
    color: rgba(0, 0, 0, .3)
}

@media screen and (-ms-high-contrast:active) {
    .theme-light .c-rating[data-value] div:before,
    .theme-dark .theme-light .c-rating[data-value] div:before {
        color: rgba(0, 0, 0, .3)
    }
}

.theme-dark .c-rating[data-value] div:before,
.theme-light .theme-dark .c-rating[data-value] div:before {
    color: rgba(255, 255, 255, .3)
}

@media screen and (-ms-high-contrast:active) {
    .theme-dark .c-rating[data-value] div:before,
    .theme-light .theme-dark .c-rating[data-value] div:before {
        color: rgba(255, 255, 255, .3)
    }
}

.theme-dark .c-rating[data-value] div:after,
.theme-light .theme-dark .c-rating[data-value] div:after {
    color: #fff
}

@media screen and (-ms-high-contrast:active) {
    .theme-dark .c-rating[data-value] div:after,
    .theme-light .theme-dark .c-rating[data-value] div:after {
        color: #fff
    }
}

.c-rating[data-value].f-aggregate,
.c-rating[data-value].f-aggregate div,
.c-rating[data-value].f-individual,
.c-rating[data-value].f-individual div {
    -ms-transform: none;
    transform: none
}

.c-rating[data-value].f-individual {
    height: 34px
}

    .c-rating[data-value].f-individual div {
        height: 30px;
        width: 150px
    }

        .c-rating[data-value].f-individual div:before,
        .c-rating[data-value].f-individual div:after {
            font-size: 18px;
            letter-spacing: 12px;
            top: 6px
        }

.c-rating[data-value$=".5"] div:before,
.c-rating[data-value^="1"] div:before,
.c-rating[data-value^="2"] div:before,
.c-rating[data-value^="3"] div:before,
.c-rating[data-value^="4"] div:before,
.c-rating[data-value^="5"] div:before {
    content: ""
}

@media screen and (-ms-high-contrast:active) {
    .c-rating[data-value$=".5"] div:before,
    .c-rating[data-value^="1"] div:before,
    .c-rating[data-value^="2"] div:before,
    .c-rating[data-value^="3"] div:before,
    .c-rating[data-value^="4"] div:before,
    .c-rating[data-value^="5"] div:before {
        content: ""
    }
}

.c-rating[data-value="0.5"] div:after {
    content: ""
}

@media screen and (-ms-high-contrast:active) {
    .c-rating[data-value="0.5"] div:after {
        color: inherit
    }
}

.c-rating[data-value="1"] div:after {
    content: ""
}

@media screen and (-ms-high-contrast:active) {
    .c-rating[data-value="1"] div:after {
        color: inherit
    }
}

.c-rating[data-value="1.5"] div:after {
    content: ""
}

@media screen and (-ms-high-contrast:active) {
    .c-rating[data-value="1.5"] div:after {
        color: inherit
    }
}

.c-rating[data-value="2"] div:after {
    content: ""
}

@media screen and (-ms-high-contrast:active) {
    .c-rating[data-value="2"] div:after {
        color: inherit
    }
}

.c-rating[data-value="2.5"] div:after {
    content: ""
}

@media screen and (-ms-high-contrast:active) {
    .c-rating[data-value="2.5"] div:after {
        color: inherit
    }
}

.c-rating[data-value="3"] div:after {
    content: ""
}

@media screen and (-ms-high-contrast:active) {
    .c-rating[data-value="3"] div:after {
        color: inherit
    }
}

.c-rating[data-value="3.5"] div:after {
    content: ""
}

@media screen and (-ms-high-contrast:active) {
    .c-rating[data-value="3.5"] div:after {
        color: inherit
    }
}

.c-rating[data-value="4"] div:after {
    content: ""
}

@media screen and (-ms-high-contrast:active) {
    .c-rating[data-value="4"] div:after {
        color: inherit
    }
}

.c-rating[data-value="4.5"] div:after {
    content: ""
}

@media screen and (-ms-high-contrast:active) {
    .c-rating[data-value="4.5"] div:after {
        color: inherit
    }
}

.c-rating[data-value="5"] div:after {
    content: ""
}

@media screen and (-ms-high-contrast:active) {
    .c-rating[data-value="5"] div:after {
        color: inherit
    }
}

.c-rating.f-interactive,
.c-rating.f-aggregate:not([data-max]),
.c-rating.f-individual:not([data-max]) {
    height: auto
}

    .c-rating.f-interactive div,
    .c-rating.f-aggregate:not([data-max]) div,
    .c-rating.f-individual:not([data-max]) div {
        height: auto;
        width: auto;
        position: static
    }

        .c-rating.f-interactive div:before,
        .c-rating.f-interactive div:after,
        .c-rating.f-aggregate:not([data-max]) div:before,
        .c-rating.f-aggregate:not([data-max]) div:after,
        .c-rating.f-individual:not([data-max]) div:before,
        .c-rating.f-individual:not([data-max]) div:after {
            content: ""
        }

.c-rating-count {
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
    font-size: 12px;
    position: absolute;
    padding-left: 5px;
    padding-right: 5px
}

.c-flipper {
    position: relative;
    border: 2px solid transparent;
    outline: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 50%;
    background: #fafafa;
    color: #404040;
    opacity: .8;
    font-family: "MWF-MDL2"
}

    .c-flipper:after {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        border: 1px solid transparent
    }

    .c-flipper:focus {
        border-color: #000
    }

        .c-flipper:focus:after {
            border-color: rgba(255, 255, 255, .6)
        }

.theme-light .c-flipper:focus,
.theme-dark .theme-light .c-flipper:focus {
    border-color: #000
}

    .theme-light .c-flipper:focus:after,
    .theme-dark .theme-light .c-flipper:focus:after {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark .c-flipper:focus,
.theme-light .theme-dark .c-flipper:focus {
    border-color: #fff
}

    .theme-dark .c-flipper:focus:after,
    .theme-light .theme-dark .c-flipper:focus:after {
        border-color: rgba(0, 0, 0, .6)
    }

.c-flipper:before {
    position: relative;
    left: 0;
    top: 0
}

.c-flipper:after {
    border-radius: 50%
}

.c-flipper.f-large {
    width: 88px;
    height: 88px
}

    .c-flipper.f-large:before {
        font-size: 24px;
        line-height: 28px;
        font-size: 36px
    }

    .c-flipper.f-large.f-left:before,
    .c-flipper.f-large.f-previous:before {
        content: "";
        margin-right: 6px
    }

    .c-flipper.f-large.f-right:before,
    .c-flipper.f-large.f-next:before {
        content: "";
        margin-left: 6px
    }

.c-flipper.f-small {
    width: 22px;
    height: 22px
}

    .c-flipper.f-small:before {
        top: -2px;
        margin: 0;
        font-size: 10px
    }

.c-flipper.f-left:before,
.c-flipper.f-previous:before {
    content: "";
    margin-right: 2px
}

.c-flipper.f-right:before,
.c-flipper.f-next:before {
    content: "";
    margin-left: 2px
}

.c-flipper:focus,
.c-flipper:hover,
.c-flipper:active,
.theme-light .c-flipper,
.theme-dark .theme-light .c-flipper:focus,
.theme-light .c-flipper,
.theme-dark .theme-light .c-flipper:hover,
.theme-light .c-flipper,
.theme-dark .theme-light .c-flipper:active {
    background: #fff;
    color: #404040;
    opacity: 1
}

.c-flipper:hover,
.theme-light .c-flipper,
.theme-dark .theme-light .c-flipper:focus,
.theme-light .c-flipper,
.theme-dark .theme-light .c-flipper:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2)
}

.c-flipper:focus,
.theme-light .c-flipper,
.theme-dark .theme-light .c-flipper:focus {
    border: 1px solid #dbdbdb
}

.theme-dark .c-flipper,
.theme-light .theme-dark .c-flipper {
    background: #2e2e2e;
    color: #ccc;
    opacity: .8
}

    .theme-dark .c-flipper:hover,
    .theme-dark .c-flipper:focus,
    .theme-dark .c-flipper:active,
    .theme-light .theme-dark .c-flipper:hover,
    .theme-light .theme-dark .c-flipper:focus,
    .theme-light .theme-dark .c-flipper:active {
        background: #404040;
        color: #ccc;
        opacity: 1
    }

    .theme-dark .c-flipper:focus,
    .theme-light .theme-dark .c-flipper:focus {
        border: 1px solid #5b5b5b;
        box-shadow: none
    }

    .theme-dark .c-flipper:hover,
    .theme-dark .c-flipper:active,
    .theme-light .theme-dark .c-flipper:hover,
    .theme-light .theme-dark .c-flipper:active {
        box-shadow: 0 4px 8px rgba(0, 0, 0, .2)
    }

    .theme-dark .c-flipper:after,
    .theme-light .theme-dark .c-flipper:after {
        border: none
    }

@media(-ms-high-contrast:active) {
    .c-flipper {
        background: ButtonFace !important;
        border: 2px solid ButtonText;
        opacity: 1
    }

        .c-flipper:after {
            border-color: Window
        }

        .c-flipper:before {
            color: ButtonText
        }

        .c-flipper:hover {
            border: 2px solid Highlight;
            background: ButtonFace !important
        }

            .c-flipper:hover:before {
                color: Highlight
            }

        .c-flipper:focus {
            outline: 2px solid ButtonText;
            border: 2px solid ButtonText
        }

            .c-flipper:focus:hover {
                border-color: Highlight
            }
}

.m-hero-item,
.c-hero {
    position: relative;
    overflow: hidden;
    padding: 0 5%;
    width: 100%
}

@media screen and (min-width:768px) {
    .m-hero .m-hero-item,
    .m-hero .c-hero {
        padding: 0 5%
    }

        .m-hero .m-hero-item.x-remove-padding,
        .m-hero .c-hero.x-remove-padding {
            padding-left: 0;
            padding-right: 0
        }
}

.m-hero-item:before,
.c-hero:before {
    display: block;
    content: "";
    width: 100%;
    padding-bottom: 61.875%
}

@media screen and (min-width:1084px) {
    .m-hero-item:before,
    .c-hero:before {
        padding-bottom: 41.55%
    }
}

.m-hero-item:hover,
.c-hero:hover {
    cursor: default
}

    .m-hero-item:hover a.hiddenCTAlink,
    .c-hero:hover a.hiddenCTAlink {
        text-decoration: underline
    }

.m-hero-item[data-js-href]:hover,
.c-hero[data-js-href]:hover {
    cursor: pointer
}

.m-hero-item picture,
.c-hero picture {
    display: block
}

.m-hero-item > picture,
.c-hero > picture {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    overflow: hidden;
    -ms-transform: scale(1.0125);
    transform: scale(1.0125)
}

    .m-hero-item > picture img,
    .c-hero > picture img {
        position: absolute;
        width: 100%;
        left: 0;
        top: calc(50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow: hidden
    }

    .m-hero-item > picture:after,
    .c-hero > picture:after {
        content: "";
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%
    }

.m-hero-item.f-transparent:before,
.c-hero.f-transparent:before {
    padding-bottom: 56.25%
}

.m-hero-item > div,
.c-hero > div {
    /*width: 88%;*/
    height: 100%;
    max-width: 2048px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0 auto;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .m-hero-item > div,
    .c-hero > div {
        position: relative
    }
}

.m-hero-item > div > div,
.c-hero > div > div {
    position: absolute;
    z-index: 1;
    max-width: 520px
}

    .m-hero-item > div > div > div,
    .c-hero > div > div > div {
        margin-top: 24px;
        padding: 12px 2px 0
    }

.m-hero-item > div .f-core-player,
.c-hero > div .f-core-player {
    max-width: 100%
}

.m-hero-item > div.c-video,
.m-hero-item > div.m-ambient-video,
.c-hero > div.c-video,
.c-hero > div.m-ambient-video {
    width: 100%;
    margin: 0;
    padding: 0
}

    .m-hero-item > div.c-video:before,
    .m-hero-item > div.m-ambient-video:before,
    .c-hero > div.c-video:before,
    .c-hero > div.m-ambient-video:before {
        display: block;
        content: "";
        width: 100%;
        padding-bottom: 37.55%
    }

@media only screen and (max-width:1083px) {
    .m-hero-item > div.c-video:before,
    .m-hero-item > div.m-ambient-video:before,
    .c-hero > div.c-video:before,
    .c-hero > div.m-ambient-video:before {
        padding-bottom: 56.25%
    }
}

.m-hero-item a.hiddenCTAlink,
.c-hero a.hiddenCTAlink {
    display: block
}

.m-hero-item .c-heading,
.c-hero .c-heading {
    font-size: 46px;
    line-height: 56px;
    padding: 37px 0 3px;
    font-weight: 600;
    letter-spacing: -.01em;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 112px;
    font-weight: 600;
    opacity: .95
}

@media only screen and (max-width:1399px) {
    .m-hero-item .c-heading,
    .c-hero .c-heading {
        font-size: 24px;
        line-height: 28px;
        padding: 36px 0 4px;
        font-weight: 600;
        max-height: 56px;
        font-weight: 600
    }
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-heading,
    .c-hero .c-heading {
        background: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .m-hero-item .c-heading,
    .c-hero .c-heading {
        background: #fff
    }
}

@media only screen and (min-width:1084px) {
    .m-hero-item.f-long-heading [class*="c-heading"],
    .c-hero.f-long-heading [class*="c-heading"] {
        font-size: 24px;
        line-height: 28px;
        padding: 36px 0 4px;
        font-weight: 600;
        max-height: 56px
    }
}

@media only screen and (min-width:1084px) {
    .m-hero-item.f-long-heading [class*="c-subheading"],
    .c-hero.f-long-heading [class*="c-subheading"] {
        font-size: 15px;
        line-height: 20px;
        padding: 8px 0 0;
        font-weight: 600;
        max-height: 40px
    }
}

.m-hero-item .c-subheading,
.c-hero .c-subheading {
    font-size: 24px;
    line-height: 28px;
    padding: 4px 0 8px;
    font-weight: 600;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px;
    padding-bottom: 2.3632px;
    font-weight: 200
}

@media only screen and (max-width:1399px) {
    .m-hero-item .c-subheading,
    .c-hero .c-subheading {
        font-size: 15px;
        line-height: 20px;
        padding: 8px 0 0;
        font-weight: 600;
        max-height: 40px;
        font-weight: 200
    }
}

@media only screen and (max-width:767px) {
    .m-hero-item .c-subheading,
    .c-hero .c-subheading {
        font-size: 18px;
        line-height: 24px;
        padding: 9px 0 3px;
        font-weight: 600;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 48px;
        font-weight: 200
    }
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-subheading,
    .c-hero .c-subheading {
        background: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .m-hero-item .c-subheading,
    .c-hero .c-subheading {
        background: #fff
    }
}

.m-hero-item .c-paragraph,
.c-hero .c-paragraph {
    font-size: 15px;
    line-height: 20px;
    padding: 12px 0 0;
    font-weight: 400;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px;
    padding: 0
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-paragraph,
    .c-hero .c-paragraph {
        background: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .m-hero-item .c-paragraph,
    .c-hero .c-paragraph {
        background: #fff
    }
}

.m-hero-item .c-product-title,
.m-hero-item .c-product-subtitle,
.c-hero .c-product-title,
.c-hero .c-product-subtitle {
    font-size: 24px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px;
    line-height: 32px;
    max-height: 64px;
    padding: 0
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-product-title,
    .m-hero-item .c-product-subtitle,
    .c-hero .c-product-title,
    .c-hero .c-product-subtitle {
        background: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .m-hero-item .c-product-title,
    .m-hero-item .c-product-subtitle,
    .c-hero .c-product-title,
    .c-hero .c-product-subtitle {
        background: #fff
    }
}

@media only screen and (min-width:1400px) {
    .m-hero-item .c-product-title,
    .m-hero-item .c-product-subtitle,
    .c-hero .c-product-title,
    .c-hero .c-product-subtitle {
        font-size: 34px;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 80px;
        line-height: 44px;
        max-height: 88px
    }
}

@media only screen and (min-width:768px) {
    .m-hero-item.f-short .c-product-title,
    .m-hero-item.f-short .c-product-subtitle,
    .c-hero.f-short .c-product-title,
    .c-hero.f-short .c-product-subtitle {
        font-size: 34px;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 80px;
        line-height: 44px;
        max-height: 88px
    }
}

@media only screen and (min-width:1400px) {
    .m-hero-item.f-short .c-product-title,
    .m-hero-item.f-short .c-product-subtitle,
    .c-hero.f-short .c-product-title,
    .c-hero.f-short .c-product-subtitle {
        font-size: 46px;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 112px;
        line-height: 60px;
        max-height: 120px
    }
}

.m-hero-item .c-product-title,
.c-hero .c-product-title {
    font-weight: 600;
    opacity: .95
}

.m-hero-item .c-product-subtitle,
.c-hero .c-product-subtitle {
    font-weight: 100
}

.m-hero-item .c-price,
.c-hero .c-price {
    font-size: 20px;
    line-height: 24px;
    display: inline-block
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-price,
    .c-hero .c-price {
        background: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .m-hero-item .c-price,
    .c-hero .c-price {
        background: #fff
    }
}

.m-hero-item .c-rating,
.c-hero .c-rating {
    margin-top: 12px
}

.m-hero-item .c-group,
.c-hero .c-group {
    display: block;
    overflow: visible
}

    .m-hero-item .c-group > .c-call-to-action,
    .c-hero .c-group > .c-call-to-action {
        margin-right: 24px
    }

        .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
        .c-hero .c-group > .c-call-to-action + .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;
            padding: 10px 43px 7px 25px
        }

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action {
        border-color: window !important;
        outline-color: window
    }
}

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
        border-color: windowText !important
    }
}

.theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

.theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
    border-color: #fff;
    outline-color: rgba(0, 0, 0, .6)
}

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
.c-hero .c-group > .c-call-to-action + .c-call-to-action:hover,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
    background: transparent;
    box-shadow: none !important
}

    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover span,
    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active span,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover span,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action:active span {
        box-shadow: 0 2px currentColor;
        left: 0 !important
    }

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
.c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) {
    color: #005da6;
    background: rgba(0, 103, 184, .1)
}

    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span {
        box-shadow: 0 2px currentColor;
        text-decoration: none
    }

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:hover {
    color: #005da6
}

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
    background: none;
    color: #005293;
    text-decoration: none;
    -ms-transform: none;
    transform: none
}

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
.c-hero .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"] {
    cursor: not-allowed;
    color: #cce1f1
}

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action.f-image,
.c-hero .c-group > .c-call-to-action + .c-call-to-action.f-image {
    padding: 0
}

.theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action,
.theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action {
    color: #000;
    border-color: transparent;
    background: transparent
}

    .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(0, 0, 0, .1)
    }

        .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover {
        color: rgba(0, 0, 0, .9)
    }

    .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover {
        background: transparent
    }

    .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
    .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
    .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:active,
    .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
        color: rgba(0, 0, 0, .8)
    }

    .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
    .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"] {
        color: #999;
        background: transparent
    }

.theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action,
.theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action {
    color: #fff;
    background: transparent;
    border-color: transparent
}

    .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(255, 255, 255, .1)
    }

        .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover {
        color: #e6e6e6
    }

    .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover {
        background: transparent
    }

    .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
    .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
    .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:active,
    .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
        color: #ccc
    }

    .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
    .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"] {
        background: transparent;
        color: #666
    }

.m-hero-item form .c-label,
.c-hero form .c-label {
    margin: 24px 0
}

.m-hero-item.theme-dark .c-group > .c-call-to-action + .c-call-to-action,
.c-hero.theme-dark .c-group > .c-call-to-action + .c-call-to-action {
    color: #fff
}

    .m-hero-item.theme-dark .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .c-hero.theme-dark .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) {
        color: #fff;
        background: rgba(255, 255, 255, .1)
    }

.m-hero-item.theme-dark a.hiddenCTAlink:focus *,
.c-hero.theme-dark a.hiddenCTAlink:focus * {
    background: rgba(255, 255, 255, .1);
    color: #e6e6e6
}

.m-hero-item.theme-dark a.hiddenCTAlink:active *,
.c-hero.theme-dark a.hiddenCTAlink:active * {
    color: #ccc
}

.m-hero-item.theme-light .c-group > .c-call-to-action + .c-call-to-action,
.c-hero.theme-light .c-group > .c-call-to-action + .c-call-to-action {
    color: #000
}

    .m-hero-item.theme-light .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .c-hero.theme-light .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) {
        color: #000;
        background: rgba(0, 0, 0, .1)
    }

.m-hero-item.theme-light a.hiddenCTAlink:focus *,
.c-hero.theme-light a.hiddenCTAlink:focus * {
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .9)
}

.m-hero-item.theme-light a.hiddenCTAlink:active *,
.c-hero.theme-light a.hiddenCTAlink:active * {
    color: rgba(0, 0, 0, .8)
}

.m-hero-item.theme-light .c-group.f-accent > .c-call-to-action,
.m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action,
.c-hero.theme-light .c-group.f-accent > .c-call-to-action,
.c-hero.theme-dark .c-group.f-accent > .c-call-to-action {
    margin-right: 24px
}

    .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
    .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action,
    .c-hero.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
    .c-hero.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action {
        color: #0078d7
    }

        .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
        .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
        .c-hero.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
        .c-hero.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) {
            color: #0067b8;
            background: rgba(0, 103, 184, .1)
        }

.m-hero-item .c-logo,
.c-hero .c-logo {
    margin-top: 12px
}

.m-hero-item.context-app .c-heading,
.c-hero.context-app .c-heading {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px
}

@media only screen and (max-width:1399px) {
    .m-hero-item.context-app .c-heading,
    .c-hero.context-app .c-heading {
        white-space: nowrap;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 40px
    }
}

.m-hero-item.context-article .c-heading,
.c-hero.context-article .c-heading {
    font-size: 34px;
    line-height: 40px;
    padding: 38px 0 2px;
    font-weight: 600;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px;
    font-weight: 600;
    opacity: .95
}

.m-hero-item.context-music-album .c-product-title,
.c-hero.context-music-album .c-product-title {
    margin-top: 12px
}

@media only screen and (max-width:1399px) {
    .m-hero-item.context-music-album picture img.c-image,
    .c-hero.context-music-album picture img.c-image {
        max-width: 64px
    }
}

.m-hero-item.context-device > div > div > div,
.m-hero-item.context-accessory > div > div > div,
.m-hero-item.context-article > div > div > div,
.m-hero-item.context-game > div > div > div,
.c-hero.context-device > div > div > div,
.c-hero.context-accessory > div > div > div,
.c-hero.context-article > div > div > div,
.c-hero.context-game > div > div > div {
    margin-top: 2px
}

@media only screen and (min-width:768px) {
    .m-hero-item.context-device > div > div > div,
    .m-hero-item.context-accessory > div > div > div,
    .m-hero-item.context-article > div > div > div,
    .m-hero-item.context-game > div > div > div,
    .c-hero.context-device > div > div > div,
    .c-hero.context-accessory > div > div > div,
    .c-hero.context-article > div > div > div,
    .c-hero.context-game > div > div > div {
        margin-top: 12px
    }
}

.m-hero-item.f-x-left > div > div,
.c-hero.f-x-left > div > div {
    left: 0
}

.m-hero-item.f-x-center,
.c-hero.f-x-center {
    text-align: center
}

    .m-hero-item.f-x-center .c-group,
    .c-hero.f-x-center .c-group {
        -ms-flex-pack: center;
        justify-content: center
    }

    .m-hero-item.f-x-center > div > div,
    .c-hero.f-x-center > div > div {
        min-width: 50%;
        left: 30%;
        left: calc(50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .m-hero-item.f-x-center > div > div .c-image,
        .c-hero.f-x-center > div > div .c-image {
            margin: 0 auto
        }

.m-hero-item.f-x-right > div > div,
.c-hero.f-x-right > div > div {
    right: 0
}

.m-hero-item.f-y-top > div > div,
.c-hero.f-y-top > div > div {
    top: 60px
}

@media only screen and (max-width:1399px) {
    .m-hero-item.f-y-top > div > div,
    .c-hero.f-y-top > div > div {
        top: 24px
    }
}

.m-hero-item.f-y-top > div.m-ambient-video + div,
.c-hero.f-y-top > div.m-ambient-video + div {
    bottom: auto
}

.m-hero-item.f-y-top .f-core-player,
.c-hero.f-y-top .f-core-player {
    top: 0
}

.m-hero-item.f-y-top.f-transparent > div > div,
.c-hero.f-y-top.f-transparent > div > div {
    top: 140px
}

@media only screen and (max-width:1083px) {
    .m-hero-item.f-y-top.f-transparent > div > div,
    .c-hero.f-y-top.f-transparent > div > div {
        top: 120px
    }
}

.m-hero-item.f-y-center .c-heading:first-child,
.c-hero.f-y-center .c-heading:first-child {
    padding-top: 2px
}

.m-hero-item.f-y-center > div > div,
.c-hero.f-y-center > div > div {
    top: 120px;
    top: calc(50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-hero-item.f-y-center.f-transparent > div > div,
.c-hero.f-y-center.f-transparent > div > div {
    top: 120px;
    top: calc(55%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-hero-item.f-y-center.f-x-center > div > div,
.c-hero.f-y-center.f-x-center > div > div {
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-hero-item.f-y-bottom > div > div,
.c-hero.f-y-bottom > div > div {
    bottom: 60px
}

    .m-hero-item.f-y-bottom > div > div .f-core-player,
    .c-hero.f-y-bottom > div > div .f-core-player {
        bottom: 0
    }

@media only screen and (max-width:1399px) {
    .m-hero-item.f-y-bottom > div > div,
    .c-hero.f-y-bottom > div > div {
        bottom: 48px
    }
}

.m-hero-item.f-y-bottom > div.m-ambient-video + div,
.c-hero.f-y-bottom > div.m-ambient-video + div {
    top: auto
}

.m-hero-item[class*="f-mask"].theme-light > picture:after,
.c-hero[class*="f-mask"].theme-light > picture:after {
    background: #fff
}

.m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-top > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-left.f-y-top > picture:after {
    background: radial-gradient(circle at top left, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-top > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-left.f-y-top > picture:after {
        background: radial-gradient(circle at top left, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-center > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-left.f-y-center > picture:after {
    background: radial-gradient(circle at center left, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-center > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-left.f-y-center > picture:after {
        background: radial-gradient(circle at center left, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-bottom > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-left.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom left, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-bottom > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-left.f-y-bottom > picture:after {
        background: radial-gradient(circle at bottom left, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-top > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-center.f-y-top > picture:after {
    background: radial-gradient(circle at top center, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-top > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-center.f-y-top > picture:after {
        background: radial-gradient(circle at top center, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-center > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-center.f-y-center > picture:after {
    background: radial-gradient(circle at center center, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-center > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-center.f-y-center > picture:after {
        background: radial-gradient(circle at center center, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-bottom > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-center.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom center, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-bottom > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-center.f-y-bottom > picture:after {
        background: radial-gradient(circle at bottom center, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-top > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-right.f-y-top > picture:after {
    background: radial-gradient(circle at top right, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-top > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-right.f-y-top > picture:after {
        background: radial-gradient(circle at top right, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-center > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-right.f-y-center > picture:after {
    background: radial-gradient(circle at center right, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-center > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-right.f-y-center > picture:after {
        background: radial-gradient(circle at center right, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-bottom > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-right.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom right, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-bottom > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-right.f-y-bottom > picture:after {
        background: radial-gradient(circle at bottom right, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark > picture:after,
.c-hero[class*="f-mask"].theme-dark > picture:after {
    background: #000
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-top > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-top > picture:after {
    background: radial-gradient(circle at top left, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-top > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-top > picture:after {
        background: radial-gradient(circle at top left, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-center > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-center > picture:after {
    background: radial-gradient(circle at center left, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-center > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-center > picture:after {
        background: radial-gradient(circle at center left, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-bottom > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom left, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-bottom > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-bottom > picture:after {
        background: radial-gradient(circle at bottom left, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-top > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-top > picture:after {
    background: radial-gradient(circle at top center, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-top > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-top > picture:after {
        background: radial-gradient(circle at top center, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-center > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-center > picture:after {
    background: radial-gradient(circle at center center, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-center > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-center > picture:after {
        background: radial-gradient(circle at center center, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-bottom > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom center, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-bottom > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-bottom > picture:after {
        background: radial-gradient(circle at bottom center, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-top > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-top > picture:after {
    background: radial-gradient(circle at top right, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-top > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-top > picture:after {
        background: radial-gradient(circle at top right, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-center > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-center > picture:after {
    background: radial-gradient(circle at center right, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-center > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-center > picture:after {
        background: radial-gradient(circle at center right, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-bottom > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom right, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-bottom > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-bottom > picture:after {
        background: radial-gradient(circle at bottom right, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item.f-mask-20 > picture:after,
.c-hero.f-mask-20 > picture:after {
    opacity: .2
}

.m-hero-item.f-mask-40 > picture:after,
.c-hero.f-mask-40 > picture:after {
    opacity: .4
}

.m-hero-item.f-mask-60 > picture:after,
.c-hero.f-mask-60 > picture:after {
    opacity: .6
}

.m-hero-item.f-mask-80 > picture:after,
.c-hero.f-mask-80 > picture:after {
    opacity: .8
}

.m-hero-item.f-mask-100 > picture:after,
.c-hero.f-mask-100 > picture:after {
    opacity: 1
}

.m-hero-item .c-video,
.m-hero-item .m-ambient-video,
.c-hero .c-video,
.c-hero .m-ambient-video {
    position: absolute;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0
}

    .m-hero-item .c-video > h1,
    .m-hero-item .m-ambient-video > h1,
    .c-hero .c-video > h1,
    .c-hero .m-ambient-video > h1 {
        display: none
    }

    .m-hero-item .c-video video,
    .m-hero-item .m-ambient-video video,
    .c-hero .c-video video,
    .c-hero .m-ambient-video video {
        min-width: 100%;
        min-height: 100%;
        height: auto !important;
        width: auto;
        z-index: -2;
        background-size: cover;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0
    }

@media only screen and (max-width:1399px) {
    .m-hero-item > div > div,
    .c-hero > div > div {
        max-width: 440px
    }
}

@media only screen and (max-width:1083px) {
    .m-hero-item > div > div,
    .c-hero > div > div {
        max-width: 340px
    }
}

@media only screen and (max-width:767px) {
    .m-hero-item,
    .c-hero {
        height: auto;
        padding: 0;
        text-align: center
    }

        .m-hero-item[class*="f-x"][class*="f-y"] > picture img,
        .c-hero[class*="f-x"][class*="f-y"] > picture img {
            top: 0;
            left: 0;
            left: calc(50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: -1
        }

        .m-hero-item[class*="f-x"][class*="f-y"] > picture:after,
        .c-hero[class*="f-x"][class*="f-y"] > picture:after {
            display: none
        }

        .m-hero-item[class*="f-x"][class*="f-y"] > div > div,
        .c-hero[class*="f-x"][class*="f-y"] > div > div {
            position: relative;
            margin: 0 auto;
            left: 0;
            top: 0;
            top: calc(50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            max-width: 100%
        }

        .m-hero-item[class*="f-x"][class*="f-y"] .f-core-player,
        .c-hero[class*="f-x"][class*="f-y"] .f-core-player {
            position: absolute
        }

        .m-hero-item > div,
        .c-hero > div {
            padding: 12px;
            height: 280px
        }

            .m-hero-item > div picture,
            .c-hero > div picture {
                display: none
            }

            .m-hero-item > div.c-video,
            .m-hero-item > div.m-ambient-video,
            .c-hero > div.c-video,
            .c-hero > div.m-ambient-video {
                padding: 0;
                height: auto
            }

                .m-hero-item > div.c-video video,
                .m-hero-item > div.m-ambient-video video,
                .c-hero > div.c-video video,
                .c-hero > div.m-ambient-video video {
                    min-height: auto;
                    width: 100%
                }

        .m-hero-item .c-paragraph,
        .c-hero .c-paragraph {
            max-height: 100px
        }

        .m-hero-item .c-heading,
        .m-hero-item.context-article .c-heading,
        .c-hero .c-heading,
        .c-hero.context-article .c-heading {
            font-size: 20px;
            line-height: 24px;
            padding: 35px 0 5px;
            font-weight: 600;
            overflow: hidden;
            box-sizing: content-box;
            max-height: 120px;
            font-weight: 600;
            opacity: .95
        }

        .m-hero-item .c-heading,
        .m-hero-item.context-app .c-heading,
        .m-hero-item.context-article .c-heading,
        .c-hero .c-heading,
        .c-hero.context-app .c-heading,
        .c-hero.context-article .c-heading {
            padding-top: 0
        }

        .m-hero-item > div > div > div,
        .c-hero > div > div > div {
            -ms-flex-pack: center;
            justify-content: center
        }

        .m-hero-item .c-group > .c-call-to-action,
        .c-hero .c-group > .c-call-to-action {
            margin: 0
        }

            .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
            .c-hero .c-group > .c-call-to-action + .c-call-to-action {
                margin: 0
            }

        .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action,
        .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action,
        .c-hero.theme-light .c-group.f-accent > .c-call-to-action,
        .c-hero.theme-dark .c-group.f-accent > .c-call-to-action {
            margin: 0
        }

            .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
            .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action,
            .c-hero.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
            .c-hero.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action {
                margin: 0
            }

        .m-hero-item .c-subheading,
        .c-hero .c-subheading {
            display: block
        }

        .m-hero-item.context-game .c-rating,
        .c-hero.context-game .c-rating {
            margin-top: 12px
        }

        .m-hero-item.context-music-album .c-product-title,
        .c-hero.context-music-album .c-product-title {
            margin-top: 0
        }
}

.m-hero-item .c-video-player.m-ambient-video + div,
.c-hero .c-video-player.m-ambient-video + div {
    height: auto;
    overflow: visible
}

@media only screen and (max-width:539px) {
    .m-hero-item .c-price,
    .m-hero-item .c-rating,
    .c-hero .c-price,
    .c-hero .c-rating {
        display: none
    }

    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action {
        padding: 10px 43px 7px
    }
}

[class^="pad-"] + .pad-hero-item .m-hero-item,
[class^="m-"] + .m-hero-item {
    margin-top: 48px;
    float: left;
    clear: both
}

@charset "UTF-8";

@keyframes hero-content-next {
    0% {
        transform: translateX(40px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes hero-content-previous {
    0% {
        transform: translateX(-40px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes hero-background-next {
    0% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes hero-background-previous {
    0% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes hero-background-next-y-center {
    0% {
        transform: translate(10px, -50%)
    }

    100% {
        transform: translate(0, -50%)
    }
}

@keyframes hero-background-previous-y-center {
    0% {
        transform: translate(-10px, -50%)
    }

    100% {
        transform: translate(0, -50%)
    }
}

@keyframes hero-background-next-x-center {
    0% {
        transform: translateX(-49%)
    }

    100% {
        transform: translateX(-50%)
    }
}

@keyframes hero-background-previous-x-center {
    0% {
        transform: translateX(-51%)
    }

    100% {
        transform: translateX(-50%)
    }
}

@keyframes hero-background-next-x-center-y-center {
    0% {
        transform: translate(-49%, -50%)
    }

    100% {
        transform: translate(-50%, -50%)
    }
}

@keyframes hero-background-previous-x-center-y-center {
    0% {
        transform: translate(-51%, -50%)
    }

    100% {
        transform: translate(-50%, -50%)
    }
}

.c-carousel {
    position: relative
}

    .c-carousel .c-flipper {
        position: absolute;
        top: 30%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 100;
        display: none
    }

        .c-carousel .c-flipper.f-left,
        .c-carousel .c-flipper.f-previous {
            left: 0
        }

        .c-carousel .c-flipper.f-right,
        .c-carousel .c-flipper.f-next {
            right: 0
        }

        .c-carousel .c-flipper + div {
            position: relative;
            overflow: hidden
        }

    .c-carousel.f-scrollable-next .c-flipper.f-right,
    .c-carousel.f-scrollable-next .c-flipper.f-next {
        display: block
    }

    .c-carousel.f-scrollable-previous .c-flipper.f-left,
    .c-carousel.f-scrollable-previous .c-flipper.f-previous {
        display: block
    }

    .c-carousel > .c-group {
        width: 100%;
        display: block;
        padding: 1px 0;
        text-align: center;
        position: absolute;
        bottom: 240px;
        z-index: 100
    }

        .c-carousel > .c-group .c-sequence-indicator {
            position: static;
            width: auto;
            display: inline-block;
            vertical-align: middle;
            margin-right: 8px
        }

            .c-carousel > .c-group .c-sequence-indicator[aria-hidden=true] {
                display: none
            }

    .c-carousel .c-sequence-indicator {
        position: absolute;
        z-index: 100;
        width: 100%;
        text-align: center;
        bottom: 24px
    }

    .c-carousel.f-multi-slide .c-flipper {
        opacity: 0;
        transition: opacity cubic-bezier(.16, 1, .29, .99) .15
    }

    .c-carousel.f-multi-slide.f-scrollable-previous,
    .c-carousel.f-multi-slide.f-scrollable-next {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -webkit-user-drag: none;
        -webkit-tap-highlight-color: transparent
    }

    .c-carousel.f-multi-slide:hover .c-flipper,
    .c-carousel.f-multi-slide:hover.theme-light .c-flipper,
    .c-carousel.f-multi-slide:hover.theme-dark .c-flipper {
        opacity: .8;
        box-shadow: none
    }

@media(-ms-high-contrast:active) {
    .c-carousel.f-multi-slide:hover .c-flipper,
    .c-carousel.f-multi-slide:hover.theme-light .c-flipper,
    .c-carousel.f-multi-slide:hover.theme-dark .c-flipper {
        opacity: 1 !important;
        border: 2px solid ButtonText
    }

        .c-carousel.f-multi-slide:hover .c-flipper:hover,
        .c-carousel.f-multi-slide:hover.theme-light .c-flipper:hover,
        .c-carousel.f-multi-slide:hover.theme-dark .c-flipper:hover {
            border: 2px solid Highlight
        }
}

.c-carousel.f-multi-slide:hover .c-flipper:hover,
.c-carousel.f-multi-slide:hover .c-flipper:active,
.c-carousel.f-multi-slide:hover .c-flipper:focus,
.c-carousel.f-multi-slide:hover.theme-light .c-flipper:hover,
.c-carousel.f-multi-slide:hover.theme-light .c-flipper:active,
.c-carousel.f-multi-slide:hover.theme-light .c-flipper:focus,
.c-carousel.f-multi-slide:hover.theme-dark .c-flipper:hover,
.c-carousel.f-multi-slide:hover.theme-dark .c-flipper:active,
.c-carousel.f-multi-slide:hover.theme-dark .c-flipper:focus {
    opacity: 1
}

.c-carousel.f-multi-slide:hover .c-flipper:hover,
.c-carousel.f-multi-slide:hover .c-flipper:active,
.c-carousel.f-multi-slide:hover.theme-light .c-flipper:hover,
.c-carousel.f-multi-slide:hover.theme-light .c-flipper:active,
.c-carousel.f-multi-slide:hover.theme-dark .c-flipper:hover,
.c-carousel.f-multi-slide:hover.theme-dark .c-flipper:active {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .2)
}

.c-carousel.f-multi-slide.theme-light .c-flipper {
    background: #fafafa;
    color: #404040
}

    .c-carousel.f-multi-slide.theme-light .c-flipper:hover,
    .c-carousel.f-multi-slide.theme-light .c-flipper:focus,
    .c-carousel.f-multi-slide.theme-light .c-flipper:active {
        box-shadow: 0 4px 8px rgba(0, 0, 0, .2)
    }

    .c-carousel.f-multi-slide.theme-light .c-flipper:focus {
        border: 1px solid #dbdbdb
    }

.c-carousel.f-multi-slide.theme-dark .c-flipper {
    background: #2e2e2e;
    color: #ccc
}

    .c-carousel.f-multi-slide.theme-dark .c-flipper:hover,
    .c-carousel.f-multi-slide.theme-dark .c-flipper:active,
    .c-carousel.f-multi-slide.theme-dark .c-flipper:focus {
        background: #404040
    }

    .c-carousel.f-multi-slide.theme-dark .c-flipper:focus {
        border: 1px solid #5b5b5b;
        box-shadow: none
    }

    .c-carousel.f-multi-slide.theme-dark .c-flipper:hover,
    .c-carousel.f-multi-slide.theme-dark .c-flipper:active {
        box-shadow: 0 4px 8px rgba(0, 0, 0, .2)
    }

.c-carousel.f-multi-slide li {
    display: none;
    width: 100%
}

    .c-carousel.f-multi-slide li.f-active {
        display: block
    }

.c-carousel.f-single-slide ul {
    display: inline-block;
    white-space: nowrap;
    font-size: 0;
    left: 0;
    width: auto;
    transition: left cubic-bezier(.16, 1, .29, .99) .667s
}

.c-carousel.f-single-slide li {
    font-size: 15px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top
}

@media only screen and (max-width:767px) {
    .c-carousel .f-gallery {
        display: -ms-flexbox;
        display: flex
    }
}

.c-carousel .f-gallery li {
    height: 189px;
    width: 336px;
    margin-right: 12px
}

@media only screen and (max-width:767px) {
    .c-carousel .f-gallery li {
        height: 126px;
        width: 224px;
        margin-right: 8px
    }
}

.c-carousel li {
    position: relative;
    height: 100%;
    z-index: 1
}

    .c-carousel li ~ li {
        display: none
    }

    .c-carousel li > picture.c-image img {
        margin: 0 auto
    }

    .c-carousel li .m-hero-item > picture img,
    .c-carousel li .c-hero > picture img {
        margin: 0 auto
    }

    .c-carousel li.f-animate-next > picture.c-image img {
        animation: hero-background-next cubic-bezier(.16, 1, .29, .99) .667s both
    }

    .c-carousel li.f-animate-next > picture.c-image.f-x-center img {
        animation-name: hero-background-next-x-center
    }

    .c-carousel li.f-animate-next > picture.c-image.f-y-center img {
        animation-name: hero-background-next-y-center
    }

    .c-carousel li.f-animate-next > picture.c-image.f-y-center.f-x-center img {
        animation-name: hero-background-next-x-center-y-center
    }

    .c-carousel li.f-animate-next .m-hero-item > picture img,
    .c-carousel li.f-animate-next .c-hero > picture img {
        animation: hero-background-next-y-center cubic-bezier(.16, 1, .29, .99) .667s both
    }

    .c-carousel li.f-animate-next .m-hero-item > div,
    .c-carousel li.f-animate-next .c-hero > div {
        animation: hero-content-next cubic-bezier(.16, 1, .29, .99) .667s both
    }

    .c-carousel li.f-animate-previous > picture.c-image img {
        animation: hero-background-previous cubic-bezier(.16, 1, .29, .99) .667s both
    }

    .c-carousel li.f-animate-previous > picture.c-image.f-x-center img {
        animation-name: hero-background-previous-x-center
    }

    .c-carousel li.f-animate-previous > picture.c-image.f-y-center img {
        animation-name: hero-background-previous-y-center
    }

    .c-carousel li.f-animate-previous > picture.c-image.f-y-center.f-x-center img {
        animation-name: hero-background-previous-x-center-y-center
    }

    .c-carousel li.f-animate-previous .m-hero-item > picture img,
    .c-carousel li.f-animate-previous .c-hero > picture img {
        animation: hero-background-previous-y-center cubic-bezier(.16, 1, .29, .99) .667s both
    }

    .c-carousel li.f-animate-previous .m-hero-item > div,
    .c-carousel li.f-animate-previous .c-hero > div {
        animation: hero-content-previous cubic-bezier(.16, 1, .29, .99) .667s both
    }

@media only screen and (max-width:767px) {
    .c-carousel li > picture.c-image.f-x-left img,
    .c-carousel li > picture.c-image.f-x-right img {
        left: 0;
        left: calc(50%);
        right: auto;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-carousel li .m-hero-item > div > div,
    .c-carousel li .c-hero > div > div {
        padding-bottom: 48px
    }

    .c-carousel li .m-hero-item.f-x-left > picture img,
    .c-carousel li .m-hero-item.f-x-right > picture img,
    .c-carousel li .c-hero.f-x-left > picture img,
    .c-carousel li .c-hero.f-x-right > picture img {
        left: 0;
        left: calc(50%);
        right: auto;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-carousel li.f-animate-next > picture.c-image[class*="f-x"][class*="f-y"] img {
        animation-name: hero-background-next-x-center
    }

    .c-carousel li.f-animate-next .m-hero-item[class*="f-x"][class*="f-y"] > picture img,
    .c-carousel li.f-animate-next .c-hero[class*="f-x"][class*="f-y"] > picture img {
        animation-name: hero-background-next-x-center
    }

    .c-carousel li.f-animate-previous > picture.c-image[class*="f-x"][class*="f-y"] img {
        animation-name: hero-background-previous-x-center
    }

    .c-carousel li.f-animate-previous .m-hero-item[class*="f-x"][class*="f-y"] > picture img,
    .c-carousel li.f-animate-previous .c-hero[class*="f-x"][class*="f-y"] > picture img {
        animation-name: hero-background-previous-x-center
    }
}

@media screen and (-ms-high-contrast:active) {
    .c-carousel .glyph-pause,
    .c-carousel .glyph-play {
        background: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .c-carousel .glyph-pause,
    .c-carousel .glyph-play {
        background: #fff
    }
}

.c-carousel .f-gallery li,
.m-media-gallery .f-gallery li {
    position: relative;
    cursor: pointer;
    display: inline-block
}

    .c-carousel .f-gallery li .c-action-trigger,
    .m-media-gallery .f-gallery li .c-action-trigger {
        position: absolute;
        background: rgba(0, 0, 0, .6);
        border: transparent;
        border-radius: 50%;
        margin: 0;
        height: 48px;
        width: 48px;
        margin-top: 0;
        top: calc(50% - 24px);
        left: calc(50% - 24px);
        position: relative;
        border: 2px solid transparent;
        outline: 0;
        position: absolute
    }

        .c-carousel .f-gallery li .c-action-trigger:hover,
        .m-media-gallery .f-gallery li .c-action-trigger:hover {
            text-decoration: none
        }

        .c-carousel .f-gallery li .c-action-trigger:before,
        .m-media-gallery .f-gallery li .c-action-trigger:before {
            position: absolute;
            top: calc(50% - 12px);
            left: calc(50% - 11px);
            color: #fff;
            font-size: 24px;
            line-height: 24px;
            content: "";
            margin: 0
        }

        .c-carousel .f-gallery li .c-action-trigger:after,
        .m-media-gallery .f-gallery li .c-action-trigger:after {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: '';
            border: 1px solid transparent
        }

        .c-carousel .f-gallery li .c-action-trigger:focus,
        .m-media-gallery .f-gallery li .c-action-trigger:focus {
            border-color: #000
        }

            .c-carousel .f-gallery li .c-action-trigger:focus:after,
            .m-media-gallery .f-gallery li .c-action-trigger:focus:after {
                border-color: rgba(255, 255, 255, .6)
            }

.theme-light .c-carousel .f-gallery li .c-action-trigger:focus,
.theme-dark .theme-light .c-carousel .f-gallery li .c-action-trigger:focus,
.theme-light .m-media-gallery .f-gallery li .c-action-trigger:focus,
.theme-dark .theme-light .m-media-gallery .f-gallery li .c-action-trigger:focus {
    border-color: #000
}

    .theme-light .c-carousel .f-gallery li .c-action-trigger:focus:after,
    .theme-dark .theme-light .c-carousel .f-gallery li .c-action-trigger:focus:after,
    .theme-light .m-media-gallery .f-gallery li .c-action-trigger:focus:after,
    .theme-dark .theme-light .m-media-gallery .f-gallery li .c-action-trigger:focus:after {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark .c-carousel .f-gallery li .c-action-trigger:focus,
.theme-light .theme-dark .c-carousel .f-gallery li .c-action-trigger:focus,
.theme-dark .m-media-gallery .f-gallery li .c-action-trigger:focus,
.theme-light .theme-dark .m-media-gallery .f-gallery li .c-action-trigger:focus {
    border-color: #fff
}

    .theme-dark .c-carousel .f-gallery li .c-action-trigger:focus:after,
    .theme-light .theme-dark .c-carousel .f-gallery li .c-action-trigger:focus:after,
    .theme-dark .m-media-gallery .f-gallery li .c-action-trigger:focus:after,
    .theme-light .theme-dark .m-media-gallery .f-gallery li .c-action-trigger:focus:after {
        border-color: rgba(0, 0, 0, .6)
    }

.c-carousel .f-gallery li .c-action-trigger:hover,
.m-media-gallery .f-gallery li .c-action-trigger:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, .7)
}

.c-carousel .f-gallery li .c-action-trigger:active,
.m-media-gallery .f-gallery li .c-action-trigger:active {
    background: rgba(0, 0, 0, .8)
}

.c-carousel .f-gallery li .c-action-trigger.x-hidden-focus,
.m-media-gallery .f-gallery li .c-action-trigger.x-hidden-focus {
    background: rgba(0, 0, 0, .6) !important
}

.c-carousel .f-gallery li .c-heading-6,
.m-media-gallery .f-gallery li .c-heading-6 {
    color: inherit;
    position: absolute;
    bottom: 9px;
    right: 12px;
    text-align: right;
    z-index: 1
}

    .c-carousel .f-gallery li .c-heading-6:first-child,
    .m-media-gallery .f-gallery li .c-heading-6:first-child {
        left: 12px;
        width: auto;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: no-wrap;
        margin-right: 82px
    }

.c-carousel .f-gallery li.theme-dark .c-heading-6,
.m-media-gallery .f-gallery li.theme-dark .c-heading-6 {
    color: #fff
}

.c-carousel .f-gallery li.theme-light .c-heading-6,
.m-media-gallery .f-gallery li.theme-light .c-heading-6 {
    color: #000
}

.m-hero {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

[class^="pad-"] + .pad-hero .m-hero,
[class^="m-"] + .m-hero {
    padding-top: 48px;
    clear: both
}

.m-hero-item,
.c-hero {
    position: relative;
    overflow: hidden;
    padding: 0 5%;
    width: 100%
}

@media screen and (min-width:768px) {
    .m-hero .m-hero-item,
    .m-hero .c-hero {
        padding: 0 5%
    }

        .m-hero .m-hero-item.x-remove-padding,
        .m-hero .c-hero.x-remove-padding {
            padding-left: 0;
            padding-right: 0
        }
}

.m-hero-item:before,
.c-hero:before {
    display: block;
    content: "";
    width: 100%;
    padding-bottom: 61.875%
}

@media screen and (min-width:1084px) {
    .m-hero-item:before,
    .c-hero:before {
        padding-bottom: 41.55%
    }
}

.m-hero-item:hover,
.c-hero:hover {
    cursor: default
}

    .m-hero-item:hover a.hiddenCTAlink,
    .c-hero:hover a.hiddenCTAlink {
        text-decoration: underline
    }

.m-hero-item[data-js-href]:hover,
.c-hero[data-js-href]:hover {
    cursor: pointer
}

.m-hero-item picture,
.c-hero picture {
    display: block
}

.m-hero-item > picture,
.c-hero > picture {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    overflow: hidden;
    -ms-transform: scale(1.0125);
    transform: scale(1.0125)
}

    .m-hero-item > picture img,
    .c-hero > picture img {
        position: absolute;
        width: 100%;
        left: 0;
        top: calc(50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow: hidden
    }

    .m-hero-item > picture:after,
    .c-hero > picture:after {
        content: "";
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%
    }

.m-hero-item.f-transparent:before,
.c-hero.f-transparent:before {
    padding-bottom: 56.25%
}

.m-hero-item > div,
.c-hero > div {
    /*width: 88%;*/
    height: 100%;
    max-width: 2048px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0 auto;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .m-hero-item > div,
    .c-hero > div {
        position: relative
    }
}

.m-hero-item > div > div,
.c-hero > div > div {
    position: absolute;
    z-index: 1;
    max-width: 520px
}

    .m-hero-item > div > div > div,
    .c-hero > div > div > div {
        margin-top: 24px;
        padding: 12px 2px 0
    }

.m-hero-item > div .f-core-player,
.c-hero > div .f-core-player {
    max-width: 100%
}

.m-hero-item > div.c-video,
.m-hero-item > div.m-ambient-video,
.c-hero > div.c-video,
.c-hero > div.m-ambient-video {
    width: 100%;
    margin: 0;
    padding: 0
}

    .m-hero-item > div.c-video:before,
    .m-hero-item > div.m-ambient-video:before,
    .c-hero > div.c-video:before,
    .c-hero > div.m-ambient-video:before {
        display: block;
        content: "";
        width: 100%;
        padding-bottom: 37.55%
    }

@media only screen and (max-width:1083px) {
    .m-hero-item > div.c-video:before,
    .m-hero-item > div.m-ambient-video:before,
    .c-hero > div.c-video:before,
    .c-hero > div.m-ambient-video:before {
        padding-bottom: 56.25%
    }
}

.m-hero-item a.hiddenCTAlink,
.c-hero a.hiddenCTAlink {
    display: block
}

.m-hero-item .c-heading,
.c-hero .c-heading {
    font-size: 46px;
    line-height: 56px;
    padding: 37px 0 3px;
    font-weight: 600;
    letter-spacing: -.01em;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 112px;
    font-weight: 600;
    opacity: .95
}

@media only screen and (max-width:1399px) {
    .m-hero-item .c-heading,
    .c-hero .c-heading {
        font-size: 24px;
        line-height: 28px;
        padding: 36px 0 4px;
        font-weight: 600;
        max-height: 56px;
        font-weight: 600
    }
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-heading,
    .c-hero .c-heading {
        background: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .m-hero-item .c-heading,
    .c-hero .c-heading {
        background: #fff
    }
}

@media only screen and (min-width:1084px) {
    .m-hero-item.f-long-heading [class*="c-heading"],
    .c-hero.f-long-heading [class*="c-heading"] {
        font-size: 24px;
        line-height: 28px;
        padding: 36px 0 4px;
        font-weight: 600;
        max-height: 56px
    }
}

@media only screen and (min-width:1084px) {
    .m-hero-item.f-long-heading [class*="c-subheading"],
    .c-hero.f-long-heading [class*="c-subheading"] {
        font-size: 15px;
        line-height: 20px;
        padding: 8px 0 0;
        font-weight: 600;
        max-height: 40px
    }
}

.m-hero-item .c-subheading,
.c-hero .c-subheading {
    font-size: 24px;
    line-height: 28px;
    padding: 4px 0 8px;
    font-weight: 600;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px;
    padding-bottom: 2.3632px;
    font-weight: 200
}

@media only screen and (max-width:1399px) {
    .m-hero-item .c-subheading,
    .c-hero .c-subheading {
        font-size: 15px;
        line-height: 20px;
        padding: 8px 0 0;
        font-weight: 600;
        max-height: 40px;
        font-weight: 200
    }
}

@media only screen and (max-width:767px) {
    .m-hero-item .c-subheading,
    .c-hero .c-subheading {
        font-size: 18px;
        line-height: 24px;
        padding: 9px 0 3px;
        font-weight: 600;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 48px;
        font-weight: 200
    }
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-subheading,
    .c-hero .c-subheading {
        background: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .m-hero-item .c-subheading,
    .c-hero .c-subheading {
        background: #fff
    }
}

.m-hero-item .c-paragraph,
.c-hero .c-paragraph {
    font-size: 15px;
    line-height: 20px;
    padding: 12px 0 0;
    font-weight: 400;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px;
    padding: 0
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-paragraph,
    .c-hero .c-paragraph {
        background: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .m-hero-item .c-paragraph,
    .c-hero .c-paragraph {
        background: #fff
    }
}

.m-hero-item .c-product-title,
.m-hero-item .c-product-subtitle,
.c-hero .c-product-title,
.c-hero .c-product-subtitle {
    font-size: 24px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px;
    line-height: 32px;
    max-height: 64px;
    padding: 0
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-product-title,
    .m-hero-item .c-product-subtitle,
    .c-hero .c-product-title,
    .c-hero .c-product-subtitle {
        background: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .m-hero-item .c-product-title,
    .m-hero-item .c-product-subtitle,
    .c-hero .c-product-title,
    .c-hero .c-product-subtitle {
        background: #fff
    }
}

@media only screen and (min-width:1400px) {
    .m-hero-item .c-product-title,
    .m-hero-item .c-product-subtitle,
    .c-hero .c-product-title,
    .c-hero .c-product-subtitle {
        font-size: 34px;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 80px;
        line-height: 44px;
        max-height: 88px
    }
}

@media only screen and (min-width:768px) {
    .m-hero-item.f-short .c-product-title,
    .m-hero-item.f-short .c-product-subtitle,
    .c-hero.f-short .c-product-title,
    .c-hero.f-short .c-product-subtitle {
        font-size: 34px;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 80px;
        line-height: 44px;
        max-height: 88px
    }
}

@media only screen and (min-width:1400px) {
    .m-hero-item.f-short .c-product-title,
    .m-hero-item.f-short .c-product-subtitle,
    .c-hero.f-short .c-product-title,
    .c-hero.f-short .c-product-subtitle {
        font-size: 46px;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 112px;
        line-height: 60px;
        max-height: 120px
    }
}

.m-hero-item .c-product-title,
.c-hero .c-product-title {
    font-weight: 600;
    opacity: .95
}

.m-hero-item .c-product-subtitle,
.c-hero .c-product-subtitle {
    font-weight: 100
}

.m-hero-item .c-price,
.c-hero .c-price {
    font-size: 20px;
    line-height: 24px;
    display: inline-block
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-price,
    .c-hero .c-price {
        background: #000
    }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .m-hero-item .c-price,
    .c-hero .c-price {
        background: #fff
    }
}

.m-hero-item .c-rating,
.c-hero .c-rating {
    margin-top: 12px
}

.m-hero-item .c-group,
.c-hero .c-group {
    display: block;
    overflow: visible
}

    .m-hero-item .c-group > .c-call-to-action,
    .c-hero .c-group > .c-call-to-action {
        margin-right: 24px
    }

        .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
        .c-hero .c-group > .c-call-to-action + .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;
            padding: 10px 43px 7px 25px
        }

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action {
        border-color: window !important;
        outline-color: window
    }
}

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
        border-color: windowText !important
    }
}

.theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

.theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
    border-color: #fff;
    outline-color: rgba(0, 0, 0, .6)
}

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
.c-hero .c-group > .c-call-to-action + .c-call-to-action:hover,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
    background: transparent;
    box-shadow: none !important
}

    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover span,
    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active span,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover span,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action:active span {
        box-shadow: 0 2px currentColor;
        left: 0 !important
    }

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
.c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) {
    color: #005da6;
    background: rgba(0, 103, 184, .1)
}

    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span {
        box-shadow: 0 2px currentColor;
        text-decoration: none
    }

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:hover {
    color: #005da6
}

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
    background: none;
    color: #005293;
    text-decoration: none;
    -ms-transform: none;
    transform: none
}

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
.c-hero .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"] {
    cursor: not-allowed;
    color: #cce1f1
}

.m-hero-item .c-group > .c-call-to-action + .c-call-to-action.f-image,
.c-hero .c-group > .c-call-to-action + .c-call-to-action.f-image {
    padding: 0
}

.theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action,
.theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action {
    color: #000;
    border-color: transparent;
    background: transparent
}

    .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(0, 0, 0, .1)
    }

        .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover {
        color: rgba(0, 0, 0, .9)
    }

    .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover {
        background: transparent
    }

    .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
    .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
    .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:active,
    .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
        color: rgba(0, 0, 0, .8)
    }

    .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
    .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"] {
        color: #999;
        background: transparent
    }

.theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action,
.theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action {
    color: #fff;
    background: transparent;
    border-color: transparent
}

    .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(255, 255, 255, .1)
    }

        .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover {
        color: #e6e6e6
    }

    .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover,
    .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:hover {
        background: transparent
    }

    .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
    .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
    .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:active,
    .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
        color: #ccc
    }

    .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
    .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action[aria-disabled="true"] {
        background: transparent;
        color: #666
    }

.m-hero-item form .c-label,
.c-hero form .c-label {
    margin: 24px 0
}

.m-hero-item.theme-dark .c-group > .c-call-to-action + .c-call-to-action,
.c-hero.theme-dark .c-group > .c-call-to-action + .c-call-to-action {
    color: #fff
}

    .m-hero-item.theme-dark .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .c-hero.theme-dark .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) {
        color: #fff;
        background: rgba(255, 255, 255, .1)
    }

.m-hero-item.theme-dark a.hiddenCTAlink:focus *,
.c-hero.theme-dark a.hiddenCTAlink:focus * {
    background: rgba(255, 255, 255, .1);
    color: #e6e6e6
}

.m-hero-item.theme-dark a.hiddenCTAlink:active *,
.c-hero.theme-dark a.hiddenCTAlink:active * {
    color: #ccc
}

.m-hero-item.theme-light .c-group > .c-call-to-action + .c-call-to-action,
.c-hero.theme-light .c-group > .c-call-to-action + .c-call-to-action {
    color: #000
}

    .m-hero-item.theme-light .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
    .c-hero.theme-light .c-group > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) {
        color: #000;
        background: rgba(0, 0, 0, .1)
    }

.m-hero-item.theme-light a.hiddenCTAlink:focus *,
.c-hero.theme-light a.hiddenCTAlink:focus * {
    background: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .9)
}

.m-hero-item.theme-light a.hiddenCTAlink:active *,
.c-hero.theme-light a.hiddenCTAlink:active * {
    color: rgba(0, 0, 0, .8)
}

.m-hero-item.theme-light .c-group.f-accent > .c-call-to-action,
.m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action,
.c-hero.theme-light .c-group.f-accent > .c-call-to-action,
.c-hero.theme-dark .c-group.f-accent > .c-call-to-action {
    margin-right: 24px
}

    .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
    .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action,
    .c-hero.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
    .c-hero.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action {
        color: #0078d7
    }

        .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
        .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
        .c-hero.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus),
        .c-hero.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action:focus:not(.x-hidden-focus) {
            color: #0067b8;
            background: rgba(0, 103, 184, .1)
        }

.m-hero-item .c-logo,
.c-hero .c-logo {
    margin-top: 12px
}

.m-hero-item.context-app .c-heading,
.c-hero.context-app .c-heading {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px
}

@media only screen and (max-width:1399px) {
    .m-hero-item.context-app .c-heading,
    .c-hero.context-app .c-heading {
        white-space: nowrap;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 40px
    }
}

.m-hero-item.context-article .c-heading,
.c-hero.context-article .c-heading {
    font-size: 34px;
    line-height: 40px;
    padding: 38px 0 2px;
    font-weight: 600;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px;
    font-weight: 600;
    opacity: .95
}

.m-hero-item.context-music-album .c-product-title,
.c-hero.context-music-album .c-product-title {
    margin-top: 12px
}

@media only screen and (max-width:1399px) {
    .m-hero-item.context-music-album picture img.c-image,
    .c-hero.context-music-album picture img.c-image {
        max-width: 64px
    }
}

.m-hero-item.context-device > div > div > div,
.m-hero-item.context-accessory > div > div > div,
.m-hero-item.context-article > div > div > div,
.m-hero-item.context-game > div > div > div,
.c-hero.context-device > div > div > div,
.c-hero.context-accessory > div > div > div,
.c-hero.context-article > div > div > div,
.c-hero.context-game > div > div > div {
    margin-top: 2px
}

@media only screen and (min-width:768px) {
    .m-hero-item.context-device > div > div > div,
    .m-hero-item.context-accessory > div > div > div,
    .m-hero-item.context-article > div > div > div,
    .m-hero-item.context-game > div > div > div,
    .c-hero.context-device > div > div > div,
    .c-hero.context-accessory > div > div > div,
    .c-hero.context-article > div > div > div,
    .c-hero.context-game > div > div > div {
        margin-top: 12px
    }
}

.m-hero-item.f-x-left > div > div,
.c-hero.f-x-left > div > div {
    left: 0
}

.m-hero-item.f-x-center,
.c-hero.f-x-center {
    text-align: center
}

    .m-hero-item.f-x-center .c-group,
    .c-hero.f-x-center .c-group {
        -ms-flex-pack: center;
        justify-content: center
    }

    .m-hero-item.f-x-center > div > div,
    .c-hero.f-x-center > div > div {
        min-width: 50%;
        left: 30%;
        left: calc(50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .m-hero-item.f-x-center > div > div .c-image,
        .c-hero.f-x-center > div > div .c-image {
            margin: 0 auto
        }

.m-hero-item.f-x-right > div > div,
.c-hero.f-x-right > div > div {
    right: 0
}

.m-hero-item.f-y-top > div > div,
.c-hero.f-y-top > div > div {
    top: 21px
}

@media only screen and (max-width:1399px) {
    .m-hero-item.f-y-top > div > div,
    .c-hero.f-y-top > div > div {
        top: 16px
    }
}

.m-hero-item.f-y-top > div.m-ambient-video + div,
.c-hero.f-y-top > div.m-ambient-video + div {
    bottom: auto
}

.m-hero-item.f-y-top .f-core-player,
.c-hero.f-y-top .f-core-player {
    top: 0
}

.m-hero-item.f-y-top.f-transparent > div > div,
.c-hero.f-y-top.f-transparent > div > div {
    top: 140px
}

@media only screen and (max-width:1083px) {
    .m-hero-item.f-y-top.f-transparent > div > div,
    .c-hero.f-y-top.f-transparent > div > div {
        top: 120px
    }
}

.m-hero-item.f-y-center .c-heading:first-child,
.c-hero.f-y-center .c-heading:first-child {
    padding-top: 2px
}

.m-hero-item.f-y-center > div > div,
.c-hero.f-y-center > div > div {
    top: 120px;
    top: calc(50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-hero-item.f-y-center.f-transparent > div > div,
.c-hero.f-y-center.f-transparent > div > div {
    top: 120px;
    top: calc(55%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.m-hero-item.f-y-center.f-x-center > div > div,
.c-hero.f-y-center.f-x-center > div > div {
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.m-hero-item.f-y-bottom > div > div,
.c-hero.f-y-bottom > div > div {
    bottom: 60px
}

    .m-hero-item.f-y-bottom > div > div .f-core-player,
    .c-hero.f-y-bottom > div > div .f-core-player {
        bottom: 0
    }

@media only screen and (max-width:1399px) {
    .m-hero-item.f-y-bottom > div > div,
    .c-hero.f-y-bottom > div > div {
        bottom: 48px
    }
}

.m-hero-item.f-y-bottom > div.m-ambient-video + div,
.c-hero.f-y-bottom > div.m-ambient-video + div {
    top: auto
}

.m-hero-item[class*="f-mask"].theme-light > picture:after,
.c-hero[class*="f-mask"].theme-light > picture:after {
    background: #fff
}

.m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-top > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-left.f-y-top > picture:after {
    background: radial-gradient(circle at top left, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-top > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-left.f-y-top > picture:after {
        background: radial-gradient(circle at top left, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-center > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-left.f-y-center > picture:after {
    background: radial-gradient(circle at center left, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-center > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-left.f-y-center > picture:after {
        background: radial-gradient(circle at center left, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-bottom > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-left.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom left, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-bottom > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-left.f-y-bottom > picture:after {
        background: radial-gradient(circle at bottom left, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-top > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-center.f-y-top > picture:after {
    background: radial-gradient(circle at top center, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-top > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-center.f-y-top > picture:after {
        background: radial-gradient(circle at top center, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-center > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-center.f-y-center > picture:after {
    background: radial-gradient(circle at center center, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-center > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-center.f-y-center > picture:after {
        background: radial-gradient(circle at center center, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-bottom > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-center.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom center, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-bottom > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-center.f-y-bottom > picture:after {
        background: radial-gradient(circle at bottom center, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-top > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-right.f-y-top > picture:after {
    background: radial-gradient(circle at top right, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-top > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-right.f-y-top > picture:after {
        background: radial-gradient(circle at top right, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-center > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-right.f-y-center > picture:after {
    background: radial-gradient(circle at center right, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-center > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-right.f-y-center > picture:after {
        background: radial-gradient(circle at center right, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-bottom > picture:after,
.c-hero[class*="f-mask"].theme-light.f-x-right.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom right, #fff, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-bottom > picture:after,
    .c-hero[class*="f-mask"].theme-light.f-x-right.f-y-bottom > picture:after {
        background: radial-gradient(circle at bottom right, #fff, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark > picture:after,
.c-hero[class*="f-mask"].theme-dark > picture:after {
    background: #000
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-top > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-top > picture:after {
    background: radial-gradient(circle at top left, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-top > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-top > picture:after {
        background: radial-gradient(circle at top left, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-center > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-center > picture:after {
    background: radial-gradient(circle at center left, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-center > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-center > picture:after {
        background: radial-gradient(circle at center left, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-bottom > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom left, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-bottom > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-bottom > picture:after {
        background: radial-gradient(circle at bottom left, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-top > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-top > picture:after {
    background: radial-gradient(circle at top center, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-top > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-top > picture:after {
        background: radial-gradient(circle at top center, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-center > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-center > picture:after {
    background: radial-gradient(circle at center center, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-center > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-center > picture:after {
        background: radial-gradient(circle at center center, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-bottom > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom center, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-bottom > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-bottom > picture:after {
        background: radial-gradient(circle at bottom center, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-top > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-top > picture:after {
    background: radial-gradient(circle at top right, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-top > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-top > picture:after {
        background: radial-gradient(circle at top right, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-center > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-center > picture:after {
    background: radial-gradient(circle at center right, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-center > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-center > picture:after {
        background: radial-gradient(circle at center right, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-bottom > picture:after,
.c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom right, #000, rgba(255, 255, 255, 0) 80%)
}

@media screen and (-ms-high-contrast:active) {
    .m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-bottom > picture:after,
    .c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-bottom > picture:after {
        background: radial-gradient(circle at bottom right, #000, rgba(255, 255, 255, 0) 80%)
    }
}

.m-hero-item.f-mask-20 > picture:after,
.c-hero.f-mask-20 > picture:after {
    opacity: .2
}

.m-hero-item.f-mask-40 > picture:after,
.c-hero.f-mask-40 > picture:after {
    opacity: .4
}

.m-hero-item.f-mask-60 > picture:after,
.c-hero.f-mask-60 > picture:after {
    opacity: .6
}

.m-hero-item.f-mask-80 > picture:after,
.c-hero.f-mask-80 > picture:after {
    opacity: .8
}

.m-hero-item.f-mask-100 > picture:after,
.c-hero.f-mask-100 > picture:after {
    opacity: 1
}

.m-hero-item .c-video,
.m-hero-item .m-ambient-video,
.c-hero .c-video,
.c-hero .m-ambient-video {
    position: absolute;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0
}

    .m-hero-item .c-video > h1,
    .m-hero-item .m-ambient-video > h1,
    .c-hero .c-video > h1,
    .c-hero .m-ambient-video > h1 {
        display: none
    }

    .m-hero-item .c-video video,
    .m-hero-item .m-ambient-video video,
    .c-hero .c-video video,
    .c-hero .m-ambient-video video {
        min-width: 100%;
        min-height: 100%;
        height: auto !important;
        width: auto;
        z-index: -2;
        background-size: cover;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0
    }

@media only screen and (max-width:1399px) {
    .m-hero-item > div > div,
    .c-hero > div > div {
        max-width: 440px
    }
}

@media only screen and (max-width:1083px) {
    .m-hero-item > div > div,
    .c-hero > div > div {
        max-width: 340px
    }
}

@media only screen and (max-width:767px) {
    .m-hero-item,
    .c-hero {
        height: auto;
        padding: 0;
        text-align: center
    }

        .m-hero-item[class*="f-x"][class*="f-y"] > picture img,
        .c-hero[class*="f-x"][class*="f-y"] > picture img {
            top: 0;
            left: 0;
            left: calc(50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: -1
        }

        .m-hero-item[class*="f-x"][class*="f-y"] > picture:after,
        .c-hero[class*="f-x"][class*="f-y"] > picture:after {
            display: none
        }

        .m-hero-item[class*="f-x"][class*="f-y"] > div > div,
        .c-hero[class*="f-x"][class*="f-y"] > div > div {
            position: relative;
            margin: 0 auto;
            left: 0;
            top: 0;
            top: calc(50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            max-width: 100%
        }

        .m-hero-item[class*="f-x"][class*="f-y"] .f-core-player,
        .c-hero[class*="f-x"][class*="f-y"] .f-core-player {
            position: absolute
        }

        .m-hero-item > div,
        .c-hero > div {
            padding: 12px;
            height: 280px
        }

            .m-hero-item > div picture,
            .c-hero > div picture {
                display: none
            }

            .m-hero-item > div.c-video,
            .m-hero-item > div.m-ambient-video,
            .c-hero > div.c-video,
            .c-hero > div.m-ambient-video {
                padding: 0;
                height: auto
            }

                .m-hero-item > div.c-video video,
                .m-hero-item > div.m-ambient-video video,
                .c-hero > div.c-video video,
                .c-hero > div.m-ambient-video video {
                    min-height: auto;
                    width: 100%
                }

        .m-hero-item .c-paragraph,
        .c-hero .c-paragraph {
            max-height: 100px
        }

        .m-hero-item .c-heading,
        .m-hero-item.context-article .c-heading,
        .c-hero .c-heading,
        .c-hero.context-article .c-heading {
            font-size: 20px;
            line-height: 24px;
            padding: 35px 0 5px;
            font-weight: 600;
            overflow: hidden;
            box-sizing: content-box;
            max-height: 120px;
            font-weight: 600;
            opacity: .95
        }

        .m-hero-item .c-heading,
        .m-hero-item.context-app .c-heading,
        .m-hero-item.context-article .c-heading,
        .c-hero .c-heading,
        .c-hero.context-app .c-heading,
        .c-hero.context-article .c-heading {
            padding-top: 0
        }

        .m-hero-item > div > div > div,
        .c-hero > div > div > div {
            -ms-flex-pack: center;
            justify-content: center
        }

        .m-hero-item .c-group > .c-call-to-action,
        .c-hero .c-group > .c-call-to-action {
            margin: 0
        }

            .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
            .c-hero .c-group > .c-call-to-action + .c-call-to-action {
                margin: 0
            }

        .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action,
        .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action,
        .c-hero.theme-light .c-group.f-accent > .c-call-to-action,
        .c-hero.theme-dark .c-group.f-accent > .c-call-to-action {
            margin: 0
        }

            .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
            .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action,
            .c-hero.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
            .c-hero.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action {
                margin: 0
            }

        .m-hero-item .c-subheading,
        .c-hero .c-subheading {
            display: block
        }

        .m-hero-item.context-game .c-rating,
        .c-hero.context-game .c-rating {
            margin-top: 12px
        }

        .m-hero-item.context-music-album .c-product-title,
        .c-hero.context-music-album .c-product-title {
            margin-top: 0
        }
}

.m-hero-item .c-video-player.m-ambient-video + div,
.c-hero .c-video-player.m-ambient-video + div {
    height: auto;
    overflow: visible
}

@media only screen and (max-width:539px) {
    .m-hero-item .c-price,
    .m-hero-item .c-rating,
    .c-hero .c-price,
    .c-hero .c-rating {
        display: none
    }

    .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
    .c-hero .c-group > .c-call-to-action + .c-call-to-action {
        padding: 10px 43px 7px
    }
}

[class^="pad-"] + .pad-hero-item .m-hero-item,
[class^="m-"] + .m-hero-item {
    margin-top: 48px;
    float: left;
    clear: both
}

.c-mosaic {
    max-width: 2048px;
    margin: 0 auto
}

    .c-mosaic [data-f-mosaic] > picture {
        z-index: 0;
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        height: 100%
    }

        .c-mosaic [data-f-mosaic] > picture img {
            position: absolute;
            left: calc(50%);
            top: calc(50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%)
        }

    .c-mosaic:before,
    .c-mosaic:after,
    .c-mosaic [data-f-mosaic*="f-vp"]:before,
    .c-mosaic [data-f-mosaic*="f-vp"]:after {
        content: " ";
        display: table
    }

    .c-mosaic:after,
    .c-mosaic [data-f-mosaic*="f-vp"]:after {
        clear: both
    }

    .c-mosaic [data-f-mosaic*="f-vp"] {
        float: left
    }

    .c-mosaic [data-f-mosaic~="f-vp1-whole"] {
        width: 100%
    }

    .c-mosaic [data-f-mosaic~="f-vp1-half"] {
        width: 50%
    }

    .c-mosaic [data-f-mosaic~="f-height-small"] {
        height: 150px
    }

    .c-mosaic [data-f-mosaic~="f-height-medium"],
    .c-mosaic [data-f-mosaic~="f-height-large"] {
        height: 300px
    }

@media only screen and (min-width:540px) {
    .c-mosaic [data-f-mosaic~="f-vp2-whole"] {
        width: 100%
    }

    .c-mosaic [data-f-mosaic~="f-vp2-half"] {
        width: 50%
    }
}

@media only screen and (min-width:768px) {
    .c-mosaic [data-f-mosaic~="f-vp3-whole"] {
        width: 100%
    }

    .c-mosaic [data-f-mosaic~="f-vp3-half"] {
        width: 50%
    }

    .c-mosaic [data-f-mosaic~="f-height-small"] {
        height: 200px
    }

    .c-mosaic [data-f-mosaic~="f-height-medium"],
    .c-mosaic [data-f-mosaic~="f-height-large"] {
        height: 400px
    }
}

@media only screen and (min-width:1084px) {
    .c-mosaic [data-f-mosaic~="f-vp4-whole"] {
        width: 100%
    }

    .c-mosaic [data-f-mosaic~="f-vp4-half"] {
        width: 50%
    }

    .c-mosaic [data-f-mosaic~="f-height-large"] {
        height: 800px
    }
}

.c-mosaic-placement {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 19px;
    width: 100%;
    height: 100%
}

    .c-mosaic-placement.f-background-neutral-00 {
        background: #fff
    }

    .c-mosaic-placement.f-background-neutral-10 {
        background: #e6e6e6
    }

    .c-mosaic-placement.f-background-neutral-20 {
        background: #d2d2d2
    }

    .c-mosaic-placement.f-background-neutral-30 {
        background: #acacac
    }

    .c-mosaic-placement.f-background-neutral-45 {
        background: #919191
    }

    .c-mosaic-placement.f-background-neutral-55 {
        background: #737373
    }

    .c-mosaic-placement.f-background-neutral-65 {
        background: #505050
    }

    .c-mosaic-placement.f-background-neutral-75 {
        background: #464646
    }

    .c-mosaic-placement.f-background-neutral-80 {
        background: #2f2f2f
    }

    .c-mosaic-placement.f-background-neutral-90 {
        background: #171717
    }

    .c-mosaic-placement.f-background-neutral-100 {
        background: #000
    }

    .c-mosaic-placement.f-background-accent {
        background: #0067b8
    }

    .c-mosaic-placement[class*="f-mask"] > picture:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        z-index: 1
    }

.theme-light .c-mosaic-placement.f-mask-10 > picture:before,
.theme-dark .theme-light .c-mosaic-placement.f-mask-10 > picture:before {
    background: rgba(255, 255, 255, .1)
}

.theme-light .c-mosaic-placement.f-mask-20 > picture:before,
.theme-dark .theme-light .c-mosaic-placement.f-mask-20 > picture:before {
    background: rgba(255, 255, 255, .2)
}

.theme-light .c-mosaic-placement.f-mask-40 > picture:before,
.theme-dark .theme-light .c-mosaic-placement.f-mask-40 > picture:before {
    background: rgba(255, 255, 255, .4)
}

.theme-light .c-mosaic-placement.f-mask-60 > picture:before,
.theme-dark .theme-light .c-mosaic-placement.f-mask-60 > picture:before {
    background: rgba(255, 255, 255, .6)
}

.theme-light .c-mosaic-placement.f-mask-80 > picture:before,
.theme-dark .theme-light .c-mosaic-placement.f-mask-80 > picture:before {
    background: rgba(255, 255, 255, .8)
}

.theme-light .c-mosaic-placement.f-mask-100 > picture:before,
.theme-dark .theme-light .c-mosaic-placement.f-mask-100 > picture:before {
    background: #fff
}

.theme-dark .c-mosaic-placement.f-mask-10 > picture:before,
.theme-light .theme-dark .c-mosaic-placement.f-mask-10 > picture:before {
    background: rgba(0, 0, 0, .1)
}

.theme-dark .c-mosaic-placement.f-mask-20 > picture:before,
.theme-light .theme-dark .c-mosaic-placement.f-mask-20 > picture:before {
    background: rgba(0, 0, 0, .2)
}

.theme-dark .c-mosaic-placement.f-mask-40 > picture:before,
.theme-light .theme-dark .c-mosaic-placement.f-mask-40 > picture:before {
    background: rgba(0, 0, 0, .4)
}

.theme-dark .c-mosaic-placement.f-mask-60 > picture:before,
.theme-light .theme-dark .c-mosaic-placement.f-mask-60 > picture:before {
    background: rgba(0, 0, 0, .6)
}

.theme-dark .c-mosaic-placement.f-mask-80 > picture:before,
.theme-light .theme-dark .c-mosaic-placement.f-mask-80 > picture:before {
    background: rgba(0, 0, 0, .8)
}

.theme-dark .c-mosaic-placement.f-mask-100 > picture:before,
.theme-light .theme-dark .c-mosaic-placement.f-mask-100 > picture:before {
    background: #000
}

.c-mosaic-placement .c-video {
    height: 400px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    position: absolute
}

    .c-mosaic-placement .c-video > h1 {
        display: none
    }

    .c-mosaic-placement .c-video video {
        min-width: 100%;
        min-height: 100%;
        height: auto;
        width: auto;
        z-index: -2;
        background-size: cover;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0
    }

.c-mosaic-placement .f-mosaic-glyph-placement {
    font-size: 48px
}

.c-mosaic-placement .f-mosaic-image-placement {
    display: block;
    position: relative;
    left: 0;
    right: 0;
    top: auto;
    text-align: center;
    height: 48px
}

    .c-mosaic-placement .f-mosaic-image-placement .f-mosaic-image {
        max-height: 100%
    }

.c-mosaic-placement [class*="f-mosaic-glyph-placement-paragraph-adjust"] {
    overflow: hidden;
    box-sizing: content-box;
    max-height: 60px;
    overflow: hidden
}

.c-mosaic-placement .f-mosaic-glyph-placement-cta-line-height-adjust {
    line-height: 20px
}

    .c-mosaic-placement .f-mosaic-glyph-placement-cta-line-height-adjust span {
        line-height: inherit
    }

.c-mosaic-placement .c-heading {
    font-size: 20px;
    line-height: 24px;
    padding: 35px 0 5px;
    font-weight: 600;
    font-weight: 600
}

.c-mosaic-placement [class*="f-remove-padding-top"] {
    padding-top: 0
}

.c-mosaic-placement .c-subheading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 200
}

.c-mosaic-placement a.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
}

@media screen and (-ms-high-contrast:active) {
    .c-mosaic-placement a.c-call-to-action {
        border-color: window !important;
        outline-color: window
    }
}

.c-mosaic-placement a.c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

@media screen and (-ms-high-contrast:active) {
    .c-mosaic-placement a.c-call-to-action:focus {
        border-color: windowText !important
    }
}

.theme-light .c-mosaic-placement a.c-call-to-action:focus,
.theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:focus {
    border-color: #000;
    outline-color: rgba(255, 255, 255, .6)
}

.theme-dark .c-mosaic-placement a.c-call-to-action:focus,
.theme-light .theme-dark .c-mosaic-placement a.c-call-to-action:focus {
    border-color: #fff;
    outline-color: rgba(0, 0, 0, .6)
}

.c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus),
.c-mosaic-placement a.c-call-to-action:hover,
.c-mosaic-placement a.c-call-to-action:active {
    background: transparent;
    box-shadow: none !important
}

    .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus) span,
    .c-mosaic-placement a.c-call-to-action:hover span,
    .c-mosaic-placement a.c-call-to-action:active span {
        box-shadow: 0 2px currentColor;
        left: 0 !important
    }

.c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus) {
    color: #005da6;
    background: rgba(0, 103, 184, .1)
}

    .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus) span {
        box-shadow: 0 2px currentColor;
        text-decoration: none
    }

.c-mosaic-placement a.c-call-to-action:hover {
    color: #005da6
}

.c-mosaic-placement a.c-call-to-action:active {
    background: none;
    color: #005293;
    text-decoration: none;
    -ms-transform: none;
    transform: none
}

.c-mosaic-placement a.c-call-to-action[aria-disabled="true"] {
    cursor: not-allowed;
    color: #cce1f1
}

.c-mosaic-placement a.c-call-to-action.f-image {
    padding: 0
}

.theme-light .c-mosaic-placement a.c-call-to-action,
.theme-dark .theme-light .c-mosaic-placement a.c-call-to-action {
    color: #000;
    border-color: transparent;
    background: transparent
}

    .theme-light .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(0, 0, 0, .1)
    }

        .theme-light .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-light .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .c-mosaic-placement a.c-call-to-action:hover,
    .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:hover {
        color: rgba(0, 0, 0, .9)
    }

    .theme-light .c-mosaic-placement a.c-call-to-action:hover,
    .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:hover {
        background: transparent
    }

    .theme-light .c-mosaic-placement a.c-call-to-action:active,
    .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:active {
        color: rgba(0, 0, 0, .8)
    }

    .theme-light .c-mosaic-placement a.c-call-to-action[aria-disabled="true"],
    .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action[aria-disabled="true"] {
        color: #999;
        background: transparent
    }

.theme-dark .c-mosaic-placement a.c-call-to-action,
.theme-light .theme-dark .c-mosaic-placement a.c-call-to-action {
    color: #fff;
    background: transparent;
    border-color: transparent
}

    .theme-dark .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus) {
        background: rgba(255, 255, 255, .1)
    }

        .theme-dark .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus) span,
        .theme-light .theme-dark .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus) span {
            box-shadow: 0 2px currentColor
        }

    .theme-dark .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-dark .c-mosaic-placement a.c-call-to-action:hover,
    .theme-light .theme-dark .c-mosaic-placement a.c-call-to-action:focus:not(.x-hidden-focus),
    .theme-light .theme-dark .c-mosaic-placement a.c-call-to-action:hover {
        color: #e6e6e6
    }

    .theme-dark .c-mosaic-placement a.c-call-to-action:hover,
    .theme-light .theme-dark .c-mosaic-placement a.c-call-to-action:hover {
        background: transparent
    }

    .theme-dark .c-mosaic-placement a.c-call-to-action:active,
    .theme-light .theme-dark .c-mosaic-placement a.c-call-to-action:active {
        color: #ccc
    }

    .theme-dark .c-mosaic-placement a.c-call-to-action[aria-disabled="true"],
    .theme-light .theme-dark .c-mosaic-placement a.c-call-to-action[aria-disabled="true"] {
        background: transparent;
        color: #666
    }

.c-mosaic-placement .c-group,
.c-mosaic-placement picture,
.c-mosaic-placement picture:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

    .c-mosaic-placement picture:after {
        content: "";
        display: block
    }

.c-mosaic-placement .c-group {
    display: block;
    top: auto;
    text-align: center;
    height: 42px
}

.c-mosaic-placement picture {
    z-index: 0;
    overflow: hidden
}

    .c-mosaic-placement picture img {
        position: absolute;
        left: calc(50%);
        top: calc(50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .c-mosaic-placement picture:after {
        z-index: 1
    }

.theme-light .c-mosaic-placement picture:after,
.theme-dark .theme-light .c-mosaic-placement picture:after {
    background-color: rgba(255, 255, 255, .2)
}

.theme-dark .c-mosaic-placement picture:after,
.theme-light .theme-dark .c-mosaic-placement picture:after {
    background-color: rgba(0, 0, 0, .2)
}

@media screen and (-ms-high-contrast:active) {
    .c-mosaic-placement picture:after,
    .c-mosaic-placement picture:before {
        background: none
    }
}

.c-mosaic-placement > div {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 100;
    text-align: center
}

    .c-mosaic-placement > div > div {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        text-align: center;
        height: 42px
    }

.c-mosaic-placement.f-height-large.f-width-small .c-heading,
.c-mosaic-placement.f-height-large.f-width-small .c-subheading {
    padding: 0 12.5%
}

.c-mosaic-placement.f-height-large.f-width-large .c-heading,
.c-mosaic-placement.f-height-large.f-width-large .c-subheading {
    padding: 0 25%
}

@media only screen and (max-width:767px) {
    .c-mosaic-placement.f-height-large.f-width-large .c-heading,
    .c-mosaic-placement.f-height-large.f-width-large .c-subheading {
        padding: 0 12.5% 19px
    }
}

.c-mosaic-placement.f-height-medium .c-heading,
.c-mosaic-placement.f-height-medium .c-subheading {
    display: none
}

.c-mosaic-placement.f-height-medium.f-width-large .c-heading,
.c-mosaic-placement.f-height-medium.f-width-large .c-subheading {
    padding: 0 12.5%
}

.c-mosaic-placement.f-height-medium .c-video {
    height: 200px
}

@charset "UTF-8";

.c-video {
    display: inline-block;
    margin: 0;
    width: 100%;
    min-width: 320px;
    direction: ltr;
    position: relative;
    overflow: hidden
}

    .c-video > [aria-hidden="true"] {
        display: none
    }

    .c-video video {
        display: block;
        min-width: 100%;
        width: 100%;
        max-height: 100%;
        height: 100%;
        background: transparent
    }

    .c-video .f-video-cc-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

        .c-video .f-video-cc-overlay.f-overlay-slidein {
            bottom: 44px
        }

    .c-video .f-progress {
        direction: ltr;
        width: 100%;
        width: calc(100% - 288px);
        display: inline-block;
        margin-bottom: 5px
    }

        .c-video .f-progress div {
            background: rgba(255, 255, 255, .4)
        }

            .c-video .f-progress div button:hover,
            .c-video .f-progress div button:active {
                background: #fff
            }

                .c-video .f-progress div button:hover span,
                .c-video .f-progress div button:active span {
                    display: block
                }

            .c-video .f-progress div button:focus {
                outline-color: #fff
            }

            .c-video .f-progress div button span {
                font-size: 13px;
                width: auto;
                top: -48px;
                background: #000;
                color: #fff
            }

@media(max-width:767px) {
    .c-video .f-progress div button span {
        font-size: 12px
    }
}

.c-video button {
    color: #fff;
    background: transparent;
    border: 0
}

.c-video .f-video-controls {
    font-size: 24px;
    width: 100%;
    max-width: 1779px;
    height: 44px;
    background: #000;
    position: absolute;
    bottom: 0;
    display: inline-block
}

@media(max-width:767px) {
    .c-video .f-video-controls {
        font-size: 20px
    }
}

.c-video .f-video-controls button.c-glyph {
    width: 44px;
    height: 44px;
    vertical-align: middle;
    top: 2px
}

    .c-video .f-video-controls button.c-glyph:hover,
    .c-video .f-video-controls button.c-glyph:focus {
        color: rgba(255, 255, 255, .6)
    }

    .c-video .f-video-controls button.c-glyph:focus {
        outline: 1px dashed #fff
    }

    .c-video .f-video-controls button.c-glyph:active {
        color: rgba(255, 255, 255, .4)
    }

.c-video .f-video-controls .f-time {
    font-size: 13px;
    color: rgba(255, 255, 255, .6);
    padding-right: 12px;
    position: relative;
    top: -3px
}

@media(max-width:767px) {
    .c-video .f-video-controls .f-time {
        font-size: 12px
    }
}

.c-video .f-video-controls .f-time .f-current-time {
    color: #fff
}

.c-video .f-play-pause {
    margin-left: 1px;
    margin-top: 3px;
    padding-top: 1px
}

    .c-video .f-play-pause span {
        font-size: 13px;
        color: #fff;
        position: absolute;
        height: 36px;
        min-width: 44px;
        bottom: 46px;
        left: 0;
        background: #000;
        padding: 8px
    }

@media(max-width:767px) {
    .c-video .f-play-pause span {
        font-size: 12px
    }
}

.c-video .f-play-pause span[aria-hidden="true"] {
    display: none
}

.c-video .f-play-pause span[aria-hidden="false"] {
    display: block
}

.c-video .f-full-screen {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 0
}

    .c-video .f-full-screen span {
        font-size: 13px;
        color: #fff;
        position: absolute;
        min-height: 36px;
        min-width: 44px;
        text-align: right;
        right: 0;
        background: #000;
        padding: 8px
    }

@media(max-width:767px) {
    .c-video .f-full-screen span {
        font-size: 12px
    }
}

.c-video .f-full-screen span[aria-hidden="true"] {
    display: none
}

.c-video .f-full-screen span[aria-hidden="false"] {
    display: block;
    bottom: 49px
}

.c-video .f-volume-button {
    display: inline-block;
    position: absolute;
    right: 46px
}

.c-video .f-volume-slider {
    position: absolute;
    width: 44px;
    min-height: 120px;
    bottom: 46px;
    right: 46px;
    background: #000;
    border: 1px solid rgba(255, 255, 255, .6)
}

    .c-video .f-volume-slider:after {
        display: block;
        height: 11px;
        background: transparent;
        position: absolute;
        content: "";
        bottom: -12px;
        width: 100%
    }

    .c-video .f-volume-slider[aria-hidden="true"] {
        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
    }

    .c-video .f-volume-slider .c-slider {
        width: 92px;
        height: 92px
    }

@media screen and (-ms-high-contrast) {
    .c-video .f-volume-slider .c-slider div {
        background: #fff
    }

        .c-video .f-volume-slider .c-slider div button:hover,
        .c-video .f-volume-slider .c-slider div button:active {
            background: #fff
        }
}

@media screen and (-ms-high-contrast:black-on-white) {
    .c-video .f-volume-slider .c-slider div {
        background: #000
    }

        .c-video .f-volume-slider .c-slider div button:hover,
        .c-video .f-volume-slider .c-slider div button:active {
            background: #000
        }
}

.c-video .f-volume-slider .c-slider div {
    background: rgba(255, 255, 255, .4);
    left: -25px;
    top: 45px
}

    .c-video .f-volume-slider .c-slider div button:hover,
    .c-video .f-volume-slider .c-slider div button:active {
        background: #fff
    }

    .c-video .f-volume-slider .c-slider div > span {
        background: #0067b8
    }

    .c-video .f-volume-slider .c-slider div button {
        z-index: 1
    }

        .c-video .f-volume-slider .c-slider div button span {
            font-size: 13px;
            width: auto;
            min-width: 40px;
            min-height: 32px;
            top: 38px;
            left: -16px;
            background: #000;
            color: #fff;
            border: 1px solid rgba(255, 255, 255, .6)
        }

@media(max-width:767px) {
    .c-video .f-volume-slider .c-slider div button span {
        font-size: 12px
    }
}

.c-video .f-volume-slider .c-slider div button:focus {
    outline-color: #fff
}

.c-video .f-options {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 90px;
    margin-left: 12px
}

.c-video .f-options-dialog {
    position: absolute;
    bottom: 46px;
    right: 90px;
    width: 160px;
    background: #000;
    border: 1px solid rgba(255, 255, 255, .6);
    overflow: hidden;
    direction: ltr
}

    .c-video .f-options-dialog .c-list {
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 160px
    }

        .c-video .f-options-dialog .c-list li {
            height: 40px;
            padding: 0;
            border-top: 1px solid rgba(255, 255, 255, .6)
        }

            .c-video .f-options-dialog .c-list li:first-child {
                border-top: 0
            }

            .c-video .f-options-dialog .c-list li ul {
                display: none;
                left: 160px
            }

                .c-video .f-options-dialog .c-list li ul li {
                    position: relative
                }

            .c-video .f-options-dialog .c-list li a {
                font-size: 13px;
                color: #fff;
                display: block;
                height: 100%;
                width: 100%;
                padding: 8px 12px
            }

@media(max-width:767px) {
    .c-video .f-options-dialog .c-list li a {
        font-size: 12px
    }
}

.c-video .f-options-dialog .c-list li a .c-image {
    padding-right: 12px;
    display: inline-block
}

.c-video .f-options-dialog .c-list li a.c-action-trigger {
    margin-top: 0
}

    .c-video .f-options-dialog .c-list li a.c-action-trigger:before {
        margin-left: 1px;
        margin-bottom: 5px
    }

.c-video .f-options-dialog .c-list li a.c-glyph[data-video-selectable] {
    color: rgba(255, 255, 255, .8)
}

.c-video .f-options-dialog .c-list li a.glyph-check-mark[data-video-selectable] {
    color: #fff
}

    .c-video .f-options-dialog .c-list li a.glyph-check-mark[data-video-selectable]:before {
        float: right;
        margin-right: 0
    }

.c-video .f-options-dialog .c-list li a:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, .1)
}

.c-video .f-options-dialog .c-list li a:focus {
    border: 1px dashed #fff
}

.c-video .f-options-dialog .c-list li a:active {
    text-decoration: none;
    background: rgba(255, 255, 255, .2);
    border: 0
}

.c-video .f-options-dialog[aria-hidden="true"] {
    visibility: hidden
}

.c-video .f-options-dialog[aria-hidden="false"] {
    visibility: visible
}

.c-video [role="status"] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    text-align: center
}

    .c-video [role="status"] .c-heading,
    .c-video [role="status"] .c-paragraph {
        font-size: 15px
    }

    .c-video [role="status"] .c-heading {
        font-weight: 600
    }

        .c-video [role="status"] .c-heading:before {
            font-size: 34px;
            font-family: "MWF-MDL2";
            content: "";
            display: block;
            margin-bottom: 20px;
            font-weight: 400
        }

    .c-video [role="status"] > div {
        position: absolute;
        top: calc(50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 48px;
        width: 100%
    }

@media only screen and (min-width:1400px) {
    .c-video [role="status"] > div {
        padding: 56px
    }
}

.c-video [role="status"][aria-hidden="true"] {
    display: none
}

@keyframes slidein {
    from {
        bottom: -44px
    }

    to {
        bottom: 0
    }
}

@keyframes slideout {
    from {
        bottom: 0
    }

    to {
        bottom: -44px
    }
}

.c-video .f-slidein {
    animation: .5s forwards slidein
}

.c-video .f-slideout {
    animation: .5s forwards slideout
}

.c-video.f-video-trigger.f-mask-20 {
    background-color: rgba(0, 0, 0, .2)
}

.c-video.f-video-trigger.f-mask-40 {
    background-color: rgba(0, 0, 0, .4)
}

.c-video.f-video-trigger section {
    text-align: center;
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, .2)
}

    .c-video.f-video-trigger section:hover {
        background-color: rgba(0, 0, 0, .4)
    }

    .c-video.f-video-trigger section div {
        padding: 0%;
        position: absolute;
        width: 100%;
        left: 0;
        top: calc(50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        margin: auto;
        right: 0
    }

        .c-video.f-video-trigger section div .c-heading {
            font-size: 24px;
            margin-bottom: 12px;
            font-weight: 600;
            padding: 0;
            margin: 0 auto;
            max-width: 60%
        }

@media(max-width:767px) {
    .c-video.f-video-trigger section div .c-heading {
        font-size: 20px
    }
}

.c-video.f-video-trigger section div p {
    font-size: 13px;
    padding: 0;
    max-width: 33.33333%;
    margin: 0 auto;
    display: block
}

    .c-video.f-video-trigger section div p[aria-hidden="true"] {
        display: none
    }

.c-video.f-video-trigger section div a {
    background: rgba(0, 0, 0, .6);
    border-radius: 50%;
    color: #fff;
    margin-top: 16px;
    padding: 0
}

    .c-video.f-video-trigger section div a.c-action-trigger.c-glyph[aria-label] {
        font-size: 24px;
        font-family: "MWF-MDL2";
        content: "";
        margin-top: 16px;
        line-height: 28px;
        padding-right: 3px;
        height: 48px;
        width: 48px;
        color: #fff
    }

@media(max-width:767px) {
    .c-video.f-video-trigger section div a.c-action-trigger.c-glyph[aria-label] {
        font-size: 20px
    }
}

.c-video.f-video-trigger section div a.c-action-trigger.c-glyph[aria-label]:hover {
    color: rgba(255, 255, 255, .8)
}

.c-video.f-video-trigger[class*="f-mask"].theme-light > section {
    background: #fff
}

.c-video.f-video-trigger[class*="f-mask"].theme-dark > section {
    background: #000
}

.c-slider {
    width: 296px
}

    .c-slider.f-vertical {
        height: 324px
    }

        .c-slider.f-vertical input[type="range"] {
            -webkit-appearance: slider-vertical;
            -moz-appearance: slider-vertical;
            appearance: slider-vertical
        }

        .c-slider.f-vertical > div {
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            top: 134px;
            left: -134px
        }

            .c-slider.f-vertical > div > button > span {
                top: -40px;
                left: -14px;
                -ms-transform: rotate(90deg);
                transform: rotate(90deg)
            }

    .c-slider input[type="range"] {
        -webkit-appearance: slider-horizontal;
        -moz-appearance: slider-horizontal;
        appearance: slider-horizontal
    }

.no-js .c-slider input[type="range"] {
    display: block
}

.js .c-slider input[type="range"] {
    display: none
}

.c-slider div {
    position: relative;
    height: 4px;
    background: rgba(0, 0, 0, .4);
    margin-top: 12px
}

@media screen and (-ms-high-contrast:active) {
    .c-slider div {
        background: rgba(255, 255, 255, .4)
    }
}

@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:black-on-white) {
    .c-slider div {
        border: 1px solid #000
    }
}

.c-slider div button {
    position: relative;
    border: 2px solid transparent;
    outline: 0;
    height: 24px;
    width: 8px;
    background: #0067b8;
    padding: 0;
    border-radius: 4px;
    position: absolute;
    top: -10px
}

    .c-slider div button:before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        border: 1px solid transparent
    }

    .c-slider div button:focus {
        border-color: #000
    }

        .c-slider div button:focus:before {
            border-color: rgba(255, 255, 255, .6)
        }

.theme-light .c-slider div button:focus,
.theme-dark .theme-light .c-slider div button:focus {
    border-color: #000
}

    .theme-light .c-slider div button:focus:before,
    .theme-dark .theme-light .c-slider div button:focus:before {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark .c-slider div button:focus,
.theme-light .theme-dark .c-slider div button:focus {
    border-color: #fff
}

    .theme-dark .c-slider div button:focus:before,
    .theme-light .theme-dark .c-slider div button:focus:before {
        border-color: rgba(0, 0, 0, .6)
    }

@media screen and (-ms-high-contrast:active) {
    .c-slider div button,
    .c-slider div button:hover,
    .c-slider div button:active {
        background: #fff
    }
}

@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:black-on-white) {
    .c-slider div button,
    .c-slider div button:hover,
    .c-slider div button:active {
        border: 4px solid #000
    }
}

.c-slider div button:hover {
    background: #000
}

.c-slider div button:focus:not(.x-hidden-focus),
.c-slider div button:active {
    background: #003e6e
}

    .c-slider div button:focus:not(.x-hidden-focus) span,
    .c-slider div button:active span {
        display: block
    }

@media screen and (-ms-high-contrast:active) {
    .c-slider div button:focus:not(.x-hidden-focus) span,
    .c-slider div button:active span {
        background: highlight
    }
}

.c-slider div button span {
    display: none;
    position: absolute;
    min-width: 36px;
    height: 36px;
    text-align: center;
    top: -40px;
    left: 4px;
    padding: 8px 8px 10px;
    background: #e6e6e6;
    border: 1px solid rgba(0, 0, 0, .3);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-slider div > span {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #0067b8
}

@media screen and (-ms-high-contrast:active) {
    .c-slider div > span {
        background: #fff
    }
}

@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:black-on-white) {
    .c-slider div > span {
        border: 1px solid #000
    }
}

.c-slider.f-disabled label.c-label {
    color: rgba(0, 0, 0, .2)
}

.c-slider.f-disabled input[type="range"][disabled] + div,
.c-slider.f-disabled input[type="range"][disabled] + div button {
    background: #ccc
}

    .c-slider.f-disabled input[type="range"][disabled] + div span {
        display: none
    }

.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-lean li {
        padding: 0
    }

    .c-list.f-bare {
        padding-left: 0;
        list-style-type: none
    }

ul.c-list {
    list-style-type: disc
}

ol.c-list {
    list-style-type: decimal
}

.m-mosaic {
    padding-left: 0;
    padding-right: 0;
    clear: left
}

.m-hyperlink-group {
    padding-left: 0;
    padding-right: 0
}

    .m-hyperlink-group > div {
        text-align: center;
        padding: 0 12.5% 11px;
        display: -ms-flexbox;
        display: flex;
        display: ms-flexbox;
        -ms-flex-line-pack: center;
        align-content: center;
        flex-direction: column;
        -ms-flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }

@media only screen and (min-width:768px) {
    .m-hyperlink-group > div {
        padding-bottom: 0
    }

        .m-hyperlink-group > div [class*="c-heading"] {
            padding-top: 0
        }
}

.m-hyperlink-group > div ul {
    margin: 0;
    padding: 0
}

    .m-hyperlink-group > div ul li {
        padding: 0
    }

.m-hyperlink-group > div .c-heading {
    max-height: 48px;
    padding: 35px 0 5px;
    padding-bottom: 1.636px;
    box-sizing: content-box;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600
}

.m-hyperlink-group > div .c-hyperlink {
    font-size: 18px;
    line-height: 24px;
    padding: 6px 0;
    display: block;
    text-decoration: none;
    font-weight: 200
}

@media(max-width:767px) {
    .m-hyperlink-group > div .c-hyperlink {
        font-size: 16px;
        line-height: 20px
    }
}

.m-hyperlink-group > div .c-hyperlink:hover {
    text-decoration: underline
}

.m-hyperlink-group > div .c-hyperlink.f-picker {
    padding: 0
}

.m-hyperlink-group > div.f-background-accent {
    background: #0067b8
}

    .m-hyperlink-group > div.f-background-accent .c-heading,
    .m-hyperlink-group > div.f-background-accent .c-hyperlink {
        color: #f2f2f2
    }

.m-hyperlink-group > div.f-background-neutral-00 {
    background: #fff
}

.m-hyperlink-group > div.f-background-neutral-10 {
    background: #e6e6e6
}

.m-hyperlink-group > div.f-background-neutral-20 {
    background: #d2d2d2
}

.m-hyperlink-group > div.f-background-neutral-30 {
    background: #acacac
}

.m-hyperlink-group > div.f-background-neutral-45 {
    background: #919191
}

.m-hyperlink-group > div.f-background-neutral-55 {
    background: #737373
}

.m-hyperlink-group > div.f-background-neutral-65 {
    background: #505050
}

.m-hyperlink-group > div.f-background-neutral-75 {
    background: #464646
}

.m-hyperlink-group > div.f-background-neutral-80 {
    background: #2f2f2f
}

.m-hyperlink-group > div.f-background-neutral-90 {
    background: #171717
}

.m-hyperlink-group > div.f-background-neutral-100 {
    background: #000
}

.m-hyperlink-group > div.f-brand-neutral-100 {
    background: #000
}

.theme-light .m-hyperlink-group > div,
.theme-dark .theme-light .m-hyperlink-group > div {
    color: #000
}

.theme-dark .m-hyperlink-group > div,
.theme-light .theme-dark .m-hyperlink-group > div {
    color: #f2f2f2
}

@media only screen and (max-width:767px) {
    .m-hyperlink-group > div .c-heading {
        padding-top: 24px;
        padding-bottom: 6px
    }

    .m-hyperlink-group > div .c-hyperlink {
        padding: 6px 0
    }
}

.c-mosaic-placement .m-hyperlink-group > div {
    padding: 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex
}

.c-mosaic-placement.f-height-large.f-width-small .m-hyperlink-group > div > .c-heading {
    padding: 0 12.5% 11px
}

.m-hyperlink-group-content-placement {
    padding-top: 0;
    padding-left: calc(5% - 12px);
    padding-right: calc(5% - 12px)
}

    .m-hyperlink-group-content-placement.x-remove-padding {
        padding-left: 0;
        padding-right: 0
    }

@media screen and (min-width:1084px) {
    .m-hyperlink-group-content-placement {
        padding-left: 0;
        padding-right: 0;
        margin-left: -12px;
        margin-right: -12px;
        width: calc(100% + 24px)
    }
}

.m-hyperlink-group-content-placement [data-grid] {
    min-height: 0;
    display: block
}

@media screen and (min-width:540px) {
    .m-hyperlink-group-content-placement [data-grid] {
        display: -ms-flexbox;
        display: flex
    }
}

.m-hyperlink-group-content-placement.f-align-center {
    text-align: center
}

.m-hyperlink-group-content-placement .m-content-placement-item {
    width: 100%
}

@media only screen and (min-width:540px) {
    .m-hyperlink-group-content-placement > [data-grid*="col-"] .m-hyperlink-group [class^="c-heading"] {
        padding-top: 0
    }
}

.m-hyperlink-group-content-placement > [data-grid*="col-"] .m-hyperlink-group > div {
    width: 100%;
    padding: 24px
}

.m-image {
    padding: 48px 0 0
}

    .m-image:before,
    .m-image:after {
        content: " ";
        display: table
    }

    .m-image:after {
        clear: both
    }

    .m-image.f-lean {
        padding: 0
    }

    .m-image [class*="c-caption"] {
        color: rgba(0, 0, 0, .6)
    }

@media screen and (min-width:320px) {
    .m-image [class*="c-caption"] {
        margin-left: 12px
    }
}

@media screen and (min-width:540px) {
    .m-image [class*="c-caption"] {
        margin-left: 24px
    }
}

.m-image .c-video {
    display: block
}

.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-lean li {
        padding: 0
    }

    .c-list.f-bare {
        padding-left: 0;
        list-style-type: none
    }

ul.c-list {
    list-style-type: disc
}

ol.c-list {
    list-style-type: decimal
}

a.m-back-to-top,
a.c-back-to-top {
    visibility: hidden
}

@media only screen and (min-width:768px) {
    a.m-back-to-top,
    a.c-back-to-top {
        position: fixed;
        bottom: 24px;
        right: 24px;
        width: 48px;
        height: 48px;
        background: rgba(0, 0, 0, .1);
        visibility: visible;
        float: right;
        padding: 12px;
        z-index: 500;
        opacity: 1;
        transition: opacity 600ms cubic-bezier(.19, 1, .22, 1)
    }

        a.m-back-to-top:hover,
        a.m-back-to-top:focus,
        a.c-back-to-top:hover,
        a.c-back-to-top:focus {
            background: rgba(0, 0, 0, .2)
        }

        a.m-back-to-top:focus,
        a.c-back-to-top:focus {
            outline: 1px dashed #000
        }

        a.m-back-to-top:active,
        a.c-back-to-top:active {
            background: rgba(0, 0, 0, .3)
        }

        a.m-back-to-top .c-glyph.glyph-up,
        a.c-back-to-top .c-glyph.glyph-up {
            font-size: 24px
        }

            a.m-back-to-top .c-glyph.glyph-up:before,
            a.c-back-to-top .c-glyph.glyph-up:before {
                width: 24px;
                height: 24px
            }

        a.m-back-to-top[aria-disabled="true"],
        a.c-back-to-top[aria-disabled="true"] {
            visibility: hidden;
            opacity: 0;
            transition: visibility 600ms cubic-bezier(.19, 1, .22, 1), opacity 600ms cubic-bezier(.19, 1, .22, 1)
        }
}

a.m-skip-to-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -2
}

    a.m-skip-to-main:hover {
        left: -999px;
        position: absolute;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
        z-index: -2
    }

    a.m-skip-to-main:focus,
    a.m-skip-to-main:active {
        background: #e6e6e6;
        color: #0067b8;
        position: fixed;
        top: 0;
        left: 0;
        padding: 24px;
        width: auto;
        height: auto;
        overflow: auto;
        right: 0;
        text-decoration: underline;
        text-align: center;
        z-index: 800;
        outline: none
    }

    a.m-skip-to-main:focus {
        border: 1px dashed #000
    }

@charset "UTF-8";

.m-social {
    padding: 0
}

.m-social,
.c-social {
    display: block;
    margin-top: 48px
}

    .m-social.f-facebook > div,
    .m-social.f-pinterest > div,
    .m-social.f-twitter > div,
    .c-social.f-facebook > div,
    .c-social.f-pinterest > div,
    .c-social.f-twitter > div {
        display: inline-block;
        margin-right: 24px
    }

@media only screen and (max-width:1084px) {
    .m-social.f-pad-small-viewports,
    .c-social.f-pad-small-viewports {
        padding-left: 36px
    }
}

@media only screen and (max-width:768px) {
    .m-social.f-pad-small-viewports,
    .c-social.f-pad-small-viewports {
        padding-left: 24px
    }
}

@media only screen and (max-width:540px) {
    .m-social.f-pad-small-viewports,
    .c-social.f-pad-small-viewports {
        padding-left: 12px
    }
}

.m-social > span,
.c-social > span {
    font-size: 15px;
    line-height: 20px;
    color: rgba(0, 0, 0, .6);
    padding-right: 12px;
    margin-bottom: 4px
}

.m-social > a,
.m-social > ul > li > a,
.c-social > a,
.c-social > ul > li > a {
    position: relative;
    border: 2px solid transparent;
    outline: 0;
    position: relative;
    width: 32px;
    height: 32px;
    transition: scale .2s ease-in-out
}

    .m-social > a:before,
    .m-social > ul > li > a:before,
    .c-social > a:before,
    .c-social > ul > li > a:before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        border: 1px solid transparent
    }

    .m-social > a:focus,
    .m-social > ul > li > a:focus,
    .c-social > a:focus,
    .c-social > ul > li > a:focus {
        border-color: #000
    }

        .m-social > a:focus:before,
        .m-social > ul > li > a:focus:before,
        .c-social > a:focus:before,
        .c-social > ul > li > a:focus:before {
            border-color: rgba(255, 255, 255, .6)
        }

.theme-light .m-social > a:focus,
.theme-dark .theme-light .m-social > a:focus,
.theme-light .m-social > ul > li > a:focus,
.theme-dark .theme-light .m-social > ul > li > a:focus,
.theme-light .c-social > a:focus,
.theme-dark .theme-light .c-social > a:focus,
.theme-light .c-social > ul > li > a:focus,
.theme-dark .theme-light .c-social > ul > li > a:focus {
    border-color: #000
}

    .theme-light .m-social > a:focus:before,
    .theme-dark .theme-light .m-social > a:focus:before,
    .theme-light .m-social > ul > li > a:focus:before,
    .theme-dark .theme-light .m-social > ul > li > a:focus:before,
    .theme-light .c-social > a:focus:before,
    .theme-dark .theme-light .c-social > a:focus:before,
    .theme-light .c-social > ul > li > a:focus:before,
    .theme-dark .theme-light .c-social > ul > li > a:focus:before {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark .m-social > a:focus,
.theme-light .theme-dark .m-social > a:focus,
.theme-dark .m-social > ul > li > a:focus,
.theme-light .theme-dark .m-social > ul > li > a:focus,
.theme-dark .c-social > a:focus,
.theme-light .theme-dark .c-social > a:focus,
.theme-dark .c-social > ul > li > a:focus,
.theme-light .theme-dark .c-social > ul > li > a:focus {
    border-color: #fff
}

    .theme-dark .m-social > a:focus:before,
    .theme-light .theme-dark .m-social > a:focus:before,
    .theme-dark .m-social > ul > li > a:focus:before,
    .theme-light .theme-dark .m-social > ul > li > a:focus:before,
    .theme-dark .c-social > a:focus:before,
    .theme-light .theme-dark .c-social > a:focus:before,
    .theme-dark .c-social > ul > li > a:focus:before,
    .theme-light .theme-dark .c-social > ul > li > a:focus:before {
        border-color: rgba(0, 0, 0, .6)
    }

@media screen and (-ms-high-contrast:active) {
    .m-social > a,
    .m-social > ul > li > a,
    .c-social > a,
    .c-social > ul > li > a {
        -ms-high-contrast-adjust: background;
        background: #fff
    }
}

.m-social > a:focus:before,
.m-social > a:hover:before,
.m-social > ul > li > a:focus:before,
.m-social > ul > li > a:hover:before,
.c-social > a:focus:before,
.c-social > a:hover:before,
.c-social > ul > li > a:focus:before,
.c-social > ul > li > a:hover:before {
    background: rgba(0, 0, 0, .1)
}

@media screen and (-ms-high-contrast:active) {
    .m-social > a:focus:before,
    .m-social > a:hover:before,
    .m-social > ul > li > a:focus:before,
    .m-social > ul > li > a:hover:before,
    .c-social > a:focus:before,
    .c-social > a:hover:before,
    .c-social > ul > li > a:focus:before,
    .c-social > ul > li > a:hover:before {
        background: none
    }
}

.m-social > a:active,
.m-social > ul > li > a:active,
.c-social > a:active,
.c-social > ul > li > a:active {
    -ms-transform: scale(.98);
    transform: scale(.98)
}

    .m-social > a:active:before,
    .m-social > ul > li > a:active:before,
    .c-social > a:active:before,
    .c-social > ul > li > a:active:before {
        background: rgba(0, 0, 0, .2)
    }

.m-social > a:before,
.m-social > ul > li > a:before,
.c-social > a:before,
.c-social > ul > li > a:before {
    background: none;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.m-social > a img,
.m-social > ul > li > a img,
.c-social > a img,
.c-social > ul > li > a img {
    max-width: 100%
}

.m-social > a.x-hidden-focus,
.m-social > ul > li > a.x-hidden-focus,
.c-social > a.x-hidden-focus,
.c-social > ul > li > a.x-hidden-focus {
    outline: 0
}

    .m-social > a.x-hidden-focus:before,
    .m-social > ul > li > a.x-hidden-focus:before,
    .c-social > a.x-hidden-focus:before,
    .c-social > ul > li > a.x-hidden-focus:before {
        background: none
    }

@media screen and (-ms-high-contrast:active) {
    .m-social.f-share > a:hover:before,
    .m-social.f-share ul > li > a:hover:before,
    .m-social.f-follow > a:hover:before,
    .m-social.f-follow ul > li > a:hover:before,
    .c-social.f-share > a:hover:before,
    .c-social.f-share ul > li > a:hover:before,
    .c-social.f-follow > a:hover:before,
    .c-social.f-follow ul > li > a:hover:before {
        background: none
    }
}

.m-social.f-share > a:active,
.m-social.f-share ul > li > a:active,
.m-social.f-follow > a:active,
.m-social.f-follow ul > li > a:active,
.c-social.f-share > a:active,
.c-social.f-share ul > li > a:active,
.c-social.f-follow > a:active,
.c-social.f-follow ul > li > a:active {
    outline: 0
}

.m-social.f-share > a > img,
.m-social.f-share ul > li > a > img,
.m-social.f-follow > a > img,
.m-social.f-follow ul > li > a > img,
.c-social.f-share > a > img,
.c-social.f-share ul > li > a > img,
.c-social.f-follow > a > img,
.c-social.f-follow ul > li > a > img {
    opacity: .6
}

@media screen and (-ms-high-contrast:active) {
    .m-social.f-share > a > img,
    .m-social.f-share ul > li > a > img,
    .m-social.f-follow > a > img,
    .m-social.f-follow ul > li > a > img,
    .c-social.f-share > a > img,
    .c-social.f-share ul > li > a > img,
    .c-social.f-follow > a > img,
    .c-social.f-follow ul > li > a > img {
        opacity: 1
    }
}

.m-social.f-share > a > img:hover,
.m-social.f-share > a > img:focus,
.m-social.f-share ul > li > a > img:hover,
.m-social.f-share ul > li > a > img:focus,
.m-social.f-follow > a > img:hover,
.m-social.f-follow > a > img:focus,
.m-social.f-follow ul > li > a > img:hover,
.m-social.f-follow ul > li > a > img:focus,
.c-social.f-share > a > img:hover,
.c-social.f-share > a > img:focus,
.c-social.f-share ul > li > a > img:hover,
.c-social.f-share ul > li > a > img:focus,
.c-social.f-follow > a > img:hover,
.c-social.f-follow > a > img:focus,
.c-social.f-follow ul > li > a > img:hover,
.c-social.f-follow ul > li > a > img:focus {
    opacity: .8
}

@media screen and (-ms-high-contrast:active) {
    .m-social.f-share > a > img:hover,
    .m-social.f-share > a > img:focus,
    .m-social.f-share ul > li > a > img:hover,
    .m-social.f-share ul > li > a > img:focus,
    .m-social.f-follow > a > img:hover,
    .m-social.f-follow > a > img:focus,
    .m-social.f-follow ul > li > a > img:hover,
    .m-social.f-follow ul > li > a > img:focus,
    .c-social.f-share > a > img:hover,
    .c-social.f-share > a > img:focus,
    .c-social.f-share ul > li > a > img:hover,
    .c-social.f-share ul > li > a > img:focus,
    .c-social.f-follow > a > img:hover,
    .c-social.f-follow > a > img:focus,
    .c-social.f-follow ul > li > a > img:hover,
    .c-social.f-follow ul > li > a > img:focus {
        opacity: 1
    }
}

.m-social.f-share > a > img:active,
.m-social.f-share ul > li > a > img:active,
.m-social.f-follow > a > img:active,
.m-social.f-follow ul > li > a > img:active,
.c-social.f-share > a > img:active,
.c-social.f-share ul > li > a > img:active,
.c-social.f-follow > a > img:active,
.c-social.f-follow ul > li > a > img:active {
    opacity: 1
}

.m-social button,
.c-social button {
    position: relative;
    border: 2px solid transparent;
    outline: 0;
    width: 32px;
    height: 32px;
    background-color: transparent;
    padding: 0;
    color: rgba(0, 0, 0, .6);
    vertical-align: middle
}

    .m-social button:before,
    .c-social button:before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        border: 1px solid transparent
    }

    .m-social button:focus,
    .c-social button:focus {
        border-color: #000
    }

        .m-social button:focus:before,
        .c-social button:focus:before {
            border-color: rgba(255, 255, 255, .6)
        }

.theme-light .m-social button:focus,
.theme-dark .theme-light .m-social button:focus,
.theme-light .c-social button:focus,
.theme-dark .theme-light .c-social button:focus {
    border-color: #000
}

    .theme-light .m-social button:focus:before,
    .theme-dark .theme-light .m-social button:focus:before,
    .theme-light .c-social button:focus:before,
    .theme-dark .theme-light .c-social button:focus:before {
        border-color: rgba(255, 255, 255, .6)
    }

.theme-dark .m-social button:focus,
.theme-light .theme-dark .m-social button:focus,
.theme-dark .c-social button:focus,
.theme-light .theme-dark .c-social button:focus {
    border-color: #fff
}

    .theme-dark .m-social button:focus:before,
    .theme-light .theme-dark .m-social button:focus:before,
    .theme-dark .c-social button:focus:before,
    .theme-light .theme-dark .c-social button:focus:before {
        border-color: rgba(0, 0, 0, .6)
    }

.m-social button[aria-hidden="true"],
.c-social button[aria-hidden="true"] {
    display: none
}

.m-social .f-hide,
.c-social .f-hide {
    display: none !important
}

.m-social.f-horizontal,
.c-social.f-horizontal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

    .m-social.f-horizontal > a,
    .m-social.f-horizontal ul > li > a,
    .c-social.f-horizontal > a,
    .c-social.f-horizontal ul > li > a {
        display: inline-block;
        margin-right: 12px
    }

    .m-social.f-horizontal ul > li,
    .c-social.f-horizontal ul > li {
        float: left
    }

    .m-social.f-horizontal button[aria-hidden="false"],
    .c-social.f-horizontal button[aria-hidden="false"] {
        display: inline-block
    }

    .m-social.f-horizontal button.c-glyph[aria-expanded="false"]:after,
    .m-social.f-horizontal button.c-glyph[data-js-toggle="false"]:after,
    .c-social.f-horizontal button.c-glyph[aria-expanded="false"]:after,
    .c-social.f-horizontal button.c-glyph[data-js-toggle="false"]:after {
        content: ""
    }

    .m-social.f-horizontal button.c-glyph[aria-expanded="true"]:after,
    .m-social.f-horizontal button.c-glyph[data-js-toggle="true"]:after,
    .c-social.f-horizontal button.c-glyph[aria-expanded="true"]:after,
    .c-social.f-horizontal button.c-glyph[data-js-toggle="true"]:after {
        content: ""
    }

.m-social.f-vertical > a,
.m-social.f-vertical ul > li > a,
.c-social.f-vertical > a,
.c-social.f-vertical ul > li > a {
    display: block;
    margin-bottom: 12px;
    margin-right: 0
}

.m-social.f-vertical button[aria-hidden="false"],
.c-social.f-vertical button[aria-hidden="false"] {
    display: block
}

.m-social.f-vertical button.c-glyph[aria-expanded="false"]:after,
.m-social.f-vertical button.c-glyph[data-js-toggle="false"]:after,
.c-social.f-vertical button.c-glyph[aria-expanded="false"]:after,
.c-social.f-vertical button.c-glyph[data-js-toggle="false"]:after {
    font-family: "MWF-MDL2";
    content: ""
}

.m-social.f-vertical button.c-glyph[aria-expanded="true"]:after,
.m-social.f-vertical button.c-glyph[data-js-toggle="true"]:after,
.c-social.f-vertical button.c-glyph[aria-expanded="true"]:after,
.c-social.f-vertical button.c-glyph[data-js-toggle="true"]:after {
    font-family: "MWF-MDL2";
    content: ""
}

@media only screen and (max-width:767px) {
    .m-social,
    .c-social {
        margin-top: 36px
    }
}