@charset "UTF-8";

/*! @ms-mwf/mwf - v1.11.0+1312099 | Copyright 2016 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.*/


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

body,
mark {
    color: #000
}

img,
legend {
    border: 0
}

.m-track-list>div,
table {
    border-collapse: collapse
}

legend,
td,
th {
    padding: 0
}

.c-heading-1,
.c-heading-2 {
    letter-spacing: -.01em;
    font-weight: 100
}

body,
dd,
dl,
fieldset,
figure {
    margin: 0
}

.c-feature:after,
.c-histogram:after,
.c-mosaic [data-f-mosaic*=f-vp]:after,
.c-mosaic:after,
.c-price:after,
.c-product-placement>a:after,
.c-rating div:after,
.c-rating form:after,
.c-structured-list .f-column .f-row:after,
.c-track-list-placement>a:after,
.c-universal-footer nav div>div:after,
.c-universal-footer nav:after,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li:after,
.c-universal-header>div:first-child nav:after,
.c-universal-header>div>div:after,
.f-map,
.m-area-heading:after,
.m-banner,
.m-feature[data-grid~=container],
.m-histogram:after,
.m-image:after,
.m-media:after,
.m-product-placement-item>a:after,
.x-clearfix:after,
[class*=m-heading],
[class^=c-heading-]:after,
[data-grid*=col-]:after,
[data-grid~=container]:after,
nav.c-link-navigation a.c-hyperlink:after {
    clear: both
}

.c-logo img+span,
.x-screen-reader {
    clip: rect(1px, 1px, 1px, 1px) !important
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box
}

body {
    min-width: 320px;
    background-color: #FFF
}

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
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin-top: 0;
    margin-bottom: 0
}

mark {
    background: #ff0
}

sub,
sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    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
}

.theme-dark .theme-light ins,
.theme-dark .theme-light u,
.theme-light ins,
.theme-light u,
ins,
u {
    border-bottom: 1px solid rgba(0, 0, 0, .6)
}

optgroup {
    font-weight: 700
}

table {
    border-spacing: 0
}

@font-face {
    font-family: MWF-MDL2;
    src: url(../fonts/MWFMDL2.woff) format("woff"), url(../fonts/MWFMDL2.ttf) format("truetype"), url(../fonts/MWFMDL2.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("truetype"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.svg#web) format("svg");
    font-weight: 400
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Light"), 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("truetype"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.svg#web) format("svg");
    font-weight: 100
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Semilight"), 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("truetype"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.svg#web) format("svg");
    font-weight: 200
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Semibold"), 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("truetype"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.svg#web) format("svg");
    font-weight: 600
}

@font-face {
    font-family: SegoeUI;
    src: local("Segoe UI Bold"), 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("truetype"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.svg#web) format("svg");
    font-weight: 700
}

.c-heading-1 {
    font-size: 62px;
    line-height: 72px;
    padding: 38px 0 6px
}

.c-heading-2 {
    font-size: 46px;
    line-height: 56px;
    padding: 37px 0 3px
}

.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-paragraph-1,
.c-subheading-3 {
    font-size: 20px;
    line-height: 24px
}

.c-heading-6,
.c-paragraph-2,
.c-subheading-4 {
    font-size: 18px;
    line-height: 24px
}

.c-paragraph-3,
.c-paragraph-4,
.c-subheading-5,
.c-subheading-6 {
    font-size: 15px;
    line-height: 20px
}

.c-caption-1,
.c-caption-2 {
    line-height: 16px;
    font-weight: 400
}

.c-caption-1 {
    font-size: 13px;
    line-height: 16px
}

.c-heading-3 {
    padding: 38px 0 2px;
    font-weight: 100
}

.c-heading-4 {
    padding: 36px 0 4px;
    font-weight: 200
}

.c-heading-5 {
    padding: 35px 0 5px;
    font-weight: 200
}

.c-heading-6 {
    padding: 37px 0 3px;
    font-weight: 200
}

.c-subheading-1 {
    padding: 2px 0;
    font-weight: 100
}

.c-subheading-2 {
    padding: 4px 0 8px;
    font-weight: 200
}

.c-subheading-3 {
    padding: 8px 0 4px;
    font-weight: 200
}

.c-subheading-4 {
    padding: 9px 0 3px;
    font-weight: 200
}

.c-subheading-5,
.c-subheading-6 {
    padding: 8px 0 0;
    font-weight: 200
}

.c-paragraph-1 {
    padding: 24px 0 4px;
    font-weight: 200
}

.c-paragraph-2 {
    padding: 25px 0 3px;
    font-weight: 200
}

.c-paragraph-3,
.c-paragraph-4 {
    padding: 24px 0 0;
    font-weight: 400
}

.c-caption-1 {
    padding: 3px 0 1px
}

.c-caption-2 {
    font-size: 11px;
    padding: 4px 0
}

@media (max-width:767px) {
    .c-heading-1 {
        font-size: 46px;
        line-height: 56px;
        padding: 37px 0 3px
    }
    .c-heading-2 {
        font-size: 34px;
        line-height: 40px;
        padding: 38px 0 2px
    }
    .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-paragraph-1,
    .c-subheading-3 {
        font-size: 18px;
        line-height: 24px
    }
    .c-heading-6,
    .c-paragraph-2,
    .c-subheading-4 {
        font-size: 16px;
        line-height: 20px
    }
    .c-caption-1 {
        font-size: 12px;
        line-height: 16px
    }
    .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
    }
    .c-subheading-4 {
        padding: 7px 0 5px
    }
    .c-paragraph-2 {
        padding: 27px 0 1px
    }
    .c-caption-2 {
        font-size: 10px;
        line-height: 12px;
        padding: 2px 0
    }
}

kbd,
mark {
    padding: 1px 4px 2px
}

fieldset,
kbd kbd,
ol,
ul {
    padding: 0
}

*,
:after,
:before {
    box-sizing: inherit
}

.theme-light {
    color: #000;
    background-color: #e6e6e6
}

.theme-dark {
    color: #FFF;
    background-color: #333
}

address {
    font: inherit
}

ol,
ul {
    list-style: none
}

audio,
canvas,
img,
video {
    vertical-align: middle
}

em,
i,
q,
var {
    font-style: italic
}

abbr,
cite,
dfn,
time {
    font-style: normal
}

b,
strong {
    font-weight: 700
}

mark {
    background-color: #FFF100
}

@media screen and (-ms-high-contrast:active) {
    mark {
        outline: solid 1px;
        color: inherit
    }
}

.c-universal-header>div:first-child .c-logo:focus,
.c-universal-header>div:first-child .c-search button:focus {
    outline: #000 dashed 1px
}

.theme-dark .theme-light del,
.theme-dark .theme-light s,
.theme-light del,
.theme-light s,
del,
s {
    color: rgba(0, 0, 0, .6)
}

.theme-dark del,
.theme-dark s,
.theme-light .theme-dark del,
.theme-light .theme-dark s {
    color: rgba(255, 255, 255, .6)
}

.theme-dark .theme-light kbd,
.theme-light kbd,
kbd {
    background-color: rgba(0, 0, 0, .6);
    color: #FFF
}

ins,
u {
    text-decoration: none
}

.theme-dark ins,
.theme-dark u,
.theme-light .theme-dark ins,
.theme-light .theme-dark u {
    border-bottom: 1px solid rgba(255, 255, 255, .6)
}

.theme-dark .theme-light abbr,
.theme-dark .theme-light dfn,
.theme-light abbr,
.theme-light dfn,
abbr,
dfn {
    border-bottom: 1px dotted rgba(0, 0, 0, .6)
}

small,
sub,
sup {
    font-size: .8em
}

.theme-dark abbr,
.theme-dark dfn,
.theme-light .theme-dark abbr,
.theme-light .theme-dark dfn {
    border-bottom: 1px dotted rgba(255, 255, 255, .6)
}

code,
kbd,
pre,
samp {
    font-family: Consolas, "Courier New", Courier, monospace
}

kbd {
    border-radius: 2px
}

.theme-dark kbd,
.theme-light .theme-dark kbd {
    background-color: rgba(255, 255, 255, .6);
    color: #000
}

bdo {
    direction: rtl
}

fieldset {
    border: 0
}

[data-grid~=container] {
    max-width: 1600px;
    max-width: calc(1600px + 10%);
    margin: 0 auto
}

@media screen and (max-width:1083px) {
    [data-grid~=container] {
        padding-left: 0;
        padding-right: 0
    }
}

[data-grid*=col-],
[data-grid~=container] {
    box-sizing: border-box;
    zoom: 1
}

[data-grid*=col-]:after,
[data-grid*=col-]:before,
[data-grid~=container]:after,
[data-grid~=container]:before {
    content: " ";
    display: table
}

[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: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.3333333333%
}

[data-grid~=col-2] {
    width: 16.6666666667%
}

[data-grid~=col-3] {
    width: 25%
}

[data-grid~=col-4] {
    width: 33.3333333333%
}

[data-grid~=col-5] {
    width: 41.6666666667%
}

[data-grid~=col-6] {
    width: 50%
}

[data-grid~=col-7] {
    width: 58.3333333333%
}

[data-grid~=col-8] {
    width: 66.6666666667%
}

[data-grid~=col-9] {
    width: 75%
}

[data-grid~=col-10] {
    width: 83.3333333333%
}

[data-grid~=col-11] {
    width: 91.6666666667%
}

[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
    }
}

@-webkit-keyframes fadeIn {
    0%,
    1% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0%,
    1% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.x-clearfix:after,
.x-clearfix:before {
    content: " ";
    display: table
}

.x-float-left {
    float: left !important
}

.x-float-right {
    float: right !important
}

@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
    }
}

.c-universal-footer nav div>div:after,
.c-universal-footer nav div>div:before,
.c-universal-footer nav:after,
.c-universal-footer nav:before,
.c-universal-footer>section:after,
.c-universal-footer>section:before {
    display: table;
    content: " "
}

.x-screen-reader {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    border: none !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
}

.c-universal-footer {
    background: #f2f2f2;
    margin-top: 48px
}

.c-universal-footer nav {
    margin: 0 auto;
    max-width: calc(1600px + 10%);
    padding: 0 5%
}

.c-universal-footer nav div>div {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding: 0 12px;
    width: 16.6666666667%;
    zoom: 1
}

.c-universal-footer nav div>div .c-heading-4 {
    font-size: 15px;
    line-height: 20px
}

.c-universal-footer nav div>div .c-heading-4,
.c-universal-footer nav div>div a.c-hyperlink {
    color: rgba(0, 0, 0, .6)
}

.c-universal-footer nav div>div ul.c-list {
    font-size: 11px;
    line-height: 16px;
    margin-top: 0
}

.c-universal-footer nav div>div:first-child {
    padding-left: 0
}

.c-universal-footer>section {
    background: #f2f2f2;
    margin: 0 auto;
    max-width: calc(1600px + 10%);
    padding: 30px 5% 16px
}

.c-universal-footer>section:after {
    clear: both
}

.c-universal-footer>section>a.c-hyperlink {
    font-size: 11px;
    line-height: 16px;
    display: inline-block;
    color: rgba(0, 0, 0, .6);
    float: left;
    white-space: nowrap
}

.c-universal-footer>section>a.c-hyperlink.c-glyph {
    font-size: 11px;
    line-height: 16px;
    display: inline-block;
    color: rgba(0, 0, 0, .6);
    float: left
}

.c-universal-footer>section>a.c-hyperlink.c-glyph:before {
    font-size: 20px;
    line-height: 24px;
    margin-right: 10px;
    color: rgba(0, 0, 0, .6);
    vertical-align: middle
}

.c-universal-footer>section ul.c-list {
    font-size: 11px;
    line-height: 16px;
    float: right;
    margin: 3px 0
}

.c-universal-footer>section ul.c-list li {
    color: rgba(0, 0, 0, .6);
    display: inline-block;
    padding: 0 24px 4px 0
}

.c-universal-footer>section ul.c-list li a.c-hyperlink {
    color: rgba(0, 0, 0, .6)
}

@media only screen and (max-width:1083px) {
    .c-universal-footer nav {
        padding: 30px 36px 16px
    }
    .c-universal-footer nav div:after,
    .c-universal-footer nav div:before {
        content: " ";
        display: table
    }
    .c-universal-footer nav div:after {
        clear: both
    }
    .c-universal-footer nav div>div {
        width: 33.33333%
    }
    .c-universal-footer nav div>div:first-child {
        padding-left: 12px
    }
    .c-universal-footer>section {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 30px 36px 16px
    }
    .c-universal-footer>section>a.c-hyperlink {
        margin-right: auto
    }
}

@media only screen and (max-width:767px) {
    .c-universal-footer>section {
        padding: 30px 24px 16px
    }
    .c-universal-footer>section>a.c-hyperlink,
    .c-universal-footer>section>a.c-hyperlink+ul.c-list {
        width: 100%
    }
    .c-universal-footer>section>a.c-hyperlink,
    .c-universal-footer>section>a.c-hyperlink.c-glyph {
        float: none
    }
    .c-universal-footer>section ul.c-list {
        width: 100%;
        float: none;
        text-align: left;
        margin-top: 12px
    }
    .c-universal-footer>section ul.c-list li {
        padding: 6px 4px 0 6px
    }
}

@media only screen and (max-width:539px) {
    .c-universal-footer nav div>div {
        width: 100%;
        float: none
    }
    .c-universal-footer>section ul.c-list {
        float: left
    }
    .c-universal-footer>section ul.c-list li {
        padding: 6px 10px 0 0
    }
}

.x-fixed {
    position: fixed
}

.c-universal-header {
    margin-top: 0
}

@media only screen and (min-width:1400px) {
    .c-universal-header {
        margin-top: 12px
    }
}

@media only screen and (min-width:1084px) and (max-width:1778px) {
    .c-universal-header {
        margin-top: 8px
    }
}

.c-universal-header .f-mobile-title,
.c-universal-header .glyph-arrow-htmllegacy {
    display: none
}

.c-universal-header .f-show {
    display: block !important
}

.c-universal-header .f-hide {
    display: none !important
}

@media only screen and (max-width:1083px) {
    .c-universal-header.f-lean .c-menu-item>a,
    .c-universal-header.f-lean .c-menu-item>button {
        padding-top: 12px;
        padding-bottom: 12px
    }
    .c-universal-header.f-lean .c-menu-item.f-sub-menu>button:after {
        top: 19px
    }
}

.js .c-universal-header .c-select-menu>[aria-expanded=true]+.c-menu[aria-hidden=false],
.js .c-universal-header .c-select-menu>span[aria-expanded=true]+.c-menu[aria-hidden=false],
.no-js .c-universal-header .c-select-menu:hover .c-menu {
    -webkit-animation: none;
    animation: none
}

.c-universal-header .c-select-menu>a,
.c-universal-header .c-select-menu>button {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 1px;
    padding: 14px 27px 14px 24px
}

.c-universal-header .c-select-menu>a[aria-haspopup=true],
.c-universal-header .c-select-menu>button[aria-haspopup=true] {
    padding-right: 45px
}

.c-universal-header .c-select-menu>a:after,
.c-universal-header .c-select-menu>button:after {
    display: inline-block;
    right: 28px
}

.c-universal-header .c-select-menu .c-menu-item a,
.c-universal-header .c-select-menu .c-menu-item button {
    background: 0 0
}

.c-universal-header .c-select-menu .c-menu-item a:hover {
    text-decoration: underline
}

.js .c-universal-header .c-select-menu .c-menu-item.f-sub-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false],
.js .c-universal-header .c-select-menu .c-menu-item.f-sub-menu>button[aria-expanded=true]+.c-menu[aria-hidden=false],
.no-js .c-universal-header .c-select-menu .c-menu-item.f-sub-menu>a:focus+.c-menu,
.no-js .c-universal-header .c-select-menu .c-menu-item.f-sub-menu>a:hover+.c-menu,
.no-js .c-universal-header .c-select-menu .c-menu-item.f-sub-menu>button:focus+.c-menu,
.no-js .c-universal-header .c-select-menu .c-menu-item.f-sub-menu>button:hover+.c-menu {
    -webkit-animation: none;
    animation: none
}

.c-universal-header .c-menu {
    border: 0;
    z-index: 700
}

.c-universal-header .c-menu-item>a,
.c-universal-header .c-menu-item>button {
    padding-left: 24px;
    padding-top: 18px;
    padding-bottom: 18px
}

.c-universal-header .c-menu-item.f-sub-menu>a:after,
.c-universal-header .c-menu-item.f-sub-menu>button:after {
    top: 26px;
    right: 24px
}

.c-universal-header .c-menu-item.f-sub-menu button {
    border: 0;
    display: block;
    width: 100%;
    text-align: left;
    padding-right: 12px
}

.c-universal-header .c-menu-item>a.f-product {
    padding: 8px 12px
}

.c-universal-header>div>div {
    max-width: 1600px;
    height: 100%;
    margin: 0 auto
}

.c-universal-header>div>div:after,
.c-universal-header>div>div:before {
    content: " ";
    display: table
}

.c-universal-header>div:first-child {
    height: 50px;
    background: #FFF;
    padding: 0 5%;
    z-index: 502
}

@media only screen and (max-width:1083px) {
    .c-universal-header>div:first-child.f-search-opened>div nav {
        display: none
    }
    .c-universal-header>div:first-child.f-search-opened>div>div .c-search {
        max-width: 100%;
        min-width: 1px;
        width: auto
    }
    .c-universal-header>div:first-child.f-search-opened>div>div .c-search input[type=search] {
        max-width: 100%;
        width: auto;
        opacity: 1;
        padding: 7px 38px 7px 10px
    }
}

.c-universal-header>div:first-child>div>div {
    float: right
}

.c-universal-header>div:first-child>div>div>.c-me {
    height: 50px;
    line-height: 50px;
    float: left
}

.c-universal-header>div:first-child>div>div>.c-me>.c-hyperlink {
    margin-top: 1px;
    padding-top: 0;
    padding-bottom: 0;
    color: #000;
    line-height: 50px;
    height: 46px;
    float: left;
    text-decoration: none
}

.c-universal-header>div:first-child>div>div>.c-me>.c-image {
    float: left;
    margin-top: 8px;
    margin-left: 12px
}

.c-universal-header>div:first-child .c-action-trigger {
    margin-top: 0;
    width: 50px;
    height: 50px;
    color: #000;
    float: left
}

.c-universal-header>div:first-child .c-action-trigger:before {
    vertical-align: baseline;
    margin: 0
}

.c-universal-header>div:first-child .c-action-trigger.glyph-global-nav-button {
    font-size: 20px;
    display: none
}

.c-universal-header>div:first-child .c-action-trigger.glyph-global-nav-button:before {
    width: 20px;
    height: 20px;
    margin-top: 7px
}

.c-universal-header>div:first-child .c-action-trigger.glyph-shopping-cart {
    padding-left: 7px;
    padding-top: 0;
    line-height: 50px;
    height: 46px;
    margin: 1px 0 0 5px;
    min-width: 1px;
    color: rgba(0, 0, 0, .6)
}

.c-universal-header>div:first-child .c-action-trigger.glyph-shopping-cart:focus,
.c-universal-header>div:first-child .c-action-trigger.glyph-shopping-cart:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, .8)
}

.c-universal-header>div:first-child .c-action-trigger.glyph-shopping-cart:active {
    color: #000
}

.c-universal-header>div:first-child .c-action-trigger.glyph-shopping-cart span {
    font-size: 11px;
    line-height: 16px;
    vertical-align: text-top;
    padding-left: 2px
}

.c-universal-header>div:first-child .c-action-trigger.glyph-shopping-cart span:hover {
    text-decoration: none
}

.c-universal-header>div:first-child .c-search {
    margin-top: 6px;
    float: left
}

.c-universal-header>div:first-child .c-search input[type=search] {
    background: rgba(255, 255, 255, .2);
    border-color: rgba(0, 0, 0, .4);
    max-width: 100%;
    width: 276px;
    height: 36px
}

.c-universal-header>div:first-child .c-search input[type=search]:hover {
    border-color: rgba(0, 0, 0, .8)
}

.c-universal-header>div:first-child .c-search input[type=search]:active,
.c-universal-header>div:first-child .c-search input[type=search]:focus {
    border-color: #0078D7
}

.c-universal-header>div:first-child .c-search .m-auto-suggest .c-menu {
    max-width: none;
    z-index: 700
}

.c-universal-header>div:first-child .c-search button {
    top: 1px;
    height: 32px;
    background-color: transparent;
    color: rgba(0, 0, 0, .6);
    margin-right: 2px
}

.c-universal-header>div:first-child .c-search button:hover {
    color: rgba(0, 0, 0, .8)
}

.c-universal-header>div:first-child .c-search button:active {
    color: #000
}

.c-universal-header>div+div .c-action-trigger,
.c-universal-header>div+div .c-hyperlink,
.c-universal-header>div+div .c-hyperlink:active,
.c-universal-header>div+div .c-hyperlink:visited,
.c-universal-header>div+div .c-logo,
.c-universal-header>div+div .c-select-menu a,
.c-universal-header>div+div .c-select-menu a:after,
.c-universal-header>div+div .c-select-menu button,
.c-universal-header>div+div .c-select-menu button:after,
.c-universal-header>div:first-child .c-select-menu a,
.c-universal-header>div:first-child .c-select-menu button,
.c-universal-header>div:first-child nav>ul>li .c-hyperlink {
    color: #262626
}

@media only screen and (max-width:1083px) {
    .c-universal-header>div:first-child .c-search {
        min-width: 0;
        width: 0
    }
    .c-universal-header>div:first-child .c-search input[type=search] {
        border: 0;
        padding: 0;
        width: 0;
        opacity: 0
    }
}

.c-universal-header>div:first-child .c-logo {
    width: 132px;
    height: 96%;
    margin-top: 1px;
    padding: 13px 12px 14px;
    margin-left: -12px;
    float: left
}

.c-universal-header>div:first-child nav {
    height: 50px;
    float: left
}

.c-universal-header>div:first-child nav:after,
.c-universal-header>div:first-child nav:before {
    content: " ";
    display: table
}

.c-universal-header>div:first-child nav>ul>li {
    float: left
}

.c-universal-header>div:first-child nav>ul>li .c-hyperlink {
    position: relative;
    text-decoration: none;
    display: inline-block;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 1px;
    padding: 14px 27px 10px 24px;
    height: 48px
}

.c-universal-header>div:first-child nav>ul>li .c-hyperlink:before {
    content: "";
    display: none;
    width: calc(100% - (24px + 27px));
    height: 2px;
    background: #262626;
    position: absolute;
    bottom: 12px;
    left: 24px
}

.c-universal-header>div:first-child nav>ul>li .c-hyperlink:focus:before,
.c-universal-header>div:first-child nav>ul>li .c-hyperlink:hover:before {
    display: block
}

.c-universal-header>div:first-child nav>ul>li .c-hyperlink:focus,
.c-universal-header>div:first-child nav>ul>li .c-hyperlink:hover {
    background: #FFF
}

.c-universal-header>div:first-child nav>ul>li .c-hyperlink[aria-expanded=true] {
    background: #FFF;
    text-decoration: none
}

.c-universal-header>div:first-child nav>ul>li .c-hyperlink[aria-expanded=true]:hover {
    text-decoration: none
}

.c-universal-header>div:first-child .c-select-menu {
    float: left
}

.c-universal-header>div:first-child .c-select-menu>a,
.c-universal-header>div:first-child .c-select-menu>button {
    position: relative
}

.c-universal-header>div:first-child .c-select-menu>a:before,
.c-universal-header>div:first-child .c-select-menu>button:before {
    content: "";
    display: none;
    width: calc(100% - (24px + 45px));
    height: 2px;
    background: #262626;
    position: absolute;
    bottom: 12px;
    left: 24px
}

.c-universal-header>div:first-child .c-select-menu>a:focus[aria-expanded=true]:before,
.c-universal-header>div:first-child .c-select-menu>a:hover[aria-expanded=true]:before,
.c-universal-header>div:first-child .c-select-menu>button:focus[aria-expanded=true]:before,
.c-universal-header>div:first-child .c-select-menu>button:hover[aria-expanded=true]:before {
    display: none
}

.c-universal-header>div:first-child .c-select-menu>a:focus,
.c-universal-header>div:first-child .c-select-menu>a:hover,
.c-universal-header>div:first-child .c-select-menu>button:focus,
.c-universal-header>div:first-child .c-select-menu>button:hover {
    background: #FFF
}

.c-universal-header>div:first-child .c-select-menu>a:focus:before,
.c-universal-header>div:first-child .c-select-menu>a:hover:before,
.c-universal-header>div:first-child .c-select-menu>button:focus:before,
.c-universal-header>div:first-child .c-select-menu>button:hover:before {
    display: block
}

.c-universal-header>div:first-child .c-select-menu>a[aria-expanded=true],
.c-universal-header>div:first-child .c-select-menu>button[aria-expanded=true] {
    background: #f2f2f2;
    outline: 0
}

.c-universal-header>div:first-child .c-select-menu>a[aria-expanded=true],
.c-universal-header>div:first-child .c-select-menu>a[aria-expanded=true]:hover,
.c-universal-header>div:first-child .c-select-menu>button[aria-expanded=true],
.c-universal-header>div:first-child .c-select-menu>button[aria-expanded=true]:hover {
    text-decoration: none
}

.c-universal-header>div:first-child .c-select-menu>.c-menu {
    background: #f2f2f2;
    border-bottom: 2px solid #000
}

.c-universal-header>div:first-child .c-select-menu>.c-menu>.c-menu-item>:focus,
.c-universal-header>div:first-child .c-select-menu>.c-menu>.c-menu-item>:hover,
.c-universal-header>div:first-child .c-select-menu>.c-menu>.c-menu-item>[aria-expanded=true] {
    background: #e6e6e6;
    outline: 0
}

.c-universal-header>div:first-child .c-select-menu>.c-menu>.c-menu-item button:hover {
    text-decoration: none
}

.c-universal-header>div:first-child .c-select-menu>.c-menu>.c-menu-item>.c-menu {
    background: #e6e6e6;
    border-bottom: 2px solid #000
}

.c-universal-header>div:first-child .c-select-menu>.c-menu>.c-menu-item>.c-menu>:focus,
.c-universal-header>div:first-child .c-select-menu>.c-menu>.c-menu-item>.c-menu>:hover {
    background: #d9d9d9
}

.c-universal-header>div+div {
    background: #FFF;
    position: relative;
    height: 70px;
    width: 100%;
    padding-left: calc(5% - 18px);
    padding-right: 5%;
    z-index: 501
}

.c-universal-header>div+div .c-logo:focus,
.c-universal-header>div+div .c-logo:hover,
.c-universal-header>div+div .c-select-menu>a:focus,
.c-universal-header>div+div .c-select-menu>a:hover,
.c-universal-header>div+div .c-select-menu>button:focus,
.c-universal-header>div+div .c-select-menu>button:hover {
    background: rgba(255, 255, 255, 0)
}

.c-universal-header>div+div .c-hyperlink:focus,
.c-universal-header>div+div .c-hyperlink:hover {
    color: #262626;
    background-color: rgba(255, 255, 255, 0)
}

.c-universal-header>div+div .c-action-trigger.glyph-chevron-left {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.c-universal-header>div+div.brand-blue .c-action-trigger.glyph-chevron-left,
.c-universal-header>div+div.brand-green .c-action-trigger.glyph-chevron-left,
.c-universal-header>div+div.brand-neutral .c-action-trigger.glyph-chevron-left,
.c-universal-header>div+div.brand-primary .c-action-trigger.glyph-chevron-left {
    border-right: 1px solid rgba(255, 255, 255, .1)
}

.c-universal-header>div+div .c-action-trigger.glyph-chevron-right {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.c-universal-header>div+div.brand-blue .c-action-trigger.glyph-chevron-right,
.c-universal-header>div+div.brand-green .c-action-trigger.glyph-chevron-right,
.c-universal-header>div+div.brand-neutral .c-action-trigger.glyph-chevron-right,
.c-universal-header>div+div.brand-primary .c-action-trigger.glyph-chevron-right {
    border-left: 1px solid rgba(255, 255, 255, .1)
}

.c-universal-header>div+div .c-select-menu>a[aria-expanded=true],
.c-universal-header>div+div .c-select-menu>button[aria-expanded=true] {
    background: #f2f2f2;
    text-decoration: none
}

.c-universal-header>div+div .c-select-menu>.c-menu {
    background: #f2f2f2;
    border-bottom: 2px solid #262626
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item [aria-expanded=true],
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>button:hover {
    background: #e6e6e6
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu {
    background: #e6e6e6;
    border-bottom: 2px solid #262626
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:focus,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:hover,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:focus,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:hover,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:hover {
    background: #d9d9d9
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column {
    border-bottom: 2px solid #262626
}

.c-universal-header>div+div.brand-blue {
    background: #0078D7
}

.c-universal-header>div+div.brand-blue .c-logo:focus,
.c-universal-header>div+div.brand-blue .c-logo:hover,
.c-universal-header>div+div.brand-blue .c-select-menu>a:focus,
.c-universal-header>div+div.brand-blue .c-select-menu>a:hover,
.c-universal-header>div+div.brand-blue .c-select-menu>button:focus,
.c-universal-header>div+div.brand-blue .c-select-menu>button:hover {
    background: #006cc2
}

.c-universal-header>div+div.brand-blue .c-hyperlink {
    color: #FFF
}

.c-universal-header>div+div.brand-blue .c-hyperlink:focus,
.c-universal-header>div+div.brand-blue .c-hyperlink:hover {
    color: #FFF;
    background-color: #006cc2
}

.c-universal-header>div+div.brand-blue .c-hyperlink:active,
.c-universal-header>div+div.brand-blue .c-hyperlink:visited,
.c-universal-header>div+div.brand-blue .c-logo {
    color: #FFF
}

.c-universal-header>div+div.brand-blue .c-action-trigger {
    color: #FFF
}

.c-universal-header>div+div.brand-blue .c-select-menu a,
.c-universal-header>div+div.brand-blue .c-select-menu a:after,
.c-universal-header>div+div.brand-blue .c-select-menu button,
.c-universal-header>div+div.brand-blue .c-select-menu button:after {
    color: #FFF
}

.c-universal-header>div+div.brand-blue .c-select-menu>a[aria-expanded=true],
.c-universal-header>div+div.brand-blue .c-select-menu>button[aria-expanded=true] {
    background: #0060ac
}

.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu {
    background: #0060ac;
    border-bottom: 2px solid #FFF
}

.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>button:hover {
    background: #005497
}

.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item [aria-expanded=true] {
    background: #004881
}

.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>.c-menu {
    background: #004881;
    border-bottom: 2px solid #FFF
}

.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:focus,
.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:hover,
.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:focus,
.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:hover,
.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:hover {
    background: #003c6c
}

.c-universal-header>div+div.brand-blue .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column {
    border-bottom: 2px solid #FFF
}

.c-universal-header>div+div.brand-primary {
    background: #0078D7
}

.c-universal-header>div+div.brand-primary .c-logo:focus,
.c-universal-header>div+div.brand-primary .c-logo:hover,
.c-universal-header>div+div.brand-primary .c-select-menu>a:focus,
.c-universal-header>div+div.brand-primary .c-select-menu>a:hover,
.c-universal-header>div+div.brand-primary .c-select-menu>button:focus,
.c-universal-header>div+div.brand-primary .c-select-menu>button:hover {
    background: #006cc2
}

.c-universal-header>div+div.brand-primary .c-hyperlink {
    color: #FFF
}

.c-universal-header>div+div.brand-primary .c-hyperlink:focus,
.c-universal-header>div+div.brand-primary .c-hyperlink:hover {
    color: #FFF;
    background-color: #006cc2
}

.c-universal-header>div+div.brand-primary .c-hyperlink:active,
.c-universal-header>div+div.brand-primary .c-hyperlink:visited,
.c-universal-header>div+div.brand-primary .c-logo {
    color: #FFF
}

.c-universal-header>div+div.brand-primary .c-action-trigger {
    color: #FFF
}

.c-universal-header>div+div.brand-primary .c-select-menu a,
.c-universal-header>div+div.brand-primary .c-select-menu a:after,
.c-universal-header>div+div.brand-primary .c-select-menu button,
.c-universal-header>div+div.brand-primary .c-select-menu button:after {
    color: #FFF
}

.c-universal-header>div+div.brand-primary .c-select-menu>a[aria-expanded=true],
.c-universal-header>div+div.brand-primary .c-select-menu>button[aria-expanded=true] {
    background: #0060ac
}

.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu {
    background: #0060ac;
    border-bottom: 2px solid #FFF
}

.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>button:hover {
    background: #005497
}

.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item [aria-expanded=true] {
    background: #004881
}

.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>.c-menu {
    background: #004881;
    border-bottom: 2px solid #FFF
}

.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:focus,
.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:hover,
.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:focus,
.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:hover,
.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:hover {
    background: #003c6c
}

.c-universal-header>div+div.brand-primary .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column {
    border-bottom: 2px solid #FFF
}

.c-universal-header>div+div.brand-green {
    background: #107C10
}

.c-universal-header>div+div.brand-green .c-logo:focus,
.c-universal-header>div+div.brand-green .c-logo:hover,
.c-universal-header>div+div.brand-green .c-select-menu>a:focus,
.c-universal-header>div+div.brand-green .c-select-menu>a:hover,
.c-universal-header>div+div.brand-green .c-select-menu>button:focus,
.c-universal-header>div+div.brand-green .c-select-menu>button:hover {
    background: #0e700e
}

.c-universal-header>div+div.brand-green .c-hyperlink {
    color: #FFF
}

.c-universal-header>div+div.brand-green .c-hyperlink:focus,
.c-universal-header>div+div.brand-green .c-hyperlink:hover {
    color: #FFF;
    background-color: #0e700e
}

.c-universal-header>div+div.brand-green .c-hyperlink:active,
.c-universal-header>div+div.brand-green .c-hyperlink:visited,
.c-universal-header>div+div.brand-green .c-logo {
    color: #FFF
}

.c-universal-header>div+div.brand-green .c-action-trigger {
    color: #FFF
}

.c-universal-header>div+div.brand-green .c-select-menu a,
.c-universal-header>div+div.brand-green .c-select-menu a:after,
.c-universal-header>div+div.brand-green .c-select-menu button,
.c-universal-header>div+div.brand-green .c-select-menu button:after {
    color: #FFF
}

.c-universal-header>div+div.brand-green .c-select-menu>a[aria-expanded=true],
.c-universal-header>div+div.brand-green .c-select-menu>button[aria-expanded=true] {
    background: #0d630d
}

.c-universal-header>div+div.brand-green .c-select-menu>.c-menu {
    background: #0d630d;
    border-bottom: 2px solid #FFF
}

.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>button:hover {
    background: #0b570b
}

.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item [aria-expanded=true] {
    background: #0a4a0a
}

.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>.c-menu {
    background: #0a4a0a;
    border-bottom: 2px solid #FFF
}

.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:focus,
.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:hover,
.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:focus,
.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:hover,
.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:hover {
    background: #083e08
}

.c-universal-header>div+div.brand-green .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column {
    border-bottom: 2px solid #FFF
}

.c-universal-header>div+div.brand-neutral {
    background: #2F2F2F
}

.c-universal-header>div+div.brand-neutral .c-logo:focus,
.c-universal-header>div+div.brand-neutral .c-logo:hover,
.c-universal-header>div+div.brand-neutral .c-select-menu>a:focus,
.c-universal-header>div+div.brand-neutral .c-select-menu>a:hover,
.c-universal-header>div+div.brand-neutral .c-select-menu>a[aria-expanded=true],
.c-universal-header>div+div.brand-neutral .c-select-menu>button:focus,
.c-universal-header>div+div.brand-neutral .c-select-menu>button:hover,
.c-universal-header>div+div.brand-neutral .c-select-menu>button[aria-expanded=true] {
    background: #464646
}

.c-universal-header>div+div.brand-neutral .c-hyperlink {
    color: #FFF
}

.c-universal-header>div+div.brand-neutral .c-hyperlink:focus,
.c-universal-header>div+div.brand-neutral .c-hyperlink:hover {
    color: #FFF;
    background-color: #464646
}

.c-universal-header>div+div.brand-neutral .c-hyperlink:active,
.c-universal-header>div+div.brand-neutral .c-hyperlink:visited,
.c-universal-header>div+div.brand-neutral .c-logo {
    color: #FFF
}

.c-universal-header>div+div.brand-neutral .c-action-trigger {
    color: #FFF
}

.c-universal-header>div+div.brand-neutral .c-select-menu a,
.c-universal-header>div+div.brand-neutral .c-select-menu a:after,
.c-universal-header>div+div.brand-neutral .c-select-menu button,
.c-universal-header>div+div.brand-neutral .c-select-menu button:after {
    color: #FFF
}

.c-universal-header>div+div.f-transparent.theme-light .c-action-trigger,
.c-universal-header>div+div.f-transparent.theme-light .c-hyperlink,
.c-universal-header>div+div.f-transparent.theme-light .c-hyperlink:active,
.c-universal-header>div+div.f-transparent.theme-light .c-hyperlink:visited,
.c-universal-header>div+div.f-transparent.theme-light .c-logo,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu a,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu a:after,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu button,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu button:after {
    color: #262626
}

.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu {
    background: #464646;
    border-bottom: 2px solid #FFF
}

.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>button:hover {
    background: #5E5E5E
}

.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item [aria-expanded=true] {
    background: #767676
}

.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>.c-menu {
    background: #767676;
    border-bottom: 2px solid #FFF
}

.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:focus,
.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:hover,
.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:focus,
.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:hover,
.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:hover {
    background: #919191
}

.c-universal-header>div+div.brand-neutral .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column {
    border-bottom: 2px solid #FFF
}

.c-universal-header>div+div.f-transparent.theme-light,
.c-universal-header>div+div.f-transparent.theme-light .c-logo:focus,
.c-universal-header>div+div.f-transparent.theme-light .c-logo:hover,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>a:focus,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>a:hover,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>button:focus,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>button:hover {
    background: rgba(255, 255, 255, 0)
}

.c-universal-header>div+div.f-transparent .c-select-menu>.c-menu {
    border-bottom-width: 2px;
    border-bottom-style: solid
}

.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column {
    border-bottom: 2px solid #262626
}

.c-universal-header>div+div.f-transparent .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li>.c-menu-item>button:hover {
    text-decoration: none
}

.c-universal-header>div+div.f-transparent.theme-light .c-hyperlink:focus,
.c-universal-header>div+div.f-transparent.theme-light .c-hyperlink:hover {
    color: #262626;
    background-color: rgba(255, 255, 255, 0)
}

.c-universal-header>div+div.f-transparent.theme-light .c-action-trigger.glyph-chevron-left {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.c-universal-header>div+div.f-transparent.theme-light .c-action-trigger.glyph-chevron-right {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.c-universal-header>div+div.f-transparent.theme-dark .c-action-trigger,
.c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink,
.c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink:active,
.c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink:visited,
.c-universal-header>div+div.f-transparent.theme-dark .c-logo,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu a,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu a:after,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu button,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu button:after {
    color: #f2f2f2
}

.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>a[aria-expanded=true],
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>button[aria-expanded=true] {
    background: #f2f2f2
}

.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu {
    background: #f2f2f2;
    border-bottom: 2px solid #262626
}

.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item [aria-expanded=true],
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>button:hover {
    background: #e6e6e6
}

.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:focus,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:hover,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:focus,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:hover,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:hover {
    background: #d9d9d9
}

.c-universal-header>div+div.f-transparent.theme-light .c-hyperlink:focus:before,
.c-universal-header>div+div.f-transparent.theme-light .c-hyperlink:hover:before,
.c-universal-header>div+div.f-transparent.theme-light .c-logo:focus:before,
.c-universal-header>div+div.f-transparent.theme-light .c-logo:hover:before,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>a:focus:before,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>a:hover:before,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>button:focus:before,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>button:hover:before {
    background: #262626
}

.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu {
    border-bottom-color: #000
}

.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column {
    border-bottom: 2px solid #f2f2f2
}

.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>:focus,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>:hover,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>[aria-expanded=true] {
    background: #f2f2f2
}

.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu a:focus,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu a:hover,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu button:focus,
.c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu button:hover {
    background: #e6e6e6
}

.c-universal-header>div+div.f-transparent.theme-dark,
.c-universal-header>div+div.f-transparent.theme-dark .c-logo:focus,
.c-universal-header>div+div.f-transparent.theme-dark .c-logo:hover,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>a:focus,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>a:hover,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>button:focus,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>button:hover {
    background: rgba(255, 255, 255, 0)
}

.c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink:focus,
.c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink:hover {
    color: #f2f2f2;
    background-color: rgba(255, 255, 255, 0)
}

.c-universal-header>div+div.f-transparent.theme-dark .c-action-trigger.glyph-chevron-left {
    border-right: 1px solid rgba(255, 255, 255, .1)
}

.c-universal-header>div+div.f-transparent.theme-dark .c-action-trigger.glyph-chevron-right {
    border-left: 1px solid rgba(255, 255, 255, .1)
}

.c-universal-header>.f-transparent:first-child .c-action-trigger,
.c-universal-header>.f-transparent:first-child.theme-light>div>div>.c-me>.c-hyperlink {
    color: #000
}

.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>a[aria-expanded=true],
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>button[aria-expanded=true] {
    background: #1a1a1a
}

.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item [aria-expanded=true],
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>button:hover {
    background: #262626
}

.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:focus,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column a:hover,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:focus,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column button:hover,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:focus,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>a:hover,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:focus,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu>.c-menu-item>button:hover {
    background: #333
}

.c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink:focus:before,
.c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink:hover:before,
.c-universal-header>div+div.f-transparent.theme-dark .c-logo:focus:before,
.c-universal-header>div+div.f-transparent.theme-dark .c-logo:hover:before,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>a:focus:before,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>a:hover:before,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>button:focus:before,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>button:hover:before {
    background: #f2f2f2
}

.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu {
    border-bottom: 2px solid #f2f2f2;
    background: #1a1a1a;
    border-bottom-color: #FFF
}

.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>:focus,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>:hover,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>[aria-expanded=true] {
    background: #1a1a1a
}

.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu a:focus,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu a:hover,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu button:focus,
.c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu button:hover {
    background: #262626
}

.c-universal-header>div+div>div {
    max-width: 1618px;
    overflow: hidden
}

.c-universal-header>div+div>div>.c-call-to-action,
.c-universal-header>div+div>div>.c-hyperlink {
    float: right
}

.c-universal-header>div+div>div>.c-call-to-action {
    margin-top: 16px
}

.c-universal-header>div+div .c-logo {
    position: relative;
    height: 100%;
    padding: 18px;
    float: left;
    outline: 0
}

.c-universal-header>div+div .c-logo:before {
    content: "";
    display: none;
    width: calc(100% - (18px + 18px));
    height: 2px;
    background: #262626;
    position: absolute;
    bottom: 22px;
    left: 18px
}

.c-universal-header>div+div .c-logo:focus:before,
.c-universal-header>div+div .c-logo:hover:before {
    display: block
}

.c-universal-header>div+div .c-logo img {
    max-height: 100%
}

.c-universal-header>div+div .c-logo span {
    font-size: 24px;
    line-height: 28px;
    margin-top: 0;
    display: block;
    font-weight: 200
}

@media only screen and (min-width:1779px) {
    .c-universal-header>div+div .c-logo span {
        font-size: 34px;
        line-height: 40px;
        margin-top: -10px
    }
}

@media only screen and (min-width:768px) and (max-width:1083px) {
    .c-universal-header>div+div .c-logo:before {
        bottom: 21px
    }
    .c-universal-header>div+div .c-logo span {
        margin-top: -2px
    }
}

.c-universal-header>div+div .c-action-trigger {
    min-width: 0;
    margin: 1px 10px 0 0;
    padding: 0;
    height: 66px;
    top: 50px
}

.c-universal-header>div+div .c-action-trigger.glyph-chevron-left {
    float: left
}

.c-universal-header>div+div .c-action-trigger.glyph-chevron-right {
    float: right
}

.c-universal-header>div+div .c-action-trigger:disabled {
    display: none
}

.c-universal-header>div+div .c-action-trigger[class*=glyph-chevron-] {
    opacity: .7;
    display: none
}

.c-universal-header>div+div .c-action-trigger[class*=glyph-chevron-]:hover {
    opacity: 1
}

.c-universal-header>div+div nav {
    overflow: hidden;
    height: 100%;
    white-space: nowrap
}

.c-universal-header>div+div nav>.c-hyperlink {
    vertical-align: top
}

.c-universal-header>div+div nav .f-hidden {
    opacity: .6
}

.c-universal-header>div+div .c-hyperlink {
    position: relative;
    display: inline-block;
    padding: 25px 24px;
    text-decoration: none;
    outline: 0
}

.c-universal-header>div+div .c-hyperlink:before {
    content: "";
    display: none;
    width: calc(100% - (24px + 24px));
    height: 2px;
    background: #262626;
    position: absolute;
    bottom: 22px;
    left: 24px
}

.c-universal-header>div+div .c-hyperlink:focus:before,
.c-universal-header>div+div .c-hyperlink:hover:before {
    display: block
}

.c-universal-header>div+div .c-select-menu {
    position: static;
    display: inline-block
}

.c-universal-header>div+div .c-select-menu>a,
.c-universal-header>div+div .c-select-menu>button {
    position: relative;
    padding-top: 26px;
    padding-bottom: 24px;
    margin-top: 0
}

.c-universal-header>div+div .c-select-menu>a:before,
.c-universal-header>div+div .c-select-menu>button:before {
    content: "";
    display: none;
    width: calc(100% - (24px + 45px));
    height: 2px;
    background: #262626;
    position: absolute;
    bottom: 22px;
    left: 24px
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li a,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li button,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>a,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>button,
.c-universal-header>div+div[class*=brand-] .c-hyperlink:focus:before,
.c-universal-header>div+div[class*=brand-] .c-hyperlink:hover:before,
.c-universal-header>div+div[class*=brand-] .c-logo:focus:before,
.c-universal-header>div+div[class*=brand-] .c-logo:hover:before,
.c-universal-header>div+div[class*=brand-] .c-select-menu>a:focus:before,
.c-universal-header>div+div[class*=brand-] .c-select-menu>a:hover:before,
.c-universal-header>div+div[class*=brand-] .c-select-menu>button:focus:before,
.c-universal-header>div+div[class*=brand-] .c-select-menu>button:hover:before {
    background: 0 0
}

.c-universal-header>div+div .c-select-menu>a:focus:before,
.c-universal-header>div+div .c-select-menu>a:hover:before,
.c-universal-header>div+div .c-select-menu>button:focus:before,
.c-universal-header>div+div .c-select-menu>button:hover:before {
    display: block
}

.c-universal-header>div+div .c-select-menu>a:focus[aria-expanded=true]:before,
.c-universal-header>div+div .c-select-menu>a:hover[aria-expanded=true]:before,
.c-universal-header>div+div .c-select-menu>button:focus[aria-expanded=true]:before,
.c-universal-header>div+div .c-select-menu>button:hover[aria-expanded=true]:before {
    display: none
}

.c-universal-header>div+div .c-select-menu a,
.c-universal-header>div+div .c-select-menu button {
    outline: 0
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item [aria-expanded=true],
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item button:hover {
    text-decoration: none
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column {
    white-space: nowrap;
    max-width: none;
    width: auto
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li {
    float: left
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li:after,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li:before {
    content: " ";
    display: table
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li>.c-menu-item {
    display: inline-block;
    vertical-align: top;
    float: left
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li>.c-menu-item>a,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li>.c-menu-item>button {
    font-weight: 700
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li>.c-menu-item>:after {
    content: none
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li .c-menu {
    position: relative;
    left: auto;
    right: auto;
    background: 0 0
}

.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li a:hover,
.c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu.f-multi-column>li button:hover {
    text-decoration: underline
}

.c-universal-header>.f-transparent:first-child .c-select-menu>[aria-expanded=true]:hover,
.c-universal-header>.f-transparent:first-child nav>ul>li .c-hyperlink[aria-expanded=true]:hover {
    text-decoration: none
}

@media only screen and (max-width:1083px) {
    .c-universal-header>div+div .c-hyperlink:before,
    .c-universal-header>div+div .c-logo:before,
    .c-universal-header>div+div .c-select-menu>a:before,
    .c-universal-header>div+div .c-select-menu>button:before {
        bottom: 12px
    }
    .c-universal-header>div+div {
        height: 50px
    }
    .c-universal-header>div+div .c-action-trigger {
        height: 48px
    }
    .c-universal-header>div+div .c-logo {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .c-universal-header>div+div .c-select-menu {
        position: static;
        display: inline-block
    }
    .c-universal-header>div+div .c-select-menu>a,
    .c-universal-header>div+div .c-select-menu>button {
        padding-top: 16px;
        padding-bottom: 14px
    }
    .c-universal-header>div+div .c-hyperlink {
        padding: 15px 24px
    }
    .c-universal-header>div+div>div>.c-call-to-action {
        margin-top: 5px
    }
}

@media only screen and (max-width:767px) {
    .c-universal-header>div+div {
        height: 50px
    }
    .c-universal-header>div+div>div {
        overflow: visible
    }
    .c-universal-header>div+div .c-action-trigger,
    .c-universal-header>div+div .c-call-to-action,
    .c-universal-header>div+div .c-hyperlink,
    .c-universal-header>div+div nav {
        display: none
    }
    .c-universal-header>div+div .c-logo {
        padding: 10px;
        margin-left: -10px;
        outline: 0
    }
    .c-universal-header>div+div .c-logo span {
        font-size: 15px;
        line-height: 20px;
        margin-top: 5px;
        font-weight: 400
    }
}

.c-universal-header>div+div[class*=brand-] .c-select-menu>.c-menu,
.c-universal-header>div+div[class*=brand-] .c-select-menu>.c-menu>.c-menu-item .c-menu,
.c-universal-header>div+div[class*=brand-] .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column {
    border-bottom: 0
}

.c-universal-header.f-transparent {
    position: absolute;
    top: 0;
    margin-top: 0;
    width: 100%
}

@media only screen and (min-width:1400px) {
    .c-universal-header.f-transparent {
        top: 12px;
        margin-top: 0
    }
}

@media only screen and (min-width:1084px) and (max-width:1778px) {
    .c-universal-header.f-transparent {
        top: 8px;
        margin-top: 0
    }
}

.c-universal-header.f-transparent .c-action-trigger[class*=glyph-chevron-] {
    top: 0
}

.c-universal-header.f-transparent .f-transparent {
    position: absolute;
    width: 100%
}

.c-universal-header.f-transparent .c-select-menu>.c-menu {
    top: 100%
}

.c-universal-header.f-transparent>div+div {
    top: 50px
}

@media only screen and (min-width:768px) {
    .c-universal-header>.f-transparent:first-child {
        background: rgba(255, 255, 255, 0)
    }
}

.c-universal-header>.f-transparent:first-child .c-logo:focus {
    outline: #000 dashed 1px
}

.c-universal-header>.f-transparent:first-child nav>ul>li .c-hyperlink {
    background-color: rgba(255, 255, 255, 0)
}

.c-universal-header>.f-transparent:first-child nav>ul>li .c-hyperlink:focus,
.c-universal-header>.f-transparent:first-child nav>ul>li .c-hyperlink:hover,
.c-universal-header>.f-transparent:first-child nav>ul>li .c-hyperlink[aria-expanded=true] {
    background-color: rgba(255, 255, 255, 0);
    text-decoration: none
}

.c-universal-header>.f-transparent:first-child .c-select-menu>a:focus,
.c-universal-header>.f-transparent:first-child .c-select-menu>a:hover,
.c-universal-header>.f-transparent:first-child .c-select-menu>button:focus,
.c-universal-header>.f-transparent:first-child .c-select-menu>button:hover {
    background: 0 0
}

.c-universal-header>.f-transparent:first-child .c-select-menu>.c-menu {
    background: #FFF;
    border-bottom: 2px solid #000
}

.c-universal-header>.f-transparent:first-child.theme-light nav>ul>li .c-hyperlink {
    color: #262626
}

.c-universal-header>.f-transparent:first-child.theme-light nav>ul>li .c-hyperlink:before {
    background: #262626
}

.c-universal-header>.f-transparent:first-child.theme-light .c-action-trigger {
    color: #000
}

.c-universal-header>.f-transparent:first-child.theme-light .c-action-trigger.glyph-shopping-cart {
    color: rgba(0, 0, 0, .6)
}

.c-universal-header>.f-transparent:first-child.theme-light .c-action-trigger.glyph-shopping-cart:focus,
.c-universal-header>.f-transparent:first-child.theme-light .c-action-trigger.glyph-shopping-cart:hover {
    color: rgba(0, 0, 0, .8)
}

.c-universal-header>.f-transparent:first-child.theme-light .c-action-trigger.glyph-shopping-cart:active {
    color: #000
}

.c-universal-header>.f-transparent:first-child.theme-light .c-logo:focus {
    outline-color: #000
}

.c-universal-header>.f-transparent:first-child.theme-light .c-search input[type=search] {
    background: rgba(255, 255, 255, .2);
    border-color: rgba(0, 0, 0, .4)
}

.c-universal-header>.f-transparent:first-child.theme-light .c-search input[type=search]:hover {
    border-color: rgba(0, 0, 0, .8)
}

.c-universal-header>.f-transparent:first-child.theme-light .c-search input[type=search]:active,
.c-universal-header>.f-transparent:first-child.theme-light .c-search input[type=search]:focus {
    border-color: #0078D7
}

.c-universal-header>.f-transparent:first-child.theme-light .c-search button {
    background-color: transparent;
    color: rgba(0, 0, 0, .6)
}

.c-universal-header>.f-transparent:first-child.theme-light .c-search button:hover {
    color: rgba(0, 0, 0, .8)
}

.c-universal-header>.f-transparent:first-child.theme-light .c-search button:active {
    color: #000
}

.c-universal-header>.f-transparent:first-child.theme-light .c-search button:focus {
    outline: #000 dashed 1px
}

.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu a,
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu button {
    color: #262626
}

.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>a:hover[aria-expanded=true],
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>a[aria-expanded=true],
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>button:hover[aria-expanded=true],
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>button[aria-expanded=true] {
    background: #f2f2f2
}

.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>a:before,
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>button:before {
    background: #262626
}

.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>.c-menu {
    background: #f2f2f2;
    border-color: #000
}

.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu,
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>.c-menu>.c-menu-item>a:focus,
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>.c-menu>.c-menu-item>a:hover,
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>.c-menu>.c-menu-item>a[aria-expanded=true],
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>.c-menu>.c-menu-item>button:focus,
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>.c-menu>.c-menu-item>button:hover,
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>.c-menu>.c-menu-item>button[aria-expanded=true] {
    background: #e6e6e6
}

.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu a:focus,
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu a:hover,
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu button:focus,
.c-universal-header>.f-transparent:first-child.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu button:hover {
    background: #d9d9d9
}

.c-universal-header>.f-transparent:first-child.theme-dark>div>div>.c-me>.c-hyperlink {
    color: #FFF
}

.c-universal-header>.f-transparent:first-child.theme-dark nav>ul>li .c-hyperlink {
    color: #f2f2f2
}

.c-universal-header>.f-transparent:first-child.theme-dark nav>ul>li .c-hyperlink:focus:before,
.c-universal-header>.f-transparent:first-child.theme-dark nav>ul>li .c-hyperlink:hover:before {
    background: #f2f2f2
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-action-trigger {
    color: #FFF
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-action-trigger.glyph-shopping-cart {
    color: rgba(255, 255, 255, .6)
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-action-trigger.glyph-shopping-cart:focus,
.c-universal-header>.f-transparent:first-child.theme-dark .c-action-trigger.glyph-shopping-cart:hover {
    color: rgba(255, 255, 255, .8)
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-action-trigger.glyph-shopping-cart:active {
    color: #FFF
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-logo:focus {
    outline-color: #FFF
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-search input[type=search] {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .4)
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-search input[type=search]:hover {
    border-color: rgba(255, 255, 255, .8)
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-search input[type=search]:active,
.c-universal-header>.f-transparent:first-child.theme-dark .c-search input[type=search]:focus {
    border-color: #0078D7
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-search button {
    background-color: transparent;
    color: rgba(255, 255, 255, .6)
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-search button:hover {
    color: rgba(255, 255, 255, .8)
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-search button:active {
    color: #FFF
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-search button:focus {
    outline: #FFF dashed 1px
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu a,
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu button {
    color: #f2f2f2
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>a[aria-expanded=true],
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>a[aria-expanded=true]:hover,
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>button[aria-expanded=true],
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>button[aria-expanded=true]:hover {
    background: #1a1a1a
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>a:focus:before,
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>a:hover:before,
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>button:focus:before,
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>button:hover:before {
    background: #f2f2f2
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>.c-menu {
    background: #1a1a1a;
    border-color: #f2f2f2
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>.c-menu>.c-menu-item>a:focus,
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>.c-menu>.c-menu-item>a:hover,
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>.c-menu>.c-menu-item>a[aria-expanded=true],
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>.c-menu>.c-menu-item>button:focus,
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>.c-menu>.c-menu-item>button:hover,
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>.c-menu>.c-menu-item>button[aria-expanded=true] {
    background: #262626
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu {
    background: #262626;
    border-color: #f2f2f2
}

.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu a:focus,
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu a:hover,
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu button:focus,
.c-universal-header>.f-transparent:first-child.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu button:hover {
    background: #333
}

.c-universal-header .f-transparent a:link,
.c-universal-header .f-transparent>div+div .c-logo span,
.c-universal-header .f-transparent>div+div>div .c-action-trigger {
    color: #000
}

.c-universal-header .f-transparent>div+div>div .c-action-trigger.glyph-chevron-left {
    border-right: 1px solid #000
}

.c-universal-header .f-transparent .c-select-menu .c-menu-item [aria-expanded=true] {
    background: #f2f2f2
}

@media only screen and (max-width:767px) {
    .c-universal-header .c-select-menu>a,
    .c-universal-header .c-select-menu>button,
    body .c-universal-header.f-transparent {
        margin-top: 0
    }
    .c-universal-header .f-mobile-next {
        left: 100% !important
    }
    .c-universal-header .f-mobile-previous {
        left: -100% !important
    }
    .c-universal-header .c-select-menu .c-menu-item a:focus,
    .c-universal-header .c-select-menu .c-menu-item a:hover {
        text-decoration: none
    }
    body .c-universal-header.f-transparent .f-transparent {
        background: 0 0
    }
    body .c-universal-header.f-transparent .f-transparent.f-opened {
        background: #FFF
    }
    .c-universal-header.f-transparent {
        height: 50px
    }
    .c-universal-header>div:first-child {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        top: 0;
        left: 0;
        right: 0;
        z-index: 501
    }
    .c-universal-header>div:first-child.f-search-opened>div .c-logo,
    .c-universal-header>div:first-child.f-search-opened>div .c-me,
    .c-universal-header>div:first-child.f-search-opened>div .glyph-global-nav-button,
    .c-universal-header>div:first-child.f-search-opened>div nav {
        display: none
    }
    .c-universal-header>div:first-child.f-search-opened>div .glyph-arrow-htmllegacy {
        display: block
    }
    .c-universal-header>div:first-child.f-search-opened>div .glyph-arrow-htmllegacy:before {
        vertical-align: middle
    }
    .c-universal-header>div:first-child.f-search-opened>div>div .c-search {
        display: block;
        left: 50px;
        right: 12px;
        position: absolute
    }
    .c-universal-header>div:first-child.f-search-opened>div>div .c-action-trigger.glyph-shopping-cart,
    .c-universal-header>div:first-child>div>div>.c-me>.c-hyperlink,
    .c-universal-header>div:first-child>div>div>.c-me>.c-image {
        display: none
    }
    .c-universal-header>div:first-child.f-search-opened>div>div .c-search input[type=search] {
        opacity: 1;
        width: 100%;
        border: 1px solid rgba(0, 0, 0, .6);
        padding: 7px 38px 7px 10px
    }
    .c-universal-header>div:first-child.f-search-opened>div>div .c-search input[type=search]:hover {
        border-color: rgba(0, 0, 0, .8)
    }
    .c-universal-header>div:first-child.f-search-opened>div>div .c-search input[type=search]:active,
    .c-universal-header>div:first-child.f-search-opened>div>div .c-search input[type=search]:focus {
        border-color: #0078D7
    }
    .c-universal-header>div:first-child>div {
        margin: 0
    }
    .c-universal-header>div:first-child .c-action-trigger {
        width: 48px;
        height: 48px
    }
    .c-universal-header>div:first-child .c-action-trigger.glyph-global-nav-button {
        display: block;
        margin-top: 1px;
        margin-left: 1px
    }
    .c-universal-header>div:first-child .c-action-trigger.glyph-shopping-cart {
        height: 48px;
        margin-right: 1px
    }
    .c-universal-header>div:first-child.f-opened .c-action-trigger.glyph-shopping-cart,
    .c-universal-header>div:first-child.f-opened .c-search {
        display: none
    }
    .c-universal-header>div:first-child.f-closed .c-action-trigger.glyph-shopping-cart,
    .c-universal-header>div:first-child.f-closed .c-search,
    .c-universal-header>div:first-child.f-opened .f-mobile-title,
    .c-universal-header>div:first-child.f-opened>div>div>.c-me>.c-image {
        display: block
    }
    .c-universal-header>div:first-child.f-closed .f-mobile-title,
    .c-universal-header>div:first-child.f-closed nav,
    .c-universal-header>div:first-child.f-closed>div>div>.c-me>.c-image {
        display: none
    }
    .c-universal-header>div:first-child nav {
        position: absolute;
        display: none;
        top: 100px;
        width: 100%;
        height: calc(100vh - 100px);
        overflow: auto;
        background: #FFF;
        left: 0;
        transition: all .3s ease-in;
        z-index: 501
    }
    .c-universal-header>div:first-child nav .c-menu-item.f-sub-menu>a+.c-menu,
    .c-universal-header>div:first-child nav .c-menu-item.f-sub-menu>button+.c-menu {
        left: 0
    }
    .c-universal-header>div:first-child nav>ul>li {
        display: block;
        text-align: left;
        height: 50px;
        float: none;
        border-top: 1px solid rgba(255, 255, 255, 0);
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
    .c-universal-header>div:first-child nav>ul>li>.c-hyperlink {
        float: none;
        display: block;
        width: 100%;
        padding: 15px;
        margin: 0
    }
    .c-universal-header>div:first-child nav>ul>li>.c-hyperlink:before {
        content: "";
        display: none;
        width: 0;
        height: 0;
        background: rgba(255, 255, 255, 0);
        bottom: 0;
        left: 0
    }
    .c-universal-header>div:first-child nav>ul>li>.c-hyperlink:focus:before,
    .c-universal-header>div:first-child nav>ul>li>.c-hyperlink:hover:before {
        display: none
    }
    .c-universal-header>div:first-child nav>ul>li>.c-hyperlink:hover {
        background: rgba(255, 255, 255, 0);
        text-decoration: none
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu {
        float: none;
        display: block
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu a,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu button {
        display: block;
        width: 100%
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu a:before,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu button:before {
        content: "";
        display: none;
        width: 0;
        height: 0;
        background: rgba(255, 255, 255, 0);
        bottom: 0;
        left: 0
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu a:focus:before,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu a:hover:before,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu button:focus:before,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu button:hover:before {
        display: none
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu a:hover,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu button:hover {
        background: rgba(255, 255, 255, 0)
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu a[aria-haspopup=true]:after,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu button[aria-haspopup=true]:after {
        content: "";
        right: 12px
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu .c-menu[aria-hidden=false] {
        position: absolute;
        display: block;
        top: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        overflow: auto;
        background: #f2f2f2;
        left: 0;
        transition: all .3s ease-in;
        z-index: 501
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu .c-menu[aria-hidden=false] .c-menu-item {
        height: 50px
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu .c-menu[aria-hidden=false] .c-menu-item :after {
        top: 20px;
        font-size: 9px
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu .c-menu[aria-hidden=false] .c-menu-item>a,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu .c-menu[aria-hidden=false] .c-menu-item>button {
        padding: 15px;
        height: 50px
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu .c-menu[aria-hidden=false] .c-menu-item>a:focus,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu .c-menu[aria-hidden=false] .c-menu-item>a:hover,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu .c-menu[aria-hidden=false] .c-menu-item>a[aria-expanded=true],
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu .c-menu[aria-hidden=false] .c-menu-item>button:focus,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu .c-menu[aria-hidden=false] .c-menu-item>button:hover,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu .c-menu[aria-hidden=false] .c-menu-item>button[aria-expanded=true] {
        background: rgba(255, 255, 255, 0)
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button {
        width: 100%;
        text-align: left
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button {
        display: block;
        color: #000;
        padding: 15px;
        height: 50px
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a:after,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button:after {
        color: #000;
        content: ""
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a:hover,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button:hover {
        background: rgba(255, 255, 255, 0) !important;
        text-decoration: none !important
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a:focus,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a[aria-expanded=true],
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button:focus,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button[aria-expanded=true] {
        background: rgba(255, 255, 255, 0)
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false],
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button[aria-expanded=true]+.c-menu[aria-hidden=false] {
        position: absolute;
        display: block;
        top: 0;
        width: 100%;
        max-width: none;
        height: calc(100vh - 101px);
        overflow: auto;
        background: #f2f2f2;
        left: 0;
        transition: all .3s ease-in;
        z-index: 501
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item {
        height: 50px
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>a,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>button,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>a,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>button {
        padding: 15px;
        height: 50px
    }
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>a:focus,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>a:hover,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>a[aria-expanded=true],
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>button:focus,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>button:hover,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>button[aria-expanded=true],
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>a:focus,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>a:hover,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>a[aria-expanded=true],
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>button:focus,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>button:hover,
    .c-universal-header>div:first-child nav>ul>li>.c-select-menu>button[aria-expanded=true]+.c-menu[aria-hidden=false] .c-menu-item>button[aria-expanded=true] {
        background: rgba(255, 255, 255, 0)
    }
    .c-universal-header>div:first-child .c-logo {
        float: none;
        display: block;
        position: absolute;
        left: calc(50% - 60px);
        height: auto;
        margin-top: 1px;
        padding-top: 11px
    }
    .c-universal-header>div:first-child .f-mobile-title {
        margin: 0;
        padding: 14px 48px 10px;
        border-top: 1px solid rgba(0, 0, 0, .1);
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        color: #000;
        background: #FFF;
        float: none;
        text-align: center;
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        height: 50px;
        width: 100%;
        z-index: 501
    }
    .c-universal-header>div:first-child .f-mobile-title:focus,
    .c-universal-header>div:first-child .f-mobile-title:hover {
        background: #FFF;
        cursor: default
    }
    .c-universal-header>div:first-child .f-mobile-title .c-action-trigger {
        height: 50px;
        width: 35px;
        margin: 0
    }
    .c-universal-header>div:first-child .f-mobile-title .c-action-trigger[class*=glyph-chevron-] {
        display: block;
        color: #000;
        position: absolute;
        top: 0
    }
    .c-universal-header>div:first-child .f-mobile-title .c-action-trigger.glyph-chevron-left {
        border-right: none;
        left: 0
    }
    .c-universal-header>div:first-child .f-mobile-title .c-action-trigger.glyph-chevron-right {
        border-left: none;
        right: 0
    }
    .c-universal-header>div+div,
    .c-universal-header>div+div.f-transparent,
    .c-universal-header>div+div.f-transparent.theme-dark,
    .c-universal-header>div+div.f-transparent.theme-light,
    .c-universal-header>div+div[class*=brand-] {
        background: rgba(255, 255, 255, 0);
        color: #000;
        height: 0;
        padding: 0
    }
    .c-universal-header>div+div .c-action-trigger[class*=glyph-chevron-],
    .c-universal-header>div+div .c-logo,
    .c-universal-header>div+div.f-transparent .c-action-trigger[class*=glyph-chevron-],
    .c-universal-header>div+div.f-transparent .c-logo,
    .c-universal-header>div+div.f-transparent.theme-dark .c-action-trigger[class*=glyph-chevron-],
    .c-universal-header>div+div.f-transparent.theme-dark .c-logo,
    .c-universal-header>div+div.f-transparent.theme-light .c-action-trigger[class*=glyph-chevron-],
    .c-universal-header>div+div.f-transparent.theme-light .c-logo,
    .c-universal-header>div+div[class*=brand-] .c-action-trigger[class*=glyph-chevron-],
    .c-universal-header>div+div[class*=brand-] .c-logo {
        display: none
    }
    .c-universal-header>div+div .c-hyperlink,
    .c-universal-header>div+div.f-transparent .c-hyperlink,
    .c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink,
    .c-universal-header>div+div.f-transparent.theme-light .c-hyperlink,
    .c-universal-header>div+div[class*=brand-] .c-hyperlink {
        color: #000;
        background: rgba(255, 255, 255, 0);
        float: none;
        display: block;
        width: 100%;
        padding: 15px;
        margin: 0
    }
    .c-universal-header>div+div .c-hyperlink:before,
    .c-universal-header>div+div.f-transparent .c-hyperlink:before,
    .c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink:before,
    .c-universal-header>div+div.f-transparent.theme-light .c-hyperlink:before,
    .c-universal-header>div+div[class*=brand-] .c-hyperlink:before {
        content: "";
        display: none;
        width: 0;
        height: 0;
        background: rgba(255, 255, 255, 0);
        bottom: 0;
        left: 0
    }
    .c-universal-header>div+div .c-hyperlink:focus:before,
    .c-universal-header>div+div .c-hyperlink:hover:before,
    .c-universal-header>div+div.f-transparent .c-hyperlink:focus:before,
    .c-universal-header>div+div.f-transparent .c-hyperlink:hover:before,
    .c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink:focus:before,
    .c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink:hover:before,
    .c-universal-header>div+div.f-transparent.theme-light .c-hyperlink:focus:before,
    .c-universal-header>div+div.f-transparent.theme-light .c-hyperlink:hover:before,
    .c-universal-header>div+div[class*=brand-] .c-hyperlink:focus:before,
    .c-universal-header>div+div[class*=brand-] .c-hyperlink:hover:before {
        display: none
    }
    .c-universal-header>div+div .c-hyperlink:active,
    .c-universal-header>div+div .c-hyperlink:focus,
    .c-universal-header>div+div .c-hyperlink:hover,
    .c-universal-header>div+div .c-hyperlink:visited,
    .c-universal-header>div+div.f-transparent .c-hyperlink:active,
    .c-universal-header>div+div.f-transparent .c-hyperlink:focus,
    .c-universal-header>div+div.f-transparent .c-hyperlink:hover,
    .c-universal-header>div+div.f-transparent .c-hyperlink:visited,
    .c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink:active,
    .c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink:focus,
    .c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink:hover,
    .c-universal-header>div+div.f-transparent.theme-dark .c-hyperlink:visited,
    .c-universal-header>div+div.f-transparent.theme-light .c-hyperlink:active,
    .c-universal-header>div+div.f-transparent.theme-light .c-hyperlink:focus,
    .c-universal-header>div+div.f-transparent.theme-light .c-hyperlink:hover,
    .c-universal-header>div+div.f-transparent.theme-light .c-hyperlink:visited,
    .c-universal-header>div+div[class*=brand-] .c-hyperlink:active,
    .c-universal-header>div+div[class*=brand-] .c-hyperlink:focus,
    .c-universal-header>div+div[class*=brand-] .c-hyperlink:hover,
    .c-universal-header>div+div[class*=brand-] .c-hyperlink:visited {
        color: #000;
        background: rgba(255, 255, 255, 0);
        text-decoration: none !important
    }
    .c-universal-header>div+div .c-select-menu>button,
    .c-universal-header>div+div.f-transparent .c-select-menu>button,
    .c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>button,
    .c-universal-header>div+div.f-transparent.theme-light .c-select-menu>button,
    .c-universal-header>div+div[class*=brand-] .c-select-menu>button {
        width: 100%;
        text-align: left
    }
    .c-universal-header>div+div .c-select-menu>button:before,
    .c-universal-header>div+div.f-transparent .c-select-menu>button:before,
    .c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>button:before,
    .c-universal-header>div+div.f-transparent.theme-light .c-select-menu>button:before,
    .c-universal-header>div+div[class*=brand-] .c-select-menu>button:before {
        content: "";
        display: none;
        width: 0;
        height: 0;
        background: rgba(255, 255, 255, 0);
        bottom: 0;
        left: 0
    }
    .c-universal-header>div+div .c-select-menu>button:focus:before,
    .c-universal-header>div+div .c-select-menu>button:hover:before,
    .c-universal-header>div+div.f-transparent .c-select-menu>button:focus:before,
    .c-universal-header>div+div.f-transparent .c-select-menu>button:hover:before,
    .c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>button:focus:before,
    .c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>button:hover:before,
    .c-universal-header>div+div.f-transparent.theme-light .c-select-menu>button:focus:before,
    .c-universal-header>div+div.f-transparent.theme-light .c-select-menu>button:hover:before,
    .c-universal-header>div+div[class*=brand-] .c-select-menu>button:focus:before,
    .c-universal-header>div+div[class*=brand-] .c-select-menu>button:hover:before {
        display: none
    }
    .c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false],
    .c-universal-header>div+div.f-transparent .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false],
    .c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false],
    .c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false],
    .c-universal-header>div+div[class*=brand-] .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false] {
        position: absolute;
        display: block;
        top: 0;
        width: 100% !important;
        height: calc(100vh - 100px);
        overflow: auto;
        background: #f2f2f2;
        border-bottom: 0;
        left: 0;
        transition: all .3s ease-in;
        z-index: 501
    }
    .c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false][aria-expanded=true],
    .c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu .c-menu-item>:focus,
    .c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item>.c-menu .c-menu-item>:hover,
    .c-universal-header>div+div.f-transparent .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false][aria-expanded=true],
    .c-universal-header>div+div.f-transparent .c-select-menu>.c-menu>.c-menu-item>.c-menu .c-menu-item>:focus,
    .c-universal-header>div+div.f-transparent .c-select-menu>.c-menu>.c-menu-item>.c-menu .c-menu-item>:hover,
    .c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false][aria-expanded=true],
    .c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu .c-menu-item>:focus,
    .c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item>.c-menu .c-menu-item>:hover,
    .c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false][aria-expanded=true],
    .c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu .c-menu-item>:focus,
    .c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item>.c-menu .c-menu-item>:hover,
    .c-universal-header>div+div[class*=brand-] .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false][aria-expanded=true],
    .c-universal-header>div+div[class*=brand-] .c-select-menu>.c-menu>.c-menu-item>.c-menu .c-menu-item>:focus,
    .c-universal-header>div+div[class*=brand-] .c-select-menu>.c-menu>.c-menu-item>.c-menu .c-menu-item>:hover {
        background: rgba(255, 255, 255, 0)
    }
    .c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false] a:hover,
    .c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false] button:hover,
    .c-universal-header>div+div.f-transparent .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false] a:hover,
    .c-universal-header>div+div.f-transparent .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false] button:hover,
    .c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false] a:hover,
    .c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false] button:hover,
    .c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false] a:hover,
    .c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false] button:hover,
    .c-universal-header>div+div[class*=brand-] .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false] a:hover,
    .c-universal-header>div+div[class*=brand-] .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false] button:hover {
        background: rgba(255, 255, 255, 0);
        text-decoration: none
    }
    .c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li,
    .c-universal-header>div+div.f-transparent .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li,
    .c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li,
    .c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li,
    .c-universal-header>div+div[class*=brand-] .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li {
        float: none
    }
    .c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li .c-menu-item.f-sub-menu,
    .c-universal-header>div+div.f-transparent .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li .c-menu-item.f-sub-menu,
    .c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li .c-menu-item.f-sub-menu,
    .c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li .c-menu-item.f-sub-menu,
    .c-universal-header>div+div[class*=brand-] .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li .c-menu-item.f-sub-menu {
        display: block;
        float: none;
        height: inherit
    }
    .c-universal-header>div+div .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li .c-menu,
    .c-universal-header>div+div.f-transparent .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li .c-menu,
    .c-universal-header>div+div.f-transparent.theme-dark .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li .c-menu,
    .c-universal-header>div+div.f-transparent.theme-light .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li .c-menu,
    .c-universal-header>div+div[class*=brand-] .c-select-menu>.c-menu>.c-menu-item .c-menu.f-multi-column[aria-hidden=false]>li .c-menu {
        display: block;
        height: inherit;
        top: 0;
        width: 100%;
        max-width: none
    }
    .c-universal-header>div+div.f-transparent.theme-dark>div,
    .c-universal-header>div+div.f-transparent.theme-light>div,
    .c-universal-header>div+div.f-transparent>div,
    .c-universal-header>div+div>div,
    .c-universal-header>div+div[class*=brand-]>div {
        margin: 0 auto;
        padding: 0;
        width: 100%
    }
    .c-universal-header>div+div.f-transparent.theme-dark>div .c-action-trigger.glyph-chevron-left+.c-action-trigger,
    .c-universal-header>div+div.f-transparent.theme-dark>div .c-action-trigger.glyph-chevron-left+.c-hyperlink,
    .c-universal-header>div+div.f-transparent.theme-light>div .c-action-trigger.glyph-chevron-left+.c-action-trigger,
    .c-universal-header>div+div.f-transparent.theme-light>div .c-action-trigger.glyph-chevron-left+.c-hyperlink,
    .c-universal-header>div+div.f-transparent>div .c-action-trigger.glyph-chevron-left+.c-action-trigger,
    .c-universal-header>div+div.f-transparent>div .c-action-trigger.glyph-chevron-left+.c-hyperlink,
    .c-universal-header>div+div>div .c-action-trigger.glyph-chevron-left+.c-action-trigger,
    .c-universal-header>div+div>div .c-action-trigger.glyph-chevron-left+.c-hyperlink,
    .c-universal-header>div+div[class*=brand-]>div .c-action-trigger.glyph-chevron-left+.c-action-trigger,
    .c-universal-header>div+div[class*=brand-]>div .c-action-trigger.glyph-chevron-left+.c-hyperlink {
        display: none
    }
    .c-universal-header>div+div.f-transparent.theme-dark>div nav,
    .c-universal-header>div+div.f-transparent.theme-light>div nav,
    .c-universal-header>div+div.f-transparent>div nav,
    .c-universal-header>div+div>div nav,
    .c-universal-header>div+div[class*=brand-]>div nav {
        position: absolute;
        display: none;
        top: 50px;
        width: 100%;
        height: calc(100vh - 50px);
        overflow: auto;
        background: #f2f2f2;
        left: 0;
        transition: all .3s ease-in;
        z-index: 501
    }
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu,
    .c-universal-header>div+div>div nav .c-select-menu,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu {
        display: block;
        text-align: left;
        height: 50px
    }
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu>a,
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu>button,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu>a,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu>button,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu>a,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu>button,
    .c-universal-header>div+div>div nav .c-select-menu>a,
    .c-universal-header>div+div>div nav .c-select-menu>button,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu>a,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu>button {
        display: block;
        color: #000;
        padding: 15px;
        height: 50px
    }
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu>a:after,
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu>button:after,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu>a:after,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu>button:after,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu>a:after,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu>button:after,
    .c-universal-header>div+div>div nav .c-select-menu>a:after,
    .c-universal-header>div+div>div nav .c-select-menu>button:after,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu>a:after,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu>button:after {
        color: #000;
        content: "";
        right: 12px
    }
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu>a:hover,
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu>button:hover,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu>a:hover,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu>button:hover,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu>a:hover,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu>button:hover,
    .c-universal-header>div+div>div nav .c-select-menu>a:hover,
    .c-universal-header>div+div>div nav .c-select-menu>button:hover,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu>a:hover,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu>button:hover {
        background: rgba(255, 255, 255, 0) !important;
        text-decoration: none !important
    }
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu>a:focus,
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu>a[aria-expanded=true],
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu>button:focus,
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu>button[aria-expanded=true],
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu>a:focus,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu>a[aria-expanded=true],
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu>button:focus,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu>button[aria-expanded=true],
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu>a:focus,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu>a[aria-expanded=true],
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu>button:focus,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu>button[aria-expanded=true],
    .c-universal-header>div+div>div nav .c-select-menu>a:focus,
    .c-universal-header>div+div>div nav .c-select-menu>a[aria-expanded=true],
    .c-universal-header>div+div>div nav .c-select-menu>button:focus,
    .c-universal-header>div+div>div nav .c-select-menu>button[aria-expanded=true],
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu>a:focus,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu>a[aria-expanded=true],
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu>button:focus,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu>button[aria-expanded=true] {
        background: rgba(255, 255, 255, 0)
    }
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu .c-menu[aria-hidden=false],
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu .c-menu[aria-hidden=false],
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu .c-menu[aria-hidden=false],
    .c-universal-header>div+div>div nav .c-select-menu .c-menu[aria-hidden=false],
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu .c-menu[aria-hidden=false] {
        position: absolute;
        display: block;
        top: 0;
        width: 100%;
        max-width: none;
        height: calc(100vh - 100px);
        overflow: auto;
        background: #f2f2f2;
        border-bottom: 0;
        color: #000;
        left: 0;
        transition: all .3s ease-in;
        z-index: 501
    }
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu .c-menu[aria-hidden=false] a,
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu .c-menu[aria-hidden=false] button,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu .c-menu[aria-hidden=false] a,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu .c-menu[aria-hidden=false] button,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu .c-menu[aria-hidden=false] a,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu .c-menu[aria-hidden=false] button,
    .c-universal-header>div+div>div nav .c-select-menu .c-menu[aria-hidden=false] a,
    .c-universal-header>div+div>div nav .c-select-menu .c-menu[aria-hidden=false] button,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu .c-menu[aria-hidden=false] a,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu .c-menu[aria-hidden=false] button {
        display: block;
        color: #000;
        padding: 15px;
        height: 50px;
        font-weight: 400 !important
    }
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu .c-menu[aria-hidden=false] a:focus,
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu .c-menu[aria-hidden=false] a:hover,
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu .c-menu[aria-hidden=false] button:focus,
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu .c-menu[aria-hidden=false] button:hover,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu .c-menu[aria-hidden=false] a:focus,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu .c-menu[aria-hidden=false] a:hover,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu .c-menu[aria-hidden=false] button:focus,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu .c-menu[aria-hidden=false] button:hover,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu .c-menu[aria-hidden=false] a:focus,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu .c-menu[aria-hidden=false] a:hover,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu .c-menu[aria-hidden=false] button:focus,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu .c-menu[aria-hidden=false] button:hover,
    .c-universal-header>div+div>div nav .c-select-menu .c-menu[aria-hidden=false] a:focus,
    .c-universal-header>div+div>div nav .c-select-menu .c-menu[aria-hidden=false] a:hover,
    .c-universal-header>div+div>div nav .c-select-menu .c-menu[aria-hidden=false] button:focus,
    .c-universal-header>div+div>div nav .c-select-menu .c-menu[aria-hidden=false] button:hover,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu .c-menu[aria-hidden=false] a:focus,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu .c-menu[aria-hidden=false] a:hover,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu .c-menu[aria-hidden=false] button:focus,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu .c-menu[aria-hidden=false] button:hover {
        background: rgba(255, 255, 255, 0) !important;
        text-decoration: none !important
    }
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu .c-menu[aria-hidden=false] a:after,
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu .c-menu[aria-hidden=false] button:after,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu .c-menu[aria-hidden=false] a:after,
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu .c-menu[aria-hidden=false] button:after,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu .c-menu[aria-hidden=false] a:after,
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu .c-menu[aria-hidden=false] button:after,
    .c-universal-header>div+div>div nav .c-select-menu .c-menu[aria-hidden=false] a:after,
    .c-universal-header>div+div>div nav .c-select-menu .c-menu[aria-hidden=false] button:after,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu .c-menu[aria-hidden=false] a:after,
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu .c-menu[aria-hidden=false] button:after {
        color: #000;
        top: 20px;
        font-size: 9px
    }
    .c-universal-header>div+div.f-transparent.theme-dark>div nav .c-select-menu .c-menu[aria-hidden=false] [aria-expanded=true],
    .c-universal-header>div+div.f-transparent.theme-light>div nav .c-select-menu .c-menu[aria-hidden=false] [aria-expanded=true],
    .c-universal-header>div+div.f-transparent>div nav .c-select-menu .c-menu[aria-hidden=false] [aria-expanded=true],
    .c-universal-header>div+div>div nav .c-select-menu .c-menu[aria-hidden=false] [aria-expanded=true],
    .c-universal-header>div+div[class*=brand-]>div nav .c-select-menu .c-menu[aria-hidden=false] [aria-expanded=true] {
        background: rgba(255, 255, 255, 0)
    }
}

#msaMasthead a:active,
#msaMasthead a:hover {
    text-decoration: none !important
}

.m-utilityNav a:focus,
.m-utilityNav a:link,
.m-utilityNav a:visited {
    color: #555 !important
}


/*! @ms-mwf/mwf - v1.11.0+1312099 | Copyright 2016 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.*/

.c-flipper.f-left:before,
.c-flipper.f-previous:before,
a.c-action-trigger.c-glyph.glyph-chevron-left:before,
button.c-action-trigger.c-glyph.glyph-chevron-left:before {
    content: ""
}

a.c-action-trigger,
button.c-action-trigger {
    font-size: 15px;
    max-width: 374px;
    min-width: 36px;
    display: inline-block;
    margin-top: 12px;
    padding: 6px 0 8px;
    color: #0078D7;
    border: 1px solid transparent;
    background: 0 0;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: bottom;
    outline: transparent dashed 1px
}

a.c-action-trigger:focus,
a.c-action-trigger:hover,
button.c-action-trigger:focus,
button.c-action-trigger:hover {
    color: rgba(0, 0, 0, .6);
    text-decoration: underline
}

a.c-action-trigger:focus,
button.c-action-trigger:focus {
    outline: rgba(0, 0, 0, .6) dashed 1px
}

a.c-action-trigger:active,
button.c-action-trigger:active {
    color: #000;
    outline: transparent solid 1px;
    text-decoration: none
}

a.c-action-trigger[disabled],
button.c-action-trigger[disabled] {
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

a.c-action-trigger.c-glyph,
button.c-action-trigger.c-glyph {
    min-width: 120px;
    padding-right: 10px
}

a.c-action-trigger.c-glyph:before,
button.c-action-trigger.c-glyph:before {
    width: 16px;
    height: 16px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle
}

a.c-action-trigger.c-glyph.glyph-chevron-right:before,
button.c-action-trigger.c-glyph.glyph-chevron-right:before {
    content: ""
}

a.c-action-trigger.c-glyph.glyph-arrow-htmllegacy-mirrored:before,
button.c-action-trigger.c-glyph.glyph-arrow-htmllegacy-mirrored:before {
    content: ""
}

a.c-action-trigger.c-glyph.glyph-arrow-htmllegacy:before,
button.c-action-trigger.c-glyph.glyph-arrow-htmllegacy:before {
    content: ""
}

a.c-action-trigger.c-glyph[aria-label],
button.c-action-trigger.c-glyph[aria-label] {
    min-width: 0;
    margin-right: 10px;
    padding-right: 0
}

.theme-dark .theme-light a.c-action-trigger,
.theme-dark .theme-light button.c-action-trigger,
.theme-light a.c-action-trigger,
.theme-light button.c-action-trigger {
    color: #000;
    background: 0 0
}

.theme-dark .theme-light a.c-action-trigger:focus,
.theme-dark .theme-light a.c-action-trigger:hover,
.theme-dark .theme-light button.c-action-trigger:focus,
.theme-dark .theme-light button.c-action-trigger:hover,
.theme-light a.c-action-trigger:focus,
.theme-light a.c-action-trigger:hover,
.theme-light button.c-action-trigger:focus,
.theme-light button.c-action-trigger:hover {
    color: rgba(0, 0, 0, .6);
    text-decoration: underline
}

.theme-dark .theme-light a.c-action-trigger:focus,
.theme-dark .theme-light button.c-action-trigger:focus,
.theme-light a.c-action-trigger:focus,
.theme-light button.c-action-trigger:focus {
    outline: rgba(0, 0, 0, .6) dashed 1px
}

.theme-dark .theme-light a.c-action-trigger:active,
.theme-dark .theme-light button.c-action-trigger:active,
.theme-light a.c-action-trigger:active,
.theme-light button.c-action-trigger:active {
    color: #000;
    outline: transparent solid 1px;
    text-decoration: none
}

.theme-dark .theme-light a.c-action-trigger[disabled],
.theme-dark .theme-light button.c-action-trigger[disabled],
.theme-light a.c-action-trigger[disabled],
.theme-light button.c-action-trigger[disabled] {
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

.theme-dark a.c-action-trigger,
.theme-dark button.c-action-trigger,
.theme-light .theme-dark a.c-action-trigger,
.theme-light .theme-dark button.c-action-trigger {
    color: #FFF;
    background: 0 0
}

.theme-dark a.c-action-trigger:focus,
.theme-dark a.c-action-trigger:hover,
.theme-dark button.c-action-trigger:focus,
.theme-dark button.c-action-trigger:hover,
.theme-light .theme-dark a.c-action-trigger:focus,
.theme-light .theme-dark a.c-action-trigger:hover,
.theme-light .theme-dark button.c-action-trigger:focus,
.theme-light .theme-dark button.c-action-trigger:hover {
    color: rgba(255, 255, 255, .8);
    text-decoration: underline
}

.theme-dark a.c-action-trigger:focus,
.theme-dark button.c-action-trigger:focus,
.theme-light .theme-dark a.c-action-trigger:focus,
.theme-light .theme-dark button.c-action-trigger:focus {
    outline: #FFF dashed 1px
}

.theme-dark a.c-action-trigger:active,
.theme-dark button.c-action-trigger:active,
.theme-light .theme-dark a.c-action-trigger:active,
.theme-light .theme-dark button.c-action-trigger:active {
    color: #FFF;
    outline: transparent solid 1px;
    text-decoration: none
}

.theme-dark a.c-action-trigger[disabled],
.theme-dark button.c-action-trigger[disabled],
.theme-light .theme-dark a.c-action-trigger[disabled],
.theme-light .theme-dark button.c-action-trigger[disabled] {
    color: rgba(255, 255, 255, .6);
    cursor: not-allowed
}

.c-age-rating {
    display: block
}

.c-age-rating>.c-image {
    float: left;
    width: 56px;
    height: auto
}

.c-age-rating .c-label,
.c-age-rating .c-paragraph {
    font-size: 15px;
    line-height: 20px;
    padding: 0;
    margin: 0 0 0 68px
}

.c-age-rating .c-label {
    font-weight: 700
}

.c-age-rating .c-content-toggle {
    margin-left: 68px
}

.c-age-rating .c-content-toggle p {
    overflow: hidden;
    box-sizing: content-box;
    max-height: 200px;
    padding-top: 0
}

.c-age-rating .c-content-toggle .c-list {
    margin-top: 0;
    margin-bottom: 0
}

.c-badge {
    font-size: 13px;
    display: inline-block;
    letter-spacing: .075em
}

.c-badge.f-highlight {
    background-color: #FFD800;
    color: #000
}

.c-badge.f-lowlight {
    background-color: #333;
    color: #FFF
}

.c-badge.f-small {
    padding: 0 7px 1px;
    line-height: 18px;
    height: 18px
}

.c-badge.f-large {
    padding: 3px 14px 5px;
    line-height: 20px;
    height: 26px
}

ul.c-breadcrumb {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px
}

ul.c-breadcrumb li {
    font-size: 13px;
    line-height: 16px;
    display: inline-block;
    padding-right: 8px;
    color: #0078D7
}

ul.c-breadcrumb li+li:before {
    content: "\\";
    padding-right: 8px;
    color: rgba(0, 0, 0, .6)
}

.c-flipper.f-next:before,
.c-flipper.f-right:before,
a.c-call-to-action:after {
    content: ""
}

ul.c-breadcrumb li:last-child,
ul.c-breadcrumb li:last-child a {
    color: rgba(0, 0, 0, .6)
}

ul.c-breadcrumb li a {
    font-size: 13px;
    line-height: 16px;
    color: #0078D7
}

.theme-dark .theme-light ul.c-breadcrumb li+li:before,
.theme-dark .theme-light ul.c-breadcrumb li:last-child,
.theme-dark .theme-light ul.c-breadcrumb li:last-child a,
.theme-light ul.c-breadcrumb li+li:before,
.theme-light ul.c-breadcrumb li:last-child,
.theme-light ul.c-breadcrumb li:last-child a {
    color: rgba(0, 0, 0, .6)
}

.theme-dark .theme-light ul.c-breadcrumb li a,
.theme-light ul.c-breadcrumb li a {
    color: #000;
    text-decoration: none
}

.theme-dark .theme-light ul.c-breadcrumb li a:hover,
.theme-light ul.c-breadcrumb li a:hover {
    text-decoration: underline
}

.c-carousel .f-gallery li .c-action-trigger:hover,
a.c-call-to-action {
    text-decoration: none
}

.theme-dark ul.c-breadcrumb li+li:before,
.theme-dark ul.c-breadcrumb li:last-child,
.theme-dark ul.c-breadcrumb li:last-child a,
.theme-light .theme-dark ul.c-breadcrumb li+li:before,
.theme-light .theme-dark ul.c-breadcrumb li:last-child,
.theme-light .theme-dark ul.c-breadcrumb li:last-child a {
    color: rgba(255, 255, 255, .6)
}

.theme-dark ul.c-breadcrumb li a,
.theme-light .theme-dark ul.c-breadcrumb li a {
    color: #FFF;
    text-decoration: none
}

.c-content-toggle button:hover,
.theme-dark ul.c-breadcrumb li a:hover,
.theme-light .theme-dark ul.c-breadcrumb li a:hover {
    text-decoration: underline
}

a.c-button[role=button],
button.c-button {
    font-size: 15px;
    max-width: 374px;
    min-width: 120px;
    display: inline-block;
    margin-top: 12px;
    padding: 9px 12px 10px;
    background-color: rgba(0, 0, 0, .2);
    color: #000;
    border: 1px solid transparent;
    overflow: hidden;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: bottom;
    outline: transparent dashed 1px
}

a.c-button[role=button]:focus,
button.c-button:focus {
    outline-color: #000
}

a.c-button[role=button]:focus,
a.c-button[role=button]:hover,
button.c-button:focus,
button.c-button:hover {
    border-color: rgba(0, 0, 0, .4)
}

a.c-button[role=button]:active,
button.c-button:active {
    background-color: rgba(0, 0, 0, .4)
}

a.c-button[role=button][disabled],
button.c-button[disabled] {
    color: rgba(0, 0, 0, .2);
    background-color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

a.c-button[role=button]>.c-price,
button.c-button>.c-price {
    padding: 0;
    text-align: center
}

.theme-dark .theme-light a.c-button[role=button],
.theme-dark .theme-light button.c-button,
.theme-light a.c-button[role=button],
.theme-light button.c-button {
    background-color: transparent;
    color: #000;
    border-color: #000
}

.theme-dark .theme-light a.c-button[role=button]:focus,
.theme-dark .theme-light button.c-button:focus,
.theme-light a.c-button[role=button]:focus,
.theme-light button.c-button:focus {
    background-color: rgba(0, 0, 0, .2);
    outline-color: #000
}

.theme-dark .theme-light a.c-button[role=button]:hover,
.theme-dark .theme-light button.c-button:hover,
.theme-light a.c-button[role=button]:hover,
.theme-light button.c-button:hover {
    background-color: rgba(0, 0, 0, .2)
}

.theme-dark .theme-light a.c-button[role=button]:active,
.theme-dark .theme-light button.c-button:active,
.theme-light a.c-button[role=button]:active,
.theme-light button.c-button:active {
    background-color: rgba(0, 0, 0, .4)
}

.theme-dark .theme-light a.c-button[role=button][disabled],
.theme-dark .theme-light button.c-button[disabled],
.theme-light a.c-button[role=button][disabled],
.theme-light button.c-button[disabled] {
    color: rgba(0, 0, 0, .2);
    background-color: rgba(0, 0, 0, .2);
    border-color: rgba(0, 0, 0, .2)
}

.theme-dark a.c-button[role=button],
.theme-dark button.c-button,
.theme-light .theme-dark a.c-button[role=button],
.theme-light .theme-dark button.c-button {
    background-color: transparent;
    color: #FFF;
    border-color: #FFF
}

.theme-dark a.c-button[role=button]:focus,
.theme-dark button.c-button:focus,
.theme-light .theme-dark a.c-button[role=button]:focus,
.theme-light .theme-dark button.c-button:focus {
    background-color: rgba(255, 255, 255, .2);
    outline-color: #FFF
}

.theme-dark a.c-button[role=button]:hover,
.theme-dark button.c-button:hover,
.theme-light .theme-dark a.c-button[role=button]:hover,
.theme-light .theme-dark button.c-button:hover {
    background-color: rgba(255, 255, 255, .2)
}

.theme-dark a.c-button[role=button]:active,
.theme-dark button.c-button:active,
.theme-light .theme-dark a.c-button[role=button]:active,
.theme-light .theme-dark button.c-button:active {
    background-color: rgba(255, 255, 255, .4)
}

.theme-dark a.c-button[role=button][disabled],
.theme-dark button.c-button[disabled],
.theme-light .theme-dark a.c-button[role=button][disabled],
.theme-light .theme-dark button.c-button[disabled] {
    color: rgba(255, 255, 255, .2);
    background-color: rgba(255, 255, 255, .2);
    border-color: rgba(255, 255, 255, .2)
}

button.c-button[type=submit] {
    color: #FFF;
    background-color: #0078D7
}

button.c-button[type=submit]:focus,
button.c-button[type=submit]:hover {
    background-color: #006cc2;
    border-color: rgba(0, 0, 0, .4)
}

button.c-button[type=submit]:active {
    background-color: #005497;
    border-color: transparent
}

button.c-button[type=submit][disabled] {
    color: rgba(0, 0, 0, .2);
    background-color: rgba(0, 120, 215, .2);
    border-color: transparent
}

.theme-dark .theme-light button.c-button[type=submit],
.theme-light button.c-button[type=submit] {
    color: #FFF;
    background-color: #000;
    border-color: transparent
}

.theme-dark .theme-light button.c-button[type=submit]:focus,
.theme-light button.c-button[type=submit]:focus {
    outline-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.theme-dark .theme-light button.c-button[type=submit]:hover,
.theme-light button.c-button[type=submit]:hover {
    background-color: rgba(0, 0, 0, .8)
}

.theme-dark .theme-light button.c-button[type=submit]:active,
.theme-light button.c-button[type=submit]:active {
    background-color: rgba(0, 0, 0, .6)
}

.theme-dark .theme-light button.c-button[type=submit][disabled],
.theme-light button.c-button[type=submit][disabled] {
    background-color: rgba(0, 0, 0, .2);
    color: rgba(0, 0, 0, .2)
}

.theme-dark button.c-button[type=submit],
.theme-light .theme-dark button.c-button[type=submit] {
    color: #000;
    background-color: #FFF;
    border-color: transparent
}

.theme-dark button.c-button[type=submit]:focus,
.theme-light .theme-dark button.c-button[type=submit]:focus {
    outline-color: #FFF;
    background-color: rgba(255, 255, 255, .8)
}

.theme-dark button.c-button[type=submit]:hover,
.theme-light .theme-dark button.c-button[type=submit]:hover {
    background-color: rgba(255, 255, 255, .8)
}

.theme-dark button.c-button[type=submit]:active,
.theme-light .theme-dark button.c-button[type=submit]:active {
    background-color: rgba(255, 255, 255, .6)
}

.theme-dark button.c-button[type=submit][disabled],
.theme-light .theme-dark button.c-button[type=submit][disabled] {
    background-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .2)
}

a.c-call-to-action {
    font-size: 13px;
    display: inline-block;
    max-width: 100%;
    padding: 10px 40px 7px 24px;
    overflow: hidden;
    border: 2px solid transparent;
    color: #FFF;
    background: #0078D7;
    line-height: 1.3;
    text-align: center;
    letter-spacing: .075em;
    white-space: nowrap
}

a.c-call-to-action span {
    display: inline-block;
    max-width: 100%;
    text-overflow: clip;
    overflow: hidden
}

a.c-call-to-action:after {
    position: absolute;
    display: inline-block;
    margin-left: 4px;
    margin-top: 1px;
    vertical-align: top
}

a.c-call-to-action:focus,
a.c-call-to-action:hover {
    background: #006cc2;
    border-color: rgba(0, 0, 0, .4)
}

a.c-call-to-action:focus {
    outline: #000 dashed 1px
}

a.c-call-to-action:hover {
    outline: 0
}

a.c-call-to-action:active {
    border-color: transparent;
    background: #005497
}

a.c-call-to-action[aria-disabled=true] {
    cursor: not-allowed;
    border-color: transparent;
    background: #cce4f7;
    color: rgba(0, 0, 0, .2)
}

.theme-dark .theme-light a.c-call-to-action,
.theme-light a.c-call-to-action {
    color: #FFF;
    background: #000
}

.theme-dark .theme-light a.c-call-to-action:focus,
.theme-dark .theme-light a.c-call-to-action:hover,
.theme-light a.c-call-to-action:focus,
.theme-light a.c-call-to-action:hover {
    background: #333;
    border-color: #000;
    outline-color: #000
}

.theme-dark .theme-light a.c-call-to-action:active,
.theme-light a.c-call-to-action:active {
    background: #666;
    border-color: transparent
}

.theme-dark .theme-light a.c-call-to-action[aria-disabled=true],
.theme-light a.c-call-to-action[aria-disabled=true] {
    background: #ccc;
    border-color: transparent;
    color: rgba(0, 0, 0, .2)
}

.theme-dark a.c-call-to-action,
.theme-light .theme-dark a.c-call-to-action {
    color: #000;
    background: #FFF
}

.theme-dark a.c-call-to-action:focus,
.theme-dark a.c-call-to-action:hover,
.theme-light .theme-dark a.c-call-to-action:focus,
.theme-light .theme-dark a.c-call-to-action:hover {
    background: #ccc;
    border-color: #FFF;
    outline-color: #000
}

.theme-dark a.c-call-to-action:active,
.theme-light .theme-dark a.c-call-to-action:active {
    background: #999;
    border-color: transparent
}

.theme-dark a.c-call-to-action[aria-disabled=true],
.theme-light .theme-dark a.c-call-to-action[aria-disabled=true] {
    background: #4d4d4d;
    border-color: transparent;
    color: rgba(255, 255, 255, .2)
}

a.c-call-to-action.f-secondary {
    color: #000;
    background: #ccc
}

a.c-call-to-action.f-secondary:focus,
a.c-call-to-action.f-secondary:hover {
    border-color: rgba(0, 0, 0, .4)
}

a.c-call-to-action.f-secondary:active {
    border-color: transparent;
    background: #999
}

a.c-call-to-action.f-secondary[aria-disabled=true] {
    background: #ccc;
    border-color: transparent;
    color: rgba(0, 0, 0, .2)
}

.theme-dark .theme-light a.c-call-to-action.f-secondary,
.theme-light a.c-call-to-action.f-secondary {
    color: #000;
    background: rgba(255, 255, 255, 0);
    border-color: #000
}

.theme-dark .theme-light a.c-call-to-action.f-secondary:focus,
.theme-dark .theme-light a.c-call-to-action.f-secondary:hover,
.theme-light a.c-call-to-action.f-secondary:focus,
.theme-light a.c-call-to-action.f-secondary:hover {
    background: #ccc;
    border-color: #000
}

.theme-dark .theme-light a.c-call-to-action.f-secondary:focus,
.theme-light a.c-call-to-action.f-secondary:focus {
    outline-color: #000
}

.theme-dark .theme-light a.c-call-to-action.f-secondary:active,
.theme-light a.c-call-to-action.f-secondary:active {
    background: #999
}

.theme-dark .theme-light a.c-call-to-action.f-secondary[aria-disabled=true],
.theme-light a.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 {
    background: rgba(255, 255, 255, 0);
    color: #FFF;
    border-color: #FFF
}

.theme-dark a.c-call-to-action.f-secondary:focus,
.theme-dark a.c-call-to-action.f-secondary:hover,
.theme-light .theme-dark a.c-call-to-action.f-secondary:focus,
.theme-light .theme-dark a.c-call-to-action.f-secondary:hover {
    background: #4d4d4d;
    border-color: #FFF
}

.theme-dark a.c-call-to-action.f-secondary:focus,
.theme-light .theme-dark a.c-call-to-action.f-secondary:focus {
    outline-color: #FFF
}

.theme-dark a.c-call-to-action.f-secondary:active,
.theme-light .theme-dark a.c-call-to-action.f-secondary:active {
    background: #666
}

.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] {
    background: #4d4d4d;
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .2)
}

@-webkit-keyframes hero-content-next {
    0% {
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hero-content-next {
    0% {
        -webkit-transform: translateX(40px);
        transform: translateX(40px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes hero-content-previous {
    0% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hero-content-previous {
    0% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes hero-background-next {
    0% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hero-background-next {
    0% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes hero-background-previous {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hero-background-previous {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes hero-background-next-y-center {
    0% {
        -webkit-transform: translate(10px, -50%);
        transform: translate(10px, -50%)
    }
    100% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@keyframes hero-background-next-y-center {
    0% {
        -webkit-transform: translate(10px, -50%);
        transform: translate(10px, -50%)
    }
    100% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@-webkit-keyframes hero-background-previous-y-center {
    0% {
        -webkit-transform: translate(-10px, -50%);
        transform: translate(-10px, -50%)
    }
    100% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@keyframes hero-background-previous-y-center {
    0% {
        -webkit-transform: translate(-10px, -50%);
        transform: translate(-10px, -50%)
    }
    100% {
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@-webkit-keyframes hero-background-next-x-center {
    0% {
        -webkit-transform: translateX(-49%);
        transform: translateX(-49%)
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes hero-background-next-x-center {
    0% {
        -webkit-transform: translateX(-49%);
        transform: translateX(-49%)
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@-webkit-keyframes hero-background-previous-x-center {
    0% {
        -webkit-transform: translateX(-51%);
        transform: translateX(-51%)
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes hero-background-previous-x-center {
    0% {
        -webkit-transform: translateX(-51%);
        transform: translateX(-51%)
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@-webkit-keyframes hero-background-next-x-center-y-center {
    0% {
        -webkit-transform: translate(-49%, -50%);
        transform: translate(-49%, -50%)
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@keyframes hero-background-next-x-center-y-center {
    0% {
        -webkit-transform: translate(-49%, -50%);
        transform: translate(-49%, -50%)
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@-webkit-keyframes hero-background-previous-x-center-y-center {
    0% {
        -webkit-transform: translate(-51%, -50%);
        transform: translate(-51%, -50%)
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@keyframes hero-background-previous-x-center-y-center {
    0% {
        -webkit-transform: translate(-51%, -50%);
        transform: translate(-51%, -50%)
    }
    100% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.c-carousel {
    position: relative
}

.c-carousel .c-flipper {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -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-next,
.c-carousel .c-flipper.f-right {
    right: 0
}

.c-carousel .c-flipper+div {
    position: relative;
    overflow: hidden
}

.c-carousel.f-scrollable-next .c-flipper.f-next,
.c-carousel.f-scrollable-next .c-flipper.f-right,
.c-carousel.f-scrollable-previous .c-flipper.f-left,
.c-carousel.f-scrollable-previous .c-flipper.f-previous {
    display: block
}

.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:hover .c-flipper {
    opacity: .8
}

.c-carousel.f-multi-slide:hover .c-flipper:hover {
    opacity: 1
}

.c-carousel.f-multi-slide:hover .c-flipper:active,
.c-flipper {
    opacity: .8
}

.c-carousel.f-multi-slide.theme-light .c-flipper {
    background: #FFF;
    color: #000
}

.c-carousel.f-multi-slide.theme-dark .c-flipper {
    background: #000;
    color: #FFF
}

.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) 667ms
}

.c-combo button,
.c-search button {
    transition: color .1s, background-color .1s
}

.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: none
    }
}

.c-carousel .f-gallery li {
    height: 201px;
    width: 358px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-right: 12px
}

@media only screen and (max-width:1399px) {
    .c-carousel .f-gallery li {
        height: 153px;
        width: 272px
    }
}

.c-carousel .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;
    top: calc(50% - 24px);
    left: calc(50% - 24px)
}

.c-carousel .f-gallery li .c-action-trigger:before {
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    color: #FFF;
    font-size: 24px;
    content: "";
    margin: 0
}

.c-carousel .f-gallery li .c-heading-6 {
    color: #000;
    position: absolute;
    bottom: 9px;
    right: 12px;
    width: 72px;
    text-align: right
}

.c-carousel .f-gallery li .c-heading-6:first-child {
    left: 12px;
    width: 238px;
    text-align: left
}

@media only screen and (max-width:1399px) {
    .c-carousel .f-gallery li .c-heading-6:first-child {
        width: 152px
    }
}

.c-carousel li {
    position: relative;
    height: 100%;
    z-index: 1
}

.c-carousel li~li {
    display: none
}

.c-carousel li .c-hero>picture img,
.c-carousel li .m-hero-item>picture img,
.c-carousel li>picture.c-image img {
    margin: 0 auto
}

.c-carousel li.f-animate-next>picture.c-image img {
    -webkit-animation: hero-background-next cubic-bezier(.16, 1, .29, .99) 667ms both;
    animation: hero-background-next cubic-bezier(.16, 1, .29, .99) 667ms both
}

.c-carousel li.f-animate-next>picture.c-image.f-x-center img {
    -webkit-animation-name: hero-background-next-x-center;
    animation-name: hero-background-next-x-center
}

.c-carousel li.f-animate-next>picture.c-image.f-y-center img {
    -webkit-animation-name: hero-background-next-y-center;
    animation-name: hero-background-next-y-center
}

.c-carousel li.f-animate-next>picture.c-image.f-y-center.f-x-center img {
    -webkit-animation-name: hero-background-next-x-center-y-center;
    animation-name: hero-background-next-x-center-y-center
}

.c-carousel li.f-animate-next .c-hero>picture img,
.c-carousel li.f-animate-next .m-hero-item>picture img {
    -webkit-animation: hero-background-next-y-center cubic-bezier(.16, 1, .29, .99) 667ms both;
    animation: hero-background-next-y-center cubic-bezier(.16, 1, .29, .99) 667ms both
}

.c-carousel li.f-animate-next .c-hero>div,
.c-carousel li.f-animate-next .m-hero-item>div {
    -webkit-animation: hero-content-next cubic-bezier(.16, 1, .29, .99) 667ms both;
    animation: hero-content-next cubic-bezier(.16, 1, .29, .99) 667ms both
}

.c-carousel li.f-animate-previous>picture.c-image img {
    -webkit-animation: hero-background-previous cubic-bezier(.16, 1, .29, .99) 667ms both;
    animation: hero-background-previous cubic-bezier(.16, 1, .29, .99) 667ms both
}

.c-carousel li.f-animate-previous>picture.c-image.f-x-center img {
    -webkit-animation-name: hero-background-previous-x-center;
    animation-name: hero-background-previous-x-center
}

.c-carousel li.f-animate-previous>picture.c-image.f-y-center img {
    -webkit-animation-name: hero-background-previous-y-center;
    animation-name: hero-background-previous-y-center
}

.c-carousel li.f-animate-previous>picture.c-image.f-y-center.f-x-center img {
    -webkit-animation-name: hero-background-previous-x-center-y-center;
    animation-name: hero-background-previous-x-center-y-center
}

.c-carousel li.f-animate-previous .c-hero>picture img,
.c-carousel li.f-animate-previous .m-hero-item>picture img {
    -webkit-animation: hero-background-previous-y-center cubic-bezier(.16, 1, .29, .99) 667ms both;
    animation: hero-background-previous-y-center cubic-bezier(.16, 1, .29, .99) 667ms both
}

.c-carousel li.f-animate-previous .c-hero>div,
.c-carousel li.f-animate-previous .m-hero-item>div {
    -webkit-animation: hero-content-previous cubic-bezier(.16, 1, .29, .99) 667ms both;
    animation: hero-content-previous cubic-bezier(.16, 1, .29, .99) 667ms 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;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .c-carousel li .c-hero>div>div,
    .c-carousel li .m-hero-item>div>div {
        padding-bottom: 48px
    }
    .c-carousel li .c-hero.f-x-left>picture img,
    .c-carousel li .c-hero.f-x-right>picture img,
    .c-carousel li .m-hero-item.f-x-left>picture img,
    .c-carousel li .m-hero-item.f-x-right>picture img {
        left: 0;
        left: calc(50%);
        right: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .c-carousel li.f-animate-next .c-hero[class*=f-x][class*=f-y]>picture img,
    .c-carousel li.f-animate-next .m-hero-item[class*=f-x][class*=f-y]>picture img,
    .c-carousel li.f-animate-next>picture.c-image[class*=f-x][class*=f-y] img {
        -webkit-animation-name: hero-background-next-x-center;
        animation-name: hero-background-next-x-center
    }
    .c-carousel li.f-animate-previous .c-hero[class*=f-x][class*=f-y]>picture img,
    .c-carousel li.f-animate-previous .m-hero-item[class*=f-x][class*=f-y]>picture img,
    .c-carousel li.f-animate-previous>picture.c-image[class*=f-x][class*=f-y] img {
        -webkit-animation-name: hero-background-previous-x-center;
        animation-name: hero-background-previous-x-center
    }
}

.c-dialog [role=dialog],
.c-mosaic [data-f-mosaic]>picture img {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.c-checkbox .c-label {
    font-size: 15px;
    line-height: 20px;
    margin-right: 24px;
    padding-bottom: 0;
    position: relative
}

.c-checkbox input[type=checkbox] {
    position: absolute;
    height: 20px;
    opacity: 0;
    width: 20px
}

.c-checkbox input[type=checkbox]+span {
    cursor: pointer;
    display: inline-block;
    left: 0;
    padding-left: 28px;
    position: relative;
    top: 0
}

.c-checkbox input[type=checkbox]+span:after,
.c-checkbox input[type=checkbox]+span:before {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
    top: 0
}

.c-checkbox input[type=checkbox]+span:before {
    content: "";
    box-shadow: inset 0 0 0 1px #000, inset 0 0 0 10px transparent;
    top: 0
}

@media screen and (-ms-high-contrast:active) {
    .c-checkbox input[type=checkbox]+span:before {
        border: 1px solid #767676
    }
}

.c-checkbox input[type=checkbox]:not(:disabled):focus+span:before,
.c-checkbox input[type=checkbox]:not(:disabled):hover+span:before {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .8)
}

.c-checkbox input[type=checkbox]:focus+span:before {
    outline: rgba(0, 0, 0, .8) dashed 1px
}

.c-checkbox input[type=checkbox]:checked+span:after {
    font-family: MWF-MDL2;
    content: "";
    color: #FFF;
    font-size: 17px;
    padding-left: 1px
}

.c-checkbox input[type=checkbox]:checked:disabled+span:after {
    box-shadow: inset 0 0 0 1px rgba(0, 120, 215, .05), inset 0 0 0 10px rgba(0, 120, 215, .2);
    color: rgba(255, 255, 255, .3)
}

.c-checkbox input[type=checkbox]:checked:not(:disabled)+span:before {
    box-shadow: inset 0 0 0 10px #0078D7
}

.c-checkbox input[type=checkbox]:checked:not(:disabled):focus+span:before,
.c-checkbox input[type=checkbox]:checked:not(:disabled):hover+span:before {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .6), inset 0 0 0 10px #0078D7
}

.c-checkbox input[type=checkbox]:indeterminate+span:after {
    border: 5px solid #000;
    content: "";
    height: 0;
    left: 5px;
    top: 5px;
    width: 0
}

.c-checkbox input[type=checkbox]:indeterminate:disabled+span:after {
    border-color: rgba(0, 0, 0, .2)
}

.c-checkbox input[type=checkbox]:indeterminate:not(:disabled):hover+span:after {
    border-color: rgba(0, 0, 0, .6)
}

.c-checkbox input[type=checkbox]:indeterminate:not(:disabled)+span:before {
    box-shadow: inset 0 0 0 1px #0078D7
}

.c-checkbox input[type=checkbox]:disabled+span {
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

.c-checkbox input[type=checkbox]:disabled+span:before {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2)
}

.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 {
    display: inline-block;
    padding: 9px 0 10px 12px;
    min-width: 100%
}

.c-choice-summary button.c-action-trigger.c-glyph {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 100%;
    margin: 0;
    padding: 5px 0 9px
}

.c-choice-summary button.c-action-trigger.c-glyph:before {
    margin: 0;
    width: auto;
    height: auto;
    color: rgba(0, 0, 0, .6)
}

.c-choice-summary button.c-action-trigger.c-glyph:hover,
.c-choice-summary button.c-action-trigger.c-glyph:hover+span {
    background-color: rgba(0, 0, 0, .2)
}

.c-choice-summary button.c-action-trigger.c-glyph:active,
.c-choice-summary button.c-action-trigger.c-glyph:active+span {
    background-color: rgba(0, 0, 0, .3)
}

.c-choice-summary button.c-action-trigger.c-glyph:active:before {
    color: rgba(0, 0, 0, .8)
}

.c-combo {
    position: relative;
    min-width: 92px;
    max-width: 296px;
    height: 38px;
    margin-top: 20px
}

.c-combo div {
    display: block
}

.c-combo div ul {
    z-index: 1;
    width: 296px;
    min-width: 64px;
    max-width: 368px;
    padding: 0;
    margin: 0;
    border: 1px solid rgba(0, 0, 0, .2);
    position: absolute;
    top: 38px;
    background: #FFF;
    overflow-y: auto;
    max-height: none
}

.c-combo div ul li span {
    background: #f2f2f2;
    display: block;
    padding: 11px 12px 13px;
    outline: 0;
    cursor: pointer
}

.c-combo div ul li span.active {
    color: #FFF;
    background: #0078D7
}

.c-combo div ul li span:hover {
    color: #000;
    background: #e6e6e6
}

.c-combo div ul[aria-hidden=true] {
    display: none
}

.c-combo button,
.c-combo input[type=text] {
    float: left;
    outline: 0;
    background: #FFF
}

.c-content-toggle button:focus,
.c-drawer .f-toggle:focus,
.c-drawer>button:focus,
.c-drawer>header .f-toggle:focus,
.c-drawer>header>button:focus {
    outline: #000 dashed 1px
}

.c-combo input[type=text] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 7px 38px 7px 10px;
    border: 1px solid rgba(0, 0, 0, .6)
}

.c-combo input[type=text]:hover {
    border-color: rgba(0, 0, 0, .8)
}

.c-combo input[type=text]:active,
.c-combo input[type=text]:focus {
    border-color: #0078D7
}

.c-combo input[type=text]::-ms-clear {
    display: none
}

.c-combo button {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    margin: 2px 1px 1px;
    padding: 9px;
    border: 0
}

.c-combo button:hover {
    color: #0078D7
}

.c-combo button:active,
.c-combo button:focus {
    color: #FFF;
    background: #0078D7
}

.c-combo button:before {
    content: "";
    text-indent: 0;
    font-size: 16px
}

.c-content-toggle p,
.c-date-time-picker button {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400
}

.c-content-toggle p {
    padding: 24px 0 0
}

.c-content-toggle [data-f-expanded=false] {
    overflow: hidden;
    box-sizing: content-box
}

.c-content-toggle button {
    display: inline-block;
    color: #0078D7;
    border: 0;
    background: 0 0;
    padding: 0
}

.no-js .c-content-toggle button {
    display: none
}

.c-content-toggle button:active {
    text-decoration: none;
    color: #006cc2
}

.c-date-time-picker {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .6) inset;
    outline: 0;
    background: rgba(0, 0, 0, .05);
    position: relative;
    float: left
}

.c-date-time-picker [data-date-time-picker=date-selector]>button:focus,
.c-date-time-picker [data-date-time-picker=date-selector]>div li[aria-checked=true]:focus,
.c-date-time-picker [data-date-time-picker=time-selector12]>button:focus,
.c-date-time-picker [data-date-time-picker=time-selector12]>div li[aria-checked=true]:focus,
.c-date-time-picker [data-date-time-picker=time-selector24]>button:focus,
.c-date-time-picker [data-date-time-picker=time-selector24]>div li[aria-checked=true]:focus,
.c-date-time-picker button:focus {
    outline: rgba(0, 0, 0, .6) dotted 1px
}

.c-date-time-picker button {
    background: 0 0;
    height: 36px;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, .6)
}

.c-date-time-picker:hover {
    background: rgba(0, 0, 0, .2)
}

.c-date-time-picker:active {
    background: rgba(0, 0, 0, .4)
}

.c-date-time-picker[data-date-time-picker=date] {
    width: 296px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c-date-time-picker[data-date-time-picker=date] [data-date-time-picker=month] {
    float: left;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 135px;
    text-align: left
}

.c-date-time-picker[data-date-time-picker=date] [data-date-time-picker=day] {
    float: left;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.c-date-time-picker[data-date-time-picker=date] [data-date-time-picker=year] {
    float: left;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 80px
}

.c-date-time-picker[data-date-time-picker=time] {
    width: 240px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c-date-time-picker[data-date-time-picker=time] [data-date-time-picker=ampm],
.c-date-time-picker[data-date-time-picker=time] [data-date-time-picker=hour],
.c-date-time-picker[data-date-time-picker=time] [data-date-time-picker=minute] {
    float: left;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 80px
}

.c-date-time-picker[data-date-time-picker=time24] {
    width: 160px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c-date-time-picker[data-date-time-picker=time24] [data-date-time-picker=hour24],
.c-date-time-picker[data-date-time-picker=time24] [data-date-time-picker=minute24] {
    float: left;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 80px
}

.c-date-time-picker [data-date-time-picker=date-selector],
.c-date-time-picker [data-date-time-picker=time-selector12],
.c-date-time-picker [data-date-time-picker=time-selector24] {
    width: 100%;
    background: #f2f2f2;
    position: absolute;
    top: -157px;
    left: 0;
    height: 396px;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    overflow: hidden;
    text-align: center;
    z-index: 300
}

.c-date-time-picker [data-date-time-picker=date-selector][aria-hidden=true],
.c-date-time-picker [data-date-time-picker=time-selector12][aria-hidden=true],
.c-date-time-picker [data-date-time-picker=time-selector24][aria-hidden=true] {
    display: none
}

.c-date-time-picker [data-date-time-picker=date-selector][aria-hidden=false],
.c-date-time-picker [data-date-time-picker=time-selector12][aria-hidden=false],
.c-date-time-picker [data-date-time-picker=time-selector24][aria-hidden=false] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.c-date-time-picker [data-date-time-picker=date-selector]>span,
.c-date-time-picker [data-date-time-picker=time-selector12]>span,
.c-date-time-picker [data-date-time-picker=time-selector24]>span {
    position: absolute;
    z-index: 0;
    top: 154px;
    left: 0;
    height: 44px;
    width: 100%;
    background: #0078D7
}

.c-date-time-picker [data-date-time-picker=date-selector] [data-date-time-picker=ampm],
.c-date-time-picker [data-date-time-picker=time-selector12] [data-date-time-picker=ampm],
.c-date-time-picker [data-date-time-picker=time-selector24] [data-date-time-picker=ampm] {
    float: left;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 80px;
    z-index: 1;
    top: 0;
    height: 352px
}

.c-date-time-picker [data-date-time-picker=date-selector] [data-date-time-picker=ampm] button,
.c-date-time-picker [data-date-time-picker=time-selector12] [data-date-time-picker=ampm] button,
.c-date-time-picker [data-date-time-picker=time-selector24] [data-date-time-picker=ampm] button {
    position: absolute;
    left: 80px;
    height: 22px;
    width: 100%;
    background: 0 0;
    border: 0;
    z-index: 100
}

.c-date-time-picker [data-date-time-picker=date-selector] [data-date-time-picker=ampm] button:first-of-type,
.c-date-time-picker [data-date-time-picker=time-selector12] [data-date-time-picker=ampm] button:first-of-type,
.c-date-time-picker [data-date-time-picker=time-selector24] [data-date-time-picker=ampm] button:first-of-type {
    top: 0
}

.c-date-time-picker [data-date-time-picker=date-selector] [data-date-time-picker=ampm] button:last-of-type,
.c-date-time-picker [data-date-time-picker=time-selector12] [data-date-time-picker=ampm] button:last-of-type,
.c-date-time-picker [data-date-time-picker=time-selector24] [data-date-time-picker=ampm] button:last-of-type {
    top: 330px
}

.c-date-time-picker [data-date-time-picker=date-selector] [data-date-time-picker=ampm] ul,
.c-date-time-picker [data-date-time-picker=time-selector12] [data-date-time-picker=ampm] ul,
.c-date-time-picker [data-date-time-picker=time-selector24] [data-date-time-picker=ampm] ul {
    top: 154px
}

.c-date-time-picker [data-date-time-picker=date-selector] [data-date-time-picker=ampm] ul.f-js-pm,
.c-date-time-picker [data-date-time-picker=time-selector12] [data-date-time-picker=ampm] ul.f-js-pm,
.c-date-time-picker [data-date-time-picker=time-selector24] [data-date-time-picker=ampm] ul.f-js-pm {
    top: 110px
}

.c-date-time-picker [data-date-time-picker=date-selector]>div,
.c-date-time-picker [data-date-time-picker=time-selector12]>div,
.c-date-time-picker [data-date-time-picker=time-selector24]>div {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(0, 0, 0, .6);
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-clip: content-box;
    border-right: 1px solid rgba(0, 0, 0, .6);
    float: left;
    position: relative;
    z-index: 1
}

.c-date-time-picker [data-date-time-picker=date-selector]>div:first-of-type button,
.c-date-time-picker [data-date-time-picker=time-selector12]>div:first-of-type button,
.c-date-time-picker [data-date-time-picker=time-selector24]>div:first-of-type button {
    left: 0;
    width: inherit
}

.c-date-time-picker [data-date-time-picker=date-selector]>div:last-of-type,
.c-date-time-picker [data-date-time-picker=time-selector12]>div:last-of-type,
.c-date-time-picker [data-date-time-picker=time-selector24]>div:last-of-type {
    border-right: 0
}

.c-date-time-picker [data-date-time-picker=date-selector]>div:last-of-type button,
.c-date-time-picker [data-date-time-picker=time-selector12]>div:last-of-type button,
.c-date-time-picker [data-date-time-picker=time-selector24]>div:last-of-type button {
    left: auto;
    right: 0;
    width: inherit
}

.c-date-time-picker [data-date-time-picker=date-selector]>div ul,
.c-date-time-picker [data-date-time-picker=time-selector12]>div ul,
.c-date-time-picker [data-date-time-picker=time-selector24]>div ul {
    position: relative;
    top: -66px
}

.c-date-time-picker [data-date-time-picker=date-selector]>div li,
.c-date-time-picker [data-date-time-picker=time-selector12]>div li,
.c-date-time-picker [data-date-time-picker=time-selector24]>div li {
    height: 44px;
    padding: 12px 6px 3px
}

.c-date-time-picker [data-date-time-picker=date-selector]>div li[aria-checked=true],
.c-date-time-picker [data-date-time-picker=time-selector12]>div li[aria-checked=true],
.c-date-time-picker [data-date-time-picker=time-selector24]>div li[aria-checked=true] {
    color: #FFF
}

.c-date-time-picker [data-date-time-picker=date-selector]>div li[aria-checked=true]:hover,
.c-date-time-picker [data-date-time-picker=time-selector12]>div li[aria-checked=true]:hover,
.c-date-time-picker [data-date-time-picker=time-selector24]>div li[aria-checked=true]:hover {
    background: 0 0
}

.c-date-time-picker [data-date-time-picker=date-selector]>div li.f-js-last,
.c-date-time-picker [data-date-time-picker=time-selector12]>div li.f-js-last,
.c-date-time-picker [data-date-time-picker=time-selector24]>div li.f-js-last {
    border-bottom: 1px solid rgba(0, 0, 0, .6)
}

.c-date-time-picker [data-date-time-picker=date-selector]>div li:hover,
.c-date-time-picker [data-date-time-picker=time-selector12]>div li:hover,
.c-date-time-picker [data-date-time-picker=time-selector24]>div li:hover {
    background: #ccc;
    cursor: pointer
}

.c-date-time-picker [data-date-time-picker=date-selector]>button,
.c-date-time-picker [data-date-time-picker=time-selector12]>button,
.c-date-time-picker [data-date-time-picker=time-selector24]>button {
    width: 50%;
    height: 44px;
    background: #f2f2f2;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .6);
    position: absolute;
    bottom: 0;
    z-index: 100
}

.c-date-time-picker [data-date-time-picker=date-selector]>button.glyph-accept:before,
.c-date-time-picker [data-date-time-picker=time-selector12]>button.glyph-accept:before,
.c-date-time-picker [data-date-time-picker=time-selector24]>button.glyph-accept:before {
    color: rgba(0, 0, 0, .6);
    content: ""
}

.c-date-time-picker [data-date-time-picker=date-selector]>button.glyph-cancel:before,
.c-date-time-picker [data-date-time-picker=time-selector12]>button.glyph-cancel:before,
.c-date-time-picker [data-date-time-picker=time-selector24]>button.glyph-cancel:before {
    color: rgba(0, 0, 0, .6);
    content: ""
}

.c-date-time-picker [data-date-time-picker=date-selector]>button:hover,
.c-date-time-picker [data-date-time-picker=time-selector12]>button:hover,
.c-date-time-picker [data-date-time-picker=time-selector24]>button:hover {
    background: #ccc
}

.c-date-time-picker [data-date-time-picker=date-selector]>button[data-date-time-picker=apply],
.c-date-time-picker [data-date-time-picker=time-selector12]>button[data-date-time-picker=apply],
.c-date-time-picker [data-date-time-picker=time-selector24]>button[data-date-time-picker=apply] {
    left: 0
}

.c-date-time-picker [data-date-time-picker=date-selector]>button[data-date-time-picker=cancel],
.c-date-time-picker [data-date-time-picker=time-selector12]>button[data-date-time-picker=cancel],
.c-date-time-picker [data-date-time-picker=time-selector24]>button[data-date-time-picker=cancel] {
    right: 0
}

.c-date-time-picker [data-date-time-picker=month] {
    float: left;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 135px;
    text-align: left;
    z-index: 1
}

.c-date-time-picker [data-date-time-picker=month] button {
    position: absolute;
    left: 0;
    height: 22px;
    width: 100%;
    background: 0 0;
    border: 0;
    z-index: 100
}

.c-date-time-picker [data-date-time-picker=month] button:first-of-type {
    top: 0
}

.c-date-time-picker [data-date-time-picker=month] button:last-of-type {
    top: 330px
}

.c-date-time-picker [data-date-time-picker=day] {
    float: left;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    z-index: 1
}

.c-date-time-picker [data-date-time-picker=day] button {
    position: absolute;
    left: 0;
    height: 22px;
    width: 100%;
    background: 0 0;
    border: 0;
    z-index: 100
}

.c-date-time-picker [data-date-time-picker=day] button:first-of-type {
    top: 0
}

.c-date-time-picker [data-date-time-picker=day] button:last-of-type {
    top: 330px
}

.c-date-time-picker [data-date-time-picker=year] {
    float: left;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 80px;
    z-index: 1
}

.c-date-time-picker [data-date-time-picker=year] button {
    position: absolute;
    left: 135px;
    height: 22px;
    width: 100%;
    background: 0 0;
    border: 0;
    z-index: 100
}

.c-date-time-picker [data-date-time-picker=year] button:first-of-type {
    top: 0
}

.c-date-time-picker [data-date-time-picker=year] button:last-of-type {
    top: 330px
}

.c-date-time-picker [data-date-time-picker=hour24],
.c-date-time-picker [data-date-time-picker=hour] {
    float: left;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 80px;
    z-index: 1
}

.c-date-time-picker [data-date-time-picker=hour24] button,
.c-date-time-picker [data-date-time-picker=hour] button {
    position: absolute;
    left: 0;
    height: 22px;
    width: 100%;
    background: 0 0;
    border: 0;
    z-index: 100
}

.c-date-time-picker [data-date-time-picker=hour24] button:first-of-type,
.c-date-time-picker [data-date-time-picker=hour] button:first-of-type {
    top: 0
}

.c-date-time-picker [data-date-time-picker=hour24] button:last-of-type,
.c-date-time-picker [data-date-time-picker=hour] button:last-of-type {
    top: 330px
}

.c-date-time-picker [data-date-time-picker=minute24],
.c-date-time-picker [data-date-time-picker=minute] {
    float: left;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 80px;
    z-index: 1
}

.c-date-time-picker [data-date-time-picker=minute24] button,
.c-date-time-picker [data-date-time-picker=minute] button {
    position: absolute;
    left: 0;
    height: 22px;
    width: 100%;
    background: 0 0;
    border: 0;
    z-index: 100
}

.c-date-time-picker [data-date-time-picker=minute24] button:first-of-type,
.c-date-time-picker [data-date-time-picker=minute] button:first-of-type {
    top: 0
}

.c-date-time-picker [data-date-time-picker=minute24] button:last-of-type,
.c-date-time-picker [data-date-time-picker=minute] button:last-of-type {
    top: 330px
}

.c-dialog[aria-hidden=true] {
    display: none
}

.c-dialog [aria-label=default-long] {
    overflow-y: auto
}

.c-dialog [role=dialog] {
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
    border: 1px solid #0078D7;
    margin: 0 auto;
    max-height: 760px;
    max-width: 546px;
    min-width: 296px;
    padding: 24px;
    z-index: 1000
}

.c-dialog [role=dialog]:focus {
    outline: 0
}

.c-dialog [role=dialog] h2 {
    font-size: 20px;
    line-height: normal;
    padding: 0
}

.c-dialog [role=dialog] p {
    padding-top: 8px
}

.c-dialog [role=dialog] .c-group {
    display: block
}

.c-dialog [role=dialog] .c-group button {
    float: right;
    margin-top: 24px;
    width: 50%;
    max-width: none;
    margin-right: 0
}

.c-dialog [role=dialog] .c-group button+button {
    float: left;
    width: calc(50% - 4px)
}

.c-dialog.f-flow [role=dialog],
.c-dialog.f-lightbox [role=dialog] {
    padding: 36px
}

.c-dialog.f-flow [role=dialog]>.c-glyph,
.c-dialog.f-lightbox [role=dialog]>.c-glyph {
    position: absolute;
    width: 36px;
    height: 36px;
    right: 0;
    top: 0;
    color: rgba(0, 0, 0, .6);
    cursor: pointer
}

.c-dialog.f-flow [role=dialog]>.c-glyph:hover,
.c-dialog.f-lightbox [role=dialog]>.c-glyph:hover {
    color: rgba(0, 0, 0, .8)
}

.c-dialog.f-flow [role=dialog]>.c-glyph:focus,
.c-dialog.f-lightbox [role=dialog]>.c-glyph:focus {
    outline: rgba(0, 0, 0, .8) dashed 1px
}

.c-dialog.f-flow [role=dialog]>.c-glyph:active,
.c-dialog.f-lightbox [role=dialog]>.c-glyph:active {
    color: #000
}

.c-dialog.f-flow [role=dialog]>.c-glyph:before,
.c-dialog.f-lightbox [role=dialog]>.c-glyph:before {
    margin: 10px;
    vertical-align: middle
}

.c-dialog.f-flow [role=dialog] .f-dialog-scroll,
.c-dialog.f-lightbox [role=dialog] .f-dialog-scroll {
    overflow-y: auto;
    max-height: 600px;
    min-width: 245px
}

.c-dialog.f-flow [role=dialog] .c-group button,
.c-dialog.f-lightbox [role=dialog] .c-group button {
    margin-top: 36px
}

.c-dialog.f-lightbox [role=dialog] {
    background: #2F2F2F;
    border-color: transparent;
    max-width: 1066px;
    overflow: visible;
    padding: 0
}

.c-dialog.f-lightbox [role=dialog]>.c-glyph {
    top: -36px;
    color: rgba(255, 255, 255, .6)
}

.c-dialog.f-lightbox [role=dialog]>.c-glyph:hover {
    color: rgba(255, 255, 255, .8)
}

.c-dialog.f-lightbox [role=dialog]>.c-glyph:focus {
    outline-color: rgba(255, 255, 255, .6)
}

.c-dialog.f-lightbox [role=dialog] [role=document] img {
    width: 100%
}

.c-dialog.f-lightbox [role=presentation] {
    background: rgba(0, 0, 0, .9)
}

.c-dialog [role=presentation] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, .9);
    z-index: 1000
}

.c-dialog [role=presentation]:focus {
    outline: 0
}

.theme-dark .theme-light .c-dialog [role=dialog],
.theme-light .c-dialog [role=dialog] {
    background: #FFF;
    border-color: #000
}

.theme-dark .theme-light .c-dialog [role=dialog] .c-glyph,
.theme-light .c-dialog [role=dialog] .c-glyph {
    color: #000
}

.theme-dark .theme-light .c-dialog [role=dialog] .c-glyph:hover,
.theme-light .c-dialog [role=dialog] .c-glyph:hover {
    color: rgba(0, 0, 0, .8)
}

.theme-dark .theme-light .c-dialog [role=dialog] .c-glyph:focus,
.theme-light .c-dialog [role=dialog] .c-glyph:focus {
    outline-color: rgba(0, 0, 0, .6)
}

.theme-dark .theme-light .c-dialog [role=presentation],
.theme-light .c-dialog [role=presentation] {
    background: rgba(255, 255, 255, .9)
}

.theme-dark .c-dialog [role=dialog],
.theme-light .theme-dark .c-dialog [role=dialog] {
    background: #000;
    border-color: #FFF
}

.theme-dark .c-dialog [role=dialog] .c-glyph,
.theme-light .theme-dark .c-dialog [role=dialog] .c-glyph {
    color: #FFF
}

.theme-dark .c-dialog [role=dialog] .c-glyph:hover,
.theme-light .theme-dark .c-dialog [role=dialog] .c-glyph:hover {
    color: rgba(255, 255, 255, .8)
}

.theme-dark .c-dialog [role=dialog] .c-glyph:focus,
.theme-light .theme-dark .c-dialog [role=dialog] .c-glyph:focus {
    outline-color: rgba(255, 255, 255, .6)
}

@media only screen and (max-width:539px) {
    .c-dialog [role=dialog] {
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin: 12px;
        max-height: 342px
    }
    .c-dialog [role=dialog] .c-group {
        display: block;
        padding: 0
    }
    .c-dialog [role=dialog] .c-group button {
        float: none;
        margin-top: 24px;
        width: 100%;
        max-width: none;
        margin-right: 0
    }
    .c-dialog [role=dialog] .c-group button+button {
        float: none;
        width: 100%;
        margin-top: 12px
    }
    .c-dialog.f-lightbox [role=dialog] {
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-height: none;
        margin: 0
    }
    .c-dialog.f-flow [role=dialog] {
        max-height: 100%;
        min-height: 250px;
        bottom: 0
    }
    .c-dialog.f-flow [role=dialog] [role=document] {
        height: calc(100% + 50px);
        box-sizing: border-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .c-dialog.f-flow [role=dialog] .f-dialog-scroll {
        overflow-y: auto;
        -webkit-flex-shrink: 50;
        -ms-flex-negative: 50;
        flex-shrink: 50;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .c-dialog.f-flow [role=dialog] .c-group {
        min-height: 170px
    }
    .c-dialog.f-flow [role=dialog] .c-group button+button {
        margin-top: 12px;
        float: none;
        width: 100%
    }
    .c-drawer>header {
        padding-right: 36px
    }
}

.c-drawer .f-toggle,
.c-drawer>button,
.c-drawer>header {
    min-height: 44px;
    position: relative
}

hr.c-divider {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .2);
    margin: 0
}

.c-drawer>header {
    margin-bottom: 8px
}

.c-drawer>header .f-toggle,
.c-drawer>header>button {
    height: 100%;
    position: absolute
}

.c-drawer>nav.c-link-navigation {
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    overflow: hidden;
    text-align: left;
    width: auto
}

.c-drawer>nav.c-link-navigation li {
    display: inline-block;
    height: auto
}

.c-drawer>nav.c-link-navigation li a.c-hyperlink {
    padding: 0
}

.c-drawer>nav.c-link-navigation li:first-child a {
    margin-left: 0
}

.c-drawer>nav.c-link-navigation ul {
    white-space: nowrap
}

.c-drawer .f-toggle,
.c-drawer>button,
.c-drawer>header .f-toggle,
.c-drawer>header>button {
    font-size: 13px;
    line-height: 16px;
    display: block;
    border: 0;
    background: 0 0;
    color: rgba(0, 0, 0, .6);
    font-weight: 400;
    padding: 14px 36px 14px 12px;
    left: 0;
    text-align: left;
    width: 100%
}

.c-drawer .f-toggle:after,
.c-drawer>button:after,
.c-drawer>header .f-toggle:after,
.c-drawer>header>button:after {
    position: absolute;
    top: calc(50% - 8px);
    right: 12px
}

.c-drawer>div[id],
.c-feature {
    position: relative
}

.c-drawer .f-toggle[aria-expanded=true]:after,
.c-drawer>button[aria-expanded=true]:after,
.c-drawer>header .f-toggle[aria-expanded=true]:after,
.c-drawer>header>button[aria-expanded=true]:after {
    content: ""
}

.c-drawer .f-toggle[aria-expanded=false]:after,
.c-drawer>button[aria-expanded=false]:after,
.c-drawer>header .f-toggle[aria-expanded=false]:after,
.c-drawer>header>button[aria-expanded=false]:after {
    content: ""
}

.c-drawer .f-toggle:hover,
.c-drawer>button:hover,
.c-drawer>header .f-toggle:hover,
.c-drawer>header>button:hover {
    background: rgba(0, 0, 0, .1)
}

.c-drawer .f-toggle:active,
.c-drawer>button:active,
.c-drawer>header .f-toggle:active,
.c-drawer>header>button:active {
    background: rgba(0, 0, 0, .3)
}

.c-drawer.f-responsive .f-toggle+div,
.c-drawer.f-responsive>button+div,
.c-drawer.f-responsive>header+div {
    border-top: 1px solid rgba(0, 0, 0, .2);
    margin-top: 8px;
    padding-top: 8px
}

@media only screen and (min-width:540px) {
    .c-drawer.f-responsive.f-show .f-toggle:after,
    .c-drawer.f-responsive.f-show>button:after,
    .c-drawer.f-responsive.f-show>header .f-toggle:after,
    .c-drawer.f-responsive.f-show>header>button:after {
        display: none
    }
    .c-drawer.f-responsive.f-show .f-toggle:hover,
    .c-drawer.f-responsive.f-show>button:hover,
    .c-drawer.f-responsive.f-show>header .f-toggle:hover,
    .c-drawer.f-responsive.f-show>header>button:hover {
        background: 0 0
    }
}

.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
    }
}

.c-feature {
    height: 100%
}

.c-feature:after,
.c-feature:before {
    content: " ";
    display: table
}

.c-feature.f-align-center>div .c-group,
.c-feature>div .c-group,
.c-feature>div .c-logo {
    display: block
}

.c-feature.f-background-neutral-00 {
    background-color: #FFF
}

.c-feature.f-background-neutral-10 {
    background-color: #E3E3E3
}

.c-feature.f-background-neutral-20 {
    background-color: #C8C8C8
}

.c-feature.f-background-neutral-30 {
    background-color: #ACACAC
}

.c-feature.f-background-neutral-45 {
    background-color: #919191
}

.c-feature.f-background-neutral-55 {
    background-color: #767676
}

.c-feature.f-background-neutral-65 {
    background-color: #5E5E5E
}

.c-feature.f-background-neutral-75 {
    background-color: #464646
}

.c-feature.f-background-neutral-80 {
    background-color: #2F2F2F
}

.c-feature.f-background-neutral-90 {
    background-color: #171717
}

.c-feature.f-background-neutral-100 {
    background-color: #000
}

.c-feature.f-background-neutral-00 a,
.c-feature.f-background-neutral-10 a,
.c-feature.f-background-neutral-20 a,
.c-feature.f-background-neutral-30 a {
    color: #000
}

.c-feature.f-background-accent,
.c-feature.f-background-accent .c-call-to-action,
.c-feature.f-background-neutral-100,
.c-feature.f-background-neutral-100 .c-call-to-action,
.c-feature.f-background-neutral-45,
.c-feature.f-background-neutral-45 .c-call-to-action,
.c-feature.f-background-neutral-55,
.c-feature.f-background-neutral-55 .c-call-to-action,
.c-feature.f-background-neutral-65,
.c-feature.f-background-neutral-65 .c-call-to-action,
.c-feature.f-background-neutral-75,
.c-feature.f-background-neutral-75 .c-call-to-action,
.c-feature.f-background-neutral-80,
.c-feature.f-background-neutral-80 .c-call-to-action,
.c-feature.f-background-neutral-90,
.c-feature.f-background-neutral-90 .c-call-to-action {
    color: #FFF
}

.c-feature.f-background-accent {
    background: #0078D7
}

.c-feature>div {
    text-align: center;
    margin: 0 auto
}

.c-feature>div .c-heading {
    font-size: 20px;
    line-height: 24px;
    padding: 0 0 5px;
    font-weight: 200
}

.c-feature>div .c-paragraph {
    font-size: 15px;
    line-height: 20px;
    padding: 12px 0 0;
    font-weight: 400
}

.c-feature>div .c-badge,
.c-feature>div .c-logo {
    margin-top: 12px
}

.c-feature>div .c-badge+.c-heading,
.c-feature>div .c-logo+.c-heading {
    padding-top: 8px
}

.c-feature>div .c-logo img {
    margin: 0 auto
}

.c-feature>div .c-call-to-action {
    background: 0 0;
    color: #0078D7;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    margin-left: -24px;
    margin-right: -24px;
    margin-top: 10px
}

.c-feature>div .c-call-to-action:focus,
.c-feature>div .c-call-to-action:hover {
    background: 0 0;
    border-color: transparent
}

.c-feature>div .c-call-to-action:active {
    background: 0 0;
    text-decoration: none
}

.c-feature>div .c-call-to-action span:hover {
    text-decoration: underline
}

.theme-dark .theme-light .c-feature>div .c-call-to-action,
.theme-light .c-feature>div .c-call-to-action {
    color: #000;
    background: 0 0;
    border-color: transparent
}

.theme-dark .theme-light .c-feature>div .c-call-to-action:active,
.theme-light .c-feature>div .c-call-to-action:active {
    color: rgba(0, 0, 0, .6)
}

.theme-dark .theme-light .c-feature>div .c-call-to-action:focus,
.theme-light .c-feature>div .c-call-to-action:focus {
    outline-color: #000
}

.theme-dark .c-feature>div .c-call-to-action,
.theme-light .theme-dark .c-feature>div .c-call-to-action {
    color: #FFF;
    background: 0 0;
    border-color: transparent
}

.theme-dark .c-feature>div .c-call-to-action:active,
.theme-light .theme-dark .c-feature>div .c-call-to-action:active {
    color: rgba(255, 255, 255, .6)
}

.theme-dark .c-feature>div .c-call-to-action:focus,
.theme-light .theme-dark .c-feature>div .c-call-to-action:focus {
    outline-color: #FFF
}

.c-feature>div .c-group {
    overflow: visible;
    margin-top: 10px
}

.c-feature>div .c-group .c-call-to-action {
    margin-top: 0;
    margin-right: 4px
}

.c-feature .c-video,
.c-feature picture {
    display: block;
    width: 100%;
    max-width: 100%
}

.c-feature picture img {
    max-width: 100%
}

.c-feature.f-align-left>div,
.c-feature.f-align-right>div {
    width: 100%;
    position: relative;
    padding: 0 24px 24px
}

.c-feature.f-align-center>div {
    width: auto;
    padding: 0 24px;
    max-width: 100%
}

.c-feature.f-align-center>div .c-group .c-call-to-action {
    margin: 0 2px
}

.c-feature.f-align-center>div .c-image {
    display: inline-block
}

.c-feature.f-align-center .c-video,
.c-feature.f-align-center picture {
    width: 100%
}

@media only screen and (min-width:540px) {
    .c-feature.f-align-left>div,
    .c-feature.f-align-right>div {
        width: 490px;
        margin: 0 auto;
        text-align: center
    }
    .c-feature.f-align-left>div.c-video,
    .c-feature.f-align-right>div.c-video {
        width: 100%
    }
    .c-feature.f-align-left .c-logo img,
    .c-feature.f-align-right .c-logo img {
        margin: 0 auto
    }
}

@media only screen and (min-width:768px) {
    .c-feature.f-align-left picture,
    .c-feature.f-align-right picture {
        width: 50%
    }
    .c-feature.f-align-left picture img,
    .c-feature.f-align-right picture img {
        right: 0
    }
    .c-feature.f-align-left>div,
    .c-feature.f-align-right>div {
        padding-left: 36px;
        padding-right: 36px;
        padding-bottom: 0;
        position: absolute;
        top: calc(50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 50%;
        text-align: left
    }
    .c-feature.f-align-left>div .c-logo img,
    .c-feature.f-align-right>div .c-logo img {
        margin: 0
    }
    .c-feature.f-align-left>div.c-video,
    .c-feature.f-align-right>div.c-video {
        width: 50%;
        max-width: 50%;
        overflow: hidden;
        position: relative;
        left: 0;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 0
    }
    .c-feature.f-align-left>div.c-video>h1,
    .c-feature.f-align-right>div.c-video>h1 {
        display: none
    }
    .c-feature.f-align-left>div.c-video video,
    .c-feature.f-align-right>div.c-video video {
        width: 100%;
        min-width: 100%;
        height: 100%;
        max-height: 100%
    }
    .c-feature.f-align-left>div {
        left: 0
    }
    .c-feature.f-align-left .c-video,
    .c-feature.f-align-left picture {
        float: right
    }
    .c-feature.f-align-right>div {
        left: 50%
    }
    .c-feature.f-align-right .c-video,
    .c-feature.f-align-right picture {
        float: left;
        left: 0
    }
    .c-feature.f-align-right.f-image-priority>div {
        left: 50%
    }
    .c-feature.f-align-right.f-image-priority>div.c-video {
        left: 0
    }
}

@media only screen and (min-width:1084px) {
    .c-feature>div .c-heading {
        font-size: 34px;
        line-height: 40px;
        padding: 0 0 2px;
        font-weight: 100
    }
    .c-feature>div .c-paragraph {
        padding-top: 12px
    }
    .c-feature.f-align-left.f-image-priority picture,
    .c-feature.f-align-right.f-image-priority picture {
        width: 65%
    }
    .c-feature.f-align-left.f-image-priority>div,
    .c-feature.f-align-right.f-image-priority>div {
        width: 35%
    }
    .c-feature.f-align-left.f-image-priority>div.c-video,
    .c-feature.f-align-right.f-image-priority>div.c-video {
        width: 65%;
        max-width: 65%
    }
    .c-feature.f-align-right.f-image-priority>div {
        left: 65%
    }
    .c-feature.f-align-center>div {
        max-width: 798px
    }
    .c-feature.f-align-center>div.c-video {
        max-width: 100%
    }
}

@media only screen and (min-width:1400px) {
    .c-feature.f-align-left>div,
    .c-feature.f-align-right>div {
        padding-left: 48px;
        padding-right: 48px
    }
    .c-feature.f-align-left>div.c-video,
    .c-feature.f-align-right>div.c-video {
        padding: 0
    }
}

.c-file {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.c-file .c-button {
    margin-top: 20px
}

.c-group .c-select-button,
[class^=c-heading-]+.c-label {
    margin-top: 8px
}

.c-file input[type=file] {
    float: left;
    visibility: hidden;
    width: 0
}

.c-file input.c-text-field[type=text] {
    margin-right: 8px
}

.c-file input.c-text-field[type=text]::-ms-clear {
    display: none
}

.c-file input.c-text-field[type=text][readonly] {
    background: #FFF
}

.c-file input.c-text-field[type=text][readonly]:hover {
    border-color: rgba(0, 0, 0, .8)
}

.c-file input.c-text-field[type=text][readonly]:active,
.c-file input.c-text-field[type=text][readonly]:focus {
    border-color: #0078D7
}

.c-flipper {
    display: inline-block;
    width: 24px;
    height: 48px;
    border: 0;
    padding: 0;
    background: #ccc;
    color: #333;
    font-family: MWF-MDL2
}

.c-flipper:before {
    position: relative;
    left: 0;
    top: 0
}

.c-flipper.f-large {
    width: 48px;
    height: 96px
}

.c-flipper.f-large:before {
    font-size: 24px;
    line-height: 28px
}

.c-flipper:focus {
    outline: #000 dashed 1px;
    background: rgba(0, 0, 0, .2)
}

.c-flipper:hover {
    opacity: 1
}

.c-flipper:active {
    background: #b3b3b3;
    color: #000
}

.theme-dark .theme-light .c-flipper,
.theme-light .c-flipper {
    background: #e6e6e6;
    color: #333;
    opacity: .8
}

.theme-dark .theme-light .c-flipper:focus,
.theme-light .c-flipper:focus {
    outline-color: #000
}

.theme-dark .theme-light .c-flipper:hover,
.theme-light .c-flipper:hover {
    opacity: 1
}

.theme-dark .theme-light .c-flipper:active,
.theme-light .c-flipper:active {
    background: #FFF;
    color: #000
}

.theme-dark .c-flipper,
.theme-light .theme-dark .c-flipper {
    background: #1a1a1a;
    color: #d9d9d9;
    opacity: .8
}

.theme-dark .c-flipper:focus,
.theme-light .theme-dark .c-flipper:focus {
    outline-color: #FFF
}

.theme-dark .c-flipper:hover,
.theme-light .theme-dark .c-flipper:hover {
    opacity: 1
}

.theme-dark .c-flipper:active,
.theme-light .theme-dark .c-flipper:active {
    background: #000;
    color: #FFF
}

.c-flyout {
    font-size: 15px;
    position: absolute;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, .2);
    min-width: 128px;
    max-width: 296px;
    padding: 12px;
    z-index: 700
}

.c-flyout[aria-hidden=true] {
    display: none
}

.c-flyout[aria-hidden=false] {
    display: block
}

.c-flyout p {
    padding: 0
}

.c-flyout button {
    float: right
}

.c-flyout:focus {
    outline: 0
}

.c-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 1px
}

.c-group.f-wrap-items {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:539px) {
    .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium,
    .c-group.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium {
        width: calc(50% - 24px)
    }
    .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium picture img,
    .c-group.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium picture img {
        width: 100%
    }
}

.c-group .c-call-to-action {
    margin-right: 4px
}

.c-group .c-action-trigger {
    padding-right: 24px
}

.c-group .c-action-trigger:last-child {
    padding-right: 0
}

@media only screen and (min-width:320px) {
    .c-group a.c-button[role=button],
    .c-group button.c-button {
        margin-right: 4px
    }
}

@media only screen and (min-width:540px) {
    .c-group a.c-button[role=button],
    .c-group button.c-button {
        margin-right: 8px
    }
}

[class^=c-heading-]:after,
[class^=c-heading-]:before {
    content: " ";
    display: table
}

[class^=c-heading-] a.c-hyperlink {
    font-size: 15px;
    line-height: 20px;
    float: right;
    margin-left: 12px;
    font-weight: 400
}

form [class^=c-heading-] {
    padding-top: 24px
}

.c-heading-1 a.c-hyperlink {
    margin-top: 45px
}

.c-heading-2 a.c-hyperlink {
    margin-top: 31px
}

.c-heading-3 a.c-hyperlink {
    margin-top: 18px
}

.c-heading-4 a.c-hyperlink {
    margin-top: 8px
}

.c-heading-5 a.c-hyperlink {
    margin-top: 4px
}

.c-heading-6 a.c-hyperlink {
    margin-top: 3px
}

@media (max-width:767px) {
    .c-heading-1 a.c-hyperlink {
        margin-top: 31px
    }
    .c-heading-2 a.c-hyperlink {
        margin-top: 18px
    }
    .c-heading-3 a.c-hyperlink {
        margin-top: 10px
    }
    .c-heading-4 a.c-hyperlink {
        margin-top: 4px
    }
    .c-heading-5 a.c-hyperlink {
        margin-top: 3px
    }
    .c-heading-6 a.c-hyperlink {
        margin-top: 0
    }
}

a.c-hyperlink {
    text-decoration: none;
    color: #0078D7
}

a.c-hyperlink:hover,
a.c-hyperlink:visited {
    color: #0078D7;
    text-decoration: underline
}

a.c-hyperlink:focus {
    outline: #000 dashed 1px
}

a.c-hyperlink:focus:active {
    outline-style: none
}

a.c-hyperlink:active {
    color: #0078D7;
    text-decoration: none
}

.theme-dark .theme-light a.c-hyperlink,
.theme-light a.c-hyperlink {
    text-decoration: underline;
    color: #000
}

.theme-dark .theme-light a.c-hyperlink:focus,
.theme-light a.c-hyperlink:focus {
    text-decoration: none;
    color: #000
}

.theme-dark .theme-light a.c-hyperlink:visited,
.theme-light a.c-hyperlink:visited {
    color: rgba(0, 0, 0, .4)
}

.theme-dark .theme-light a.c-hyperlink:hover,
.theme-light a.c-hyperlink:hover {
    color: rgba(0, 0, 0, .8)
}

.theme-dark .theme-light a.c-hyperlink:active,
.theme-light a.c-hyperlink:active {
    color: rgba(0, 0, 0, .6)
}

.theme-dark a.c-hyperlink,
.theme-light .theme-dark a.c-hyperlink {
    text-decoration: underline;
    color: #FFF
}

.theme-dark a.c-hyperlink:focus,
.theme-light .theme-dark a.c-hyperlink:focus {
    text-decoration: none;
    outline-color: #FFF
}

.theme-dark a.c-hyperlink:visited,
.theme-light .theme-dark a.c-hyperlink:visited {
    color: rgba(255, 255, 255, .4)
}

.theme-dark a.c-hyperlink:active,
.theme-light .theme-dark a.c-hyperlink:active {
    color: rgba(255, 255, 255, .8)
}

.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)
}

nav.c-in-page-navigation .c-select-menu>a,
nav.c-in-page-navigation a.f-active,
nav.c-in-page-navigation a:active,
nav.c-in-page-navigation a:focus,
nav.c-in-page-navigation a:hover {
    color: #000
}

.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: none;
    cursor: default
}

.c-glyph:after,
.c-glyph:before {
    font-family: MWF-MDL2;
    display: inline-block
}

.c-glyph:after,
.c-glyph:before,
.c-glyph:hover:after,
.c-glyph:hover:before {
    text-decoration: none
}

.c-glyph.glyph-accept:before {
    content: ""
}

.c-glyph.glyph-cancel:before {
    content: ""
}

.c-glyph.glyph-check-mark:before {
    content: ""
}

.c-glyph.glyph-chevron-down:before {
    content: ""
}

.c-glyph.glyph-chevron-up:before {
    content: ""
}

.c-glyph.glyph-copy:before {
    content: ""
}

.c-glyph.glyph-download:before {
    content: ""
}

.c-glyph.glyph-edit:before {
    content: ""
}

.c-glyph.glyph-full-screen:before {
    content: ""
}

.c-glyph.glyph-global-nav-button:before {
    content: ""
}

.c-glyph.glyph-incident-triangle:before {
    content: ""
}

.c-glyph.glyph-info: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-play:before {
    content: ""
}

.c-glyph.glyph-shopping-cart:before {
    content: ""
}

.c-glyph.glyph-up:before {
    content: ""
}

.c-glyph.glyph-volume:before {
    content: ""
}

.c-glyph.glyph-warning:before {
    content: ""
}

.c-glyph.glyph-world:before {
    content: ""
}

img.c-image,
picture.c-image img {
    display: block;
    margin: 0;
    max-width: 100%;
    height: auto
}

img.c-image.f-round {
    border-radius: 50%
}

nav.c-in-page-navigation {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

nav.c-in-page-navigation h4 {
    padding: 38px 0 12px;
    margin: 0 24px
}

nav.c-in-page-navigation.f-vertical {
    border-bottom: 0
}

nav.c-in-page-navigation.f-vertical>ul {
    white-space: normal
}

nav.c-in-page-navigation.f-vertical>ul li {
    display: block
}

nav.c-in-page-navigation.f-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #FFF;
    z-index: 300
}

nav.c-in-page-navigation.f-sticky.f-vertical {
    width: initial
}

nav.c-in-page-navigation.f-sticky.f-vertical.f-dropdown {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

nav.c-in-page-navigation.f-hide {
    height: 0;
    visibility: hidden
}

nav.c-in-page-navigation a:focus {
    outline: #000 dashed 1px
}

nav.c-in-page-navigation .c-select-menu {
    padding: 2px 0;
    margin: 0 24px
}

nav.c-in-page-navigation>ul {
    white-space: nowrap
}

nav.c-in-page-navigation>ul li {
    display: inline-block
}

nav.c-in-page-navigation>ul li>a {
    font-size: 15px;
    color: rgba(0, 0, 0, .6);
    padding: 12px 0;
    margin: 0 24px;
    display: inline-block
}

nav.c-in-page-navigation>ul li>a:hover {
    color: rgba(0, 0, 0, .8)
}

nav.c-in-page-navigation>ul li>a:focus {
    color: rgba(0, 0, 0, .8);
    outline: rgba(0, 0, 0, .8) dashed 1px
}

nav.c-in-page-navigation>ul li>a:active {
    color: #000
}

nav.c-in-page-navigation>ul li>a.f-active {
    color: rgba(0, 0, 0, .8)
}

nav.c-in-page-navigation.f-dropdown {
    padding-left: 20px
}

nav.c-in-page-navigation.f-dropdown .f-dropdown-menu {
    position: relative;
    width: 100%
}

nav.c-in-page-navigation.f-dropdown .f-dropdown-menu.f-border [aria-expanded] {
    margin-left: 8px;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .6)
}

nav.c-in-page-navigation.f-dropdown .f-dropdown-menu.f-border [aria-expanded]:hover {
    border-color: rgba(0, 0, 0, .8)
}

nav.c-in-page-navigation.f-dropdown .f-dropdown-menu.f-border [aria-expanded]:active,
nav.c-in-page-navigation.f-dropdown .f-dropdown-menu.f-border [aria-expanded]:focus {
    border-color: #0078D7
}

nav.c-in-page-navigation.f-dropdown .f-dropdown-menu .c-menu {
    position: absolute;
    top: 100%
}

nav.c-in-page-navigation.f-dropdown .f-dropdown-menu [aria-expanded=false]+.c-menu[aria-hidden=true] {
    display: none
}

nav.c-in-page-navigation.f-dropdown .f-dropdown-menu>a {
    display: inline-block;
    color: rgba(0, 0, 0, .6);
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px);
    padding: 12px 24px 12px 0;
    margin: 0 24px
}

.c-label,
.js nav.c-in-page-navigation.f-dropdown .f-dropdown-menu>[aria-expanded=true]+.c-menu[aria-hidden=false],
.js nav.c-in-page-navigation.f-dropdown .f-dropdown-menu>span[aria-expanded=true]+.c-menu[aria-hidden=false],
.no-js nav.c-in-page-navigation.f-dropdown .f-dropdown-menu:hover .c-menu,
nav.c-link-navigation a.c-hyperlink {
    display: block
}

nav.c-in-page-navigation.f-dropdown .f-dropdown-menu>a:after {
    font-family: MWF-MDL2;
    content: "";
    position: absolute;
    font-size: 9px;
    color: #000;
    font-weight: 700;
    right: 8px;
    padding-top: 7px
}

nav.c-in-page-navigation.f-dropdown .f-dropdown-menu>a:focus {
    outline: #000 dashed 1px
}

nav.c-in-page-navigation.f-dropdown .f-dropdown-menu>a:focus:hover {
    outline: 0
}

.c-label {
    font-size: 13px;
    margin-top: 21px;
    padding-bottom: 7px;
    line-height: 20px
}

.c-label+input.c-password[type=password],
.c-label+input.c-text-field[type=text] {
    margin: 0
}

nav.c-link-navigation {
    margin-top: 48px;
    text-align: center
}

nav.c-link-navigation .c-heading {
    font-size: 20px;
    line-height: 24px;
    padding: 8px 0 24px;
    font-weight: 200
}

nav.c-link-navigation a.c-hyperlink:after,
nav.c-link-navigation a.c-hyperlink:before {
    content: " ";
    display: table
}

nav.c-link-navigation p {
    overflow: hidden;
    box-sizing: content-box;
    max-height: 60px;
    word-wrap: break-word;
    text-overflow: clip
}

nav.c-link-navigation li {
    display: inline-block
}

nav.c-link-navigation li a.c-hyperlink {
    margin: 0 18px;
    vertical-align: top
}

nav.c-link-navigation li a.c-hyperlink picture {
    display: block;
    margin: 0 auto;
    max-width: 400px;
    max-height: 120px
}

@media only screen and (min-width:768px) {
    nav.c-link-navigation li a.c-hyperlink picture {
        margin-bottom: 12px
    }
}

nav.c-link-navigation li a.c-hyperlink p {
    padding: 0 10px;
    max-width: 200px;
    text-align: center;
    margin: 0 auto
}

nav.c-link-navigation li a.c-hyperlink.f-image {
    display: inline-block;
    margin: 0 22px
}

@media only screen and (max-width:767px) {
    nav.c-link-navigation li {
        clear: both;
        display: block;
        height: 72px
    }
    nav.c-link-navigation li a.c-hyperlink {
        width: 100%;
        height: 100%;
        padding: 12px 0;
        overflow: hidden;
        margin: 0
    }
    nav.c-link-navigation li a.c-hyperlink picture {
        display: inline-block;
        max-width: none;
        max-height: none
    }
    nav.c-link-navigation li a.c-hyperlink picture img {
        width: 64px;
        height: 64px;
        margin: 4px
    }
    nav.c-link-navigation li a.c-hyperlink p {
        text-align: left;
        max-width: none;
        display: inline;
        padding: 0 12px 0 8px
    }
    nav.c-link-navigation li a.c-hyperlink.f-image {
        text-align: left;
        padding: 0;
        margin: 0
    }
}

.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
}

.c-logo img+span {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important
}

.c-menu,
.c-menu-item.f-sub-menu>a,
.c-menu-item.f-sub-menu>button {
    position: relative
}

.c-meta-text {
    color: rgba(0, 0, 0, .6)
}

.c-menu {
    z-index: 500;
    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
}

.c-menu.f-scroll {
    max-height: 220px;
    overflow-y: auto
}

.c-menu .c-menu-item [aria-checked=true] {
    background: #0078D7;
    color: #FFF
}

.c-menu .c-menu-item [aria-checked=true]:hover {
    background: rgba(0, 120, 215, .8);
    color: #FFF
}

.c-menu .c-menu-item [aria-checked=true]:focus {
    outline: #0078D7 dashed 1px;
    color: #FFF
}

.c-menu .c-menu-item [aria-checked=true]:active {
    background: rgba(0, 120, 215, .4);
    color: #FFF
}

.theme-dark .theme-light .c-menu,
.theme-light .c-menu {
    color: #000
}

.theme-dark .c-menu,
.theme-light .theme-dark .c-menu {
    color: #FFF
}

.c-menu-item a,
.c-menu-item button,
.c-menu-item span {
    display: block;
    background: rgba(0, 0, 0, .05);
    padding: 11px 12px 13px;
    outline: 0;
    cursor: pointer;
    white-space: normal
}

.c-menu-item a:focus,
.c-menu-item a:hover,
.c-menu-item button:focus,
.c-menu-item button:hover,
.c-menu-item span:focus,
.c-menu-item span:hover {
    background: rgba(0, 0, 0, .1)
}

.c-menu-item a:focus,
.c-menu-item button:focus,
.c-menu-item span:focus {
    outline: #000 dashed 1px
}

.c-menu-item a:active,
.c-menu-item button:active,
.c-menu-item span:active {
    background: rgba(0, 0, 0, .3)
}

.c-menu-item a[role=menuitemradio][aria-checked=true],
.c-menu-item a[role=menuitemradio][aria-selected=true],
.c-menu-item button[role=menuitemradio][aria-checked=true],
.c-menu-item button[role=menuitemradio][aria-selected=true],
.c-menu-item span[role=menuitemradio][aria-checked=true],
.c-menu-item span[role=menuitemradio][aria-selected=true] {
    background: #0078D7;
    color: #FFF
}

.theme-dark .theme-light .c-menu-item a,
.theme-dark .theme-light .c-menu-item button,
.theme-dark .theme-light .c-menu-item span,
.theme-light .c-menu-item a,
.theme-light .c-menu-item button,
.theme-light .c-menu-item span {
    background: rgba(0, 0, 0, .05);
    color: #000
}

.theme-dark .theme-light .c-menu-item a:focus,
.theme-dark .theme-light .c-menu-item a:hover,
.theme-dark .theme-light .c-menu-item button:focus,
.theme-dark .theme-light .c-menu-item button:hover,
.theme-dark .theme-light .c-menu-item span:focus,
.theme-dark .theme-light .c-menu-item span:hover,
.theme-light .c-menu-item a:focus,
.theme-light .c-menu-item a:hover,
.theme-light .c-menu-item button:focus,
.theme-light .c-menu-item button:hover,
.theme-light .c-menu-item span:focus,
.theme-light .c-menu-item span:hover {
    background: rgba(0, 0, 0, .1)
}

.theme-dark .theme-light .c-menu-item a:focus,
.theme-dark .theme-light .c-menu-item button:focus,
.theme-dark .theme-light .c-menu-item span:focus,
.theme-light .c-menu-item a:focus,
.theme-light .c-menu-item button:focus,
.theme-light .c-menu-item span:focus {
    outline-color: #000
}

.theme-dark .theme-light .c-menu-item a:active,
.theme-dark .theme-light .c-menu-item button:active,
.theme-dark .theme-light .c-menu-item span:active,
.theme-light .c-menu-item a:active,
.theme-light .c-menu-item button:active,
.theme-light .c-menu-item span:active {
    background: rgba(0, 0, 0, .3)
}

.theme-dark .theme-light .c-menu-item a[role=menuitemradio][aria-checked=true],
.theme-dark .theme-light .c-menu-item button[role=menuitemradio][aria-checked=true],
.theme-dark .theme-light .c-menu-item span[role=menuitemradio][aria-checked=true],
.theme-light .c-menu-item a[role=menuitemradio][aria-checked=true],
.theme-light .c-menu-item button[role=menuitemradio][aria-checked=true],
.theme-light .c-menu-item span[role=menuitemradio][aria-checked=true] {
    background: #0078D7;
    color: #FFF
}

.theme-dark .c-menu-item a,
.theme-dark .c-menu-item button,
.theme-dark .c-menu-item span,
.theme-light .theme-dark .c-menu-item a,
.theme-light .theme-dark .c-menu-item button,
.theme-light .theme-dark .c-menu-item span {
    background: rgba(255, 255, 255, .05);
    color: #FFF
}

.theme-dark .c-menu-item a:focus,
.theme-dark .c-menu-item a:hover,
.theme-dark .c-menu-item button:focus,
.theme-dark .c-menu-item button:hover,
.theme-dark .c-menu-item span:focus,
.theme-dark .c-menu-item span:hover,
.theme-light .theme-dark .c-menu-item a:focus,
.theme-light .theme-dark .c-menu-item a:hover,
.theme-light .theme-dark .c-menu-item button:focus,
.theme-light .theme-dark .c-menu-item button:hover,
.theme-light .theme-dark .c-menu-item span:focus,
.theme-light .theme-dark .c-menu-item span:hover {
    background: rgba(255, 255, 255, .1)
}

.theme-dark .c-menu-item a:focus,
.theme-dark .c-menu-item button:focus,
.theme-dark .c-menu-item span:focus,
.theme-light .theme-dark .c-menu-item a:focus,
.theme-light .theme-dark .c-menu-item button:focus,
.theme-light .theme-dark .c-menu-item span:focus {
    outline-color: #FFF
}

.theme-dark .c-menu-item a:active,
.theme-dark .c-menu-item button:active,
.theme-dark .c-menu-item span:active,
.theme-light .theme-dark .c-menu-item a:active,
.theme-light .theme-dark .c-menu-item button:active,
.theme-light .theme-dark .c-menu-item span:active {
    background: rgba(255, 255, 255, .3)
}

.theme-dark .c-menu-item a[role=menuitemradio][aria-checked=true],
.theme-dark .c-menu-item button[role=menuitemradio][aria-checked=true],
.theme-dark .c-menu-item span[role=menuitemradio][aria-checked=true],
.theme-light .theme-dark .c-menu-item a[role=menuitemradio][aria-checked=true],
.theme-light .theme-dark .c-menu-item button[role=menuitemradio][aria-checked=true],
.theme-light .theme-dark .c-menu-item span[role=menuitemradio][aria-checked=true] {
    background: #0078D7;
    color: #000
}

.c-menu-item .c-radio {
    background: rgba(0, 0, 0, .1)
}

.c-menu-item .c-radio span {
    background: 0 0
}

.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:active,
.c-menu-item[aria-disabled=true] a:focus,
.c-menu-item[aria-disabled=true] a:hover,
.c-menu-item[aria-disabled=true] button,
.c-menu-item[aria-disabled=true] button:active,
.c-menu-item[aria-disabled=true] button:focus,
.c-menu-item[aria-disabled=true] button:hover,
.c-menu-item[aria-disabled=true] span,
.c-menu-item[aria-disabled=true] span:active,
.c-menu-item[aria-disabled=true] span:focus,
.c-menu-item[aria-disabled=true] span:hover {
    background-color: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

.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%
}

.js .c-menu-item.f-sub-menu>a[aria-expanded=true]+.c-menu[aria-hidden=false],
.js .c-menu-item.f-sub-menu>button[aria-expanded=true]+.c-menu[aria-hidden=false],
.no-js .c-menu-item.f-sub-menu>a:focus+.c-menu,
.no-js .c-menu-item.f-sub-menu>a:hover+.c-menu,
.no-js .c-menu-item.f-sub-menu>button:focus+.c-menu,
.no-js .c-menu-item.f-sub-menu>button:hover+.c-menu {
    display: block;
    -webkit-animation: fadeIn .3s cubic-bezier(.68, -.55, .265, 1.55);
    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 {
    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 {
    background: 0 0;
    padding: 0 0 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.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%);
    transform: translate(-50%, -50%)
}

.c-mosaic [data-f-mosaic*=f-vp]:after,
.c-mosaic [data-f-mosaic*=f-vp]:before,
.c-mosaic:after,
.c-mosaic:before {
    content: " ";
    display: table
}

.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-large],
.c-mosaic [data-f-mosaic~=f-height-medium] {
    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-large],
    .c-mosaic [data-f-mosaic~=f-height-medium] {
        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
    }
}

[class*=c-paragraph].f-lean {
    padding: 0
}

input.c-password[type=password] {
    display: block;
    width: 276px;
    height: 36px;
    margin-top: 20px;
    padding: 7px 10px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .6);
    outline: 0;
    background-color: #FFF
}

input.c-password[type=password].f-small {
    width: 88px
}

input.c-password[type=password].f-flex {
    width: 100%;
    min-width: 88px;
    max-width: 400px
}

input.c-password[type=password]:hover {
    border-color: rgba(0, 0, 0, .8)
}

input.c-password[type=password]:active,
input.c-password[type=password]:focus {
    border-color: #0078D7
}

input.c-password[type=password][disabled] {
    cursor: not-allowed;
    color: rgba(0, 0, 0, .2);
    border-color: rgba(0, 0, 0, .2)
}

input.c-password[type=password][readonly] {
    border: 1px solid rgba(0, 0, 0, .6);
    background-color: #e6e6e6
}

.c-pivot>header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.c-pivot>header>a {
    font-size: 20px;
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 200;
    white-space: nowrap;
    padding: 5px 12px 1px;
    color: rgba(0, 0, 0, .6);
    cursor: pointer
}

.c-pivot>header>a:first-child {
    padding-left: 0
}

.c-pivot>header>a.f-active {
    color: #000
}

.c-pivot>header>a:hover {
    color: rgba(0, 0, 0, .8)
}

.c-pivot>header>a:focus {
    outline: dashed 1px
}

.c-pivot>section[aria-hidden=true] {
    display: none;
    overflow: hidden
}

.c-pivot>section[aria-hidden=false] {
    display: block
}

.c-pivot.f-disabled>header>a {
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

.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: #E3E3E3
}

.c-mosaic-placement.f-background-neutral-20 {
    background: #C8C8C8
}

.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: #767676
}

.c-mosaic-placement.f-background-neutral-65 {
    background: #5E5E5E
}

.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: #0078D7
}

.c-mosaic-placement[class*=f-mask]>picture:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 1
}

.theme-dark .theme-light .c-mosaic-placement.f-mask-10>picture:before,
.theme-light .c-mosaic-placement.f-mask-10>picture:before {
    background: rgba(255, 255, 255, .1)
}

.theme-dark .theme-light .c-mosaic-placement.f-mask-20>picture:before,
.theme-light .c-mosaic-placement.f-mask-20>picture:before {
    background: rgba(255, 255, 255, .2)
}

.theme-dark .theme-light .c-mosaic-placement.f-mask-40>picture:before,
.theme-light .c-mosaic-placement.f-mask-40>picture:before {
    background: rgba(255, 255, 255, .4)
}

.theme-dark .theme-light .c-mosaic-placement.f-mask-60>picture:before,
.theme-light .c-mosaic-placement.f-mask-60>picture:before {
    background: rgba(255, 255, 255, .6)
}

.theme-dark .theme-light .c-mosaic-placement.f-mask-80>picture:before,
.theme-light .c-mosaic-placement.f-mask-80>picture:before {
    background: rgba(255, 255, 255, .8)
}

.theme-dark .theme-light .c-mosaic-placement.f-mask-100>picture:before,
.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-progress.f-indeterminate-regional,
progress.c-progress>[role=progressbar] {
    min-width: 296px;
    width: 100%;
    position: relative
}

.c-mosaic-placement .c-heading {
    font-size: 20px;
    line-height: 24px;
    padding: 35px 0 5px;
    font-weight: 200;
    font-weight: 700
}

.c-mosaic-placement .c-subheading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 200
}

.c-mosaic-placement a.c-call-to-action {
    background: 0 0;
    color: #0078D7;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    margin-left: -24px;
    margin-right: -24px
}

.c-mosaic-placement a.c-call-to-action:focus,
.c-mosaic-placement a.c-call-to-action:hover {
    background: 0 0;
    border-color: transparent
}

.c-mosaic-placement a.c-call-to-action:active {
    background: 0 0;
    text-decoration: none
}

.c-mosaic-placement a.c-call-to-action span:hover {
    text-decoration: underline
}

.theme-dark .theme-light .c-mosaic-placement a.c-call-to-action,
.theme-light .c-mosaic-placement a.c-call-to-action {
    color: #000;
    background: 0 0;
    border-color: transparent
}

.theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:active,
.theme-light .c-mosaic-placement a.c-call-to-action:active {
    color: rgba(0, 0, 0, .6)
}

.theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:focus,
.theme-light .c-mosaic-placement a.c-call-to-action:focus {
    outline-color: #000
}

.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: 0 0;
    border-color: 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: 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 {
    outline-color: #FFF
}

.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 .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%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-mosaic-placement picture:after {
    content: "";
    display: block;
    z-index: 1
}

.theme-dark .theme-light .c-mosaic-placement picture:after,
.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)
}

.c-mosaic-placement>div {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -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 {
    padding: 0 12.5% 19px
}

.c-mosaic-placement.f-height-large.f-width-large {
    padding: 0 25% 19px
}

@media only screen and (max-width:767px) {
    .c-mosaic-placement.f-height-large.f-width-large {
        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 {
    padding: 0 12.5% 19px
}

.c-mosaic-placement.f-height-medium .c-video {
    height: 200px
}

.c-price:after,
.c-price:before {
    content: " ";
    display: table
}

.c-price .c-label {
    font-size: 15px;
    padding: 0 4px;
    display: inline;
    margin: 0;
    float: left
}

.c-price meta+span,
.c-price s,
.c-price span {
    float: left
}

progress.c-progress[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    min-width: 296px;
    height: 4px
}

progress.c-progress::-webkit-progress-bar {
    background: rgba(0, 0, 0, .2)
}

progress.c-progress::-webkit-progress-value {
    background: #0078D7
}

progress.c-progress::-moz-progress-bar {
    background: #0078D7
}

progress.c-progress>[role=progressbar] {
    display: block;
    background: rgba(0, 0, 0, .2);
    height: 4px
}

progress.c-progress>[role=progressbar]>span {
    display: block;
    position: relative;
    height: 100%;
    background: #0078D7;
    color: #0078D7
}

.c-progress {
    display: block;
    margin-top: 12px
}

.c-progress.f-indeterminate-regional span {
    position: absolute;
    display: inline-block;
    opacity: 0;
    -webkit-animation: dots 4s infinite;
    animation: dots 4s infinite
}

.c-progress.f-indeterminate-regional span:after {
    content: "";
    position: absolute;
    display: inline-block;
    background: #0078D7;
    width: 5px;
    height: 5px;
    border-radius: 50%
}

.c-progress.f-indeterminate-regional span:nth-child(1) {
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms
}

.c-progress.f-indeterminate-regional span:nth-child(1):after {
    left: -10px
}

.c-progress.f-indeterminate-regional span:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.c-progress.f-indeterminate-regional span:nth-child(2):after {
    left: -20px
}

.c-progress.f-indeterminate-regional span:nth-child(3) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.c-progress.f-indeterminate-regional span:nth-child(3):after {
    left: -30px
}

.c-progress.f-indeterminate-regional span:nth-child(4) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.c-progress.f-indeterminate-regional span:nth-child(4):after {
    left: -40px
}

.c-progress.f-indeterminate-regional span:nth-child(5) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.c-progress.f-indeterminate-regional span:nth-child(5):after {
    left: -50px
}

@-webkit-keyframes dots {
    0%,
    20% {
        left: 0;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 0
    }
    25%,
    75% {
        opacity: 1
    }
    35% {
        left: 45%;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    65% {
        left: 55%;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100%,
    80% {
        left: 100%;
        opacity: 0
    }
}

@keyframes dots {
    0%,
    20% {
        left: 0;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 0
    }
    25%,
    75% {
        opacity: 1
    }
    35% {
        left: 45%;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    65% {
        left: 55%;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100%,
    80% {
        left: 100%;
        opacity: 0
    }
}

.c-progress.f-indeterminate-local {
    position: relative
}

.c-progress.f-indeterminate-local span {
    position: absolute;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-animation: orbit 5.5s infinite;
    animation: orbit 5.5s infinite
}

.c-progress.f-indeterminate-local span:after {
    content: '';
    position: absolute;
    border-radius: 100%;
    background: #0078D7
}

.c-progress.f-indeterminate-local span:nth-child(2) {
    -webkit-animation-delay: 240ms;
    animation-delay: 240ms
}

.c-progress.f-indeterminate-local span:nth-child(3) {
    -webkit-animation-delay: 480ms;
    animation-delay: 480ms
}

.c-progress.f-indeterminate-local span:nth-child(4) {
    -webkit-animation-delay: 720ms;
    animation-delay: 720ms
}

.c-progress.f-indeterminate-local span:nth-child(5) {
    -webkit-animation-delay: 960ms;
    animation-delay: 960ms
}

.c-progress.f-indeterminate-local.f-progress-large,
.c-progress.f-indeterminate-local.f-progress-large span {
    width: 60px;
    height: 60px
}

.c-progress.f-indeterminate-local.f-progress-large span:after {
    width: 6px;
    height: 6px
}

.c-progress.f-indeterminate-local.f-progress-small {
    width: 20px;
    height: 20px
}

.c-progress.f-indeterminate-local.f-progress-small span {
    width: 25px;
    height: 25px
}

.c-progress.f-indeterminate-local.f-progress-small span:after {
    width: 3px;
    height: 3px
}

@-webkit-keyframes orbit {
    0% {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    7% {
        -webkit-transform: rotate(345deg);
        transform: rotate(345deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    30% {
        -webkit-transform: rotate(455deg);
        transform: rotate(455deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    39% {
        -webkit-transform: rotate(690deg);
        transform: rotate(690deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    70% {
        -webkit-transform: rotate(815deg);
        transform: rotate(815deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    75% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100%,
    76% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
        opacity: 0
    }
}

@keyframes orbit {
    0% {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    7% {
        -webkit-transform: rotate(345deg);
        transform: rotate(345deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    30% {
        -webkit-transform: rotate(455deg);
        transform: rotate(455deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    39% {
        -webkit-transform: rotate(690deg);
        transform: rotate(690deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    70% {
        -webkit-transform: rotate(815deg);
        transform: rotate(815deg);
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    75% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    100%,
    76% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
        opacity: 0
    }
}

.c-rating span.c-glyph {
    width: 16px;
    height: 16px;
    line-height: 1
}

.c-rating span.c-glyph:after,
.c-rating span.c-glyph:before {
    font-size: 12px
}

.c-rating button.c-glyph {
    width: 44px;
    height: 44px;
    border: 0;
    background: 0 0
}

.c-rating button.c-glyph:after,
.c-rating button.c-glyph:before {
    font-size: 24px
}

.c-rating button.c-glyph:after {
    color: #000
}

.c-rating button.c-glyph:focus {
    outline: 0
}

.c-rating button.c-glyph:focus:before {
    outline: #000 dashed 1px
}

.c-rating.f-individual {
    -webkit-transform: translateX(-4px);
    -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:after,
.c-rating.f-individual span.c-glyph:before {
    font-size: 18px
}

.c-rating .c-glyph {
    position: relative;
    float: left
}

.c-rating .c-glyph:after,
.c-rating .c-glyph:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-rating .c-glyph:before {
    font-family: MWF-MDL2;
    content: "";
    color: rgba(0, 0, 0, .3)
}

.c-rating .c-glyph:after,
.c-rating form:hover button.c-glyph:before {
    color: #0078D7
}

.c-rating div,
.c-rating form {
    display: inline-block
}

.c-rating div:after,
.c-rating div:before,
.c-rating form:after,
.c-rating form:before {
    content: " ";
    display: table
}

.c-rating form:hover button.c-glyph:before,
.c-rating.f-community-rated .c-glyph:before,
.c-rating.f-community-rated .f-full:after {
    content: "";
    font-family: MWF-MDL2
}

.c-rating form button.c-glyph[disabled]:after,
.c-rating form:hover button.c-glyph:after,
.c-rating form[disabled] button.c-glyph:after {
    display: none
}

.c-rating div {
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px)
}

.c-rating form {
    -webkit-transform: translateX(-7px);
    -ms-transform: translateX(-7px);
    transform: translateX(-7px)
}

.c-rating form:hover button.c-glyph:hover~button.c-glyph:before {
    color: rgba(0, 0, 0, .3)
}

.c-rating form button.c-glyph[disabled]:hover,
.c-rating form[disabled] button.c-glyph:hover {
    cursor: not-allowed
}

.c-rating form button.c-glyph[disabled]:hover~button.c-glyph:before,
.c-rating form[disabled] button.c-glyph:hover~button.c-glyph:before {
    color: rgba(0, 0, 0, .2)
}

.c-rating form button.c-glyph[disabled]:before,
.c-rating form[disabled] button.c-glyph:before {
    font-family: MWF-MDL2;
    content: "";
    color: rgba(0, 0, 0, .2)
}

.c-rating.f-community-rated .f-half:after {
    font-family: MWF-MDL2;
    content: ""
}

.c-rating.f-community-rated.f-user-rated .f-full:after,
.c-rating.f-community-rated.f-user-rated .f-half:after {
    color: #0078D7
}

.theme-dark .theme-light .c-rating .c-glyph:before,
.theme-light .c-rating .c-glyph:before {
    color: rgba(0, 0, 0, .3)
}

.theme-dark .theme-light .c-rating .c-glyph:after,
.theme-light .c-rating .c-glyph:after {
    color: #0078D7
}

.theme-dark .theme-light .c-rating form button.c-glyph:focus:before,
.theme-light .c-rating form button.c-glyph:focus:before {
    outline-color: #000
}

.theme-dark .theme-light .c-rating form button.c-glyph:before,
.theme-light .c-rating form button.c-glyph:before {
    color: rgba(0, 0, 0, .3)
}

.theme-dark .theme-light .c-rating form button.c-glyph:after,
.theme-light .c-rating form button.c-glyph:after {
    color: #000
}

.theme-dark .theme-light .c-rating form:hover button.c-glyph:before,
.theme-light .c-rating form:hover button.c-glyph:before {
    color: #0078D7
}

.theme-dark .theme-light .c-rating form:hover button.c-glyph:hover~button.c-glyph:before,
.theme-light .c-rating form:hover button.c-glyph:hover~button.c-glyph:before {
    color: rgba(0, 0, 0, .3)
}

.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,
.theme-light .c-rating form[disabled] button.c-glyph:before,
.theme-light .c-rating form[disabled] button.c-glyph:hover~button.c-glyph:before {
    color: rgba(0, 0, 0, .2)
}

.theme-dark .theme-light .c-rating.f-community-rated.f-user-rated .f-full:after,
.theme-dark .theme-light .c-rating.f-community-rated.f-user-rated .f-half:after,
.theme-light .c-rating.f-community-rated.f-user-rated .f-full:after,
.theme-light .c-rating.f-community-rated.f-user-rated .f-half:after {
    color: #0078D7
}

.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 button.c-glyph:after,
.theme-light .theme-dark .c-rating form button.c-glyph:after {
    color: #FFF
}

.theme-dark .c-rating form:hover button.c-glyph:before,
.theme-light .theme-dark .c-rating form:hover button.c-glyph:before {
    color: rgba(255, 255, 255, .8)
}

.theme-dark .c-rating form:hover button.c-glyph:hover~button.c-glyph:before,
.theme-light .theme-dark .c-rating form:hover button.c-glyph:hover~button.c-glyph:before {
    color: rgba(255, 255, 255, .3)
}

.theme-dark .c-rating form[disabled] button.c-glyph:before,
.theme-dark .c-rating form[disabled] button.c-glyph:hover~button.c-glyph:before,
.theme-light .theme-dark .c-rating form[disabled] button.c-glyph:before,
.theme-light .theme-dark .c-rating form[disabled] button.c-glyph:hover~button.c-glyph:before {
    color: rgba(255, 255, 255, .2)
}

.theme-dark .c-rating.f-community-rated.f-user-rated .f-full:after,
.theme-dark .c-rating.f-community-rated.f-user-rated .f-half:after,
.theme-light .theme-dark .c-rating.f-community-rated.f-user-rated .f-full:after,
.theme-light .theme-dark .c-rating.f-community-rated.f-user-rated .f-half:after {
    color: #FFF
}

@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 {
        font-family: MWF-MDL2;
        content: ""
    }
}

.c-radio .c-label {
    font-size: 15px;
    line-height: 20px;
    margin-right: 24px;
    padding-bottom: 0;
    position: relative
}

.c-radio input[type=radio] {
    float: left;
    opacity: 0
}

.c-radio input[type=radio]+span {
    cursor: pointer;
    display: inline-block;
    margin-left: 28px
}

.c-radio input[type=radio]+span:before {
    border: 1px solid #000;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    content: "";
    left: 0;
    position: absolute;
    top: 0
}

.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: rgba(0, 0, 0, .8) dashed 1px
}

.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: 5px solid currentColor
    }
}

.c-radio input[type=radio]:checked:not(:disabled)+span {
    color: #000
}

.c-radio input[type=radio]:checked:not(:disabled)+span:before {
    border-color: #0078D7
}

.c-radio input[type=radio]:checked:not(:disabled):hover+span:after {
    background: rgba(0, 0, 0, .6)
}

.c-radio input[type=radio]:disabled+span {
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

.c-radio input[type=radio]:disabled+span:before {
    border-color: rgba(0, 0, 0, .2)
}

a.c-refine-item,
button.c-refine-item {
    position: relative;
    display: block;
    padding: 12px;
    border: 0;
    width: 100%;
    background: 0 0;
    color: rgba(0, 0, 0, .6)
}

a.c-refine-item span,
button.c-refine-item span {
    text-align: left;
    display: block;
    overflow: hidden;
    white-space: nowrap
}

[role=listbox] a.c-refine-item:after,
[role=listbox] button.c-refine-item:after {
    font-family: MWF-MDL2;
    content: "";
    position: absolute;
    right: 0;
    top: 16px;
    display: none;
    width: 44px;
    font-size: 13px;
    text-align: center
}

a.c-refine-item:focus,
button.c-refine-item:focus {
    outline: #000 dashed 1px
}

a.c-refine-item:hover,
button.c-refine-item:hover {
    background: rgba(0, 0, 0, .1)
}

a.c-refine-item:active,
button.c-refine-item:active {
    background: rgba(0, 0, 0, .3)
}

a[aria-checked=true].c-refine-item,
a[aria-selected=true].c-refine-item,
button[aria-checked=true].c-refine-item,
button[aria-selected=true].c-refine-item {
    padding-right: 44px;
    background: rgba(0, 0, 0, .1);
    font-weight: 600;
    color: #000
}

a[aria-checked=true].c-refine-item:hover,
a[aria-selected=true].c-refine-item:hover,
button[aria-checked=true].c-refine-item:hover,
button[aria-selected=true].c-refine-item:hover {
    background: rgba(0, 0, 0, .2)
}

a[aria-checked=true].c-refine-item:active,
a[aria-selected=true].c-refine-item:active,
button[aria-checked=true].c-refine-item:active,
button[aria-selected=true].c-refine-item:active {
    background: rgba(0, 0, 0, .3)
}

a[aria-checked=true].c-refine-item:after,
a[aria-selected=true].c-refine-item:after,
button[aria-checked=true].c-refine-item:after,
button[aria-selected=true].c-refine-item:after {
    display: inline-block
}

.c-refine-menu>button {
    display: none
}

.c-refine-menu>div>div {
    position: relative
}

.c-refine-menu>div>div .c-heading {
    font-size: 24px;
    line-height: 28px;
    padding: 36px 0 4px;
    font-weight: 200;
    display: inline-block;
    overflow: hidden;
    margin-left: 12px
}

.c-refine-menu>div>div .c-heading+a.c-action-trigger.c-glyph,
.c-refine-menu>div>div .c-heading+button.c-action-trigger.c-glyph {
    display: none;
    position: absolute;
    top: 26px;
    right: 0;
    width: 44px;
    height: 44px;
    margin: 0 -12px 0 0;
    padding: 9px 0 10px;
    color: rgba(0, 0, 0, .6)
}

.c-refine-menu .c-divider {
    margin: 12px 0
}

.c-refine-menu .c-drawer {
    margin: 0
}

.c-refine-menu .c-refine-item+ul .c-refine-item {
    text-indent: 20px
}

@media only screen and (max-width:767px) {
    .c-refine-menu>div>div .c-heading {
        padding-right: 44px
    }
    .c-refine-menu>div>div .c-heading+button.c-action-trigger.c-glyph {
        display: block
    }
}

.c-search {
    position: relative;
    min-width: 92px;
    max-width: 296px;
    height: 38px;
    margin-top: 20px
}

.c-search button,
.c-search input[type=search] {
    float: left;
    outline: 0;
    background-color: #FFF
}

.c-search input[type=search] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 7px 38px 7px 10px;
    border: 1px solid rgba(0, 0, 0, .6)
}

.c-search input[type=search]:hover {
    border-color: rgba(0, 0, 0, .8)
}

.c-search input[type=search]:active,
.c-search input[type=search]:focus {
    border-color: #0078D7
}

.c-search input[type=search]::-ms-clear {
    display: none
}

.c-search button {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    margin: 2px 1px 1px;
    padding: 9px;
    border: 0
}

.c-search button:hover {
    color: #0078D7
}

.c-search button:active,
.c-search button:focus {
    color: #FFF;
    background: #0078D7
}

.c-search button:before {
    content: "";
    text-indent: 0;
    font-size: 16px
}

.theme-dark .theme-light .c-search,
.theme-light .c-search {
    color: #000
}

.theme-dark .theme-light .c-search input[type=search],
.theme-light .c-search input[type=search] {
    border-color: #000;
    background-color: rgba(255, 255, 255, .6)
}

.theme-dark .theme-light .c-search input[type=search]:hover,
.theme-light .c-search input[type=search]:hover {
    border-color: rgba(0, 0, 0, .8);
    background-color: rgba(255, 255, 255, .8)
}

.theme-dark .theme-light .c-search input[type=search]:active,
.theme-dark .theme-light .c-search input[type=search]:focus,
.theme-light .c-search input[type=search]:active,
.theme-light .c-search input[type=search]:focus {
    border-color: #000;
    background-color: #FFF
}

.theme-dark .theme-light .c-search button,
.theme-light .c-search button {
    background: 0 0
}

.theme-dark .theme-light .c-search button:active,
.theme-dark .theme-light .c-search button:focus,
.theme-light .c-search button:active,
.theme-light .c-search button:focus {
    color: #FFF;
    background: #0078D7
}

.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 button,
.theme-light .theme-dark .c-search button {
    background: 0 0
}

.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: #0078D7
}

button.c-select-button {
    font-size: 15px;
    margin-top: 36px;
    margin-right: 12px;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, .4);
    color: #000;
    padding: 6px 10px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap
}

button.c-select-button[aria-pressed=true] {
    border-width: 2px;
    border-color: #000;
    padding: 5px 9px
}

button.c-select-button:focus {
    outline: #000 dashed 1px
}

button.c-select-button:hover {
    outline: #000 dashed 1px;
    border-color: #000
}

button.c-select-button:hover[aria-pressed=true] {
    border-color: #004881
}

button.c-select-button:active {
    outline: 0;
    border-color: #004881
}

button.c-select-button[disabled] {
    border-color: rgba(0, 0, 0, .2);
    color: rgba(0, 0, 0, .2);
    outline: 0;
    cursor: not-allowed
}

button.c-select-button[data-select-button-swatch] {
    width: 36px;
    height: 36px
}

button.c-select-button[data-select-button-swatch]:focus,
button.c-select-button[data-select-button-swatch]:hover {
    border-color: #000;
    box-shadow: inset 0 0 0 1px #FFF
}

button.c-select-button[data-select-button-swatch]:active {
    border-color: #999;
    box-shadow: inset 0 0 0 1px #FFF
}

button.c-select-button[data-select-button-swatch][aria-pressed=true] {
    box-shadow: inset 0 0 0 1px #FFF
}

button.c-select-button[data-select-button-swatch][aria-pressed=true]:focus,
button.c-select-button[data-select-button-swatch][aria-pressed=true]:hover {
    border-color: #999;
    outline: #000 dashed 1px;
    box-shadow: inset 0 0 0 1px #FFF
}

button.c-select-button.f-swatch-disabled {
    position: relative
}

button.c-select-button.f-swatch-disabled:focus,
button.c-select-button.f-swatch-disabled:hover {
    outline: 0;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .2)
}

button.c-select-button.f-swatch-disabled:before {
    position: absolute;
    content: "";
    left: -25%;
    top: 50%;
    right: -25%;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-select-menu>a:after,
.c-select-menu>button:after,
.c-select:after {
    content: "";
    font-family: MWF-MDL2
}

button.c-select-button.f-swatch-disabled-dark {
    border-color: rgba(255, 255, 255, .2)
}

button.c-select-button.f-swatch-disabled-dark:focus,
button.c-select-button.f-swatch-disabled-dark:hover {
    outline: 0;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, .2)
}

.theme-dark .theme-light button.c-select-button,
.theme-light button.c-select-button {
    background: rgba(255, 255, 255, 0);
    border-color: rgba(0, 0, 0, .4);
    color: #000
}

.theme-dark .theme-light button.c-select-button:hover,
.theme-dark .theme-light button.c-select-button[aria-pressed=true],
.theme-light button.c-select-button:hover,
.theme-light button.c-select-button[aria-pressed=true] {
    border-color: #000
}

.theme-dark .theme-light button.c-select-button:focus,
.theme-light button.c-select-button:focus {
    outline-color: #000
}

.theme-dark .theme-light button.c-select-button:active,
.theme-light button.c-select-button:active {
    background: rgba(0, 0, 0, .4);
    outline: 0
}

.theme-dark .theme-light button.c-select-button[disabled],
.theme-light button.c-select-button[disabled] {
    border-color: rgba(0, 0, 0, .2);
    color: rgba(0, 0, 0, .2)
}

.theme-dark button.c-select-button,
.theme-light .theme-dark button.c-select-button {
    background: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, .4);
    color: #FFF
}

.theme-dark button.c-select-button[aria-pressed=true],
.theme-light .theme-dark button.c-select-button[aria-pressed=true] {
    border-color: #FFF
}

.theme-dark button.c-select-button:focus,
.theme-dark button.c-select-button:hover,
.theme-light .theme-dark button.c-select-button:focus,
.theme-light .theme-dark button.c-select-button:hover {
    outline-color: #FFF;
    border-color: rgba(255, 255, 255, .4)
}

.theme-dark button.c-select-button:active,
.theme-light .theme-dark button.c-select-button:active {
    background: rgba(255, 255, 255, .4);
    outline: 0
}

.theme-dark button.c-select-button[disabled],
.theme-light .theme-dark button.c-select-button[disabled] {
    border-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .2)
}

.c-select-menu {
    position: relative;
    display: inline-block
}

.c-select-menu.f-border [aria-expanded] {
    margin-left: 8px;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .6)
}

.c-select-menu.f-border [aria-expanded]:hover {
    border-color: rgba(0, 0, 0, .8)
}

.c-select-menu.f-border [aria-expanded]:active,
.c-select-menu.f-border [aria-expanded]:focus {
    border-color: #0078D7
}

fieldset .c-select-menu.f-border,
form .c-select-menu.f-border {
    margin-top: 12px
}

.c-select-menu .c-menu {
    position: absolute;
    top: 100%
}

.c-select-menu [aria-expanded=false]+.c-menu[aria-hidden=true] {
    display: none
}

.c-select-menu>button {
    border: 0;
    background: 0 0
}

.c-select-menu>a,
.c-select-menu>button {
    display: inline-block;
    color: rgba(0, 0, 0, .6);
    padding: 8px 24px 8px 8px;
    -webkit-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    transform: translateX(-8px)
}

.c-select-menu>a:after,
.c-select-menu>button:after {
    position: absolute;
    font-size: 8px;
    color: #000;
    font-weight: 700;
    right: 8px;
    padding-top: 7px
}

.c-select-menu>a:hover,
.c-select-menu>button:hover {
    color: rgba(0, 0, 0, .8)
}

.c-select-menu>a:focus,
.c-select-menu>button:focus {
    border-color: #0078D7;
    outline: #000 dashed 1px
}

.c-select-menu>a:focus:hover,
.c-select-menu>button:focus:hover {
    outline: 0
}

.c-select-menu[aria-disabled=true]>a,
.c-select-menu[aria-disabled=true]>a:after,
.c-select-menu[aria-disabled=true]>button,
.c-select-menu[aria-disabled=true]>button:after {
    color: rgba(0, 0, 0, .2)
}

.c-select-menu[aria-disabled=true]>a:hover,
.c-select-menu[aria-disabled=true]>button:hover {
    cursor: not-allowed
}

.js .c-select-menu>[aria-expanded=true]+.c-menu[aria-hidden=false],
.js .c-select-menu>span[aria-expanded=true]+.c-menu[aria-hidden=false],
.no-js .c-select-menu:hover .c-menu {
    display: block;
    -webkit-animation: fadeIn .3s cubic-bezier(.68, -.55, .265, 1.55);
    animation: fadeIn .3s cubic-bezier(.68, -.55, .265, 1.55)
}

.theme-dark .theme-light .c-select-menu>a,
.theme-dark .theme-light .c-select-menu>button,
.theme-light .c-select-menu>a,
.theme-light .c-select-menu>button {
    color: rgba(0, 0, 0, .6)
}

.theme-dark .theme-light .c-select-menu>a:hover,
.theme-dark .theme-light .c-select-menu>button:hover,
.theme-light .c-select-menu>a:hover,
.theme-light .c-select-menu>button:hover {
    color: rgba(0, 0, 0, .8)
}

.theme-dark .theme-light .c-select-menu>a:after,
.theme-dark .theme-light .c-select-menu>button:after,
.theme-light .c-select-menu>a:after,
.theme-light .c-select-menu>button:after {
    color: #000
}

.theme-dark .theme-light .c-select-menu>a:focus,
.theme-dark .theme-light .c-select-menu>button:focus,
.theme-light .c-select-menu>a:focus,
.theme-light .c-select-menu>button:focus {
    outline-color: #000
}

.theme-dark .theme-light .c-select-menu.f-border>a,
.theme-dark .theme-light .c-select-menu.f-border>button,
.theme-light .c-select-menu.f-border>a,
.theme-light .c-select-menu.f-border>button {
    color: rgba(255, 255, 255, .6);
    background: rgba(0, 0, 0, .6);
    border-color: #000
}

.theme-dark .theme-light .c-select-menu.f-border>a:after,
.theme-dark .theme-light .c-select-menu.f-border>button:after,
.theme-light .c-select-menu.f-border>a:after,
.theme-light .c-select-menu.f-border>button:after {
    color: #FFF
}

.theme-dark .theme-light .c-select-menu.f-border>a:hover,
.theme-dark .theme-light .c-select-menu.f-border>button:hover,
.theme-light .c-select-menu.f-border>a:hover,
.theme-light .c-select-menu.f-border>button:hover {
    color: rgba(0, 0, 0, .8);
    border-color: #000
}

.theme-dark .theme-light .c-select-menu.f-border>a:focus,
.theme-dark .theme-light .c-select-menu.f-border>button:focus,
.theme-light .c-select-menu.f-border>a:focus,
.theme-light .c-select-menu.f-border>button:focus {
    border-color: #000
}

.theme-dark .c-select-menu>a,
.theme-dark .c-select-menu>button,
.theme-light .theme-dark .c-select-menu>a,
.theme-light .theme-dark .c-select-menu>button {
    color: rgba(255, 255, 255, .6)
}

.theme-dark .c-select-menu>a:hover,
.theme-dark .c-select-menu>button:hover,
.theme-light .theme-dark .c-select-menu>a:hover,
.theme-light .theme-dark .c-select-menu>button:hover {
    color: rgba(255, 255, 255, .8)
}

.theme-dark .c-select-menu>a:after,
.theme-dark .c-select-menu>button:after,
.theme-light .theme-dark .c-select-menu>a:after,
.theme-light .theme-dark .c-select-menu>button:after {
    color: #FFF
}

.theme-dark .c-select-menu>a:focus,
.theme-dark .c-select-menu>button:focus,
.theme-light .theme-dark .c-select-menu>a:focus,
.theme-light .theme-dark .c-select-menu>button:focus {
    outline-color: #FFF
}

.theme-dark .c-select-menu.f-border>a,
.theme-dark .c-select-menu.f-border>button,
.theme-light .theme-dark .c-select-menu.f-border>a,
.theme-light .theme-dark .c-select-menu.f-border>button {
    color: rgba(0, 0, 0, .6);
    background: rgba(255, 255, 255, .6);
    border-color: #FFF
}

.c-select select:active,
.c-select select:focus,
.c-select:after {
    background: #FFF
}

.theme-dark .c-select-menu.f-border>a:after,
.theme-dark .c-select-menu.f-border>button:after,
.theme-light .theme-dark .c-select-menu.f-border>a:after,
.theme-light .theme-dark .c-select-menu.f-border>button:after {
    color: #000
}

.theme-dark .c-select-menu.f-border>a:hover,
.theme-dark .c-select-menu.f-border>button:hover,
.theme-light .theme-dark .c-select-menu.f-border>a:hover,
.theme-light .theme-dark .c-select-menu.f-border>button:hover {
    color: rgba(0, 0, 0, .8);
    border-color: #FFF
}

.theme-dark .c-select-menu.f-border>a:focus,
.theme-dark .c-select-menu.f-border>button:focus,
.theme-light .theme-dark .c-select-menu.f-border>a:focus,
.theme-light .theme-dark .c-select-menu.f-border>button:focus {
    border-color: #FFF
}

.c-select-menu [class*=c-paragraph],
.c-select-menu+[class*=c-caption] {
    padding-top: 24px
}

.c-select {
    position: relative;
    margin-top: 20px;
    min-width: 88px;
    max-width: 296px;
    background-color: #FFF;
    cursor: pointer;
    height: 36px
}

.c-select:after {
    position: absolute;
    right: 4px;
    top: 1px;
    height: 34px;
    width: 31px;
    padding-top: 10px;
    text-align: center
}

.js .c-select:after {
    display: none
}

.c-select:after:hover {
    z-index: 1
}

.c-select select {
    position: relative;
    width: 100%;
    display: none;
    padding: 7px 34px 7px 5px;
    background: #FFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 100%;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, .6);
    cursor: pointer
}

.no-js .c-select select {
    display: block
}

.c-select select:hover {
    z-index: 100;
    background: 0 0;
    border-color: rgba(0, 0, 0, .8)
}

.c-select select:active,
.c-select select:focus {
    border-color: #0078D7
}

.c-select select[disabled] {
    cursor: not-allowed;
    color: rgba(0, 0, 0, .2);
    border-color: rgba(0, 0, 0, .2);
    background: #FFF;
    z-index: 100;
    padding-right: 0
}

.c-select select option {
    background: #FFF;
    color: #000
}

.c-select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.c-select select::-ms-expand {
    display: none
}

.c-select select:focus::-ms-value {
    background: 0 0;
    color: #000
}

.c-sequence-indicator {
    font-size: 0
}

.c-sequence-indicator button {
    display: inline-block;
    border: 0;
    padding: 2px 3px;
    width: 12px;
    height: 10px;
    background: 0 0
}

.c-sequence-indicator button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .8)
}

.c-sequence-indicator button:focus {
    outline: #000 dashed 1px
}

.c-sequence-indicator button:hover:before {
    background: rgba(0, 0, 0, .4)
}

.c-sequence-indicator button[aria-checked=true]:before {
    background: #000
}

.theme-dark .theme-light .c-sequence-indicator button:before,
.theme-light .c-sequence-indicator button:before {
    border-color: rgba(0, 0, 0, .8)
}

.theme-dark .theme-light .c-sequence-indicator button:focus,
.theme-light .c-sequence-indicator button:focus {
    outline-color: #000
}

.theme-dark .theme-light .c-sequence-indicator button:hover:before,
.theme-light .c-sequence-indicator button:hover:before {
    background: rgba(0, 0, 0, .4)
}

.theme-dark .theme-light .c-sequence-indicator button[aria-checked=true]:before,
.theme-light .c-sequence-indicator button[aria-checked=true]:before {
    background: #000
}

.theme-dark .c-sequence-indicator button:before,
.theme-light .theme-dark .c-sequence-indicator button:before {
    border-color: rgba(255, 255, 255, .8)
}

.theme-dark .c-sequence-indicator button:focus,
.theme-light .theme-dark .c-sequence-indicator button:focus {
    outline-color: #FFF
}

.theme-dark .c-sequence-indicator button:hover:before,
.theme-light .theme-dark .c-sequence-indicator button:hover:before {
    background: rgba(255, 255, 255, .4)
}

.theme-dark .c-sequence-indicator button[aria-checked=true]:before,
.theme-light .theme-dark .c-sequence-indicator button[aria-checked=true]:before {
    background: #FFF
}

.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 {
    direction: ltr;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 134px;
    left: -134px
}

.c-slider.f-vertical>div>button>span {
    top: -40px;
    left: -14px;
    -webkit-transform: rotate(90deg);
    -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
}

.c-slider div button {
    height: 24px;
    width: 8px;
    background: #0078D7;
    border: 0;
    padding: 0;
    border-radius: 4px;
    position: absolute;
    top: -10px;
    outline: 0
}

.c-slider div button:focus {
    outline: #000 dashed 1px
}

.c-slider div button:hover {
    background: #000
}

.c-slider div button:active {
    background: #004881
}

.c-slider div button:active span {
    display: block
}

.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);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-slider div>span {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    background: #0078D7
}

.c-slider.f-disabled label.c-label {
    color: rgba(0, 0, 0, .2)
}

.c-table thead th,
.c-table thead th button {
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, .6)
}

.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-structured-list {
    margin: 24px 0
}

.c-structured-list .f-column {
    padding-left: 10px
}

.c-structured-list .f-column:first-child {
    padding-right: 10px;
    padding-left: 0
}

.c-structured-list .f-column .f-row {
    width: 100%;
    float: left
}

.c-structured-list .f-column .f-row:after,
.c-structured-list .f-column .f-row:before {
    content: " ";
    display: table
}

.c-structured-list .f-column .f-row.f-dividers {
    border-bottom: 1px solid #E3E3E3
}

.c-structured-list .f-column .f-row.f-dividers:first-child {
    border-top: 1px solid #E3E3E3
}

@media only screen and (max-width:1399px) {
    .c-structured-list .f-column:first-child .f-row.f-dividers:first-child {
        border-top: 1px solid #E3E3E3
    }
    .c-structured-list .f-column {
        padding-right: 10px;
        padding-left: 0;
        max-width: 768px
    }
    .c-structured-list .f-column .f-row.f-dividers:first-child {
        border-top: 0
    }
}

.c-structured-list .f-column .f-row [class^=c-paragraph] {
    padding: 0
}

.c-structured-list .f-column .f-row [data-grid="col-2 stack-2"] {
    padding: 8px 0 8px 24px
}

.c-structured-list .f-column .f-row [data-grid=col-10] {
    padding: 8px 12px 8px 24px
}

.c-table {
    overflow: visible;
    margin-top: 8px
}

.c-table.f-divided tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.c-table td.f-image {
    padding: 8px;
    vertical-align: middle
}

.c-table table {
    width: 100%
}

.c-table thead {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.c-table thead th {
    vertical-align: bottom
}

.c-table thead th button {
    background: 0 0;
    border: 0;
    padding-left: 0
}

.c-table thead th button:hover {
    color: rgba(0, 0, 0, .8)
}

.c-table thead th button.f-ascending,
.c-table thead th button.f-descending {
    color: #000
}

.c-table thead th button:focus {
    outline: rgba(0, 0, 0, .6) dashed 1px
}

.c-table thead th button:active {
    color: #000;
    outline: transparent solid 1px
}

.c-table thead th button.c-glyph:after {
    display: inline-block;
    margin-left: 8px;
    vertical-align: top
}

.c-table thead th button.f-ascending:after {
    content: ""
}

.c-table thead th button.f-descending:after {
    content: ""
}

.c-table thead th[colspan]:not([colspan="1"]),
.c-table thead tr+tr th,
.c-table thead tr+tr th:last-child {
    text-align: center
}

.c-table tr:before {
    content: "";
    display: block;
    width: 7px
}

.c-table td,
.c-table th {
    padding: 10px 12px;
    text-align: left
}

.c-table td.f-numerical,
.c-table td.f-sub-categorical,
.c-table th.f-numerical,
.c-table th.f-sub-categorical {
    text-align: center
}

.c-table td .c-price,
.c-table th .c-price {
    float: right
}

.c-table td .c-price button,
.c-table td .c-price span,
.c-table th .c-price button,
.c-table th .c-price span {
    text-align: right;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.c-table[data-table=structured] {
    margin-top: 20px
}

.c-table[data-table=structured] table {
    table-layout: fixed
}

.c-table[data-table=structured] table td {
    width: 50%
}

.c-table ul.c-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.c-table ul.c-list li {
    padding: 0 0 8px;
    list-style: none
}

.c-table .c-paragraph {
    padding: 0
}

.c-table .c-call-to-action {
    background: 0 0;
    color: #0078D7;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    margin-left: -24px;
    margin-right: -24px;
    margin-top: 10px
}

.c-table .c-call-to-action:focus,
.c-table .c-call-to-action:hover {
    background: 0 0;
    border-color: transparent
}

.c-table .c-call-to-action:active {
    background: 0 0;
    text-decoration: none
}

.c-table .c-call-to-action span:hover,
.c-track-list-placement>a:hover .c-heading,
.c-track-list-placement>a:hover .c-subheading {
    text-decoration: underline
}

.theme-dark .theme-light .c-table .c-call-to-action,
.theme-light .c-table .c-call-to-action {
    color: #000;
    background: 0 0;
    border-color: transparent
}

.theme-dark .theme-light .c-table .c-call-to-action:active,
.theme-light .c-table .c-call-to-action:active {
    color: rgba(0, 0, 0, .6)
}

.theme-dark .theme-light .c-table .c-call-to-action:focus,
.theme-light .c-table .c-call-to-action:focus {
    outline-color: #000
}

.theme-dark .c-table .c-call-to-action,
.theme-light .theme-dark .c-table .c-call-to-action {
    color: #FFF;
    background: 0 0;
    border-color: transparent
}

.theme-dark .c-table .c-call-to-action:active,
.theme-light .theme-dark .c-table .c-call-to-action:active {
    color: rgba(255, 255, 255, .6)
}

.theme-dark .c-table .c-call-to-action:focus,
.theme-light .theme-dark .c-table .c-call-to-action:focus {
    outline-color: #FFF
}

.c-table .c-call-to-action:hover {
    border-color: transparent
}

.c-textarea label.c-label {
    margin-top: 16px;
    padding-bottom: 6px
}

.c-textarea textarea {
    font-size: 15px;
    line-height: 20px;
    min-width: 276px;
    min-height: 36px;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, .6);
    outline: 0;
    padding: 7px 12px;
    color: #000
}

.c-textarea textarea:active,
.c-textarea textarea:focus {
    border-color: #0078D7
}

.c-textarea textarea[disabled] {
    cursor: not-allowed;
    color: rgba(0, 0, 0, .2);
    border-color: rgba(0, 0, 0, .2)
}

.c-textarea textarea[readonly] {
    border: 1px solid rgba(0, 0, 0, .6);
    background-color: #e6e6e6
}

.c-textarea textarea.f-resize {
    resize: both
}

.c-textarea textarea.f-no-resize {
    resize: none
}

.c-textarea textarea.f-scroll {
    overflow-y: scroll
}

.c-textarea textarea.f-flex {
    width: 100%;
    max-width: 546px
}

.theme-dark .theme-light .c-textarea textarea,
.theme-light .c-textarea textarea {
    background: rgba(255, 255, 255, .6);
    border: 1px solid #000;
    color: #000
}

.theme-dark .c-textarea textarea,
.theme-light .theme-dark .c-textarea textarea {
    background: rgba(255, 255, 255, .6);
    border-color: #FFF;
    color: #000
}

.c-textarea+p[class*=c-caption],
.c-textarea+p[class*=c-paragraph] {
    padding-top: 16px
}

input.c-text-field[type=text] {
    display: block;
    width: 276px;
    height: 36px;
    margin-top: 20px;
    padding: 7px 10px;
    border: 1px solid rgba(0, 0, 0, .6);
    outline: 0;
    background: #FFF
}

input.c-text-field[type=text].f-small {
    width: 88px
}

input.c-text-field[type=text].f-flex {
    width: 100%;
    min-width: 88px;
    max-width: 546px
}

input.c-text-field[type=text]:hover {
    border-color: rgba(0, 0, 0, .8)
}

input.c-text-field[type=text]:active,
input.c-text-field[type=text]:focus {
    border-color: #0078D7
}

input.c-text-field[type=text][disabled] {
    cursor: not-allowed;
    color: rgba(0, 0, 0, .2);
    border-color: rgba(0, 0, 0, .2)
}

input.c-text-field[type=text][readonly] {
    border: 1px solid rgba(0, 0, 0, .6);
    background: #e6e6e6
}

input.c-text-field[type=text] [class*=c-paragraph],
input.c-text-field[type=text]+[class*=c-caption] {
    padding-top: 24px
}

div.c-toggle button {
    position: relative;
    float: left;
    width: 44px;
    height: 20px;
    background: 0 0;
    border: 1px solid #000;
    border-radius: 20px;
    margin-top: 42px
}

div.c-toggle button:after {
    position: absolute;
    left: 4px;
    top: 4px;
    transition: all .1s ease;
    background: #000;
    content: "";
    border-radius: 10px;
    width: 10px;
    height: 10px
}

div.c-toggle button:focus {
    outline: #000 dashed 1px
}

div.c-toggle button[aria-checked=true] {
    background: #0078D7;
    border-color: #0078D7
}

div.c-toggle button[aria-checked=true]:hover {
    background: rgba(0, 120, 215, .8);
    border-color: rgba(0, 120, 215, .8)
}

div.c-toggle button[aria-checked=true]:after {
    left: 28px;
    background: #FFF
}

div.c-toggle button[aria-checked=true]:disabled {
    background: rgba(0, 0, 0, .2);
    border-color: transparent
}

div.c-toggle button[aria-checked=true]:disabled:after {
    background: rgba(0, 0, 0, .2)
}

div.c-toggle button[aria-checked=false] {
    background: 0 0;
    border-color: #000
}

div.c-toggle button:disabled {
    background: 0 0;
    border-color: rgba(0, 0, 0, .2)
}

div.c-toggle button:disabled:after {
    background: rgba(0, 0, 0, .2)
}

div.c-toggle label {
    margin-top: 32px
}

div.c-toggle label+button {
    margin-top: 0
}

div.c-toggle span {
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 0;
    padding-left: 12px;
    padding-bottom: 0;
    cursor: pointer;
    line-height: 19px
}

div.c-toggle.f-disabled {
    color: rgba(0, 0, 0, .2)
}

div.c-toggle.f-disabled :hover,
div.c-toggle.f-disabled:hover {
    cursor: default
}

span.c-tooltip {
    font-size: 13px;
    position: fixed;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, .3);
    min-width: 104px;
    max-width: 340px;
    padding: 12px 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
}

.c-track-list-placement {
    margin-right: 24px;
    margin-top: 12px
}

.c-track-list-placement>a {
    display: block;
    width: 100%;
    height: 100%
}

.c-track-list-placement>a:after,
.c-track-list-placement>a:before {
    content: " ";
    display: table
}

.c-track-list-placement>a:focus {
    outline: rgba(0, 0, 0, .6) dashed 1px
}

.c-track-list-placement>a:focus>picture img,
.c-track-list-placement>a:hover>picture img {
    outline: rgba(0, 0, 0, .6) solid 1px
}

.c-track-list-placement picture,
.c-track-list-placement picture img {
    display: block
}

.c-track-list-placement .c-badge {
    margin-top: 12px;
    margin-bottom: 4px
}

.c-track-list-placement .c-badge+.c-heading {
    padding-top: 0
}

.c-track-list-placement .c-price {
    padding: 5px 0 0 5px;
    line-height: 20px;
    float: right
}

.c-track-list-placement .c-heading,
.c-track-list-placement [itemprop="name byArtist inAlbum"] span {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    white-space: nowrap;
    width: 200px;
    padding: 8px 0 0;
    overflow: hidden;
    box-sizing: content-box;
    text-overflow: ellipsis
}

.c-track-list-placement .c-heading {
    max-height: 20px;
    float: left
}

.c-track-list-placement .c-explicit {
    vertical-align: text-bottom
}

.m-page-bar>div:before,
.m-page-bar>div>div {
    vertical-align: middle;
    display: inline-block
}

.c-track-list-placement [itemprop="name byArtist inAlbum"] span,
.c-track-list-placement [itemprop=byArtist] span,
.c-track-list-placement [itemprop=duration] span,
.c-track-list-placement [itemprop=inAlbum] span {
    color: rgba(0, 0, 0, .6)
}

.c-track-list-placement [itemprop="name byArtist inAlbum"] span {
    max-height: 60px;
    float: left
}

.c-track-list-placement.f-size-small {
    width: 358px
}

.c-track-list-placement.f-size-small.f-wide {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #E3E3E3
}

.c-track-list-placement.f-size-small.f-wide:first-child {
    border-top: 1px solid #E3E3E3
}

.c-track-list-placement.f-size-small.f-wide>div {
    padding: 0 12px
}

.c-track-list-placement.f-size-small.f-wide>div:first-child {
    padding: 8px 12px
}

.c-track-list-placement.f-size-small.f-wide>div:nth-child(4) {
    max-width: 150px
}

.c-track-list-placement.f-size-small.f-wide>div>.c-heading,
.c-track-list-placement.f-size-small.f-wide>div>div,
.c-track-list-placement.f-size-small.f-wide>div>span {
    padding: 0;
    float: left
}

.c-track-list-placement.f-size-small.f-wide>div .c-price {
    padding: 0;
    line-height: inherit
}

.c-track-list-placement.f-size-small.f-wide>div>.c-button {
    margin: 0;
    min-width: 65px;
    float: right
}

@media only screen and (min-width:0) {
    .c-track-list-placement.f-size-small.f-wide {
        display: table-row
    }
    .c-track-list-placement.f-size-small.f-wide>div {
        display: table-cell;
        vertical-align: middle;
        float: none
    }
    .c-track-list-placement.f-size-small.f-wide [itemprop=byArtist] span,
    .c-track-list-placement.f-size-small.f-wide [itemprop=inAlbum] span {
        width: inherit;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
}

@media only screen and (min-width:320px) {
    .c-track-list-placement.f-size-small.f-wide [itemprop=duration] span {
        display: none
    }
}

@media only screen and (min-width:540px) {
    .c-track-list-placement.f-size-small.f-wide .c-heading {
        max-width: 250px
    }
    .c-track-list-placement.f-size-small.f-wide [itemprop=byArtist] span,
    .c-track-list-placement.f-size-small.f-wide [itemprop=inAlbum] span {
        max-width: 125px
    }
}

@media only screen and (min-width:768px) {
    .c-track-list-placement.f-size-small.f-wide .c-heading {
        max-width: 250px
    }
    .c-track-list-placement.f-size-small.f-wide [itemprop=byArtist] span,
    .c-track-list-placement.f-size-small.f-wide [itemprop=inAlbum] span {
        max-width: 100px
    }
    .c-track-list-placement.f-size-small.f-wide [itemprop=duration] span {
        display: table-cell
    }
}

@media only screen and (min-width:1084px) {
    .c-track-list-placement.f-size-small.f-wide .c-heading {
        max-width: 350px
    }
    .c-track-list-placement.f-size-small.f-wide [itemprop=byArtist] span,
    .c-track-list-placement.f-size-small.f-wide [itemprop=inAlbum] span {
        max-width: 175px
    }
}

.c-track-list-placement.f-size-small .c-badge {
    display: none
}

.c-track-list-placement.f-size-small picture {
    float: left;
    margin-right: 12px
}

.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: auto;
    background: #000
}

.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:active,
.c-video .f-progress div button:hover {
    background: #FFF
}

.c-video .f-progress div button:active span,
.c-video .f-progress div button:hover span {
    display: block
}

.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: 0 0;
    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:focus,
.c-video .f-video-controls button.c-glyph:hover {
    color: rgba(255, 255, 255, .6)
}

.c-video .f-video-controls button.c-glyph:focus {
    outline: #FFF dashed 1px
}

.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-full-screen span,
.c-video .f-play-pause span {
    height: 36px;
    min-width: 44px;
    padding: 8px;
    background: #000;
    position: absolute;
    color: #FFF
}

.c-video .f-play-pause span {
    font-size: 13px;
    bottom: 46px;
    left: 0
}

@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;
    text-align: right;
    bottom: 47px;
    right: 0
}

@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: 0 0;
    position: absolute;
    content: "";
    bottom: -12px;
    width: 100%
}

.c-video .f-volume-slider[aria-hidden=true] {
    visibility: hidden
}

.c-video .f-volume-slider[aria-hidden=false] {
    visibility: visible
}

.c-video .f-volume-slider .c-slider {
    width: 92px;
    height: 92px
}

.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:active,
.c-video .f-volume-slider .c-slider div button:hover {
    background: #FFF
}

.c-video .f-volume-slider .c-slider div>span {
    background: #0078D7
}

.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-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
}

.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
}

@-webkit-keyframes slidein {
    from {
        bottom: -44px
    }
    to {
        bottom: 0
    }
}

@keyframes slidein {
    from {
        bottom: -44px
    }
    to {
        bottom: 0
    }
}

@-webkit-keyframes slideout {
    from {
        bottom: 0
    }
    to {
        bottom: -44px
    }
}

@keyframes slideout {
    from {
        bottom: 0
    }
    to {
        bottom: -44px
    }
}

.c-video .f-slidein {
    -webkit-animation: .5s forwards slidein;
    animation: .5s forwards slidein
}

.c-video .f-slideout {
    -webkit-animation: .5s forwards 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%);
    -webkit-transform: translateY(-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;
    font-weight: 700;
    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.3333333333%;
    margin: 0 auto
}

.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-content-placement,
.m-content-placement-item {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-top: 48px
}

.c-content-placement .c-heading,
.m-content-placement-item .c-heading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    padding-top: 12px;
    padding-bottom: 2px
}

.c-content-placement .c-paragraph,
.m-content-placement-item .c-paragraph {
    padding-top: 2px
}

.c-content-placement .c-heading,
.c-content-placement .c-paragraph,
.m-content-placement-item .c-heading,
.m-content-placement-item .c-paragraph {
    padding-right: 12px
}

.c-content-placement .c-call-to-action,
.m-content-placement-item .c-call-to-action {
    background: 0 0;
    color: #0078D7;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    margin-left: -24px;
    margin-right: -24px
}

.c-content-placement .c-call-to-action:focus,
.c-content-placement .c-call-to-action:hover,
.m-content-placement-item .c-call-to-action:focus,
.m-content-placement-item .c-call-to-action:hover {
    background: 0 0;
    border-color: transparent
}

.c-content-placement .c-call-to-action:active,
.m-content-placement-item .c-call-to-action:active {
    background: 0 0;
    text-decoration: none
}

.c-content-placement .c-call-to-action span:hover,
.m-content-placement-item .c-call-to-action span:hover {
    text-decoration: underline
}

.theme-dark .theme-light .c-content-placement .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-light .m-content-placement-item .c-call-to-action {
    color: #000;
    background: 0 0;
    border-color: transparent
}

.theme-dark .theme-light .c-content-placement .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-light .m-content-placement-item .c-call-to-action:active {
    color: rgba(0, 0, 0, .6)
}

.theme-dark .theme-light .c-content-placement .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-light .m-content-placement-item .c-call-to-action:focus {
    outline-color: #000
}

.theme-dark .c-content-placement .c-call-to-action,
.theme-dark .m-content-placement-item .c-call-to-action,
.theme-light .theme-dark .c-content-placement .c-call-to-action,
.theme-light .theme-dark .m-content-placement-item .c-call-to-action {
    color: #FFF;
    background: 0 0;
    border-color: transparent
}

.theme-dark .c-content-placement .c-call-to-action:active,
.theme-dark .m-content-placement-item .c-call-to-action:active,
.theme-light .theme-dark .c-content-placement .c-call-to-action:active,
.theme-light .theme-dark .m-content-placement-item .c-call-to-action:active {
    color: rgba(255, 255, 255, .6)
}

.theme-dark .c-content-placement .c-call-to-action:focus,
.theme-dark .m-content-placement-item .c-call-to-action:focus,
.theme-light .theme-dark .c-content-placement .c-call-to-action:focus,
.theme-light .theme-dark .m-content-placement-item .c-call-to-action:focus {
    outline-color: #FFF
}

.c-content-placement .c-badge,
.m-content-placement-item .c-badge {
    margin: 12px 0 4px
}

@media only screen and (min-width:320px) {
    .c-content-placement .c-badge+.c-heading,
    .m-content-placement-item .c-badge+.c-heading {
        padding-top: 0
    }
}

.c-content-placement .c-video,
.m-content-placement-item .c-video {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0
}

.c-content-placement .c-video video,
.m-content-placement-item .c-video video {
    min-width: 100%;
    width: 100%;
    height: 100%
}

.c-content-placement>picture,
.m-content-placement-item>picture {
    display: block;
    position: relative;
    overflow: hidden
}

.c-content-placement>picture img,
.m-content-placement-item>picture img {
    position: relative;
    width: 100%
}

@media only screen and (max-width:539px) {
    .c-content-placement .c-heading,
    .m-content-placement-item .c-heading {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400
    }
}

.c-content-placement>.c-group,
.m-content-placement-item>.c-group {
    display: block;
    overflow: visible
}

.c-content-placement>.c-group>.c-call-to-action,
.m-content-placement-item>.c-group>.c-call-to-action {
    margin-top: 0
}

.c-content-placement>.c-group>.c-call-to-action+.c-call-to-action:focus,
.m-content-placement-item>.c-group>.c-call-to-action+.c-call-to-action:focus {
    padding-left: 24px;
    margin-left: -24px
}

.c-content-placement>a:first-child,
.m-content-placement-item>a:first-child {
    display: block
}

.c-content-placement>a:first-child .c-heading,
.m-content-placement-item>a:first-child .c-heading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    padding-top: 12px;
    padding-bottom: 2px
}

.c-content-placement>a:first-child .c-paragraph,
.m-content-placement-item>a:first-child .c-paragraph {
    padding-top: 2px
}

.c-content-placement>a:first-child .c-heading,
.c-content-placement>a:first-child .c-paragraph,
.m-content-placement-item>a:first-child .c-heading,
.m-content-placement-item>a:first-child .c-paragraph {
    padding-right: 12px
}

.c-content-placement>a:first-child .c-call-to-action,
.m-content-placement-item>a:first-child .c-call-to-action {
    background: 0 0;
    color: #0078D7;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    margin-left: -24px;
    margin-right: -24px
}

.c-content-placement>a:first-child .c-call-to-action:focus,
.c-content-placement>a:first-child .c-call-to-action:hover,
.m-content-placement-item>a:first-child .c-call-to-action:focus,
.m-content-placement-item>a:first-child .c-call-to-action:hover {
    background: 0 0;
    border-color: transparent
}

.c-content-placement>a:first-child .c-call-to-action:active,
.m-content-placement-item>a:first-child .c-call-to-action:active {
    background: 0 0;
    text-decoration: none
}

.c-content-placement>a:first-child .c-call-to-action span:hover,
.c-content-placement>a:first-child:active .c-heading,
.c-content-placement>a:first-child:hover .c-heading,
.c-content-placement>a:first-child:hover+.c-call-to-action span,
.c-content-placement>a:first-child:hover+.c-group>.c-call-to-action:first-child span,
.c-product-placement>a:hover .c-heading,
.c-product-placement>a:hover .c-subheading,
.m-content-placement-item>a:first-child .c-call-to-action span:hover,
.m-content-placement-item>a:first-child:active .c-heading,
.m-content-placement-item>a:first-child:hover .c-heading,
.m-content-placement-item>a:first-child:hover+.c-call-to-action span,
.m-content-placement-item>a:first-child:hover+.c-group>.c-call-to-action:first-child span,
.m-product-placement-item>a:hover .c-heading,
.m-product-placement-item>a:hover .c-subheading {
    text-decoration: underline
}

.theme-dark .theme-light .c-content-placement>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-light .m-content-placement-item>a:first-child .c-call-to-action {
    color: #000;
    background: 0 0;
    border-color: transparent
}

.theme-dark .theme-light .c-content-placement>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-light .m-content-placement-item>a:first-child .c-call-to-action:active {
    color: rgba(0, 0, 0, .6)
}

.theme-dark .theme-light .c-content-placement>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-light .m-content-placement-item>a:first-child .c-call-to-action:focus {
    outline-color: #000
}

.theme-dark .c-content-placement>a:first-child .c-call-to-action,
.theme-dark .m-content-placement-item>a:first-child .c-call-to-action,
.theme-light .theme-dark .c-content-placement>a:first-child .c-call-to-action,
.theme-light .theme-dark .m-content-placement-item>a:first-child .c-call-to-action {
    color: #FFF;
    background: 0 0;
    border-color: transparent
}

.theme-dark .c-content-placement>a:first-child .c-call-to-action:active,
.theme-dark .m-content-placement-item>a:first-child .c-call-to-action:active,
.theme-light .theme-dark .c-content-placement>a:first-child .c-call-to-action:active,
.theme-light .theme-dark .m-content-placement-item>a:first-child .c-call-to-action:active {
    color: rgba(255, 255, 255, .6)
}

.theme-dark .c-content-placement>a:first-child .c-call-to-action:focus,
.theme-dark .m-content-placement-item>a:first-child .c-call-to-action:focus,
.theme-light .theme-dark .c-content-placement>a:first-child .c-call-to-action:focus,
.theme-light .theme-dark .m-content-placement-item>a:first-child .c-call-to-action:focus {
    outline-color: #FFF
}

.c-content-placement>a:first-child .c-badge,
.m-content-placement-item>a:first-child .c-badge {
    margin: 12px 0 4px
}

@media only screen and (min-width:320px) {
    .c-content-placement>a:first-child .c-badge+.c-heading,
    .m-content-placement-item>a:first-child .c-badge+.c-heading {
        padding-top: 0
    }
}

.c-content-placement>a:first-child .c-video,
.m-content-placement-item>a:first-child .c-video {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0
}

.c-content-placement>a:first-child .c-video video,
.m-content-placement-item>a:first-child .c-video video {
    min-width: 100%;
    width: 100%;
    height: 100%
}

.c-content-placement>a:first-child>picture,
.m-content-placement-item>a:first-child>picture {
    display: block;
    position: relative;
    overflow: hidden
}

.c-content-placement>a:first-child>picture img,
.m-content-placement-item>a:first-child>picture img {
    position: relative;
    width: 100%
}

@media only screen and (max-width:539px) {
    .c-content-placement>a:first-child .c-heading,
    .m-content-placement-item>a:first-child .c-heading {
        font-size: 18px;
        line-height: 24px;
        font-weight: 400
    }
}

.c-content-placement>a:first-child:hover picture img,
.m-content-placement-item>a:first-child:hover picture img {
    opacity: .9
}

.c-content-placement>a:first-child:active picture img,
.c-hero:hover>picture img,
.m-content-placement-item>a:first-child:active picture img,
.m-hero-item:hover>picture img {
    opacity: .8
}

.c-product-placement,
.m-product-placement-item {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    padding-top: 0;
    margin-right: 24px;
    margin-top: 12px
}

.c-product-placement>a,
.m-product-placement-item>a {
    display: block;
    width: 100%;
    height: 100%
}

.c-product-placement>a:after,
.c-product-placement>a:before,
.m-product-placement-item>a:after,
.m-product-placement-item>a:before {
    content: " ";
    display: table
}

.c-product-placement>a .c-image,
.c-product-placement>a>picture img,
.m-product-placement-item>a .c-image,
.m-product-placement-item>a>picture img {
    outline: rgba(0, 0, 0, .1) solid 1px
}

.theme-light .c-product-placement>a:focus,
.theme-light .m-product-placement-item>a:focus {
    outline: rgba(0, 0, 0, .6) dashed 1px
}

.theme-dark .c-product-placement>a:focus,
.theme-dark .m-product-placement-item>a:focus {
    outline: rgba(255, 255, 255, .6) dashed 1px
}

.c-product-placement>a:focus .c-image,
.c-product-placement>a:focus>picture img,
.c-product-placement>a:hover .c-image,
.c-product-placement>a:hover>picture img,
.m-product-placement-item>a:focus .c-image,
.m-product-placement-item>a:focus>picture img,
.m-product-placement-item>a:hover .c-image,
.m-product-placement-item>a:hover>picture img {
    outline: rgba(0, 0, 0, .6) solid 1px
}

.c-product-placement picture,
.c-product-placement picture .c-image,
.c-product-placement picture img,
.m-product-placement-item picture,
.m-product-placement-item picture .c-image,
.m-product-placement-item picture img {
    display: inline-block
}

.c-product-placement .c-badge,
.m-product-placement-item .c-badge {
    margin-top: 12px;
    margin-bottom: 4px
}

.c-product-placement .c-badge+.c-heading,
.m-product-placement-item .c-badge+.c-heading {
    padding-top: 0
}

.c-product-placement .c-heading,
.m-product-placement-item .c-heading {
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 60px;
    padding-top: 8px;
    font-weight: 400;
    white-space: normal
}

.c-product-placement .c-paragraph,
.m-product-placement-item .c-paragraph {
    font-size: 13px;
    line-height: 16px;
    color: rgba(0, 0, 0, .6)
}

.c-product-placement.context-accessory .c-image,
.c-product-placement.context-accessory .f-default-image,
.c-product-placement.context-accessory picture img,
.c-product-placement.context-artist .c-image,
.c-product-placement.context-artist .f-default-image,
.c-product-placement.context-artist picture img,
.c-product-placement.context-device .c-image,
.c-product-placement.context-device .f-default-image,
.c-product-placement.context-device picture img,
.m-product-placement-item.context-accessory .c-image,
.m-product-placement-item.context-accessory .f-default-image,
.m-product-placement-item.context-accessory picture img,
.m-product-placement-item.context-artist .c-image,
.m-product-placement-item.context-artist .f-default-image,
.m-product-placement-item.context-artist picture img,
.m-product-placement-item.context-device .c-image,
.m-product-placement-item.context-device .f-default-image,
.m-product-placement-item.context-device picture img {
    outline: 0
}

.c-product-placement.context-artist .c-image,
.c-product-placement.context-artist .f-default-image,
.c-product-placement.context-artist picture img,
.m-product-placement-item.context-artist .c-image,
.m-product-placement-item.context-artist .f-default-image,
.m-product-placement-item.context-artist picture img {
    border-radius: 50%
}

.c-product-placement.context-artist.f-size-medium>a>div+div,
.m-product-placement-item.context-artist.f-size-medium>a>div+div {
    text-align: center;
    padding: 0 12px
}

.c-product-placement.context-tvshow .f-default-image+div,
.c-product-placement.context-tvshow picture+div,
.m-product-placement-item.context-tvshow .f-default-image+div,
.m-product-placement-item.context-tvshow picture+div {
    padding: 5px;
    height: 62px;
    width: 100%
}

.c-product-placement.context-video,
.m-product-placement-item.context-video {
    width: 320px;
    white-space: normal
}

.c-product-placement.context-video [class*=c-heading],
.m-product-placement-item.context-video [class*=c-heading] {
    padding-top: 12px
}

.c-product-placement.context-video .c-badge+[class*=c-heading],
.m-product-placement-item.context-video .c-badge+[class*=c-heading] {
    padding-top: 0
}

.c-product-placement.context-video .c-action-trigger,
.m-product-placement-item.context-video .c-action-trigger {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    border: transparent;
    border-radius: 50%;
    margin: 0;
    height: 48px;
    width: 48px;
    top: calc(90px - 24px);
    left: calc(160px - 24px)
}

.c-product-placement.context-video .c-action-trigger:hover,
.m-product-placement-item.context-video .c-action-trigger:hover {
    text-decoration: none
}

.c-product-placement.context-video .c-action-trigger:before,
.m-product-placement-item.context-video .c-action-trigger:before {
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    color: #FFF;
    font-size: 24px;
    content: "";
    margin: 0
}

.c-hero:before,
.m-feature-channel>.c-image:after,
.m-group-call-to-action .c-group .c-call-to-action:after,
.m-hero-item:before {
    content: ""
}

.c-product-placement.context-video img,
.c-product-placement.context-video picture,
.m-product-placement-item.context-video img,
.m-product-placement-item.context-video picture {
    width: 320px
}

.c-product-placement .f-default-image,
.m-product-placement-item .f-default-image {
    background-color: rgba(0, 0, 0, .3);
    outline: rgba(0, 0, 0, .1) solid 1px
}

.c-product-placement .f-default-image:focus,
.c-product-placement .f-default-image:hover,
.m-product-placement-item .f-default-image:focus,
.m-product-placement-item .f-default-image:hover {
    outline: rgba(0, 0, 0, .6) solid 1px
}

.c-product-placement .f-default-image picture,
.m-product-placement-item .f-default-image picture {
    position: relative;
    width: 100%;
    height: 100%
}

.c-product-placement .f-default-image picture .c-image,
.m-product-placement-item .f-default-image picture .c-image {
    outline: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-product-placement .f-default-image picture:focus,
.m-product-placement-item .f-default-image picture:focus {
    outline: 0
}

.c-product-placement.f-size-small,
.m-product-placement-item.f-size-small {
    width: 272px
}

.c-product-placement.f-size-small .c-badge,
.m-product-placement-item.f-size-small .c-badge {
    display: none
}

.c-product-placement.f-size-small picture,
.m-product-placement-item.f-size-small picture {
    float: left;
    margin-right: 12px
}

.c-product-placement.f-size-small .f-default-image,
.m-product-placement-item.f-size-small .f-default-image {
    width: 72px;
    height: 72px;
    float: left;
    margin-right: 12px
}

.c-product-placement.f-size-small.context-movie .f-default-image,
.m-product-placement-item.f-size-small.context-movie .f-default-image {
    width: 72px;
    height: 103px
}

.c-product-placement.f-size-small.context-video,
.m-product-placement-item.f-size-small.context-video {
    width: 320px
}

.c-product-placement.f-size-medium,
.m-product-placement-item.f-size-medium {
    width: 124px
}

.c-product-placement.f-size-medium>a>div,
.m-product-placement-item.f-size-medium>a>div {
    padding-right: 24px
}

.c-product-placement.f-size-medium .f-default-image,
.m-product-placement-item.f-size-medium .f-default-image {
    width: 124px;
    height: 124px;
    padding-right: 0
}

.c-product-placement.f-size-large>a>div,
.c-product-placement.f-size-medium .f-default-image+div,
.m-product-placement-item.f-size-large>a>div,
.m-product-placement-item.f-size-medium .f-default-image+div {
    padding-right: 24px
}

.c-product-placement.f-size-medium.context-movie .f-default-image,
.m-product-placement-item.f-size-medium.context-movie .f-default-image {
    width: 124px;
    height: 170px
}

.c-product-placement.f-size-medium.context-video,
.m-product-placement-item.f-size-medium.context-video {
    width: 320px
}

.c-product-placement.f-size-large,
.m-product-placement-item.f-size-large {
    width: 272px
}

.c-product-placement.f-size-large .f-default-image,
.m-product-placement-item.f-size-large .f-default-image {
    width: 272px;
    height: 223px;
    padding-right: 0
}

.c-product-placement.f-size-large .f-default-image+div,
.m-product-placement-item.f-size-large .f-default-image+div {
    padding-right: 24px
}

.c-product-placement.f-size-large.context-video,
.m-product-placement-item.f-size-large.context-video {
    width: 320px
}

.c-product-placement.f-size-extra-large,
.m-product-placement-item.f-size-extra-large {
    width: 740px
}

.c-product-placement.f-size-extra-large>a>div,
.m-product-placement-item.f-size-extra-large>a>div {
    padding-right: 48px
}

.c-product-placement.f-size-extra-large .f-default-image,
.m-product-placement-item.f-size-extra-large .f-default-image {
    width: 740px;
    height: 416px;
    padding-right: 0
}

.c-product-placement.f-size-extra-large .f-default-image+div,
.m-product-placement-item.f-size-extra-large .f-default-image+div {
    padding-right: 48px
}

.c-product-placement.f-size-extra-large .c-heading,
.c-product-placement.f-size-large .c-heading,
.m-product-placement-item.f-size-extra-large .c-heading,
.m-product-placement-item.f-size-large .c-heading {
    font-size: 18px;
    line-height: 24px;
    max-height: 72px;
    font-weight: 200
}

.c-product-placement.f-size-extra-large .c-paragraph,
.c-product-placement.f-size-large .c-paragraph,
.m-product-placement-item.f-size-extra-large .c-paragraph,
.m-product-placement-item.f-size-large .c-paragraph {
    font-size: 15px;
    line-height: 20px;
    padding: 24px 0 0;
    font-weight: 400;
    color: rgba(0, 0, 0, .6);
    white-space: normal
}

.c-hero,
.m-hero-item {
    position: relative;
    overflow: hidden;
    padding: 0 5%;
    width: 100%
}

.c-hero:before,
.m-hero-item:before {
    display: block;
    width: 100%;
    padding-top: 41.5%
}

@media only screen and (max-width:1083px) {
    .c-hero:before,
    .m-hero-item:before {
        padding-top: 60.2%
    }
}

.c-hero:hover,
.m-hero-item:hover {
    cursor: pointer
}

.c-hero picture,
.m-hero-item picture {
    display: block
}

.c-hero>picture,
.m-hero-item>picture {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    overflow: hidden
}

.c-hero>picture img,
.m-hero-item>picture img {
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden
}

.c-hero>picture:after,
.m-hero-item>picture:after {
    content: "";
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}

.c-hero.f-transparent:before,
.m-hero-item.f-transparent:before {
    padding-top: 60.2%
}

.c-hero>div,
.m-hero-item>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) {
    .c-hero>div,
    .m-hero-item>div {
        position: relative
    }
}

.c-hero>div>div,
.m-hero-item>div>div {
    position: absolute;
    z-index: 1;
    max-width: 520px
}

.c-hero>div>div>div,
.m-hero-item>div>div>div {
    margin-top: 24px
}

.c-hero .c-logo,
.c-hero .c-rating,
.m-hero-item .c-logo,
.m-hero-item .c-rating {
    margin-top: 12px
}

.c-hero .c-heading,
.m-hero-item .c-heading {
    font-size: 46px;
    line-height: 56px;
    padding: 37px 0 3px;
    font-weight: 100;
    letter-spacing: -.01em;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 112px
}

@media only screen and (max-width:1399px) {
    .c-hero .c-heading,
    .m-hero-item .c-heading {
        font-size: 34px;
        line-height: 40px;
        padding: 38px 0 2px;
        font-weight: 100;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 80px
    }
}

@media only screen and (max-width:767px) {
    .c-hero .c-heading,
    .m-hero-item .c-heading {
        font-size: 24px;
        line-height: 28px;
        padding: 36px 0 4px;
        font-weight: 200;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 56px
    }
}

.c-hero .c-subheading,
.m-hero-item .c-subheading {
    font-size: 24px;
    line-height: 28px;
    padding: 4px 0 8px;
    font-weight: 200;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px
}

@media only screen and (max-width:1399px) {
    .c-hero .c-subheading,
    .m-hero-item .c-subheading {
        font-size: 20px;
        line-height: 24px;
        padding: 8px 0 4px;
        font-weight: 200;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 48px
    }
}

@media only screen and (max-width:767px) {
    .c-hero .c-subheading,
    .m-hero-item .c-subheading {
        font-size: 18px;
        line-height: 24px;
        padding: 9px 0 3px;
        font-weight: 200;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 48px
    }
}

.c-hero .c-paragraph,
.m-hero-item .c-paragraph {
    font-size: 15px;
    line-height: 20px;
    padding: 24px 0 0;
    font-weight: 400;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px
}

.c-hero .c-product-subtitle,
.c-hero .c-product-title,
.m-hero-item .c-product-subtitle,
.m-hero-item .c-product-title {
    font-size: 34px;
    overflow: hidden;
    box-sizing: content-box;
    line-height: 44px;
    max-height: 88px;
    padding: 0
}

@media only screen and (max-width:1399px) {
    .c-hero .c-product-subtitle,
    .c-hero .c-product-title,
    .m-hero-item .c-product-subtitle,
    .m-hero-item .c-product-title {
        font-size: 24px;
        overflow: hidden;
        box-sizing: content-box;
        line-height: 32px;
        max-height: 64px
    }
}

.c-hero .c-product-title,
.m-hero-item .c-product-title {
    font-weight: 700
}

.c-hero .c-product-subtitle,
.m-hero-item .c-product-subtitle {
    font-weight: 100
}

.c-hero .c-price,
.m-hero-item .c-price {
    font-size: 20px;
    line-height: 24px;
    display: inline-block
}

.c-hero .c-group,
.m-hero-item .c-group {
    display: block;
    overflow: visible
}

.c-hero .c-group>.c-call-to-action,
.m-hero-item .c-group>.c-call-to-action {
    margin-right: 24px
}

.c-hero .c-group>.c-call-to-action+.c-call-to-action,
.m-hero-item .c-group>.c-call-to-action+.c-call-to-action {
    background: 0 0;
    color: #0078D7;
    border-color: transparent;
    border-width: 2px;
    margin-left: -24px;
    margin-right: -24px;
    padding: 10px 43px 7px 25px
}

.c-hero .c-group>.c-call-to-action+.c-call-to-action:focus,
.c-hero .c-group>.c-call-to-action+.c-call-to-action:hover,
.m-hero-item .c-group>.c-call-to-action+.c-call-to-action:focus,
.m-hero-item .c-group>.c-call-to-action+.c-call-to-action:hover {
    background: 0 0;
    border-color: transparent
}

.c-hero .c-group>.c-call-to-action+.c-call-to-action:active,
.m-hero-item .c-group>.c-call-to-action+.c-call-to-action:active {
    background: 0 0;
    text-decoration: none
}

.c-hero .c-group>.c-call-to-action+.c-call-to-action span:hover,
.m-hero-item .c-group>.c-call-to-action+.c-call-to-action span:hover {
    text-decoration: underline
}

.theme-dark .theme-light .c-hero .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-light .m-hero-item .c-group>.c-call-to-action+.c-call-to-action {
    color: #000;
    background: 0 0;
    border-color: transparent
}

.theme-dark .theme-light .c-hero .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-light .m-hero-item .c-group>.c-call-to-action+.c-call-to-action:active {
    color: rgba(0, 0, 0, .6)
}

.theme-dark .theme-light .c-hero .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-light .m-hero-item .c-group>.c-call-to-action+.c-call-to-action:focus {
    outline-color: #000
}

.theme-dark .c-hero .c-group>.c-call-to-action+.c-call-to-action,
.theme-dark .m-hero-item .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,
.theme-light .theme-dark .m-hero-item .c-group>.c-call-to-action+.c-call-to-action {
    color: #FFF;
    background: 0 0;
    border-color: transparent
}

.theme-dark .c-hero .c-group>.c-call-to-action+.c-call-to-action:active,
.theme-dark .m-hero-item .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,
.theme-light .theme-dark .m-hero-item .c-group>.c-call-to-action+.c-call-to-action:active {
    color: rgba(255, 255, 255, .6)
}

.theme-dark .c-hero .c-group>.c-call-to-action+.c-call-to-action:focus,
.theme-dark .m-hero-item .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,
.theme-light .theme-dark .m-hero-item .c-group>.c-call-to-action+.c-call-to-action:focus {
    outline-color: #FFF
}

.c-hero.theme-dark .c-group>.c-call-to-action+.c-call-to-action,
.m-hero-item.theme-dark .c-group>.c-call-to-action+.c-call-to-action {
    color: #FFF
}

.c-hero.theme-light .c-group>.c-call-to-action+.c-call-to-action,
.m-hero-item.theme-light .c-group>.c-call-to-action+.c-call-to-action {
    color: #000
}

.c-hero.theme-dark .c-group.f-accent>.c-call-to-action,
.c-hero.theme-light .c-group.f-accent>.c-call-to-action,
.m-hero-item.theme-dark .c-group.f-accent>.c-call-to-action,
.m-hero-item.theme-light .c-group.f-accent>.c-call-to-action {
    margin-right: 24px
}

.c-hero.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,
.m-hero-item.theme-dark .c-group.f-accent>.c-call-to-action+.c-call-to-action,
.m-hero-item.theme-light .c-group.f-accent>.c-call-to-action+.c-call-to-action {
    color: #0078D7
}

.c-hero.context-app .c-heading,
.m-hero-item.context-app .c-heading {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px
}

@media only screen and (max-width:1399px) {
    .c-hero.context-app .c-heading,
    .m-hero-item.context-app .c-heading {
        white-space: nowrap;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 40px
    }
}

.c-hero.context-article .c-heading,
.m-hero-item.context-article .c-heading {
    font-size: 34px;
    line-height: 40px;
    padding: 38px 0 2px;
    font-weight: 100;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px
}

.c-hero.context-game .c-rating,
.m-hero-item.context-game .c-rating {
    margin-top: 60px
}

.c-hero.context-accessory>div>div>div,
.c-hero.context-article>div>div>div,
.c-hero.context-device>div>div>div,
.c-hero.context-game>div>div>div,
.c-hero.context-music-album .c-product-title,
.m-hero-item.context-accessory>div>div>div,
.m-hero-item.context-article>div>div>div,
.m-hero-item.context-device>div>div>div,
.m-hero-item.context-game>div>div>div,
.m-hero-item.context-music-album .c-product-title {
    margin-top: 12px
}

.c-hero.f-x-left>div>div,
.m-hero-item.f-x-left>div>div {
    left: 0
}

.c-hero.f-x-center,
.m-hero-item.f-x-center {
    text-align: center
}

.c-hero.f-x-center .c-group,
.m-hero-item.f-x-center .c-group {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-hero.f-x-center>div>div,
.m-hero-item.f-x-center>div>div {
    min-width: 50%;
    left: 30%;
    left: calc(50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.c-hero.f-x-center>div>div .c-image,
.m-hero-item.f-x-center>div>div .c-image {
    margin: 0 auto
}

.c-hero.f-x-right>div>div,
.m-hero-item.f-x-right>div>div {
    right: 0
}

.c-hero.f-y-top>div>div,
.m-hero-item.f-y-top>div>div {
    top: 60px
}

@media only screen and (max-width:1399px) {
    .c-hero.context-article .c-heading,
    .m-hero-item.context-article .c-heading {
        font-size: 24px;
        line-height: 28px;
        padding: 36px 0 4px;
        font-weight: 200;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 56px
    }
    .c-hero.context-music-album picture img.c-image,
    .m-hero-item.context-music-album picture img.c-image {
        max-width: 64px
    }
    .c-hero.f-y-top>div>div,
    .m-hero-item.f-y-top>div>div {
        top: 24px
    }
}

.c-hero.f-y-top.f-transparent>div>div,
.m-hero-item.f-y-top.f-transparent>div>div {
    top: 140px
}

@media only screen and (max-width:1083px) {
    .c-hero.f-y-top.f-transparent>div>div,
    .m-hero-item.f-y-top.f-transparent>div>div {
        top: 120px
    }
}

.c-hero.f-y-center .c-heading:first-child,
.m-hero-item.f-y-center .c-heading:first-child {
    padding-top: 0
}

.c-hero.f-y-center>div>div,
.m-hero-item.f-y-center>div>div {
    top: 120px;
    top: calc(50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-hero.f-y-center.f-transparent>div>div,
.m-hero-item.f-y-center.f-transparent>div>div {
    top: 120px;
    top: calc(55%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-hero.f-y-center.f-x-center>div>div,
.m-hero-item.f-y-center.f-x-center>div>div {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-hero.f-y-bottom>div>div,
.m-hero-item.f-y-bottom>div>div {
    bottom: 60px
}

@media only screen and (max-width:1399px) {
    .c-hero.f-y-bottom>div>div,
    .m-hero-item.f-y-bottom>div>div {
        bottom: 48px
    }
}

.c-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position=above],
.c-auto-suggest .c-menu[data-js-auto-suggest-position=above],
.m-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position=above],
.m-auto-suggest .c-menu[data-js-auto-suggest-position=above] {
    bottom: 100%
}

.c-hero[class*=f-mask].theme-light>picture:after,
.m-hero-item[class*=f-mask].theme-light>picture:after {
    background: #FFF
}

.c-hero[class*=f-mask].theme-light.f-x-left.f-y-top>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-light.f-x-left.f-y-center>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-light.f-x-left.f-y-bottom>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-light.f-x-center.f-y-top>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-light.f-x-center.f-y-center>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-light.f-x-center.f-y-bottom>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-light.f-x-right.f-y-top>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-light.f-x-right.f-y-center>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-light.f-x-right.f-y-bottom>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-dark>picture:after,
.m-hero-item[class*=f-mask].theme-dark>picture:after {
    background: #000
}

.c-hero[class*=f-mask].theme-dark.f-x-left.f-y-top>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-dark.f-x-left.f-y-center>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-dark.f-x-left.f-y-bottom>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-dark.f-x-center.f-y-top>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-dark.f-x-center.f-y-center>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-dark.f-x-center.f-y-bottom>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-dark.f-x-right.f-y-top>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-dark.f-x-right.f-y-center>picture:after,
.m-hero-item[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%)
}

.c-hero[class*=f-mask].theme-dark.f-x-right.f-y-bottom>picture:after,
.m-hero-item[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%)
}

.c-hero.f-mask-20>picture:after,
.m-hero-item.f-mask-20>picture:after {
    opacity: .2
}

.c-hero.f-mask-40>picture:after,
.m-hero-item.f-mask-40>picture:after {
    opacity: .4
}

.c-hero.f-mask-60>picture:after,
.m-hero-item.f-mask-60>picture:after {
    opacity: .6
}

.c-hero.f-mask-80>picture:after,
.m-hero-item.f-mask-80>picture:after {
    opacity: .8
}

.c-hero.f-mask-100>picture:after,
.m-hero-item.f-mask-100>picture:after {
    opacity: 1
}

.c-hero .c-video,
.m-hero-item .c-video {
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0
}

.c-hero .c-video>h1,
.m-hero-item .c-video>h1 {
    display: none
}

.c-hero .c-video video,
.m-hero-item .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
}

@media only screen and (max-width:1083px) {
    .c-hero>div>div,
    .m-hero-item>div>div {
        max-width: 440px
    }
}

@media only screen and (max-width:767px) {
    .c-hero .c-subheading,
    .c-hero>div picture,
    .c-hero[class*=f-x][class*=f-y]>picture:after,
    .m-hero-item .c-subheading,
    .m-hero-item>div picture,
    .m-hero-item[class*=f-x][class*=f-y]>picture:after {
        display: none
    }
    .c-hero,
    .m-hero-item {
        height: auto;
        padding: 0;
        text-align: center
    }
    .c-hero[class*=f-x][class*=f-y]>picture img,
    .m-hero-item[class*=f-x][class*=f-y]>picture img {
        top: 0;
        left: 0;
        left: calc(50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .c-hero[class*=f-x][class*=f-y]>div>div,
    .m-hero-item[class*=f-x][class*=f-y]>div>div {
        position: relative;
        margin: 0 auto;
        left: 0;
        top: 0;
        top: calc(50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 100%
    }
    .c-hero>div,
    .m-hero-item>div {
        padding: 12px;
        height: 280px
    }
    .c-hero .c-paragraph,
    .m-hero-item .c-paragraph {
        max-height: 40px
    }
    .c-hero .c-heading,
    .c-hero.context-article .c-heading,
    .m-hero-item .c-heading,
    .m-hero-item.context-article .c-heading {
        font-size: 20px;
        line-height: 24px;
        padding: 35px 0 5px;
        font-weight: 200;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 120px
    }
    .c-hero .c-heading,
    .c-hero.context-app .c-heading,
    .c-hero.context-article .c-heading,
    .m-hero-item .c-heading,
    .m-hero-item.context-app .c-heading,
    .m-hero-item.context-article .c-heading {
        padding-top: 0
    }
    .c-hero>div>div>div,
    .m-hero-item>div>div>div {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .c-hero .c-group>.c-call-to-action,
    .c-hero .c-group>.c-call-to-action+.c-call-to-action,
    .c-hero.theme-dark .c-group.f-accent>.c-call-to-action,
    .c-hero.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-hero.theme-light .c-group.f-accent>.c-call-to-action+.c-call-to-action,
    .m-hero-item .c-group>.c-call-to-action,
    .m-hero-item .c-group>.c-call-to-action+.c-call-to-action,
    .m-hero-item.theme-dark .c-group.f-accent>.c-call-to-action,
    .m-hero-item.theme-dark .c-group.f-accent>.c-call-to-action+.c-call-to-action,
    .m-hero-item.theme-light .c-group.f-accent>.c-call-to-action,
    .m-hero-item.theme-light .c-group.f-accent>.c-call-to-action+.c-call-to-action {
        margin: 0
    }
    .c-hero.context-game .c-rating,
    .m-hero-item.context-game .c-rating {
        margin-top: 12px
    }
    .c-hero.context-music-album .c-product-title,
    .m-hero-item.context-music-album .c-product-title {
        margin-top: 0
    }
}

.m-additional-information [class*=heading],
.m-additional-information [data-grid=col-6]>[data-grid=col-6]>* {
    margin-bottom: 24px
}

@media only screen and (max-width:539px) {
    .c-hero .c-paragraph,
    .c-hero .c-price,
    .c-hero .c-rating,
    .m-hero-item .c-paragraph,
    .m-hero-item .c-price,
    .m-hero-item .c-rating {
        display: none
    }
}

.m-additional-information [data-grid*=col-] {
    display: table-cell;
    float: none;
    min-height: 0;
    width: auto
}

.m-additional-information [data-grid=col-6] {
    width: 50%
}

@media only screen and (min-width:0) {
    .m-additional-information [data-grid*=col-] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .m-additional-information [data-grid=col-6] {
        width: 100%
    }
}

.m-additional-information .c-list {
    margin: 0
}

.m-additional-information .c-content-toggle * {
    margin: 0;
    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
}

.c-alert[role=alert] .c-glyph,
.m-alert[role=alert] .c-glyph {
    float: left;
    top: 0;
    left: 0;
    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
}

.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: 1px;
    margin: 0 10px 0 0;
    padding: 14px 6px;
    z-index: 1;
    float: right;
    color: currentColor
}

.c-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position=default],
.c-auto-suggest .c-menu[data-js-auto-suggest-position=default],
.m-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position=default],
.m-auto-suggest .c-menu[data-js-auto-suggest-position=default] {
    top: 38px
}

.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,
.m-alert[role=alert]>div {
    max-width: 1600px;
    margin: 0 auto;
    padding: 16px 48px 16px 20px;
    float: inherit
}

.c-alert[role=alert]>div>.c-heading,
.m-alert[role=alert]>div>.c-heading {
    font-size: 18px;
    line-height: 24px;
    font-weight: 200;
    padding: 2px 0 8px
}

.c-alert[role=alert]>div>.c-paragraph,
.m-alert[role=alert]>div>.c-paragraph {
    font-size: 13px;
    padding-top: 0;
    margin-right: 15px
}

@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
}

.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;
    line-height: 16px;
    padding-left: 10px;
    padding-right: 10px
}

@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;
        line-height: 16px
    }
}

@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: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: -12px;
        margin-right: -12px
    }
    .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) {
    .m-additional-information [data-grid="col-12 stack-2"] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .c-alert[role=alert]>div>.c-paragraph .c-group,
    .m-alert[role=alert]>div>.c-paragraph .c-group {
        display: inline;
        padding-left: 15px;
        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
}

.m-area-heading {
    text-align: center
}

.m-area-heading:after,
.m-area-heading:before {
    content: " ";
    display: table
}

.m-area-heading .c-heading {
    font-size: 34px;
    line-height: 40px;
    padding-top: 0;
    font-weight: 700
}

@media (max-width:767px) {
    .m-area-heading .c-heading {
        font-size: 26px;
        line-height: 32px
    }
}

.m-area-heading .c-subheading {
    font-size: 20px;
    line-height: 24px;
    padding-top: 8px;
    font-weight: 200
}

@media (max-width:767px) {
    .m-area-heading .c-subheading {
        font-size: 18px;
        line-height: 24px
    }
}

.m-area-heading .c-paragraph {
    font-size: 15px;
    line-height: 20px;
    padding-top: 12px;
    max-width: 100%;
    margin: 0 auto
}

@media only screen and (min-width:540px) {
    .m-additional-information [data-grid="col-12 stack-2"]>[data-grid=col-6] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .m-area-heading .c-paragraph {
        max-width: 80%
    }
}

.c-auto-suggest,
.m-auto-suggest {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    display: block
}

.c-auto-suggest .c-menu,
.m-auto-suggest .c-menu {
    position: absolute;
    background: #FFF;
    border-top: 1px solid;
    border-color: rgba(0, 0, 0, .2)
}

.c-auto-suggest .c-menu .c-menu-item>a,
.c-auto-suggest .c-menu .c-menu-item>span,
.m-auto-suggest .c-menu .c-menu-item>a,
.m-auto-suggest .c-menu .c-menu-item>span {
    background: #FFF
}

.c-auto-suggest .c-menu .c-menu-item>a:hover,
.c-auto-suggest .c-menu .c-menu-item>span:hover,
.m-auto-suggest .c-menu .c-menu-item>a:hover,
.m-auto-suggest .c-menu .c-menu-item>span:hover {
    background: rgba(0, 0, 0, .1)
}

.c-auto-suggest .c-menu[aria-hidden=true],
.m-auto-suggest .c-menu[aria-hidden=true] {
    display: none
}

.c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span,
.m-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span {
    color: rgba(0, 0, 0, .6)
}

.c-auto-suggest .c-menu.f-auto-suggest-scroll,
.m-auto-suggest .c-menu.f-auto-suggest-scroll {
    overflow-y: auto;
    max-height: none
}

.c-label+.c-auto-suggest.c-search,
.c-label+.m-auto-suggest.c-search {
    margin-top: 0
}

a.c-back-to-top,
a.m-back-to-top {
    visibility: hidden
}

@media only screen and (min-width:768px) {
    .m-area-heading .c-paragraph {
        max-width: 60%
    }
    a.c-back-to-top,
    a.m-back-to-top {
        position: fixed;
        bottom: 24px;
        right: 24px;
        width: 48px;
        height: 48px;
        background: rgba(0, 0, 0, .1);
        cursor: pointer;
        visibility: visible;
        float: right;
        padding: 12px;
        z-index: 500;
        opacity: 1;
        transition: opacity .6s cubic-bezier(.19, 1, .22, 1)
    }
    a.c-back-to-top:focus,
    a.c-back-to-top:hover,
    a.m-back-to-top:focus,
    a.m-back-to-top:hover {
        background: rgba(0, 0, 0, .2)
    }
    a.c-back-to-top:focus,
    a.m-back-to-top:focus {
        outline: #000 dashed 1px
    }
    a.c-back-to-top:active,
    a.m-back-to-top:active {
        background: rgba(0, 0, 0, .3)
    }
    a.c-back-to-top .c-glyph.glyph-up,
    a.m-back-to-top .c-glyph.glyph-up {
        font-size: 24px
    }
    a.c-back-to-top .c-glyph.glyph-up:before,
    a.m-back-to-top .c-glyph.glyph-up:before {
        width: 24px;
        height: 24px
    }
    a.c-back-to-top[aria-disabled=true],
    a.m-back-to-top[aria-disabled=true] {
        visibility: hidden;
        opacity: 0;
        transition: visibility .6s cubic-bezier(.19, 1, .22, 1), opacity .6s cubic-bezier(.19, 1, .22, 1)
    }
}

.m-banner {
    display: block;
    text-align: center;
    float: none;
    max-width: 1000px;
    margin: 0 auto
}

.m-banner .c-caption-1 {
    font-size: 18px;
    padding-top: 20px;
    color: rgba(0, 0, 0, .6)
}

.m-banner .c-image {
    margin: 0 auto;
    width: auto;
    max-height: 70px
}

.m-banner .c-image+.c-heading-3 {
    padding-top: 10px
}

.m-banner a.c-call-to-action {
    background: 0 0;
    color: #0078D7;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    margin-left: -24px;
    margin-right: -24px
}

.m-banner a.c-call-to-action:focus,
.m-banner a.c-call-to-action:hover {
    background: 0 0;
    border-color: transparent
}

.m-banner a.c-call-to-action:active {
    background: 0 0;
    text-decoration: none
}

.m-banner a.c-call-to-action span:hover {
    text-decoration: underline
}

.theme-dark .theme-light .m-banner a.c-call-to-action,
.theme-light .m-banner a.c-call-to-action {
    color: #000;
    background: 0 0;
    border-color: transparent
}

.theme-dark .theme-light .m-banner a.c-call-to-action:active,
.theme-light .m-banner a.c-call-to-action:active {
    color: rgba(0, 0, 0, .6)
}

.theme-dark .theme-light .m-banner a.c-call-to-action:focus,
.theme-light .m-banner a.c-call-to-action:focus {
    outline-color: #000
}

.theme-dark .m-banner a.c-call-to-action,
.theme-light .theme-dark .m-banner a.c-call-to-action {
    color: #FFF;
    background: 0 0;
    border-color: transparent
}

.theme-dark .m-banner a.c-call-to-action:active,
.theme-light .theme-dark .m-banner a.c-call-to-action:active {
    color: rgba(255, 255, 255, .6)
}

.theme-dark .m-banner a.c-call-to-action:focus,
.theme-light .theme-dark .m-banner a.c-call-to-action:focus {
    outline-color: #FFF
}

.m-bi-product-placement {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

@media only screen and (min-width:540px) {
    .m-bi-product-placement {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:768px) {
    .m-bi-product-placement {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:1400px) {
    .m-bi-product-placement {
        padding-left: 36px;
        padding-right: 36px
    }
}

.c-compare-chart .c-product-placement img,
.c-compare-chart .m-product-placement-item img,
.m-compare-chart .c-product-placement img,
.m-compare-chart .m-product-placement-item img {
    margin: 0
}

.c-compare-chart .c-product-placement [aria-hidden=true],
.c-compare-chart .m-product-placement-item [aria-hidden=true],
.m-compare-chart .c-product-placement [aria-hidden=true],
.m-compare-chart .m-product-placement-item [aria-hidden=true] {
    visibility: visible
}

.c-compare-chart section .f-row,
.m-compare-chart section .f-row {
    display: inline-block;
    padding-right: 24px;
    margin: 10px 0 0;
    width: 100%
}

.c-compare-chart section .f-icons,
.m-compare-chart section .f-icons {
    margin-bottom: 24px
}

.c-compare-chart section img,
.m-compare-chart section img {
    margin: 5px;
    display: inline-block
}

.c-compare-chart section button,
.m-compare-chart section button {
    color: #FFF;
    background-color: #0078D7;
    margin-bottom: 24px
}

.c-compare-chart section button:focus,
.c-compare-chart section button:hover,
.m-compare-chart section button:focus,
.m-compare-chart section button:hover {
    background-color: #006cc2;
    border-color: rgba(0, 0, 0, .4)
}

.c-compare-chart section button:active,
.m-compare-chart section button:active {
    background-color: #005497;
    border-color: transparent
}

.c-compare-chart section button[disabled],
.m-compare-chart section button[disabled] {
    color: rgba(0, 0, 0, .2);
    background-color: rgba(0, 120, 215, .2);
    border-color: transparent
}

.theme-dark .theme-light .c-compare-chart section button,
.theme-dark .theme-light .m-compare-chart section button,
.theme-light .c-compare-chart section button,
.theme-light .m-compare-chart section button {
    color: #FFF;
    background-color: #000;
    border-color: transparent
}

.theme-dark .theme-light .c-compare-chart section button:focus,
.theme-dark .theme-light .m-compare-chart section button:focus,
.theme-light .c-compare-chart section button:focus,
.theme-light .m-compare-chart section button:focus {
    outline-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.theme-dark .theme-light .c-compare-chart section button:hover,
.theme-dark .theme-light .m-compare-chart section button:hover,
.theme-light .c-compare-chart section button:hover,
.theme-light .m-compare-chart section button:hover {
    background-color: rgba(0, 0, 0, .8)
}

.theme-dark .theme-light .c-compare-chart section button:active,
.theme-dark .theme-light .m-compare-chart section button:active,
.theme-light .c-compare-chart section button:active,
.theme-light .m-compare-chart section button:active {
    background-color: rgba(0, 0, 0, .6)
}

.theme-dark .theme-light .c-compare-chart section button[disabled],
.theme-dark .theme-light .m-compare-chart section button[disabled],
.theme-light .c-compare-chart section button[disabled],
.theme-light .m-compare-chart section button[disabled] {
    background-color: rgba(0, 0, 0, .2);
    color: rgba(0, 0, 0, .2)
}

.theme-dark .c-compare-chart section button,
.theme-dark .m-compare-chart section button,
.theme-light .theme-dark .c-compare-chart section button,
.theme-light .theme-dark .m-compare-chart section button {
    color: #000;
    background-color: #FFF;
    border-color: transparent
}

.theme-dark .c-compare-chart section button:focus,
.theme-dark .m-compare-chart section button:focus,
.theme-light .theme-dark .c-compare-chart section button:focus,
.theme-light .theme-dark .m-compare-chart section button:focus {
    outline-color: #FFF;
    background-color: rgba(255, 255, 255, .8)
}

.theme-dark .c-compare-chart section button:hover,
.theme-dark .m-compare-chart section button:hover,
.theme-light .theme-dark .c-compare-chart section button:hover,
.theme-light .theme-dark .m-compare-chart section button:hover {
    background-color: rgba(255, 255, 255, .8)
}

.theme-dark .c-compare-chart section button:active,
.theme-dark .m-compare-chart section button:active,
.theme-light .theme-dark .c-compare-chart section button:active,
.theme-light .theme-dark .m-compare-chart section button:active {
    background-color: rgba(255, 255, 255, .6)
}

.theme-dark .c-compare-chart section button[disabled],
.theme-dark .m-compare-chart section button[disabled],
.theme-light .theme-dark .c-compare-chart section button[disabled],
.theme-light .theme-dark .m-compare-chart section button[disabled] {
    background-color: rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .2)
}

.c-compare-chart section ul,
.m-compare-chart section ul {
    margin-bottom: 24px
}

.c-compare-chart section .c-call-to-action,
.m-compare-chart section .c-call-to-action {
    margin-top: 15px
}

.c-compare-chart section .c-divider,
.m-compare-chart section .c-divider {
    box-sizing: border-box
}

.c-compare-chart section p,
.m-compare-chart section p {
    margin-bottom: 24px;
    padding: 0;
    display: block
}

.c-compare-chart section [aria-hidden=true],
.m-compare-chart section [aria-hidden=true] {
    visibility: hidden
}

@media only screen and (max-width:768px) {
    .c-compare-chart [data-grid*=col-],
    .m-compare-chart [data-grid*=col-] {
        width: 50%
    }
}

@media only screen and (max-width:539px) {
    .c-compare-chart,
    .m-compare-chart {
        padding: 0 24px
    }
    .c-compare-chart section .f-column .f-row img,
    .m-compare-chart section .f-column .f-row img {
        max-height: 112px;
        max-width: 100%;
        text-align: center
    }
}

.m-rich-content-block>[class*=c-heading]:first-child,
.m-rich-content-block[data-grid~=pad-6x][data-grid~=stack-2]>div [class*=c-heading]:first-child {
    padding-top: 0
}

.m-content-placement {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

@media only screen and (min-width:540px) {
    .m-content-placement {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:768px) {
    .m-content-placement {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:1400px) {
    .m-content-placement {
        padding-left: 36px;
        padding-right: 36px
    }
}

.m-rich-content-block[data-grid~=pad-6x] {
    padding-left: 0;
    padding-right: 0
}

.m-rich-content-block[data-grid~=pad-6x][data-grid~=stack-2]>div+div [class*=c-heading]:first-child {
    padding-top: 48px
}

@media only screen and (min-width:768px) {
    .m-rich-content-block[data-grid~=pad-6x][data-grid~=stack-2]>div+div [class*=c-heading]:first-child {
        padding-top: 0
    }
}

.m-rich-content-block[data-grid~=pad-6x][data-grid~=stack-3]>div [class*=c-heading]:first-child {
    padding-top: 0
}

.m-rich-content-block[data-grid~=pad-6x][data-grid~=stack-3]>div+div [class*=c-heading]:first-child {
    padding-top: 48px
}

@media only screen and (min-width:1084px) {
    .m-rich-content-block[data-grid~=pad-6x][data-grid~=stack-3]>div+div [class*=c-heading]:first-child {
        padding-top: 0
    }
}

@media only screen and (min-width:540px) {
    .m-rich-content-block[data-grid~=pad-6x] {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:768px) {
    .m-rich-content-block[data-grid~=pad-6x] {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 48px
    }
}

@media only screen and (min-width:1400px) {
    .m-rich-content-block[data-grid~=pad-6x] {
        padding-left: 36px;
        padding-right: 36px
    }
}

.m-rich-content-block[data-grid~=pad-12x] {
    padding-left: 30px;
    padding-right: 30px
}

.m-rich-content-block[data-grid~=pad-12x][data-grid~=stack-2]>div [class*=c-heading]:first-child {
    padding-top: 0
}

.m-rich-content-block[data-grid~=pad-12x][data-grid~=stack-2]>div+div [class*=c-heading]:first-child {
    padding-top: 48px
}

@media only screen and (min-width:768px) {
    .m-rich-content-block[data-grid~=pad-12x][data-grid~=stack-2]>div+div [class*=c-heading]:first-child {
        padding-top: 0
    }
}

.m-rich-content-block[data-grid~=pad-12x][data-grid~=stack-3]>div [class*=c-heading]:first-child {
    padding-top: 0
}

.m-rich-content-block[data-grid~=pad-12x][data-grid~=stack-3]>div+div [class*=c-heading]:first-child {
    padding-top: 48px
}

@media only screen and (min-width:1084px) {
    .m-rich-content-block[data-grid~=pad-12x][data-grid~=stack-3]>div+div [class*=c-heading]:first-child {
        padding-top: 0
    }
}

@media screen and (max-width:1778px) {
    .m-rich-content-block[data-grid~=pad-12x] {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (max-width:1399px) {
    .m-rich-content-block[data-grid~=pad-12x] {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (max-width:1083px) {
    .m-rich-content-block[data-grid~=pad-12x] {
        padding-left: 18px;
        padding-right: 18px
    }
}

@media only screen and (max-width:767px) {
    .m-rich-content-block[data-grid~=pad-12x] {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (max-width:539px) {
    .m-rich-content-block[data-grid~=pad-12x] {
        padding-left: 0;
        padding-right: 0
    }
}

.m-device-actions {
    padding-left: 0;
    padding-right: 0;
    margin-top: 24px;
    padding-top: 0
}

.m-device-actions [data-grid=col-6]:first-child {
    padding-right: 12px;
    padding-left: 0
}

.m-device-actions [data-grid=col-6]:first-child .f-row:first-child {
    display: none
}

.m-device-actions [data-grid=col-6] {
    padding-right: 0;
    padding-left: 12px
}

.m-device-actions [data-grid=col-6] .f-row:first-child {
    color: #000
}

.m-device-actions .f-row {
    overflow: hidden;
    color: rgba(0, 0, 0, .6);
    margin-top: 24px
}

.m-device-actions .c-button,
.m-device-actions .f-row .c-meta-text,
.m-device-actions .f-row:first-child {
    margin-top: 0
}

.m-device-actions .f-description {
    overflow: hidden
}

.m-device-actions .f-description [class^=c-paragraph] {
    padding: 0
}

.m-device-actions .f-description .f-battery .c-image,
.m-device-actions .f-description .f-battery [class^=c-paragraph] {
    display: inline-block;
    margin-right: 12px
}

.m-device-actions .f-button {
    float: left;
    padding-right: 24px;
    min-width: 150px;
    margin-bottom: 12px
}

.m-device-actions .c-meta-text {
    display: block;
    margin-top: 24px
}

@media only screen and (max-width:1083px) {
    .m-device-actions {
        padding-left: 12px;
        padding-right: 12px
    }
    .m-device-actions [data-grid=col-6]:first-child {
        padding-top: 0
    }
    .m-device-actions [data-grid=col-6]:first-child .f-row:first-child {
        display: block;
        margin-top: 0;
        margin-bottom: 20px
    }
    .m-device-actions [data-grid=col-6] {
        padding-left: 0;
        margin-bottom: 0
    }
    .m-device-actions [data-grid=col-6] .f-row:first-child {
        display: none
    }
}

@media only screen and (max-width:539px) {
    .m-device-actions .f-button {
        float: none;
        padding-right: 0
    }
    .m-device-actions .c-button {
        width: 100%
    }
    .m-device-actions .f-row:first-child {
        margin-bottom: 0
    }
    .m-device-actions .f-row:first-child .f-button {
        margin-bottom: 20px
    }
}

.f-map {
    width: 100%;
    height: 440px;
    background: #767676
}

@media only screen and (max-width:320px) {
    .f-map {
        height: 260px
    }
}

.m-feature {
    padding-left: 0;
    padding-right: 0;
    padding-top: 48px
}

.m-feature[data-grid~=container] {
    padding-left: 12px;
    padding-right: 12px;
    max-width: 100%
}

@media only screen and (min-width:540px) {
    .m-feature[data-grid~=container] {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:768px) {
    .m-feature+.m-feature {
        padding-top: 0
    }
    .m-feature[data-grid~=container] {
        padding-left: 36px;
        padding-right: 36px
    }
}

@media only screen and (min-width:1400px) {
    .m-feature[data-grid~=container] {
        padding-left: 48px;
        padding-right: 48px
    }
}

.m-feature-channel {
    display: block;
    position: relative;
    height: 240px;
    overflow: hidden;
    padding-top: 0;
    margin-top: 48px
}

.m-feature-channel>.c-image:after {
    display: block;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0
}

.m-feature-channel>.c-image img {
    left: 0;
    max-width: inherit;
    position: absolute
}

.m-feature-channel.theme-dark>.c-image:after {
    background: rgba(0, 0, 0, .6)
}

.m-feature-channel.theme-light>.c-image:after {
    background: rgba(255, 255, 255, .6)
}

.m-feature-channel>section {
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.m-feature-channel>section>.c-group li {
    display: none
}

.m-feature-channel>section .c-call-to-action {
    margin-top: 16px
}

.m-feature-channel>div {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

@media only screen and (max-width:767px) {
    .m-feature-channel>section {
        text-align: center;
        top: calc(50% - 48px)
    }
    .m-feature-channel>section>[class^=c-heading] {
        padding-top: 0
    }
    .m-feature-channel>section>[class^=c-heading] .c-hyperlink,
    .m-feature-channel>section>p {
        display: none
    }
    .m-feature-channel>div {
        background-image: none !important;
        left: 0
    }
}

@media only screen and (min-width:540px) {
    .m-feature-channel {
        height: 260px
    }
}

@media only screen and (min-width:768px) {
    .m-feature-channel {
        height: 370px
    }
    .m-feature-channel>div {
        right: 0;
        width: 669px
    }
    .m-feature-channel.theme-dark>div {
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #333 345px)
    }
    .m-feature-channel.theme-light>div {
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #e6e6e6 345px)
    }
    .m-feature-channel>section {
        padding: 0 48px
    }
    .m-feature-channel>section>[class^=c-heading] {
        padding-top: 90px
    }
    .m-feature-channel>section>[class^=c-heading] .c-hyperlink {
        position: absolute;
        right: 48px;
        top: 24px
    }
    .m-feature-channel>section>[class^=c-heading]+.c-call-to-action {
        margin-top: 24px
    }
    .m-feature-channel>section>p {
        width: calc(100% - 300px)
    }
    .m-feature-channel>section>.c-group {
        position: absolute;
        right: 24px;
        top: 80px
    }
    .m-feature-channel>section>.c-group li:nth-child(-n+2) {
        display: inherit
    }
}

@media only screen and (min-width:1084px) {
    .m-feature-channel {
        height: 370px
    }
    .m-feature-channel>section .c-group li:nth-child(-n+3) {
        display: inherit
    }
    .m-feature-channel>section>p {
        width: calc(100% - 450px)
    }
    .m-feature-channel>div {
        width: 819px
    }
}

@media only screen and (min-width:1400px) {
    .m-feature-channel>section .c-group li:nth-child(-n+5) {
        display: inherit
    }
    .m-feature-channel>section>p {
        width: calc(100% - 750px)
    }
    .m-feature-channel>div {
        width: 1119px
    }
}

@media only screen and (min-width:1779px) {
    .m-feature-channel>section .c-group li:nth-child(-n+7) {
        display: inherit
    }
    .m-feature-channel>section>p {
        width: calc(100% - 1050px)
    }
    .m-feature-channel>div {
        width: 1419px
    }
}

.m-group-call-to-action {
    padding-top: 34px
}

.m-group-call-to-action strong {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 10px
}

@media (max-width:767px) {
    .m-group-call-to-action strong {
        font-size: 16px;
        line-height: 20px
    }
}

.m-group-call-to-action .c-group {
    height: initial;
    position: relative
}

.m-group-call-to-action .c-group .c-call-to-action {
    font-size: 18px;
    line-height: 24px;
    border: 0;
    font-weight: 200
}

@media (max-width:767px) {
    .m-group-call-to-action .c-group .c-call-to-action {
        font-size: 16px;
        line-height: 20px
    }
}

@media only screen and (max-width:767px) {
    .m-group-call-to-action {
        padding-top: 24px
    }
    .m-group-call-to-action strong {
        padding-bottom: 6px
    }
    .m-group-call-to-action .c-call-to-action {
        padding: 6px 0
    }
}

.m-heading-1 .c-heading {
    font-size: 62px;
    line-height: 72px;
    padding: 0 0 6px;
    font-weight: 100;
    letter-spacing: -.01em
}

.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: 0 0 3px;
    font-weight: 100;
    letter-spacing: -.01em
}

.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: 0 0 2px;
    font-weight: 100
}

.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: 0 0 4px;
    font-weight: 200
}

.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: 0 0 5px;
    font-weight: 200
}

.m-heading-5+[class*=m-] {
    padding-top: 15px
}

.m-heading-6 .c-heading {
    font-size: 18px;
    line-height: 24px;
    padding: 0 0 3px;
    font-weight: 200
}

.m-heading-6+[class*=m-] {
    padding-top: 17px
}

[class*=m-heading].f-pivot>a {
    display: inline-block;
    white-space: nowrap;
    padding: 8px 12px;
    color: rgba(0, 0, 0, .6);
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px);
    transform: translateX(-12px)
}

[class*=m-heading].f-pivot+[class^=m-],
[class*=m-heading].f-select+[class^=m-] {
    padding-top: 12px
}

[class*=m-heading].f-pivot>a.f-active {
    color: #000
}

[class*=m-heading].f-pivot>a:hover {
    color: rgba(0, 0, 0, .8)
}

[class*=m-heading].f-pivot>a:focus {
    outline: dashed 1px
}

[class*=m-heading].f-pivot.f-disabled>a {
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

[class*=m-heading].f-select .c-select-menu {
    margin-right: 8px
}

[class*=m-heading] .c-heading a.c-hyperlink {
    font-size: 15px;
    line-height: 20px;
    float: right;
    margin-left: 12px;
    font-weight: 400
}

[class*=m-heading]+.m-content-placement {
    margin-top: -48px
}

[class*=m-heading]+.m-product-placement {
    padding-top: 2px
}

.m-hero {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

@media only screen and (max-width:1083px) {
    .m-hero .c-hero,
    .m-hero .m-hero-item {
        padding-left: 36px;
        padding-right: 36px
    }
}

@media only screen and (max-width:767px) {
    .m-hero .c-hero,
    .m-hero .m-hero-item {
        padding-left: 0;
        padding-right: 0
    }
}

[class^=m-]+.m-hero {
    padding-top: 48px
}

.c-histogram:after,
.c-histogram:before,
.m-histogram:after,
.m-histogram:before {
    content: " ";
    display: table
}

.c-histogram>div:first-child,
.m-histogram>div:first-child {
    float: left
}

.c-histogram>div:first-child>div>span,
.m-histogram>div:first-child>div>span {
    margin-left: 4px
}

.c-histogram>div:first-child>span,
.m-histogram>div:first-child>span {
    font-size: 135px;
    line-height: 1;
    letter-spacing: -5px;
    font-weight: 100
}

.c-histogram>ul,
.m-histogram>ul {
    overflow: hidden;
    padding-left: 28px;
    margin-top: 26px
}

.c-histogram>ul li,
.m-histogram>ul li {
    margin-bottom: 14px
}

.c-histogram>ul a,
.m-histogram>ul a {
    font-size: 13px;
    display: block;
    line-height: 1
}

.c-histogram>ul a>div,
.m-histogram>ul a>div {
    display: inline-block;
    margin-left: 6px;
    width: calc(100% - 85px)
}

.c-histogram>ul a>div>div,
.m-histogram>ul a>div>div {
    height: 12px;
    position: relative;
    background-color: #0078D7;
    -ms-high-contrast-adjust: none
}

.c-histogram>ul a>div>div span,
.m-histogram>ul a>div>div span {
    position: absolute;
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    padding-left: 4px
}

.c-histogram>ul .c-glyph,
.m-histogram>ul .c-glyph {
    margin-left: 1px
}

.c-histogram>ul .c-glyph:after,
.m-histogram>ul .c-glyph:after {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    content: ""
}

@media only screen and (max-width:539px) {
    .c-histogram>div:first-child,
    .m-histogram>div:first-child {
        float: none
    }
    .c-histogram>ul,
    .m-histogram>ul {
        padding-left: 0
    }
}

.m-hyperlink-group {
    padding-left: 0;
    padding-right: 0
}

.m-hyperlink-group>div {
    text-align: center;
    padding: 0 12.5% 19px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -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 {
    font-size: 20px;
    line-height: 24px;
    padding: 35px 0 1.64px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 48px;
    font-weight: 700
}

.m-hyperlink-group>div .c-hyperlink {
    font-size: 18px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 24px;
    padding: 10px 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.f-background-accent {
    background: #0078D7
}

.m-hyperlink-group>div.f-background-neutral-00 {
    background: #FFF
}

.m-hyperlink-group>div.f-background-neutral-10 {
    background: #E3E3E3
}

.m-hyperlink-group>div.f-background-neutral-20 {
    background: #C8C8C8
}

.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: #767676
}

.m-hyperlink-group>div.f-background-neutral-65 {
    background: #5E5E5E
}

.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,
.m-hyperlink-group>div.f-brand-neutral-100 {
    background: #000
}

.theme-dark .theme-light .m-hyperlink-group>div,
.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%
}

.m-hyperlink-group-content-placement {
    padding-left: 0;
    padding-right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: initial
}

.m-hyperlink-group-content-placement [data-grid] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    float: none;
    min-height: 0;
    width: auto
}

.m-image:after,
.m-image:before,
.m-media:after,
.m-media:before {
    content: " ";
    display: table
}

.m-hyperlink-group-content-placement .m-content-placement-item,
.m-hyperlink-group-content-placement>[data-grid*=col-] .m-hyperlink-group>div {
    width: 100%
}

@media only screen and (min-width:540px) {
    .m-hyperlink-group-content-placement [data-grid] {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%
    }
}

@media only screen and (min-width:1084px) {
    .m-hyperlink-group-content-placement {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .m-hyperlink-group-content-placement>[data-grid*=col-] {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media only screen and (min-width:540px) {
    .m-hyperlink-group-content-placement>[data-grid*=col-]>[data-grid*=col-] {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
    .m-hyperlink-group-content-placement>[data-grid*=col-] .m-hyperlink-group [class^=c-heading] {
        padding-top: 0
    }
    .m-hyperlink-group-content-placement {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:768px) {
    .m-hyperlink-group-content-placement {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:1400px) {
    .m-hyperlink-group-content-placement {
        padding-left: 36px;
        padding-right: 36px
    }
}

.m-image {
    padding: 48px 0 0
}

.m-image.f-lean {
    padding: 0
}

.m-in-page-navigation,
.m-link-navigation {
    padding-top: 0
}

.m-media {
    padding: 0 0 4px
}

.m-media .c-image {
    float: left;
    margin-right: 12px
}

.m-media [class*=c-heading],
.m-media [class*=c-paragraph],
.m-media [class*=c-subheading] {
    float: left;
    width: calc(100% - 60px);
    padding: 0 24px 0 0
}

@media only screen and (min-width:539px) {
    .m-media [class*=c-heading] {
        float: none;
        display: inline-block
    }
}

.m-mosaic {
    padding-left: 0;
    padding-right: 0
}

.m-multi-column>.c-list,
.m-multi-column>div {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px
}

.m-multi-column>.c-list>li {
    padding: 1px 0
}

.m-multi-column>.c-list>li a.c-hyperlink {
    padding: 7px 0;
    display: inline-block
}

.m-multi-column.f-columns-1>.c-list,
.m-multi-column.f-columns-1>div,
.m-multi-column.f-columns-2>.c-list,
.m-multi-column.f-columns-2>div,
.m-multi-column.f-columns-3>.c-list,
.m-multi-column.f-columns-3>div,
.m-multi-column.f-columns-4>.c-list,
.m-multi-column.f-columns-4>div,
.m-multi-column.f-columns-5>.c-list,
.m-multi-column.f-columns-5>div,
.m-multi-column>.c-list,
.m-multi-column>div {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1
}

@media only screen and (min-width:540px) {
    .m-multi-column.f-columns-2>.c-list,
    .m-multi-column.f-columns-2>div,
    .m-multi-column.f-columns-3>.c-list,
    .m-multi-column.f-columns-3>div,
    .m-multi-column.f-columns-4>.c-list,
    .m-multi-column.f-columns-4>div,
    .m-multi-column.f-columns-5>.c-list,
    .m-multi-column.f-columns-5>div {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2
    }
}

@media only screen and (min-width:768px) {
    .m-multi-column.f-columns-3>.c-list,
    .m-multi-column.f-columns-3>div,
    .m-multi-column.f-columns-4>.c-list,
    .m-multi-column.f-columns-4>div,
    .m-multi-column.f-columns-5>.c-list,
    .m-multi-column.f-columns-5>div {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3
    }
}

@media only screen and (min-width:1400px) {
    .m-multi-column.f-columns-4>.c-list,
    .m-multi-column.f-columns-4>div,
    .m-multi-column.f-columns-5>.c-list,
    .m-multi-column.f-columns-5>div {
        -webkit-columns: 4;
        -moz-columns: 4;
        columns: 4
    }
}

@media only screen and (min-width:1779px) {
    .m-multi-column.f-columns-5>.c-list,
    .m-multi-column.f-columns-5>div {
        -webkit-columns: 5;
        -moz-columns: 5;
        columns: 5
    }
}

.m-page-bar {
    position: relative;
    min-width: inherit;
    padding-top: 0;
    background: #FFF;
    border-bottom: 1px solid #E3E3E3
}

.m-page-bar.f-hidden {
    display: none
}

.m-page-bar.f-sticky {
    z-index: 500;
    visibility: hidden;
    position: fixed;
    top: -60px;
    transition: all .4s cubic-bezier(.19, 1, .22, 1)
}

.m-page-bar.f-sticky.f-show {
    visibility: visible;
    top: 0
}

.m-page-bar>div {
    height: 60px;
    width: 30%;
    float: right
}

.m-page-bar>div:before {
    content: ' ';
    height: 100%
}

.m-page-bar>div:first-child {
    width: 70%;
    float: left
}

.m-page-bar>div [class^=c-heading-] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 0;
    margin-right: 24px
}

.m-page-bar>div [class^=c-heading-] .c-hyperlink {
    float: none
}

.m-page-bar>div .context-menu [class^=c-heading-] {
    float: left;
    padding-top: 5px
}

.m-page-bar>div .context-menu [class^=c-heading-]+.c-list li:first-child {
    margin-left: 24px
}

.m-page-bar>div .context-menu .c-list {
    margin: 0;
    white-space: nowrap
}

.m-page-bar>div .context-menu .c-list li {
    display: inline-block;
    margin: 0 24px
}

.m-page-bar>div .context-menu .c-list li.f-active .c-hyperlink {
    color: #000
}

.m-page-bar>div .context-menu .c-list li .c-hyperlink {
    color: #5E5E5E
}

.m-page-bar>div .context-menu .c-list li .c-hyperlink:hover {
    text-decoration: none
}

.m-page-bar>div>div {
    width: 95%;
    float: none
}

.m-page-bar>div>div>div {
    float: left;
    width: inherit
}

.m-page-bar>div>div>div+div {
    display: block;
    width: 100%
}

.m-page-bar>div>div>div>.c-hyperlink {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin: 0
}

.m-page-bar>div>.c-price {
    width: initial;
    float: right;
    padding: 20px 0;
    margin: 0 12px
}

.m-page-bar>div>.c-call-to-action {
    float: right;
    margin: 10px 0 10px 12px;
    max-width: 90%
}

@media only screen and (max-width:1083px) {
    .m-page-bar>div {
        width: 40%
    }
    .m-page-bar>div:first-child {
        width: 60%
    }
}

@media only screen and (max-width:767px) {
    .m-page-bar {
        width: 100%
    }
    .m-page-bar>div .context-menu [class^=c-heading-] {
        padding-top: 8px
    }
}

@media only screen and (max-width:539px) {
    .m-page-bar>div,
    .m-page-bar>div:first-child {
        width: 50%
    }
    .m-page-bar>div>.c-price {
        display: none
    }
}

.c-pagination,
.m-pagination {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0;
    margin-top: 24px
}

.c-pagination li,
.m-pagination li {
    display: inline-block;
    margin-right: 12px
}

.c-pagination li>a,
.c-pagination li>span,
.m-pagination li>a,
.m-pagination li>span {
    display: inline-block;
    padding: 5px 11px;
    outline: transparent solid 1px;
    white-space: nowrap
}

.c-pagination li>a:focus,
.c-pagination li>span:focus,
.m-pagination li>a:focus,
.m-pagination li>span:focus {
    background-color: rgba(0, 0, 0, .1);
    outline: #000 dashed 1px
}

.c-pagination li>a:hover,
.m-pagination li>a:hover {
    background-color: rgba(0, 0, 0, .1);
    outline-color: rgba(0, 0, 0, .1)
}

.c-pagination li>a:active,
.m-pagination li>a:active {
    background-color: rgba(0, 0, 0, .3);
    outline: rgba(0, 0, 0, .3) solid 1px
}

.c-pagination li.f-active>a,
.c-pagination li.f-active>span,
.m-pagination li.f-active>a,
.m-pagination li.f-active>span {
    outline-color: #0078D7
}

.c-pagination li.f-hide,
.m-pagination li.f-hide {
    display: none
}

.c-pagination li:first-child .c-glyph:before,
.m-pagination li:first-child .c-glyph:before {
    content: "";
    vertical-align: -2px;
    margin-right: 8px
}

.c-pagination li:last-child,
.m-pagination li:last-child {
    margin-right: 0
}

.c-pagination li:last-child .c-glyph:after,
.m-pagination li:last-child .c-glyph:after {
    content: "";
    vertical-align: -2px;
    margin-left: 8px
}

@media only screen and (max-width:539px) {
    .c-pagination li,
    .m-pagination li {
        margin-right: 0
    }
    .c-pagination li:first-child a,
    .c-pagination li:last-child a,
    .m-pagination li:first-child a,
    .m-pagination li:last-child a {
        position: relative;
        display: inline
    }
    .c-pagination li:first-child span,
    .c-pagination li:last-child span,
    .m-pagination li:first-child span,
    .m-pagination li:last-child span {
        height: 0;
        overflow: hidden;
        position: absolute
    }
    .c-pagination li:first-child .c-glyph:after,
    .c-pagination li:first-child .c-glyph:before,
    .c-pagination li:last-child .c-glyph:after,
    .c-pagination li:last-child .c-glyph:before,
    .m-pagination li:first-child .c-glyph:after,
    .m-pagination li:first-child .c-glyph:before,
    .m-pagination li:last-child .c-glyph:after,
    .m-pagination li:last-child .c-glyph:before {
        top: 8px
    }
}

.m-ratings-and-reviews .context-filter,
.m-ratings-and-reviews .context-sort {
    padding-right: 24px
}

.m-ratings-and-reviews .context-response {
    padding-top: 24px
}

.m-ratings-and-reviews .context-response>div {
    position: relative;
    padding-left: 24px
}

.m-ratings-and-reviews .context-response>div:before {
    font-family: MWF-MDL2;
    content: "";
    position: absolute;
    left: 0;
    top: 0
}

.m-ratings-and-reviews .context-response>div .c-content-toggle p {
    padding-top: 10px
}

.m-ratings-and-reviews .context-helpful-select {
    padding-top: 24px
}

.m-ratings-and-reviews .context-helpful-select .c-meta-text {
    padding-right: 13px
}

.m-ratings-and-reviews .context-helpful-select .c-group {
    display: inline-block;
    vertical-align: bottom
}

.m-ratings-and-reviews .context-helpful-select .c-group button {
    display: inline-block;
    color: #0078D7;
    border: 0;
    background: 0 0;
    padding: 0;
    min-width: inherit;
    margin: 0 13px;
    vertical-align: inherit
}

.m-ratings-and-reviews .context-helpful-select .c-group button:hover {
    text-decoration: underline
}

.m-ratings-and-reviews .context-helpful-select .c-group button:active {
    text-decoration: none;
    color: #006cc2
}

.m-ratings-and-reviews .context-helpful-select .c-group button:focus {
    outline: #000 dashed 1px
}

.m-ratings-and-reviews .c-histogram,
.m-ratings-and-reviews .m-histogram {
    padding-left: 0;
    padding-right: 0;
    padding-top: 22px
}

.m-ratings-and-reviews .c-divider {
    margin-top: 48px
}

.m-ratings-and-reviews .c-divider+span {
    padding: 8px 0 8px 8px;
    float: right
}

.m-ratings-and-reviews .c-heading-4 {
    padding-top: 48px
}

.m-ratings-and-reviews [data-grid=col-3] .c-rating {
    padding-top: 18px
}

.m-ratings-and-reviews [data-grid=col-3] .c-paragraph-3 {
    padding: 0
}

.m-ratings-and-reviews [data-grid=col-3] .c-paragraph-3+.c-paragraph-3 {
    padding: 8px 0 0
}

.m-ratings-and-reviews [data-grid=col-3] .c-meta-text {
    padding-top: 8px
}

.m-ratings-and-reviews [data-grid=col-9] .c-heading-6 {
    font-weight: 400;
    padding: 22px 0 5px
}

.m-ratings-and-reviews [data-grid=col-9] .c-heading-6+.c-content-toggle p {
    padding-top: 0
}

@media only screen and (max-width:539px) {
    .m-ratings-and-reviews .c-histogram,
    .m-ratings-and-reviews .m-histogram {
        padding-top: 8px
    }
    .m-ratings-and-reviews button+[data-grid=col-12] .c-heading-4 {
        padding-top: 48px
    }
    .m-ratings-and-reviews .c-heading-4 {
        padding-top: 28px
    }
    .m-ratings-and-reviews .c-select-menu,
    .m-ratings-and-reviews .context-filter {
        display: block
    }
    .m-ratings-and-reviews .context-sort+.c-select-menu {
        display: inline-block
    }
    .m-ratings-and-reviews .context-helpful-select .c-meta-text,
    .m-ratings-and-reviews [data-grid=col-9] .context-response>div span {
        display: block
    }
    .m-ratings-and-reviews .c-divider {
        margin-top: 28px
    }
    .m-ratings-and-reviews .c-divider+span {
        float: none;
        display: block;
        padding: 8px 8px 8px 0
    }
    .m-ratings-and-reviews .context-filter {
        padding: 12px 0 8px
    }
    .m-ratings-and-reviews .context-helpful-select .c-group button:first-child {
        margin-left: 0
    }
    .m-ratings-and-reviews [data-grid=col-9] .c-heading-6 {
        padding: 14px 0 4px
    }
    .m-ratings-and-reviews [data-grid=col-9] .c-content-toggle p {
        padding: 0
    }
    .m-ratings-and-reviews [data-grid=col-9] .c-meta-text {
        padding: 20px 0 24px
    }
    .m-ratings-and-reviews [data-grid=col-9] .context-helpful-select .c-meta-text {
        padding: 20px 0 14px
    }
    .m-ratings-and-reviews [data-grid=col-9] .context-response {
        padding-top: 24px
    }
    .m-ratings-and-reviews [data-grid=col-9] .context-response>div {
        position: relative;
        padding-left: 24px
    }
    .m-ratings-and-reviews [data-grid=col-9] .context-response>div .c-content-toggle p {
        padding-top: 12px
    }
    .m-ratings-and-reviews [data-grid=col-9] .context-response>div:before {
        font-family: MWF-MDL2;
        content: "";
        position: absolute;
        left: 0;
        top: 0
    }
}

.m-refinements>div[data-grid=col-3] {
    margin-top: 35px
}

.m-refinements>div+div {
    margin-top: 36px;
    padding-left: 75px
}

.m-refinements>div+div>h1 {
    padding-top: 12px;
    padding-bottom: 8px
}

.m-refinements>div+div section {
    display: inline-block
}

.m-rich-heading {
    display: block;
    height: 200px;
    position: relative;
    padding-top: 0;
    margin-top: 48px
}

.m-rich-heading.f-image {
    width: 100%;
    height: 200px;
    background: #000;
    color: #FFF
}

.m-rich-heading>div {
    position: relative;
    width: 50%;
    float: left
}

.m-rich-heading>picture.c-image img {
    height: 200px;
    width: 400px;
    position: absolute;
    right: 0
}

.m-rich-heading>picture.c-image:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: 285px;
    width: 115px;
    height: 200px;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #000 100%)
}

.m-rich-heading .c-paragraph-3 {
    overflow: hidden;
    box-sizing: content-box;
    max-height: 40px
}

.m-rich-heading .c-heading {
    font-size: 34px;
    line-height: 40px;
    padding: 38px 0 2px;
    font-weight: 100;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px
}

.m-rich-heading.theme-light.f-brand-neutral-10 {
    background: #E3E3E3
}

.m-rich-heading.theme-light.f-brand-neutral-20 {
    background: #C8C8C8
}

.m-rich-heading.theme-light.f-brand-neutral-30 {
    background: #ACACAC
}

.m-rich-heading.theme-dark.f-accent {
    background: #0078D7
}

.m-rich-heading.theme-dark.f-brand-neutral-45 {
    background: #919191
}

.m-rich-heading.theme-dark.f-brand-neutral-55 {
    background: #767676
}

.m-rich-heading.theme-dark.f-brand-neutral-65 {
    background: #5E5E5E
}

.m-rich-heading.theme-dark.f-brand-neutral-75 {
    background: #464646
}

.m-rich-heading.theme-dark.f-brand-neutral-80 {
    background: #2F2F2F
}

.m-rich-heading.theme-dark.f-brand-neutral-90 {
    background: #171717
}

.m-rich-heading.theme-dark.f-brand-neutral-100 {
    background: #000
}

.m-rich-heading .c-logo {
    position: absolute;
    right: 48px;
    width: 200px;
    height: 130px;
    margin-top: 32px;
    margin-bottom: 32px
}

.m-rich-heading .c-logo>.c-image {
    width: 100%;
    max-width: 200px;
    max-height: 130px
}

@media only screen and (max-width:1083px) {
    .m-rich-heading .c-heading {
        font-size: 24px;
        line-height: 28px;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 56px
    }
    .m-rich-heading .c-logo {
        right: 36px
    }
}

@media only screen and (max-width:767px) {
    .m-rich-heading>div {
        width: 100%;
        float: none
    }
    .m-rich-heading .c-logo,
    .m-rich-heading .c-paragraph-3 {
        display: none
    }
    .m-rich-heading .c-heading {
        padding: 8px
    }
    .m-rich-heading.theme-dark,
    .m-rich-heading.theme-light {
        height: auto
    }
    .m-rich-heading>picture.c-image {
        z-index: -1
    }
    .m-rich-heading>picture.c-image+div {
        height: 200px
    }
    .m-rich-heading>picture.c-image+div .c-heading {
        position: absolute;
        bottom: 40px;
        z-index: 1
    }
    .m-rich-heading>picture.c-image:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .4)
    }
}

@media only screen and (max-width:539px) {
    .m-rich-heading>picture.c-image:after {
        right: 0;
        left: 0;
        width: 100%;
        background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #000 80%)
    }
    .m-rich-heading>picture.c-image:before {
        background: rgba(255, 255, 255, 0)
    }
}

.m-product-placement {
    padding-top: 12px
}

.m-product-placement .c-hyperlink[aria-hidden=true] {
    visibility: hidden
}

.m-product-placement.f-artist a>div {
    height: inherit
}

.m-product-placement .c-carousel .c-flipper.f-left,
.m-product-placement .c-carousel .c-flipper.f-previous {
    left: -24px
}

.m-product-placement .c-carousel .c-flipper.f-next,
.m-product-placement .c-carousel .c-flipper.f-right {
    right: -24px
}

.m-product-placement .c-carousel .c-group {
    vertical-align: top
}

.m-product-placement.f-song .c-track-list-placement .c-explicit>span {
    display: inline
}

.m-product-placement.f-song .c-track-list-placement .c-explicit>span+span {
    display: none
}

.m-search-help .c-heading-5 {
    padding: 12px 0 24px
}

.m-search-help span,
.m-search-help ul li {
    padding: 2px 0
}

.m-search-help .f-column {
    padding-right: 24px
}

.m-search-help .c-search {
    max-width: initial;
    margin: 46px 0 84px
}

@media only screen and (max-width:539px) {
    .m-product-placement .c-carousel .c-flipper {
        visibility: hidden
    }
    .m-product-placement .c-carousel .c-flipper.f-left,
    .m-product-placement .c-carousel .c-flipper.f-previous {
        left: 0
    }
    .m-product-placement .c-carousel .c-flipper.f-next,
    .m-product-placement .c-carousel .c-flipper.f-right {
        right: 0
    }
    .m-product-placement .c-carousel:hover .c-flipper {
        visibility: visible
    }
    .m-search-help .c-heading-5 {
        padding: 12px 0 8px
    }
}

.m-search-results [class^=c-heading-] {
    padding-top: 0
}

.m-search-results>div:last-child {
    padding: 24px 0
}

.m-search-results .c-hyperlink {
    display: block
}

.m-search-results .f-result-item,
.m-search-results .f-result-item-details {
    padding-top: 24px
}

.m-search-results .f-result-item-details {
    padding-left: 24px
}

.m-search-results .f-hyperlink {
    font-weight: 400;
    line-height: 20px
}

.m-search-results h3.f-hyperlink {
    font-size: 20px;
    line-height: 24px;
    padding-top: 0;
    font-weight: 200
}

@media (max-width:767px) {
    .m-search-results h3.f-hyperlink {
        font-size: 18px;
        line-height: 24px
    }
}

.m-search-results span.f-hyperlink .c-hyperlink {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 24px;
    padding-bottom: 1.64px;
    color: #107C10
}

.m-search-results p {
    color: rgba(0, 0, 0, .6);
    padding-top: 0
}

@media only screen and (max-width:539px) {
    .m-search-results .f-result-item-details {
        padding: 0
    }
}

a.m-skip-to-main,
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:active,
a.m-skip-to-main:focus {
    background: #E3E3E3;
    color: #0078D7;
    position: fixed;
    top: 0;
    left: 0;
    padding: 24px;
    width: 100%;
    height: auto;
    overflow: auto;
    outline: 0;
    text-decoration: underline;
    text-align: center;
    z-index: 700
}

.m-social {
    padding: 0
}

.c-social,
.m-social {
    display: block;
    margin-top: 48px
}

.c-social.f-facebook>div,
.c-social.f-pinterest>div,
.c-social.f-twitter>div,
.m-social.f-facebook>div,
.m-social.f-pinterest>div,
.m-social.f-twitter>div {
    display: inline-block;
    margin-right: 24px
}

.c-social>span,
.m-social>span {
    font-size: 11px;
    line-height: 16px;
    color: rgba(0, 0, 0, .6)
}

.c-social>a,
.c-social>ul>li>a,
.m-social>a,
.m-social>ul>li>a {
    position: relative;
    width: 32px;
    height: 32px
}

.c-social>a:hover:before,
.c-social>ul>li>a:hover:before,
.m-social>a:hover:before,
.m-social>ul>li>a:hover:before {
    background: rgba(0, 0, 0, .1)
}

.c-social>a:focus,
.c-social>ul>li>a:focus,
.m-social>a:focus,
.m-social>ul>li>a:focus {
    outline: #000 dashed 1px
}

.c-social>a:before,
.c-social>ul>li>a:before,
.m-social>a:before,
.m-social>ul>li>a:before {
    background: 0 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.c-social>a>img,
.c-social>ul>li>a>img,
.m-social>a>img,
.m-social>ul>li>a>img {
    width: 32px;
    height: 32px
}

.c-social.f-follow ul>li>a:hover:before,
.c-social.f-follow>a:hover:before,
.c-social.f-share ul>li>a:hover:before,
.c-social.f-share>a:hover:before,
.m-social.f-follow ul>li>a:hover:before,
.m-social.f-follow>a:hover:before,
.m-social.f-share ul>li>a:hover:before,
.m-social.f-share>a:hover:before {
    background: rgba(255, 255, 255, 0)
}

.c-social.f-follow ul>li>a:active,
.c-social.f-follow>a:active,
.c-social.f-share ul>li>a:active,
.c-social.f-share>a:active,
.m-social.f-follow ul>li>a:active,
.m-social.f-follow>a:active,
.m-social.f-share ul>li>a:active,
.m-social.f-share>a:active {
    outline: 0
}

.c-social.f-follow ul>li>a>img,
.c-social.f-follow>a>img,
.c-social.f-share ul>li>a>img,
.c-social.f-share>a>img,
.m-social.f-follow ul>li>a>img,
.m-social.f-follow>a>img,
.m-social.f-share ul>li>a>img,
.m-social.f-share>a>img {
    opacity: .6
}

.c-social.f-follow ul>li>a>img:focus,
.c-social.f-follow ul>li>a>img:hover,
.c-social.f-follow>a>img:focus,
.c-social.f-follow>a>img:hover,
.c-social.f-share ul>li>a>img:focus,
.c-social.f-share ul>li>a>img:hover,
.c-social.f-share>a>img:focus,
.c-social.f-share>a>img:hover,
.m-social.f-follow ul>li>a>img:focus,
.m-social.f-follow ul>li>a>img:hover,
.m-social.f-follow>a>img:focus,
.m-social.f-follow>a>img:hover,
.m-social.f-share ul>li>a>img:focus,
.m-social.f-share ul>li>a>img:hover,
.m-social.f-share>a>img:focus,
.m-social.f-share>a>img:hover {
    opacity: .8
}

.c-social.f-follow ul>li>a>img:active,
.c-social.f-follow>a>img:active,
.c-social.f-share ul>li>a>img:active,
.c-social.f-share>a>img:active,
.m-social.f-follow ul>li>a>img:active,
.m-social.f-follow>a>img:active,
.m-social.f-share ul>li>a>img:active,
.m-social.f-share>a>img:active {
    opacity: 1
}

.c-social button,
.m-social button {
    width: 32px;
    height: 32px;
    border: 0;
    background-color: transparent;
    padding: 0;
    color: rgba(0, 0, 0, .6);
    vertical-align: middle
}

.c-social button[aria-hidden=true],
.m-social button[aria-hidden=true] {
    display: none
}

.c-social button:focus,
.m-social button:focus {
    outline: #000 dashed 1px
}

.c-social .f-hide,
.m-social .f-hide {
    display: none !important
}

.c-social.f-horizontal ul>li>a,
.c-social.f-horizontal>a,
.m-social.f-horizontal ul>li>a,
.m-social.f-horizontal>a {
    display: inline-block;
    margin-right: 12px
}

.c-social.f-horizontal ul>li,
.m-social.f-horizontal ul>li {
    float: left
}

.c-social.f-horizontal button[aria-hidden=false],
.m-social.f-horizontal button[aria-hidden=false] {
    display: inline-block
}

.c-social.f-horizontal button.c-glyph[aria-expanded=false]:after,
.c-social.f-horizontal button.c-glyph[data-js-toggle=false]:after,
.m-social.f-horizontal button.c-glyph[aria-expanded=false]:after,
.m-social.f-horizontal button.c-glyph[data-js-toggle=false]:after {
    content: ""
}

.c-social.f-horizontal button.c-glyph[aria-expanded=true]:after,
.c-social.f-horizontal button.c-glyph[data-js-toggle=true]:after,
.m-social.f-horizontal button.c-glyph[aria-expanded=true]:after,
.m-social.f-horizontal button.c-glyph[data-js-toggle=true]:after {
    content: ""
}

.c-social.f-vertical ul>li>a,
.c-social.f-vertical>a,
.m-social.f-vertical ul>li>a,
.m-social.f-vertical>a {
    display: block;
    margin-bottom: 12px;
    margin-right: 0
}

.c-social.f-vertical button[aria-hidden=false],
.m-social.f-vertical button[aria-hidden=false] {
    display: block
}

.c-social.f-vertical button.c-glyph[aria-expanded=false]:after,
.c-social.f-vertical button.c-glyph[data-js-toggle=false]:after,
.m-social.f-vertical button.c-glyph[aria-expanded=false]:after,
.m-social.f-vertical button.c-glyph[data-js-toggle=false]:after {
    font-family: MWF-MDL2;
    content: ""
}

.c-social.f-vertical button.c-glyph[aria-expanded=true]:after,
.c-social.f-vertical button.c-glyph[data-js-toggle=true]:after,
.m-social.f-vertical button.c-glyph[aria-expanded=true]:after,
.m-social.f-vertical button.c-glyph[data-js-toggle=true]:after {
    font-family: MWF-MDL2;
    content: ""
}

@media only screen and (max-width:767px) {
    .c-social,
    .m-social {
        margin-top: 36px
    }
}

.c-supplemental-nav,
.m-supplemental-nav>nav {
    margin-top: 32px
}

.c-supplemental-nav a,
.c-supplemental-nav span,
.m-supplemental-nav>nav a,
.m-supplemental-nav>nav span {
    display: block;
    margin-bottom: 30px;
    color: rgba(0, 0, 0, .6)
}

.c-supplemental-nav a:hover,
.c-supplemental-nav span:hover,
.m-supplemental-nav>nav a:hover,
.m-supplemental-nav>nav span:hover {
    cursor: pointer
}

.c-supplemental-nav a.active,
.m-supplemental-nav>nav a.active {
    color: #000
}

.c-supplemental-nav a focus,
.c-supplemental-nav a:hover,
.m-supplemental-nav>nav a focus,
.m-supplemental-nav>nav a:hover {
    color: rgba(0, 0, 0, .8)
}

.c-supplemental-nav a:focus,
.m-supplemental-nav>nav a:focus {
    outline: dashed 1px
}

.c-supplemental-nav a.f-active,
.m-supplemental-nav>nav a.f-active {
    color: #000
}

.c-supplemental-nav a.f-disabled,
.m-supplemental-nav>nav a.f-disabled {
    color: rgba(0, 0, 0, .2);
    cursor: not-allowed
}

.c-supplemental-nav>nav>a+nav,
.m-supplemental-nav>nav>nav>a+nav {
    height: 0;
    overflow: hidden
}

.c-supplemental-nav>nav>a:first-child,
.c-supplemental-nav>nav>span:first-child,
.m-supplemental-nav>nav>nav>a:first-child,
.m-supplemental-nav>nav>nav>span:first-child {
    margin-left: 0;
    margin-bottom: 16px
}

.c-supplemental-nav>nav a,
.m-supplemental-nav>nav>nav a {
    margin-left: 20px;
    margin-bottom: 16px
}

.m-supplemental-nav {
    padding-top: 0
}

.m-system-requirements {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px
}

.m-system-requirements .c-table tr:before {
    width: 0
}

.m-system-requirements .c-table td {
    min-width: 120px;
    padding-left: 0;
    vertical-align: text-top
}

.m-system-requirements .c-table td:first-child {
    font-weight: 700
}

@media screen and (max-width:1778px) {
    .m-system-requirements {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (max-width:1399px) {
    .m-system-requirements {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (max-width:1083px) {
    .m-system-requirements {
        padding-left: 18px;
        padding-right: 18px
    }
}

@media only screen and (max-width:767px) {
    .m-system-requirements {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (max-width:539px) {
    .m-system-requirements {
        padding-left: 0;
        padding-right: 0
    }
}

.m-track-list>[class^=c-heading] {
    margin-bottom: 24px
}

.m-track-list>div {
    display: table
}

.m-track-list>div .c-track-list-placement.f-row-click:hover {
    background: #E3E3E3
}

.m-track-list>div .c-track-list-placement.f-row-click:focus {
    outline: rgba(0, 0, 0, .6) dashed 1px
}

.m-track-list>div .c-track-list-placement.f-row-click:active {
    background: #ACACAC
}

.m-track-list.f-lean .c-track-list-placement.f-size-small.f-wide>div:nth-child(3) {
    max-width: 250px
}

.m-track-list.f-lean .c-track-list-placement.f-size-small.f-wide>div>.c-button {
    margin: 6px 0
}

.m-typographic-intro {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
    width: 100%;
    height: 150px
}

@media only screen and (min-width:540px) {
    .m-typographic-intro {
        height: 250px
    }
}

@media only screen and (min-width:768px) {
    .m-typographic-intro {
        height: 300px
    }
}

@media only screen and (min-width:1084px) {
    .m-typographic-intro {
        height: 360px
    }
    .m-typographic-intro>div {
        padding: 0 5%
    }
}

.m-typographic-intro.f-background-neutral-00 {
    background: #FFF
}

.m-typographic-intro.f-background-neutral-10 {
    background: #E3E3E3
}

.m-typographic-intro.f-background-neutral-20 {
    background: #C8C8C8
}

.m-typographic-intro.f-background-neutral-30 {
    background: #ACACAC
}

.m-typographic-intro.f-background-neutral-45 {
    background: #919191
}

.m-typographic-intro.f-background-neutral-55 {
    background: #767676
}

.m-typographic-intro.f-background-neutral-65 {
    background: #5E5E5E
}

.m-typographic-intro.f-background-neutral-75 {
    background: #464646
}

.m-typographic-intro.f-background-neutral-80 {
    background: #2F2F2F
}

.m-typographic-intro.f-background-neutral-90 {
    background: #171717
}

.m-typographic-intro.f-background-neutral-100 {
    background: #000
}

.m-typographic-intro.f-background-neutral-00>div>div,
.m-typographic-intro.f-background-neutral-00>div>div .c-call-to-action,
.m-typographic-intro.f-background-neutral-10>div>div,
.m-typographic-intro.f-background-neutral-10>div>div .c-call-to-action,
.m-typographic-intro.f-background-neutral-20>div>div,
.m-typographic-intro.f-background-neutral-20>div>div .c-call-to-action,
.m-typographic-intro.f-background-neutral-30>div>div,
.m-typographic-intro.f-background-neutral-30>div>div .c-call-to-action {
    color: #000
}

.m-typographic-intro.f-background-accent>div>div,
.m-typographic-intro.f-background-accent>div>div .c-call-to-action,
.m-typographic-intro.f-background-neutral-100>div>div,
.m-typographic-intro.f-background-neutral-100>div>div .c-call-to-action,
.m-typographic-intro.f-background-neutral-45>div>div,
.m-typographic-intro.f-background-neutral-45>div>div .c-call-to-action,
.m-typographic-intro.f-background-neutral-55>div>div,
.m-typographic-intro.f-background-neutral-55>div>div .c-call-to-action,
.m-typographic-intro.f-background-neutral-65>div>div,
.m-typographic-intro.f-background-neutral-65>div>div .c-call-to-action,
.m-typographic-intro.f-background-neutral-75>div>div,
.m-typographic-intro.f-background-neutral-75>div>div .c-call-to-action,
.m-typographic-intro.f-background-neutral-80>div>div,
.m-typographic-intro.f-background-neutral-80>div>div .c-call-to-action,
.m-typographic-intro.f-background-neutral-90>div>div,
.m-typographic-intro.f-background-neutral-90>div>div .c-call-to-action {
    color: #FFF
}

.m-typographic-intro.f-background-accent {
    background: #0078D7
}

.m-typographic-intro>div {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: calc(1600px + 10%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0 auto;
    overflow: hidden
}

.m-typographic-intro>div>div {
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

@media only screen and (min-width:540px) {
    .m-typographic-intro>div>div {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media only screen and (min-width:768px) {
    .m-typographic-intro>div>div {
        padding-left: 36px;
        padding-right: 36px;
        max-width: 800px
    }
}

@media only screen and (min-width:1400px) {
    .m-typographic-intro>div>div {
        padding-left: 48px;
        padding-right: 48px
    }
}

.m-typographic-intro>div>div>.c-heading {
    font-size: 24px;
    line-height: 28px;
    padding: 0 0 4px;
    font-weight: 200;
    font-weight: 700
}

@media only screen and (min-width:768px) {
    .m-typographic-intro>div>div>.c-heading {
        font-size: 34px;
        line-height: 40px;
        padding: 0 0 2px;
        font-weight: 100;
        font-weight: 700
    }
}

.m-typographic-intro>div>div .c-subheading {
    font-size: 13px;
    line-height: 16px;
    padding: 14px 0 1px;
    font-weight: 400;
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
    display: none
}

@media only screen and (min-width:1084px) {
    .m-typographic-intro>div>div .c-subheading {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

.m-typographic-intro>div>div .c-call-to-action {
    margin-left: -24px;
    border-color: transparent
}

.m-typographic-intro.f-brief {
    height: 100px
}

@media only screen and (min-width:540px) {
    .m-typographic-intro>div>div .c-subheading {
        display: block
    }
    .m-typographic-intro.f-brief {
        height: 200px
    }
}

.m-typographic-intro.f-brief>div>div .c-subheading {
    display: none;
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1
}

.m-typographic-intro.f-transparent {
    height: 200px
}

.m-typographic-intro.f-transparent>div>div {
    top: 60%
}

@media only screen and (min-width:540px) {
    .m-typographic-intro.f-brief>div>div .c-subheading {
        display: block
    }
    .m-typographic-intro.f-transparent {
        height: 300px
    }
}

@media only screen and (min-width:768px) {
    .m-typographic-intro>div>div .c-subheading {
        font-size: 15px;
        line-height: 20px;
        padding: 14px 0 0;
        font-weight: 400
    }
    .m-typographic-intro.f-brief>div>div {
        max-width: 650px
    }
    .m-typographic-intro.f-transparent {
        height: 400px
    }
}

@media only screen and (min-width:1084px) {
    .m-typographic-intro.f-transparent {
        height: 480px
    }
}

.m-typographic-intro.f-transparent.f-brief {
    height: 150px
}

@media only screen and (min-width:540px) {
    .m-typographic-intro.f-transparent.f-brief {
        height: 250px
    }
}

@media only screen and (min-width:768px) {
    .m-typographic-intro.f-transparent.f-brief {
        height: 300px
    }
}

@media only screen and (min-width:1084px) {
    .m-typographic-intro.f-transparent.f-brief {
        height: 300px
    }
}

div#mainContent {
    font-family: "SegoeUI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div#msaMasthead {
    margin-bottom: -5em;
}