@charset "UTF-8";
/*! @ms/mwf - v1.9.0+1032151 | 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 */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 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; }

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

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

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

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

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

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

.type-sh5, .type-sh6, .c-subheading-5, .c-subheading-6, .type-p3, p, .c-paragraph-3, .type-p4, .c-paragraph-4 {
  font-size: 15px;
  line-height: 20px; }

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

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

h1, .h1, .type-h1, .c-heading-1 {
  padding: 38px 0 6px;
  font-weight: 100;
  letter-spacing: -0.01em; }

h2, .h2, .type-h2, .c-heading-2 {
  padding: 37px 0 3px;
  font-weight: 100;
  letter-spacing: -0.01em; }

h3, .h3, .type-h3, .c-heading-3 {
  padding: 38px 0 2px;
  font-weight: 100; }

h4, .h4, .type-h4, .c-heading-4 {
  padding: 36px 0 4px;
  font-weight: 200; }

h5, .h5, .type-h5, .c-heading-5 {
  padding: 35px 0 5px;
  font-weight: 200; }

h6, .h6, .type-h6, .c-heading-6 {
  padding: 37px 0 3px;
  font-weight: 200; }

.type-sh1, .c-subheading-1 {
  padding: 2px 0 2px;
  font-weight: 100; }

.type-sh2, .c-subheading-2 {
  padding: 4px 0 8px;
  font-weight: 200; }

.type-sh3, .c-subheading-3 {
  padding: 8px 0 4px;
  font-weight: 200; }

.type-sh4, .c-subheading-4 {
  padding: 9px 0 3px;
  font-weight: 200; }

.type-sh5, .type-sh6, .c-subheading-5, .c-subheading-6 {
  padding: 8px 0 0;
  font-weight: 200; }

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

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

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

.type-p4, .c-paragraph-4 {
  padding: 24px 0 0;
  font-weight: 400; }

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

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

@media (max-width: 767px) {
  h1, .h1, .type-h1, .c-heading-1 {
    font-size: 46px;
    line-height: 56px; }
  h2, .h2, .type-h2, .c-heading-2 {
    font-size: 34px;
    line-height: 40px; }
  h3, .h3, .type-h3, .c-heading-3, .type-sh1, .c-subheading-1 {
    font-size: 26px;
    line-height: 32px; }
  h4, .h4, .type-h4, .c-heading-4, .type-sh2, .c-subheading-2 {
    font-size: 20px;
    line-height: 24px; }
  h5, .h5, .type-h5, .c-heading-5, .type-sh3, .c-subheading-3, .type-p1, .c-paragraph-1 {
    font-size: 18px;
    line-height: 24px; }
  h6, .h6, .type-h6, .c-heading-6, .type-sh4, .c-subheading-4, .type-p2, .c-paragraph-2 {
    font-size: 16px;
    line-height: 20px; }
  .type-c1, .c-caption-1 {
    font-size: 12px;
    line-height: 16px; }
  .type-c2, .c-caption-2 {
    font-size: 10px;
    line-height: 12px; }
  h1, .h1, .type-h1, .c-heading-1 {
    padding: 37px 0 3px; }
  h2, .h2, .type-h2, .c-heading-2 {
    padding: 38px 0 2px; }
  h5, .h5, .type-h5, .c-heading-5 {
    padding: 37px 0 3px; }
  h6, .h6, .type-h6, .c-heading-6 {
    padding: 39px 0 1px; }
  .type-sh1, .c-subheading-1 {
    padding: 9px 0 3px; }
  .type-sh2, .c-subheading-2 {
    padding: 8px 0 4px; }
  .type-sh3, .c-subheading-3 {
    padding: 4px 0 4px; }
  .type-sh4, .c-subheading-4 {
    padding: 7px 0 5px; }
  .type-p2, .c-paragraph-2 {
    padding: 27px 0 1px; }
  .type-c2, .c-caption-2 {
    padding: 2px 0 2px; } }

html {
  box-sizing: border-box; }

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

body {
  font-size: 15px;
  font-family: "SegoeUI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  min-width: 320px;
  color: #000;
  background-color: #FFF; }

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

.theme-dark {
  color: #FFF;
  background-color: #333333; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  margin-bottom: 0; }

address {
  font: inherit; }

ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  list-style: none; }

dl {
  margin: 0; }

dd {
  margin: 0; }

audio,
canvas,
img,
video {
  vertical-align: middle; }

figure {
  margin: 0; }

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

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

strong,
b {
  font-weight: 600; }

mark {
  background-color: #FFF100;
  padding: 1px 4px 2px; }
  @media screen and (-ms-high-contrast: active) {
    mark {
      outline: 1px solid;
      color: inherit; } }

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

u,
ins {
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6); }
  .theme-light u, .theme-dark .theme-light u, .theme-light
  ins, .theme-dark .theme-light
  ins {
    border-bottom: 1px solid rgba(0, 0, 0, 0.6); }
  .theme-dark u, .theme-light .theme-dark u, .theme-dark
  ins, .theme-light .theme-dark
  ins {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6); }

small,
sub,
sup {
  font-size: 0.8em; }

abbr,
dfn {
  font-style: normal;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.6); }
  .theme-light abbr, .theme-dark .theme-light abbr, .theme-light
  dfn, .theme-dark .theme-light
  dfn {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.6); }
  .theme-dark abbr, .theme-light .theme-dark abbr, .theme-dark
  dfn, .theme-light .theme-dark
  dfn {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.6); }

cite,
time {
  font-style: normal; }

code,
pre,
kbd,
samp {
  font-family: Consolas, "Courier New", Courier, monospace; }

kbd {
  border-radius: 2px;
  padding: 1px 4px 2px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFF; }
  kbd kbd {
    padding: 0; }
  .theme-light kbd, .theme-dark .theme-light kbd {
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFF; }
  .theme-dark kbd, .theme-light .theme-dark kbd {
    background-color: rgba(255, 255, 255, 0.6);
    color: #000; }

bdo {
  direction: rtl; }

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

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

[data-grid~="container"] {
  max-width: 1600px;
  max-width: calc(1600px + 10%);
  margin: 0 auto;
  padding-left: 5%;
  padding-right: 5%; }
  @media screen and (max-width: 1083px) {
    [data-grid~="container"] {
      padding-left: 0;
      padding-right: 0; } }

[data-grid~="container"],
[data-grid*="col-"] {
  box-sizing: border-box;
  zoom: 1; }
  [data-grid~="container"]:before, [data-grid~="container"]:after,
  [data-grid*="col-"]:before,
  [data-grid*="col-"]:after {
    content: " ";
    display: table; }
  [data-grid~="container"]:after,
  [data-grid*="col-"]:after {
    clear: both; }

[data-grid*="col-"] {
  float: left;
  min-height: 1px; }

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

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

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

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

[data-grid~="col-1"] {
  width: 8.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% {
    opacity: 0; }
  1% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  1% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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

.x-clearfix:after {
  clear: both; }

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

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

/* Adding hooks for vertical padding to apply to all modules except hero.
 * As we get more information on partner layouts this will become specific
 * to each module and vary based on layout */
[class^="m-"] {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 48px; }
  @media only screen and (min-width: 540px) {
    [class^="m-"] {
      padding-left: 24px;
      padding-right: 24px; } }
  @media only screen and (min-width: 768px) {
    [class^="m-"] {
      padding-left: 36px;
      padding-right: 36px; } }
  @media only screen and (min-width: 1400px) {
    [class^="m-"] {
      padding-left: 48px;
      padding-right: 48px; } }

@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; } }

.sr-only,
.x-screen-reader {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !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; }

button.c-action-trigger,
a.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: solid 1px transparent;
  background: none;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
  outline: 1px dashed transparent; }
  button.c-action-trigger:focus, button.c-action-trigger:hover,
  a.c-action-trigger:focus,
  a.c-action-trigger:hover {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: underline; }
  button.c-action-trigger:focus,
  a.c-action-trigger:focus {
    outline: 1px dashed rgba(0, 0, 0, 0.6); }
  button.c-action-trigger:active,
  a.c-action-trigger:active {
    color: #000;
    outline: 1px solid transparent;
    text-decoration: none; }
  button.c-action-trigger[disabled],
  a.c-action-trigger[disabled] {
    color: rgba(0, 0, 0, 0.2);
    cursor: not-allowed; }
  button.c-action-trigger.c-glyph,
  a.c-action-trigger.c-glyph {
    min-width: 120px;
    padding-right: 10px; }
    button.c-action-trigger.c-glyph:before,
    a.c-action-trigger.c-glyph:before {
      width: 16px;
      height: 16px;
      margin-left: 10px;
      margin-right: 10px;
      vertical-align: middle; }
    button.c-action-trigger.c-glyph.glyph-edit:before,
    a.c-action-trigger.c-glyph.glyph-edit:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-cancel:before,
    a.c-action-trigger.c-glyph.glyph-cancel:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-global-nav-button:before,
    a.c-action-trigger.c-glyph.glyph-global-nav-button:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-shopping-cart:before,
    a.c-action-trigger.c-glyph.glyph-shopping-cart:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-chevron-left:before,
    a.c-action-trigger.c-glyph.glyph-chevron-left:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-chevron-right:before,
    a.c-action-trigger.c-glyph.glyph-chevron-right:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-chevron-up:before,
    a.c-action-trigger.c-glyph.glyph-chevron-up:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-chevron-down:before,
    a.c-action-trigger.c-glyph.glyph-chevron-down:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-arrow-htmllegacy-mirrored:before,
    a.c-action-trigger.c-glyph.glyph-arrow-htmllegacy-mirrored:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-arrow-htmllegacy:before,
    a.c-action-trigger.c-glyph.glyph-arrow-htmllegacy:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-play:before,
    a.c-action-trigger.c-glyph.glyph-play:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-info:before,
    a.c-action-trigger.c-glyph.glyph-info:before {
      content: ""; }
    button.c-action-trigger.c-glyph.glyph-download:before,
    a.c-action-trigger.c-glyph.glyph-download:before {
      content: ""; }
    button.c-action-trigger.c-glyph[aria-label],
    a.c-action-trigger.c-glyph[aria-label] {
      min-width: 0;
      margin-right: 10px;
      padding-right: 0; }
  .theme-light button.c-action-trigger, .theme-dark .theme-light button.c-action-trigger, .theme-light
  a.c-action-trigger, .theme-dark .theme-light
  a.c-action-trigger {
    color: #000;
    background: transparent; }
    .theme-light button.c-action-trigger:focus, .theme-light button.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-dark .theme-light
    a.c-action-trigger:focus, .theme-dark .theme-light
    a.c-action-trigger:hover {
      color: rgba(0, 0, 0, 0.6);
      text-decoration: underline; }
    .theme-light button.c-action-trigger:focus, .theme-dark .theme-light button.c-action-trigger:focus, .theme-light
    a.c-action-trigger:focus, .theme-dark .theme-light
    a.c-action-trigger:focus {
      outline: 1px dashed rgba(0, 0, 0, 0.6); }
    .theme-light button.c-action-trigger:active, .theme-dark .theme-light button.c-action-trigger:active, .theme-light
    a.c-action-trigger:active, .theme-dark .theme-light
    a.c-action-trigger:active {
      color: #000;
      outline: 1px solid transparent;
      text-decoration: none; }
    .theme-light button.c-action-trigger[disabled], .theme-dark .theme-light button.c-action-trigger[disabled], .theme-light
    a.c-action-trigger[disabled], .theme-dark .theme-light
    a.c-action-trigger[disabled] {
      color: rgba(0, 0, 0, 0.2);
      cursor: not-allowed; }
  .theme-dark button.c-action-trigger, .theme-light .theme-dark button.c-action-trigger, .theme-dark
  a.c-action-trigger, .theme-light .theme-dark
  a.c-action-trigger {
    color: #FFF;
    background: transparent; }
    .theme-dark button.c-action-trigger:focus, .theme-dark button.c-action-trigger:hover, .theme-light .theme-dark button.c-action-trigger:focus, .theme-light .theme-dark button.c-action-trigger:hover, .theme-dark
    a.c-action-trigger:focus, .theme-dark
    a.c-action-trigger:hover, .theme-light .theme-dark
    a.c-action-trigger:focus, .theme-light .theme-dark
    a.c-action-trigger:hover {
      color: rgba(255, 255, 255, 0.8);
      text-decoration: underline; }
    .theme-dark button.c-action-trigger:focus, .theme-light .theme-dark button.c-action-trigger:focus, .theme-dark
    a.c-action-trigger:focus, .theme-light .theme-dark
    a.c-action-trigger:focus {
      outline: 1px dashed #FFF; }
    .theme-dark button.c-action-trigger:active, .theme-light .theme-dark button.c-action-trigger:active, .theme-dark
    a.c-action-trigger:active, .theme-light .theme-dark
    a.c-action-trigger:active {
      color: #FFF;
      outline: 1px solid transparent;
      text-decoration: none; }
    .theme-dark button.c-action-trigger[disabled], .theme-light .theme-dark button.c-action-trigger[disabled], .theme-dark
    a.c-action-trigger[disabled], .theme-light .theme-dark
    a.c-action-trigger[disabled] {
      color: rgba(255, 255, 255, 0.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: 0.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, 0.6); }
    ul.c-breadcrumb li:last-child,
    ul.c-breadcrumb li:last-child a {
      color: rgba(0, 0, 0, 0.6); }
    ul.c-breadcrumb li a {
      font-size: 13px;
      line-height: 16px;
      color: #0078D7; }
    .theme-light ul.c-breadcrumb li:last-child,
    .theme-light ul.c-breadcrumb li:last-child a, .theme-dark .theme-light ul.c-breadcrumb li:last-child,
    .theme-dark .theme-light ul.c-breadcrumb li:last-child a {
      color: rgba(0, 0, 0, 0.6); }
    .theme-light ul.c-breadcrumb li + li:before, .theme-dark .theme-light ul.c-breadcrumb li + li:before {
      color: rgba(0, 0, 0, 0.6); }
    .theme-light ul.c-breadcrumb li a, .theme-dark .theme-light ul.c-breadcrumb li a {
      color: #000;
      text-decoration: none; }
      .theme-light ul.c-breadcrumb li a:hover, .theme-dark .theme-light ul.c-breadcrumb li a:hover {
        text-decoration: underline; }
    .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:last-child,
    .theme-light .theme-dark ul.c-breadcrumb li:last-child a {
      color: rgba(255, 255, 255, 0.6); }
    .theme-dark ul.c-breadcrumb li + li:before, .theme-light .theme-dark ul.c-breadcrumb li + li:before {
      color: rgba(255, 255, 255, 0.6); }
    .theme-dark ul.c-breadcrumb li a, .theme-light .theme-dark ul.c-breadcrumb li a {
      color: #FFF;
      text-decoration: none; }
      .theme-dark ul.c-breadcrumb li a:hover, .theme-light .theme-dark ul.c-breadcrumb li a:hover {
        text-decoration: underline; }

.btn,
button.c-button,
a.c-button[role="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, 0.2);
  color: #000;
  border: solid 1px transparent;
  overflow: hidden;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: bottom;
  outline: 1px dashed transparent; }
  .btn:focus,
  button.c-button:focus,
  a.c-button[role="button"]:focus {
    outline-color: #000; }
  .btn:hover, .btn:focus,
  button.c-button:hover,
  button.c-button:focus,
  a.c-button[role="button"]:hover,
  a.c-button[role="button"]:focus {
    border-color: rgba(0, 0, 0, 0.4); }
  .btn:active,
  button.c-button:active,
  a.c-button[role="button"]:active {
    background-color: rgba(0, 0, 0, 0.4); }
  .btn[disabled],
  button.c-button[disabled],
  a.c-button[role="button"][disabled] {
    color: rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.2);
    cursor: not-allowed; }
  .theme-light .btn, .theme-dark .theme-light .btn, .theme-light
  button.c-button, .theme-dark .theme-light
  button.c-button, .theme-light
  a.c-button[role="button"], .theme-dark .theme-light
  a.c-button[role="button"] {
    background-color: transparent;
    color: #000;
    border-color: #000; }
    .theme-light .btn:focus, .theme-dark .theme-light .btn:focus, .theme-light
    button.c-button:focus, .theme-dark .theme-light
    button.c-button:focus, .theme-light
    a.c-button[role="button"]:focus, .theme-dark .theme-light
    a.c-button[role="button"]:focus {
      background-color: rgba(0, 0, 0, 0.2);
      outline-color: #000; }
    .theme-light .btn:hover, .theme-dark .theme-light .btn:hover, .theme-light
    button.c-button:hover, .theme-dark .theme-light
    button.c-button:hover, .theme-light
    a.c-button[role="button"]:hover, .theme-dark .theme-light
    a.c-button[role="button"]:hover {
      background-color: rgba(0, 0, 0, 0.2); }
    .theme-light .btn:active, .theme-dark .theme-light .btn:active, .theme-light
    button.c-button:active, .theme-dark .theme-light
    button.c-button:active, .theme-light
    a.c-button[role="button"]:active, .theme-dark .theme-light
    a.c-button[role="button"]:active {
      background-color: rgba(0, 0, 0, 0.4); }
    .theme-light .btn[disabled], .theme-dark .theme-light .btn[disabled], .theme-light
    button.c-button[disabled], .theme-dark .theme-light
    button.c-button[disabled], .theme-light
    a.c-button[role="button"][disabled], .theme-dark .theme-light
    a.c-button[role="button"][disabled] {
      color: rgba(0, 0, 0, 0.2);
      background-color: rgba(0, 0, 0, 0.2);
      border-color: rgba(0, 0, 0, 0.2); }
  .theme-dark .btn, .theme-light .theme-dark .btn, .theme-dark
  button.c-button, .theme-light .theme-dark
  button.c-button, .theme-dark
  a.c-button[role="button"], .theme-light .theme-dark
  a.c-button[role="button"] {
    background-color: transparent;
    color: #FFF;
    border-color: #FFF; }
    .theme-dark .btn:focus, .theme-light .theme-dark .btn:focus, .theme-dark
    button.c-button:focus, .theme-light .theme-dark
    button.c-button:focus, .theme-dark
    a.c-button[role="button"]:focus, .theme-light .theme-dark
    a.c-button[role="button"]:focus {
      background-color: rgba(255, 255, 255, 0.2);
      outline-color: #FFF; }
    .theme-dark .btn:hover, .theme-light .theme-dark .btn:hover, .theme-dark
    button.c-button:hover, .theme-light .theme-dark
    button.c-button:hover, .theme-dark
    a.c-button[role="button"]:hover, .theme-light .theme-dark
    a.c-button[role="button"]:hover {
      background-color: rgba(255, 255, 255, 0.2); }
    .theme-dark .btn:active, .theme-light .theme-dark .btn:active, .theme-dark
    button.c-button:active, .theme-light .theme-dark
    button.c-button:active, .theme-dark
    a.c-button[role="button"]:active, .theme-light .theme-dark
    a.c-button[role="button"]:active {
      background-color: rgba(255, 255, 255, 0.4); }
    .theme-dark .btn[disabled], .theme-light .theme-dark .btn[disabled], .theme-dark
    button.c-button[disabled], .theme-light .theme-dark
    button.c-button[disabled], .theme-dark
    a.c-button[role="button"][disabled], .theme-light .theme-dark
    a.c-button[role="button"][disabled] {
      color: rgba(255, 255, 255, 0.2);
      background-color: rgba(255, 255, 255, 0.2);
      border-color: rgba(255, 255, 255, 0.2); }

.btn.btn-primary,
button.c-button[type="submit"] {
  color: #FFF;
  background-color: #0078D7; }
  .btn.btn-primary:hover, .btn.btn-primary:focus,
  button.c-button[type="submit"]:hover,
  button.c-button[type="submit"]:focus {
    background-color: #006cc2;
    border-color: rgba(0, 0, 0, 0.4); }
  .btn.btn-primary:active,
  button.c-button[type="submit"]:active {
    background-color: #005497;
    border-color: transparent; }
  .btn.btn-primary[disabled],
  button.c-button[type="submit"][disabled] {
    color: rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 120, 215, 0.2);
    border-color: transparent; }
  .theme-light .btn.btn-primary, .theme-dark .theme-light .btn.btn-primary, .theme-light
  button.c-button[type="submit"], .theme-dark .theme-light
  button.c-button[type="submit"] {
    color: #FFF;
    background-color: #000;
    border-color: transparent; }
    .theme-light .btn.btn-primary:focus, .theme-dark .theme-light .btn.btn-primary:focus, .theme-light
    button.c-button[type="submit"]:focus, .theme-dark .theme-light
    button.c-button[type="submit"]:focus {
      outline-color: #000;
      background-color: rgba(0, 0, 0, 0.8); }
    .theme-light .btn.btn-primary:hover, .theme-dark .theme-light .btn.btn-primary:hover, .theme-light
    button.c-button[type="submit"]:hover, .theme-dark .theme-light
    button.c-button[type="submit"]:hover {
      background-color: rgba(0, 0, 0, 0.8); }
    .theme-light .btn.btn-primary:active, .theme-dark .theme-light .btn.btn-primary:active, .theme-light
    button.c-button[type="submit"]:active, .theme-dark .theme-light
    button.c-button[type="submit"]:active {
      background-color: rgba(0, 0, 0, 0.6); }
    .theme-light .btn.btn-primary[disabled], .theme-dark .theme-light .btn.btn-primary[disabled], .theme-light
    button.c-button[type="submit"][disabled], .theme-dark .theme-light
    button.c-button[type="submit"][disabled] {
      background-color: rgba(0, 0, 0, 0.2);
      color: rgba(0, 0, 0, 0.2); }
  .theme-dark .btn.btn-primary, .theme-light .theme-dark .btn.btn-primary, .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 .btn.btn-primary:focus, .theme-light .theme-dark .btn.btn-primary:focus, .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, 0.8); }
    .theme-dark .btn.btn-primary:hover, .theme-light .theme-dark .btn.btn-primary:hover, .theme-dark
    button.c-button[type="submit"]:hover, .theme-light .theme-dark
    button.c-button[type="submit"]:hover {
      background-color: rgba(255, 255, 255, 0.8); }
    .theme-dark .btn.btn-primary:active, .theme-light .theme-dark .btn.btn-primary:active, .theme-dark
    button.c-button[type="submit"]:active, .theme-light .theme-dark
    button.c-button[type="submit"]:active {
      background-color: rgba(255, 255, 255, 0.6); }
    .theme-dark .btn.btn-primary[disabled], .theme-light .theme-dark .btn.btn-primary[disabled], .theme-dark
    button.c-button[type="submit"][disabled], .theme-light .theme-dark
    button.c-button[type="submit"][disabled] {
      background-color: rgba(255, 255, 255, 0.2);
      color: rgba(255, 255, 255, 0.2); }

a.c-call-to-action {
  font-size: 13px;
  line-height: 16px;
  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-decoration: none;
  text-align: center;
  letter-spacing: 0.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;
    content: "";
    vertical-align: top; }
  a.c-call-to-action:hover, a.c-call-to-action:focus {
    background: #006cc2;
    border-color: rgba(0, 0, 0, 0.4); }
  a.c-call-to-action:focus {
    outline: 1px dashed #000; }
  a.c-call-to-action:hover {
    outline: none; }
  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, 0.2); }
  .theme-light a.c-call-to-action, .theme-dark .theme-light a.c-call-to-action {
    color: #FFF;
    background: #000; }
    .theme-light a.c-call-to-action:hover, .theme-light a.c-call-to-action:focus, .theme-dark .theme-light a.c-call-to-action:hover, .theme-dark .theme-light a.c-call-to-action:focus {
      background: #333333;
      border-color: #000;
      outline-color: #000; }
    .theme-light a.c-call-to-action:active, .theme-dark .theme-light a.c-call-to-action:active {
      background: #666666;
      border-color: transparent; }
    .theme-light a.c-call-to-action[aria-disabled="true"], .theme-dark .theme-light a.c-call-to-action[aria-disabled="true"] {
      background: #cccccc;
      border-color: transparent;
      color: rgba(0, 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:hover, .theme-dark a.c-call-to-action:focus, .theme-light .theme-dark a.c-call-to-action:hover, .theme-light .theme-dark a.c-call-to-action:focus {
      background: #cccccc;
      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: #999999;
      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, 0.2); }
  a.c-call-to-action.f-secondary {
    color: #000;
    background: #cccccc; }
    a.c-call-to-action.f-secondary:hover, a.c-call-to-action.f-secondary:focus {
      border-color: rgba(0, 0, 0, 0.4); }
    a.c-call-to-action.f-secondary:active {
      border-color: transparent;
      background: #999999; }
    a.c-call-to-action.f-secondary[aria-disabled="true"] {
      background: #cccccc;
      border-color: transparent;
      color: rgba(0, 0, 0, 0.2); }
    .theme-light a.c-call-to-action.f-secondary, .theme-dark .theme-light a.c-call-to-action.f-secondary {
      color: #000;
      background: rgba(255, 255, 255, 0);
      border-color: #000; }
      .theme-light a.c-call-to-action.f-secondary:hover, .theme-light a.c-call-to-action.f-secondary:focus, .theme-dark .theme-light a.c-call-to-action.f-secondary:hover, .theme-dark .theme-light a.c-call-to-action.f-secondary:focus {
        background: #cccccc;
        border-color: #000; }
      .theme-light a.c-call-to-action.f-secondary:focus, .theme-dark .theme-light a.c-call-to-action.f-secondary:focus {
        outline-color: #000; }
      .theme-light a.c-call-to-action.f-secondary:active, .theme-dark .theme-light a.c-call-to-action.f-secondary:active {
        background: #999999; }
      .theme-light a.c-call-to-action.f-secondary[aria-disabled="true"], .theme-dark .theme-light a.c-call-to-action.f-secondary[aria-disabled="true"] {
        background: #cccccc;
        border-color: rgba(0, 0, 0, 0.2);
        color: rgba(0, 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:hover, .theme-dark a.c-call-to-action.f-secondary:focus, .theme-light .theme-dark a.c-call-to-action.f-secondary:hover, .theme-light .theme-dark a.c-call-to-action.f-secondary:focus {
        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: #666666; }
      .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, 0.2);
        color: rgba(255, 255, 255, 0.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;
    /*
        * Use .f-previous and .f-next
        * .f-left and f-left deprecated v1.3.0
        */ }
    .c-carousel .c-flipper.f-left, .c-carousel .c-flipper.f-previous {
      left: 0; }
    .c-carousel .c-flipper.f-right, .c-carousel .c-flipper.f-next {
      right: 0; }
    .c-carousel .c-flipper + div {
      position: relative;
      overflow: hidden; }
  .c-carousel.f-scrollable-next .c-flipper.f-right,
  .c-carousel.f-scrollable-next .c-flipper.f-next {
    display: block; }
  .c-carousel.f-scrollable-previous .c-flipper.f-left,
  .c-carousel.f-scrollable-previous .c-flipper.f-previous {
    display: block; }
  .c-carousel .c-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(0.16, 1, 0.29, 0.99) 0.15; }
  .c-carousel.f-multi-slide:hover .c-flipper {
    opacity: 0.8; }
    .c-carousel.f-multi-slide:hover .c-flipper:hover {
      opacity: 1; }
    .c-carousel.f-multi-slide:hover .c-flipper:active {
      opacity: 0.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(0.16, 1, 0.29, 0.99) 0.667s; }
  .c-carousel.f-single-slide li {
    font-size: 15px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top; }
  @media only screen and (max-width: 767px) {
    .c-carousel .f-gallery {
      display: 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, 0.6);
      border: transparent;
      border-radius: 50%;
      margin: 0;
      height: 48px;
      width: 48px;
      margin-top: 0;
      top: calc(50% - 24px);
      left: calc(50% - 24px); }
      .c-carousel .f-gallery li .c-action-trigger:hover {
        text-decoration: none; }
      .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 > picture.c-image img {
      margin: 0 auto; }
    .c-carousel li .m-hero-item > picture img,
    .c-carousel li .c-hero > picture img {
      margin: 0 auto; }
    .c-carousel li.f-animate-next > picture.c-image img {
      -webkit-animation: hero-background-next cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
              animation: hero-background-next cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s 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 .m-hero-item > picture img,
    .c-carousel li.f-animate-next .c-hero > picture img {
      -webkit-animation: hero-background-next-y-center cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
              animation: hero-background-next-y-center cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both; }
    .c-carousel li.f-animate-next .m-hero-item > div,
    .c-carousel li.f-animate-next .c-hero > div {
      -webkit-animation: hero-content-next cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
              animation: hero-content-next cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both; }
    .c-carousel li.f-animate-previous > picture.c-image img {
      -webkit-animation: hero-background-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
              animation: hero-background-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s 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 .m-hero-item > picture img,
    .c-carousel li.f-animate-previous .c-hero > picture img {
      -webkit-animation: hero-background-previous-y-center cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
              animation: hero-background-previous-y-center cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both; }
    .c-carousel li.f-animate-previous .m-hero-item > div,
    .c-carousel li.f-animate-previous .c-hero > div {
      -webkit-animation: hero-content-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
              animation: hero-content-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both; }
    @media only screen and (max-width: 767px) {
      .c-carousel li > picture.c-image.f-x-left img, .c-carousel li > picture.c-image.f-x-right img {
        left: 0;
        left: calc(50%);
        right: auto;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); }
      .c-carousel li .m-hero-item > div > div,
      .c-carousel li .c-hero > div > div {
        padding-bottom: 48px; }
      .c-carousel li .m-hero-item.f-x-left > picture img, .c-carousel li .m-hero-item.f-x-right > picture img,
      .c-carousel li .c-hero.f-x-left > picture img,
      .c-carousel li .c-hero.f-x-right > picture img {
        left: 0;
        left: calc(50%);
        right: auto;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); }
      .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-next .m-hero-item[class*="f-x"][class*="f-y"] > picture img,
      .c-carousel li.f-animate-next .c-hero[class*="f-x"][class*="f-y"] > picture img {
        -webkit-animation-name: hero-background-next-x-center;
                animation-name: hero-background-next-x-center; }
      .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-carousel li.f-animate-previous .m-hero-item[class*="f-x"][class*="f-y"] > picture img,
      .c-carousel li.f-animate-previous .c-hero[class*="f-x"][class*="f-y"] > picture img {
        -webkit-animation-name: hero-background-previous-x-center;
                animation-name: hero-background-previous-x-center; } }

.checkbox .c-label,
.c-checkbox .c-label {
  font-size: 15px;
  line-height: 20px;
  margin-right: 24px;
  padding-bottom: 0;
  position: relative; }

.checkbox input[type="checkbox"],
.c-checkbox input[type="checkbox"] {
  position: absolute;
  height: 20px;
  opacity: 0;
  width: 20px; }
  .checkbox input[type="checkbox"] + span,
  .c-checkbox input[type="checkbox"] + span {
    cursor: pointer;
    display: inline-block;
    left: 0;
    padding-left: 28px;
    position: relative;
    top: 0; }
    .checkbox input[type="checkbox"] + span:after, .checkbox input[type="checkbox"] + span:before,
    .c-checkbox input[type="checkbox"] + span:after,
    .c-checkbox input[type="checkbox"] + span:before {
      height: 20px;
      left: 0;
      position: absolute;
      width: 20px;
      top: 0; }
    .checkbox input[type="checkbox"] + span:before,
    .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) {
        .checkbox input[type="checkbox"] + span:before,
        .c-checkbox input[type="checkbox"] + span:before {
          border: 1px solid #767676; } }
  .checkbox input[type="checkbox"]:not(:disabled):focus + span:before, .checkbox input[type="checkbox"]:not(:disabled):hover + span:before,
  .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, 0.8); }
  .checkbox input[type="checkbox"]:focus + span:before,
  .c-checkbox input[type="checkbox"]:focus + span:before {
    outline: 1px dashed rgba(0, 0, 0, 0.8); }
  .checkbox input[type="checkbox"]:checked + span:after,
  .c-checkbox input[type="checkbox"]:checked + span:after {
    font-family: "MWF-MDL2";
    content: "";
    color: #FFF;
    font-size: 17px;
    padding-left: 1px; }
  .checkbox input[type="checkbox"]:checked:disabled + span:after,
  .c-checkbox input[type="checkbox"]:checked:disabled + span:after {
    box-shadow: inset 0 0 0 1px rgba(0, 120, 215, 0.05), inset 0 0 0 10px rgba(0, 120, 215, 0.2);
    color: rgba(255, 255, 255, 0.3); }
  .checkbox input[type="checkbox"]:checked:not(:disabled) + span:before,
  .c-checkbox input[type="checkbox"]:checked:not(:disabled) + span:before {
    box-shadow: inset 0 0 0 10px #0078D7; }
  .checkbox input[type="checkbox"]:checked:not(:disabled):focus + span:before, .checkbox input[type="checkbox"]:checked:not(:disabled):hover + span:before,
  .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, 0.6), inset 0 0 0 10px #0078D7; }
  .checkbox input[type="checkbox"]:indeterminate + span:after,
  .c-checkbox input[type="checkbox"]:indeterminate + span:after {
    border: 5px solid #000;
    content: "";
    height: 0;
    left: 5px;
    top: 5px;
    width: 0; }
  .checkbox input[type="checkbox"]:indeterminate:disabled + span:after,
  .c-checkbox input[type="checkbox"]:indeterminate:disabled + span:after {
    border-color: rgba(0, 0, 0, 0.2); }
  .checkbox input[type="checkbox"]:indeterminate:not(:disabled):hover + span:after,
  .c-checkbox input[type="checkbox"]:indeterminate:not(:disabled):hover + span:after {
    border-color: rgba(0, 0, 0, 0.6); }
  .checkbox input[type="checkbox"]:indeterminate:not(:disabled) + span:before,
  .c-checkbox input[type="checkbox"]:indeterminate:not(:disabled) + span:before {
    box-shadow: inset 0 0 0 1px #0078D7; }
  .checkbox input[type="checkbox"]:disabled + span,
  .c-checkbox input[type="checkbox"]:disabled + span {
    color: rgba(0, 0, 0, 0.2);
    cursor: not-allowed; }
    .checkbox input[type="checkbox"]:disabled + span:before,
    .c-checkbox input[type="checkbox"]:disabled + span:before {
      box-shadow: inset 0 0 0 1px rgba(0, 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, 0.1);
  padding-right: 36px;
  min-width: 72px;
  margin-top: 12px;
  margin-right: 12px; }
  .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, 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, 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, 0.3); }
    .c-choice-summary button.c-action-trigger.c-glyph:active:before {
      color: rgba(0, 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, 0.2);
      background-clip: padding-box;
      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 input[type="text"],
  .c-combo button {
    float: left;
    height: 100%;
    outline: 0;
    background: #FFF; }
  .c-combo input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 7px 10px;
    padding-right: 38px;
    border: 1px solid rgba(0, 0, 0, 0.6); }
    .c-combo input[type="text"]:hover {
      border-color: rgba(0, 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;
    transition: color 0.1s, background-color 0.1s;
    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 {
  font-size: 15px;
  line-height: 20px;
  padding: 24px 0 0;
  font-weight: 400; }

.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: transparent;
  padding: 0; }
  .no-js .c-content-toggle button {
    display: none; }
  .c-content-toggle button:hover {
    text-decoration: underline; }
  .c-content-toggle button:active {
    text-decoration: none;
    color: #006cc2; }
  .c-content-toggle button:focus {
    outline: 1px dashed #000; }

.c-date-time-picker {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6) inset;
  outline: 0;
  background: rgba(0, 0, 0, 0.05);
  position: relative;
  float: left; }
  .c-date-time-picker button {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    background: transparent;
    height: 36px;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.6); }
    .c-date-time-picker button:focus {
      outline: 1px dotted rgba(0, 0, 0, 0.6); }
  .c-date-time-picker:hover {
    background: rgba(0, 0, 0, 0.2); }
  .c-date-time-picker:active {
    background: rgba(0, 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="hour"] {
      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"] [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="time"] [data-date-time-picker="ampm"] {
      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"] {
      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"] [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: transparent;
        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, 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, 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: transparent; }
          .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"] > div li[aria-checked="true"]:focus,
          .c-date-time-picker [data-date-time-picker="time-selector24"] > div li[aria-checked="true"]:focus {
            outline: 1px dotted rgba(0, 0, 0, 0.6); }
        .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, 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: #cccccc;
          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, 0.6);
      position: absolute;
      bottom: 0;
      z-index: 100; }
      .c-date-time-picker [data-date-time-picker="date-selector"] > button:focus,
      .c-date-time-picker [data-date-time-picker="time-selector12"] > button:focus,
      .c-date-time-picker [data-date-time-picker="time-selector24"] > button:focus {
        outline: 1px dotted rgba(0, 0, 0, 0.6); }
      .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, 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, 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: #cccccc; }
      .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: transparent;
      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: transparent;
      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: transparent;
      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="hour"],
  .c-date-time-picker [data-date-time-picker="hour24"] {
    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="hour"] button,
    .c-date-time-picker [data-date-time-picker="hour24"] button {
      position: absolute;
      left: 0;
      height: 22px;
      width: 100%;
      background: transparent;
      border: 0;
      z-index: 100; }
      .c-date-time-picker [data-date-time-picker="hour"] button:first-of-type,
      .c-date-time-picker [data-date-time-picker="hour24"] button:first-of-type {
        top: 0; }
      .c-date-time-picker [data-date-time-picker="hour"] button:last-of-type,
      .c-date-time-picker [data-date-time-picker="hour24"] button:last-of-type {
        top: 330px; }
  .c-date-time-picker [data-date-time-picker="minute"],
  .c-date-time-picker [data-date-time-picker="minute24"] {
    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="minute"] button,
    .c-date-time-picker [data-date-time-picker="minute24"] button {
      position: absolute;
      left: 0;
      height: 22px;
      width: 100%;
      background: transparent;
      border: 0;
      z-index: 100; }
      .c-date-time-picker [data-date-time-picker="minute"] button:first-of-type,
      .c-date-time-picker [data-date-time-picker="minute24"] button:first-of-type {
        top: 0; }
      .c-date-time-picker [data-date-time-picker="minute"] button:last-of-type,
      .c-date-time-picker [data-date-time-picker="minute24"] 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%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -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: none; }
  .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, 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, 0.8); }
    .c-dialog.f-flow [role="dialog"] > .c-glyph:focus, .c-dialog.f-lightbox [role="dialog"] > .c-glyph:focus {
      outline: 1px dashed rgba(0, 0, 0, 0.8); }
    .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"] > .glyph-cancel:before, .c-dialog.f-lightbox [role="dialog"] > .glyph-cancel:before {
    content: ""; }
  .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, 0.6); }
    .c-dialog.f-lightbox [role="dialog"] > .c-glyph:hover {
      color: rgba(255, 255, 255, 0.8); }
    .c-dialog.f-lightbox [role="dialog"] > .c-glyph:focus {
      outline-color: rgba(255, 255, 255, 0.6); }
  .c-dialog.f-lightbox [role="dialog"] [role="document"] img {
    width: 100%; }

.c-dialog.f-lightbox [role="presentation"] {
  background: rgba(0, 0, 0, 0.9); }

.c-dialog [role="presentation"] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1000; }
  .c-dialog [role="presentation"]:focus {
    outline: none; }

.theme-light .c-dialog [role="dialog"], .theme-dark .theme-light .c-dialog [role="dialog"] {
  background: #FFF;
  border-color: #000; }
  .theme-light .c-dialog [role="dialog"] .c-glyph, .theme-dark .theme-light .c-dialog [role="dialog"] .c-glyph {
    color: #000; }
    .theme-light .c-dialog [role="dialog"] .c-glyph:hover, .theme-dark .theme-light .c-dialog [role="dialog"] .c-glyph:hover {
      color: rgba(0, 0, 0, 0.8); }
    .theme-light .c-dialog [role="dialog"] .c-glyph:focus, .theme-dark .theme-light .c-dialog [role="dialog"] .c-glyph:focus {
      outline-color: rgba(0, 0, 0, 0.6); }

.theme-light .c-dialog [role="presentation"], .theme-dark .theme-light .c-dialog [role="presentation"] {
  background: rgba(255, 255, 255, 0.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, 0.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, 0.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%; } }

hr,
hr.c-divider {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0; }

.c-drawer > button,
.c-drawer .f-toggle {
  min-height: 44px;
  position: relative; }

.c-drawer > header {
  margin-bottom: 8px;
  min-height: 44px;
  position: relative; }
  @media only screen and (max-width: 539px) {
    .c-drawer > header {
      padding-right: 36px; } }
  .c-drawer > header > button,
  .c-drawer > header .f-toggle {
    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 > button,
.c-drawer .f-toggle,
.c-drawer > header > button,
.c-drawer > header .f-toggle {
  font-size: 13px;
  line-height: 16px;
  display: block;
  border: 0;
  background: transparent;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  padding: 14px 36px 14px 12px;
  left: 0;
  text-align: left;
  width: 100%; }
  .c-drawer > button:after,
  .c-drawer .f-toggle:after,
  .c-drawer > header > button:after,
  .c-drawer > header .f-toggle:after {
    position: absolute;
    top: calc(50% - 8px);
    right: 12px; }
  .c-drawer > button[aria-expanded="true"]:after,
  .c-drawer .f-toggle[aria-expanded="true"]:after,
  .c-drawer > header > button[aria-expanded="true"]:after,
  .c-drawer > header .f-toggle[aria-expanded="true"]:after {
    content: ""; }
  .c-drawer > button[aria-expanded="false"]:after,
  .c-drawer .f-toggle[aria-expanded="false"]:after,
  .c-drawer > header > button[aria-expanded="false"]:after,
  .c-drawer > header .f-toggle[aria-expanded="false"]:after {
    content: ""; }
  .c-drawer > button:focus,
  .c-drawer .f-toggle:focus,
  .c-drawer > header > button:focus,
  .c-drawer > header .f-toggle:focus {
    outline: 1px dashed #000; }
  .c-drawer > button:hover,
  .c-drawer .f-toggle:hover,
  .c-drawer > header > button:hover,
  .c-drawer > header .f-toggle:hover {
    background: rgba(0, 0, 0, 0.1); }
  .c-drawer > button:active,
  .c-drawer .f-toggle:active,
  .c-drawer > header > button:active,
  .c-drawer > header .f-toggle:active {
    background: rgba(0, 0, 0, 0.3); }

.c-drawer.f-responsive > button + div,
.c-drawer.f-responsive .f-toggle + div,
.c-drawer.f-responsive > header + div {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 8px;
  padding-top: 8px; }

@media only screen and (min-width: 540px) {
  .c-drawer.f-responsive.f-show > button:after,
  .c-drawer.f-responsive.f-show .f-toggle:after,
  .c-drawer.f-responsive.f-show > header > button:after,
  .c-drawer.f-responsive.f-show > header .f-toggle:after {
    display: none; }
  .c-drawer.f-responsive.f-show > button:hover,
  .c-drawer.f-responsive.f-show .f-toggle:hover,
  .c-drawer.f-responsive.f-show > header > button:hover,
  .c-drawer.f-responsive.f-show > header .f-toggle:hover {
    background: transparent; } }

.c-drawer > div[id] {
  position: relative; }

.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 {
  position: relative;
  height: 300px; }
  .c-feature:before, .c-feature:after {
    content: " ";
    display: table; }
  .c-feature:after {
    clear: both; }
  .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-neutral-45, .c-feature.f-background-neutral-55, .c-feature.f-background-neutral-65, .c-feature.f-background-neutral-75, .c-feature.f-background-neutral-80, .c-feature.f-background-neutral-90, .c-feature.f-background-neutral-100, .c-feature.f-background-accent {
    color: #FFF; }
    .c-feature.f-background-neutral-45 .c-call-to-action, .c-feature.f-background-neutral-55 .c-call-to-action, .c-feature.f-background-neutral-65 .c-call-to-action, .c-feature.f-background-neutral-75 .c-call-to-action, .c-feature.f-background-neutral-80 .c-call-to-action, .c-feature.f-background-neutral-90 .c-call-to-action, .c-feature.f-background-neutral-100 .c-call-to-action, .c-feature.f-background-accent .c-call-to-action {
      color: #FFF; }
  .c-feature.f-background-accent {
    background: #0078D7; }
  .c-feature picture {
    height: 300px;
    width: 50%;
    display: block;
    position: relative;
    overflow: hidden; }
    .c-feature picture img {
      position: absolute;
      right: 0;
      top: 0;
      top: calc(50%);
      right: calc(50%);
      -webkit-transform: translate(50%, -50%);
          -ms-transform: translate(50%, -50%);
              transform: translate(50%, -50%); }
  .c-feature .c-video {
    height: 300px;
    width: 50%;
    max-width: 50%;
    overflow: hidden;
    left: 0; }
    .c-feature .c-video > h1 {
      display: none; }
    .c-feature .c-video video {
      min-width: 100%;
      min-height: 100%;
      height: 100%;
      width: 100%; }
  .c-feature.f-align-left > div {
    left: 0;
    padding: 24px; }
  .c-feature.f-align-left picture,
  .c-feature.f-align-left .c-video {
    float: right; }
  .c-feature.f-align-right > div {
    left: 50%;
    padding: 24px; }
  .c-feature.f-align-right picture,
  .c-feature.f-align-right .c-video {
    float: left;
    left: 0; }
  .c-feature.f-align-right > div, .c-feature.f-align-left > div {
    position: absolute;
    top: 0;
    top: calc(50%);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 50%; }
  .c-feature.f-align-right .c-video, .c-feature.f-align-left .c-video {
    position: relative; }
  .c-feature > div {
    padding: 0 24px 24px; }
    .c-feature > div .c-heading {
      font-size: 24px;
      line-height: 28px;
      padding: 36px 0 4px;
      font-weight: 200;
      overflow: hidden;
      box-sizing: content-box;
      max-height: 84px; }
    .c-feature > div .c-paragraph {
      font-size: 15px;
      line-height: 20px;
      padding: 24px 0 0;
      font-weight: 400;
      overflow: hidden;
      box-sizing: content-box;
      max-height: 60px;
      padding-top: 0; }
    .c-feature > div .c-call-to-action {
      background: transparent;
      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: transparent;
        border-color: transparent; }
      .c-feature > div .c-call-to-action:active {
        background: transparent;
        text-decoration: none; }
      .c-feature > div .c-call-to-action span:hover {
        text-decoration: underline; }
      .theme-light .c-feature > div .c-call-to-action, .theme-dark .theme-light .c-feature > div .c-call-to-action {
        color: #000;
        background: transparent;
        border-color: transparent; }
        .theme-light .c-feature > div .c-call-to-action:active, .theme-dark .theme-light .c-feature > div .c-call-to-action:active {
          color: rgba(0, 0, 0, 0.6); }
        .theme-light .c-feature > div .c-call-to-action:focus, .theme-dark .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: transparent;
        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, 0.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 {
      display: block;
      overflow: visible;
      margin-top: 10px; }
      .c-feature > div .c-group .c-call-to-action {
        margin-top: 0;
        margin-right: 4px; }
    .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 {
      display: block; }
  .c-feature.f-align-center {
    height: auto; }
    .c-feature.f-align-center > div {
      width: auto;
      padding: 0 24px;
      max-width: 848px;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
      .c-feature.f-align-center > div .c-heading {
        font-size: 34px;
        line-height: 40px;
        padding: 38px 0 2px;
        font-weight: 100;
        max-height: 120px; }
      .c-feature.f-align-center > div .c-paragraph {
        max-height: 80px; }
      .c-feature.f-align-center > div .c-group {
        display: block; }
        .c-feature.f-align-center > div .c-group .c-call-to-action {
          margin: 0 2px; }
      .c-feature.f-align-center > div .c-badge {
        margin-top: 12px; }
        .c-feature.f-align-center > div .c-badge + .c-heading {
          padding-top: 8px; }
      .c-feature.f-align-center > div .c-image {
        display: inline-block; }
    .c-feature.f-align-center picture,
    .c-feature.f-align-center .c-video {
      width: 100%; }
  @media only screen and (max-width: 539px) {
    .c-feature {
      height: auto; }
      .c-feature.f-align-left > div, .c-feature.f-align-right > div {
        width: auto;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        padding: 0 24px 0 24px; }
        .c-feature.f-align-left > div .c-badge, .c-feature.f-align-right > div .c-badge {
          margin-top: 12px; }
          .c-feature.f-align-left > div .c-badge + .c-heading, .c-feature.f-align-right > div .c-badge + .c-heading {
            padding-top: 8px; }
      .c-feature.f-align-left picture, .c-feature.f-align-right picture {
        float: none;
        width: auto; }
      .c-feature.f-align-left .c-video, .c-feature.f-align-right .c-video {
        float: none;
        max-width: 100%; }
      .c-feature.f-align-left .c-paragraph, .c-feature.f-align-right .c-paragraph {
        padding: 0; }
      .c-feature > div .c-heading {
        font-size: 20px;
        line-height: 24px;
        padding: 35px 0 5px;
        font-weight: 200;
        max-height: 48px; }
      .c-feature.c-feature.f-align-left > div,
      .c-feature.c-feature.f-align-right > div {
        text-align: left; }
      .c-feature picture,
      .c-feature .c-video {
        height: 200px; } }
  @media only screen and (max-width: 767px) {
    .c-feature {
      height: auto; }
      .c-feature.f-align-left > div, .c-feature.f-align-right > div {
        max-width: 490px;
        margin: 0 auto;
        position: relative;
        width: auto;
        top: auto;
        left: auto;
        right: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        padding: 0 24px 0 24px;
        text-align: center;
        float: none; }
      .c-feature.f-align-left .c-badge, .c-feature.f-align-right .c-badge {
        margin-top: 12px; }
        .c-feature.f-align-left .c-badge + .c-heading, .c-feature.f-align-right .c-badge + .c-heading {
          padding-top: 8px; }
      .c-feature.f-align-left .c-logo img, .c-feature.f-align-right .c-logo img {
        margin: 0 auto; } }
    @media only screen and (max-width: 767px) and (max-width: 539px) {
      .c-feature.f-align-left .c-logo img, .c-feature.f-align-right .c-logo img {
        margin: 0; } }
  @media only screen and (max-width: 767px) {
      .c-feature.f-align-left picture, .c-feature.f-align-right picture {
        float: none;
        width: auto; }
      .c-feature.f-align-left .c-video, .c-feature.f-align-right .c-video {
        float: none;
        max-width: 100%; }
      .c-feature > div .c-heading {
        font-size: 20px;
        line-height: 24px;
        padding: 35px 0 5px;
        font-weight: 200;
        max-height: 48px; } }
  @media only screen and (min-width: 1084px) {
    .c-feature {
      height: 400px; }
      .c-feature picture,
      .c-feature .c-video {
        height: 400px; }
      .c-feature.f-align-right > div {
        padding: 48px; }
      .c-feature.f-align-left > div {
        padding: 48px; }
      .c-feature > div .c-heading {
        font-size: 34px;
        line-height: 40px;
        padding: 38px 0 2px;
        font-weight: 100;
        max-height: 120px; }
      .c-feature > div .c-paragraph {
        font-size: 15px;
        line-height: 20px;
        padding: 24px 0 0;
        font-weight: 400;
        max-height: 80px; }
      .c-feature.f-align-center > div {
        padding: 0 48px 0 48px;
        max-width: 894px; } }

.c-file {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .c-file .c-button {
    margin-top: 20px; }
  .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, 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: #cccccc;
  color: #333333;
  opacity: 0.8;
  font-family: "MWF-MDL2";
  /*
    * Use .f-previous and .f-next
    * .f-left and f-left deprecated v1.3.0
    */ }
  .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.f-left:before, .c-flipper.f-previous:before {
    content: ""; }
  .c-flipper.f-right:before, .c-flipper.f-next:before {
    content: ""; }
  .c-flipper:focus {
    outline: 1px dashed #000;
    background: rgba(0, 0, 0, 0.2); }
  .c-flipper:hover {
    opacity: 1; }
  .c-flipper:active {
    background: #b3b3b3;
    color: #000; }
  .theme-light .c-flipper, .theme-dark .theme-light .c-flipper {
    background: #e6e6e6;
    color: #333333;
    opacity: 0.8; }
    .theme-light .c-flipper:focus, .theme-dark .theme-light .c-flipper:focus {
      outline-color: #000; }
    .theme-light .c-flipper:hover, .theme-dark .theme-light .c-flipper:hover {
      opacity: 1; }
    .theme-light .c-flipper:active, .theme-dark .theme-light .c-flipper:active {
      background: #FFF;
      color: #000; }
  .theme-dark .c-flipper, .theme-light .theme-dark .c-flipper {
    background: #1a1a1a;
    color: #d9d9d9;
    opacity: 0.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, 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: none; }

.btn-group,
.checkbox-inline, .radio-inline,
.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; }
  .btn-group.f-wrap-items,
  .checkbox-inline.f-wrap-items, .radio-inline.f-wrap-items,
  .c-group.f-wrap-items {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    /** .c-product-placement deprecated on v1.6.0 **/
    /*  use .m-product-placement-item
            TODO: remove c- in v.2.0 */ }
    @media only screen and (max-width: 539px) {
      .btn-group.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium,
      .btn-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium,
      .checkbox-inline.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium,
      .checkbox-inline.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium, .radio-inline.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium,
      .radio-inline.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,
      .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium {
        width: calc(50% - 24px); }
        .btn-group.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium picture img,
        .btn-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium picture img,
        .checkbox-inline.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium picture img,
        .checkbox-inline.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium picture img, .radio-inline.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium picture img,
        .radio-inline.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,
        .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium picture img {
          width: 100%; } }
  .btn-group .c-call-to-action,
  .checkbox-inline .c-call-to-action, .radio-inline .c-call-to-action,
  .c-group .c-call-to-action {
    margin-right: 4px; }
  .btn-group .c-action-trigger,
  .checkbox-inline .c-action-trigger, .radio-inline .c-action-trigger,
  .c-group .c-action-trigger {
    padding-right: 24px; }
    .btn-group .c-action-trigger:last-child,
    .checkbox-inline .c-action-trigger:last-child, .radio-inline .c-action-trigger:last-child,
    .c-group .c-action-trigger:last-child {
      padding-right: 0; }
  .btn-group .c-select-button,
  .checkbox-inline .c-select-button, .radio-inline .c-select-button,
  .c-group .c-select-button {
    margin-top: 8px; }
  @media only screen and (min-width: 320px) {
    .btn-group .btn,
    .btn-group button.c-button,
    .btn-group a.c-button[role="button"],
    .checkbox-inline .btn,
    .checkbox-inline button.c-button,
    .checkbox-inline a.c-button[role="button"], .radio-inline .btn,
    .radio-inline button.c-button,
    .radio-inline a.c-button[role="button"],
    .c-group .btn,
    .c-group button.c-button,
    .c-group a.c-button[role="button"] {
      margin-right: 4px; } }
  @media only screen and (min-width: 540px) {
    .btn-group .btn,
    .btn-group button.c-button,
    .btn-group a.c-button[role="button"],
    .checkbox-inline .btn,
    .checkbox-inline button.c-button,
    .checkbox-inline a.c-button[role="button"], .radio-inline .btn,
    .radio-inline button.c-button,
    .radio-inline a.c-button[role="button"],
    .c-group .btn,
    .c-group button.c-button,
    .c-group a.c-button[role="button"] {
      margin-right: 8px; } }

[class^="c-heading-"]:before, [class^="c-heading-"]:after {
  content: " ";
  display: table; }

[class^="c-heading-"]:after {
  clear: both; }

[class^="c-heading-"] a.c-hyperlink {
  font-size: 15px;
  line-height: 20px;
  float: right;
  margin-left: 12px;
  font-weight: 400; }

[class^="c-heading-"] + .c-label {
  margin-top: 8px; }

form [class^="c-heading-"] {
  padding-top: 24px; }

.c-heading-1 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:visited, a.c-hyperlink:hover {
    color: #0078D7;
    text-decoration: underline; }
  a.c-hyperlink:focus {
    outline: 1px dashed #000; }
    a.c-hyperlink:focus:active {
      outline-style: none; }
  a.c-hyperlink:active {
    color: #0078D7;
    text-decoration: none; }
  .theme-light a.c-hyperlink, .theme-dark .theme-light a.c-hyperlink {
    text-decoration: underline;
    color: #000; }
    .theme-light a.c-hyperlink:focus, .theme-dark .theme-light a.c-hyperlink:focus {
      text-decoration: none;
      color: #000; }
    .theme-light a.c-hyperlink:visited, .theme-dark .theme-light a.c-hyperlink:visited {
      color: rgba(0, 0, 0, 0.4); }
    .theme-light a.c-hyperlink:hover, .theme-dark .theme-light a.c-hyperlink:hover {
      color: rgba(0, 0, 0, 0.8); }
    .theme-light a.c-hyperlink:active, .theme-dark .theme-light a.c-hyperlink:active {
      color: rgba(0, 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, 0.4); }
    .theme-dark a.c-hyperlink:active, .theme-light .theme-dark a.c-hyperlink:active {
      color: rgba(255, 255, 255, 0.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, 0.6); }
      .theme-dark a.c-hyperlink.f-disabled:hover, .theme-dark a.c-hyperlink[aria-disabled="true"]:hover, .theme-light .theme-dark a.c-hyperlink.f-disabled:hover, .theme-light .theme-dark a.c-hyperlink[aria-disabled="true"]:hover {
        text-decoration: none;
        cursor: default; }

.glyph:before, .glyph:after,
.c-glyph:before,
.c-glyph:after {
  font-family: "MWF-MDL2";
  display: inline-block;
  text-decoration: underline; }

.glyph:before, .glyph:after, .glyph:hover:before, .glyph:hover:after,
.c-glyph:before,
.c-glyph:after,
.c-glyph:hover:before,
.c-glyph:hover:after {
  text-decoration: none; }

.img-responsive,
img.c-image, picture.c-image img {
  display: block;
  margin: 0;
  max-width: 100%;
  height: auto; }

.img-responsive.f-round,
img.c-image.f-round {
  border-radius: 50%; }

nav.c-in-page-navigation {
  border-bottom: 1px solid rgba(0, 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, 0.2); }
  nav.c-in-page-navigation.f-hide {
    height: 0;
    visibility: hidden; }
  nav.c-in-page-navigation a:hover, nav.c-in-page-navigation a:focus, nav.c-in-page-navigation a:active, nav.c-in-page-navigation a.f-active {
    color: #000; }
  nav.c-in-page-navigation a:focus {
    outline: 1px dashed #000; }
  nav.c-in-page-navigation .c-select-menu {
    padding: 2px 0;
    margin: 0 24px; }
    nav.c-in-page-navigation .c-select-menu > a {
      color: #000; }
  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, 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, 0.8); }
        nav.c-in-page-navigation > ul li > a:focus {
          color: rgba(0, 0, 0, 0.8);
          outline: 1px dashed rgba(0, 0, 0, 0.8); }
        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, 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, 0.6); }
        nav.c-in-page-navigation.f-dropdown .f-dropdown-menu.f-border [aria-expanded]:hover {
          border-color: rgba(0, 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"] + .dropdown-menu,
      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, 0.6);
        -webkit-transform: translateX(-8px);
            -ms-transform: translateX(-8px);
                transform: translateX(-8px);
        padding: 12px 0;
        padding-right: 24px;
        margin: 0 24px; }
        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: 1px dashed #000; }
          nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:focus:hover {
            outline: none; }
      .no-js nav.c-in-page-navigation.f-dropdown .f-dropdown-menu:hover .dropdown-menu,
      .no-js nav.c-in-page-navigation.f-dropdown .f-dropdown-menu:hover .c-menu,
      .js nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > [aria-expanded="true"] + .dropdown-menu,
      .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"] {
        display: block; }

label,
.c-label {
  font-size: 13px;
  display: block;
  margin-top: 21px;
  padding-bottom: 7px;
  line-height: 20px; }
  label + input.form-control,
  label + input.c-text-field[type="text"],
  label + input.c-password[type="password"],
  .c-label + input.form-control,
  .c-label + input.c-text-field[type="text"],
  .c-label + input.c-password[type="password"] {
    margin: 0; }

.link-navigation,
nav.c-link-navigation {
  margin-top: 48px;
  text-align: center; }
  .link-navigation .text-title,
  .link-navigation .c-heading,
  nav.c-link-navigation .text-title,
  nav.c-link-navigation .c-heading {
    font-size: 20px;
    line-height: 24px;
    padding: 35px 0 5px;
    font-weight: 200;
    padding-top: 8px;
    padding-bottom: 24px; }
  .link-navigation a,
  .link-navigation a.c-hyperlink,
  nav.c-link-navigation a,
  nav.c-link-navigation a.c-hyperlink {
    display: block; }
    .link-navigation a:before, .link-navigation a:after,
    .link-navigation a.c-hyperlink:before,
    .link-navigation a.c-hyperlink:after,
    nav.c-link-navigation a:before,
    nav.c-link-navigation a:after,
    nav.c-link-navigation a.c-hyperlink:before,
    nav.c-link-navigation a.c-hyperlink:after {
      content: " ";
      display: table; }
    .link-navigation a:after,
    .link-navigation a.c-hyperlink:after,
    nav.c-link-navigation a:after,
    nav.c-link-navigation a.c-hyperlink:after {
      clear: both; }
  .link-navigation p,
  nav.c-link-navigation p {
    overflow: hidden;
    box-sizing: content-box;
    max-height: 60px;
    word-wrap: break-word;
    text-overflow: clip; }
  .link-navigation li,
  nav.c-link-navigation li {
    display: inline-block; }
    .link-navigation li a,
    .link-navigation li a.c-hyperlink,
    nav.c-link-navigation li a,
    nav.c-link-navigation li a.c-hyperlink {
      margin: 0 18px;
      vertical-align: top; }
      .link-navigation li a picture,
      .link-navigation li a.c-hyperlink picture,
      nav.c-link-navigation li a picture,
      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) {
          .link-navigation li a picture,
          .link-navigation li a.c-hyperlink picture,
          nav.c-link-navigation li a picture,
          nav.c-link-navigation li a.c-hyperlink picture {
            margin-bottom: 12px; } }
      .link-navigation li a p,
      .link-navigation li a.c-hyperlink p,
      nav.c-link-navigation li a p,
      nav.c-link-navigation li a.c-hyperlink p {
        padding: 0 10px;
        max-width: 200px;
        text-align: center;
        margin: 0 auto; }
      .link-navigation li a.f-image,
      .link-navigation li a.c-hyperlink.f-image,
      nav.c-link-navigation li a.f-image,
      nav.c-link-navigation li a.c-hyperlink.f-image {
        display: inline-block;
        margin: 0 22px; }
  @media only screen and (max-width: 767px) {
    .link-navigation li,
    nav.c-link-navigation li {
      clear: both;
      display: block;
      height: 72px; }
      .link-navigation li a,
      .link-navigation li a.c-hyperlink,
      nav.c-link-navigation li a,
      nav.c-link-navigation li a.c-hyperlink {
        width: 100%;
        height: 100%;
        padding: 12px 0;
        overflow: hidden;
        margin: 0; }
        .link-navigation li a picture,
        .link-navigation li a.c-hyperlink picture,
        nav.c-link-navigation li a picture,
        nav.c-link-navigation li a.c-hyperlink picture {
          display: inline-block;
          max-width: none;
          max-height: none; }
          .link-navigation li a picture img,
          .link-navigation li a.c-hyperlink picture img,
          nav.c-link-navigation li a picture img,
          nav.c-link-navigation li a.c-hyperlink picture img {
            width: 64px;
            height: 64px;
            margin: 4px; }
        .link-navigation li a p,
        .link-navigation li a.c-hyperlink p,
        nav.c-link-navigation li a p,
        nav.c-link-navigation li a.c-hyperlink p {
          padding-top: 0;
          padding-bottom: 0;
          padding-right: 12px;
          padding-left: 8px;
          text-align: left;
          max-width: none;
          display: inline; }
        .link-navigation li a.f-image,
        .link-navigation li a.c-hyperlink.f-image,
        nav.c-link-navigation li a.f-image,
        nav.c-link-navigation li a.c-hyperlink.f-image {
          text-align: left;
          padding: 0;
          margin: 0; } }

ul.list-styled,
ol.list-styled,
ul.c-list,
ol.c-list {
  font-size: 15px;
  line-height: 20px;
  padding-left: 19px;
  padding-right: 0;
  margin: 8px 0;
  list-style-position: outside; }
  ul.list-styled li,
  ol.list-styled li,
  ul.c-list li,
  ol.c-list li {
    padding: 8px 0; }
  ul.list-styled.f-lean li,
  ol.list-styled.f-lean li,
  ul.c-list.f-lean li,
  ol.c-list.f-lean li {
    padding: 0; }
  ul.list-unstyled, ul.list-styled.f-bare,
  ol.list-styled.f-bare,
  ul.c-list.f-bare,
  ol.c-list.f-bare {
    padding-left: 0;
    list-style-type: none; }

ul.list-styled,
ul.c-list {
  list-style-type: disc; }

ol.list-styled,
ol.c-list {
  list-style-type: decimal; }

.c-logo img + span {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  width: 1px !important;
  height: 1px !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important; }

.c-meta-text {
  color: rgba(0, 0, 0, 0.6); }

.dropdown-menu,
.c-menu {
  position: relative;
  z-index: 500;
  width: 296px;
  min-width: 64px;
  max-width: 368px;
  padding: 0;
  margin: 0;
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0;
  background-clip: padding-box; }
  .dropdown-menu.f-scroll,
  .c-menu.f-scroll {
    max-height: 220px;
    overflow-y: auto; }
  .dropdown-menu .c-menu-item [aria-checked="true"],
  .c-menu .c-menu-item [aria-checked="true"] {
    background: #0078D7;
    color: #FFF; }
    .dropdown-menu .c-menu-item [aria-checked="true"]:hover,
    .c-menu .c-menu-item [aria-checked="true"]:hover {
      background: rgba(0, 120, 215, 0.8);
      color: #FFF; }
    .dropdown-menu .c-menu-item [aria-checked="true"]:focus,
    .c-menu .c-menu-item [aria-checked="true"]:focus {
      outline: 1px dashed #0078D7;
      color: #FFF; }
    .dropdown-menu .c-menu-item [aria-checked="true"]:active,
    .c-menu .c-menu-item [aria-checked="true"]:active {
      background: rgba(0, 120, 215, 0.4);
      color: #FFF; }
  .theme-dark .dropdown-menu, .theme-light .theme-dark .dropdown-menu, .theme-dark
  .c-menu, .theme-light .theme-dark
  .c-menu {
    color: #000; }
  .theme-light .dropdown-menu, .theme-dark .theme-light .dropdown-menu, .theme-light
  .c-menu, .theme-dark .theme-light
  .c-menu {
    color: #000; }

.dropdown-menu > li a,
.dropdown-menu > li span,
.dropdown-menu > li button,
.c-menu-item a,
.c-menu-item span,
.c-menu-item button {
  display: block;
  background: rgba(0, 0, 0, 0.05);
  padding: 11px 12px 13px;
  outline: 0;
  cursor: pointer;
  white-space: normal; }
  .dropdown-menu > li a:hover, .dropdown-menu > li a:focus,
  .dropdown-menu > li span:hover,
  .dropdown-menu > li span:focus,
  .dropdown-menu > li button:hover,
  .dropdown-menu > li button:focus,
  .c-menu-item a:hover,
  .c-menu-item a:focus,
  .c-menu-item span:hover,
  .c-menu-item span:focus,
  .c-menu-item button:hover,
  .c-menu-item button:focus {
    background: rgba(0, 0, 0, 0.1); }
  .dropdown-menu > li a:focus,
  .dropdown-menu > li span:focus,
  .dropdown-menu > li button:focus,
  .c-menu-item a:focus,
  .c-menu-item span:focus,
  .c-menu-item button:focus {
    outline: 1px dashed #000; }
  .dropdown-menu > li a:active,
  .dropdown-menu > li span:active,
  .dropdown-menu > li button:active,
  .c-menu-item a:active,
  .c-menu-item span:active,
  .c-menu-item button:active {
    background: rgba(0, 0, 0, 0.3); }
  .dropdown-menu > li a[role="menuitemradio"][aria-checked="true"],
  .dropdown-menu > li span[role="menuitemradio"][aria-checked="true"],
  .dropdown-menu > li button[role="menuitemradio"][aria-checked="true"],
  .c-menu-item a[role="menuitemradio"][aria-checked="true"],
  .c-menu-item span[role="menuitemradio"][aria-checked="true"],
  .c-menu-item button[role="menuitemradio"][aria-checked="true"] {
    background: #0078D7;
    color: #FFF; }

.dropdown-menu > li.f-sub-menu > a,
.dropdown-menu > li.f-sub-menu > button,
.c-menu-item.f-sub-menu > a,
.c-menu-item.f-sub-menu > button {
  position: relative; }
  .dropdown-menu > li.f-sub-menu > a:after,
  .dropdown-menu > li.f-sub-menu > button:after,
  .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; }
  .dropdown-menu > li.f-sub-menu > a + .c-menu,
  .dropdown-menu > li.f-sub-menu > button + .c-menu,
  .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; }
    .dropdown-menu > li.f-sub-menu > a + .c-menu.f-flip,
    .dropdown-menu > li.f-sub-menu > button + .c-menu.f-flip,
    .c-menu-item.f-sub-menu > a + .c-menu.f-flip,
    .c-menu-item.f-sub-menu > button + .c-menu.f-flip {
      left: -100%; }
  .no-js .dropdown-menu > li.f-sub-menu > a:focus + .c-menu,
  .no-js .dropdown-menu > li.f-sub-menu > a:hover + .c-menu,
  .js .dropdown-menu > li.f-sub-menu > a[aria-expanded="true"] + .c-menu[aria-hidden="false"], .no-js
  .dropdown-menu > li.f-sub-menu > button:focus + .c-menu,
  .no-js
  .dropdown-menu > li.f-sub-menu > button:hover + .c-menu,
  .js
  .dropdown-menu > li.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,
  .js
  .c-menu-item.f-sub-menu > a[aria-expanded="true"] + .c-menu[aria-hidden="false"], .no-js
  .c-menu-item.f-sub-menu > button:focus + .c-menu,
  .no-js
  .c-menu-item.f-sub-menu > button:hover + .c-menu,
  .js
  .c-menu-item.f-sub-menu > button[aria-expanded="true"] + .c-menu[aria-hidden="false"] {
    display: block;
    -webkit-animation: fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            animation: fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.dropdown-menu > li a.f-product,
.c-menu-item a.f-product {
  padding: 8px 12px;
  overflow: hidden; }
  .dropdown-menu > li a.f-product .c-image,
  .c-menu-item a.f-product .c-image {
    width: 40px;
    vertical-align: top;
    float: left; }
  .dropdown-menu > li a.f-product div,
  .c-menu-item a.f-product div {
    overflow: hidden;
    height: 100%; }
  .dropdown-menu > li a.f-product span,
  .c-menu-item a.f-product span {
    background: none;
    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%);
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .c-mosaic:before, .c-mosaic:after,
  .c-mosaic [data-f-mosaic*="f-vp"]:before,
  .c-mosaic [data-f-mosaic*="f-vp"]:after {
    content: " ";
    display: table; }
  .c-mosaic:after,
  .c-mosaic [data-f-mosaic*="f-vp"]:after {
    clear: both; }
  .c-mosaic [data-f-mosaic*="f-vp"] {
    float: left; }
  .c-mosaic [data-f-mosaic~="f-vp1-whole"] {
    width: 100%; }
  .c-mosaic [data-f-mosaic~="f-vp1-half"] {
    width: 50%; }
  .c-mosaic [data-f-mosaic~="f-height-small"] {
    height: 150px; }
  .c-mosaic [data-f-mosaic~="f-height-medium"] {
    height: 300px; }
  .c-mosaic [data-f-mosaic~="f-height-large"] {
    height: 300px; }
  @media only screen and (min-width: 540px) {
    .c-mosaic [data-f-mosaic~="f-vp2-whole"] {
      width: 100%; }
    .c-mosaic [data-f-mosaic~="f-vp2-half"] {
      width: 50%; } }
  @media only screen and (min-width: 768px) {
    .c-mosaic [data-f-mosaic~="f-vp3-whole"] {
      width: 100%; }
    .c-mosaic [data-f-mosaic~="f-vp3-half"] {
      width: 50%; }
    .c-mosaic [data-f-mosaic~="f-height-small"] {
      height: 200px; }
    .c-mosaic [data-f-mosaic~="f-height-medium"] {
      height: 400px; }
    .c-mosaic [data-f-mosaic~="f-height-large"] {
      height: 400px; } }
  @media only screen and (min-width: 1084px) {
    .c-mosaic [data-f-mosaic~="f-vp4-whole"] {
      width: 100%; }
    .c-mosaic [data-f-mosaic~="f-vp4-half"] {
      width: 50%; }
    .c-mosaic [data-f-mosaic~="f-height-large"] {
      height: 800px; } }

[class*="c-paragraph"].f-lean {
  padding: 0; }

input.form-control,
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, 0.6);
  outline: 0;
  background-color: #FFF; }
  input.form-control.f-small,
  input.c-password[type="password"].f-small {
    width: 88px; }
  input.form-control.f-flex,
  input.c-password[type="password"].f-flex {
    width: 100%;
    min-width: 88px;
    max-width: 400px; }
  input.form-control:hover,
  input.c-password[type="password"]:hover {
    border-color: rgba(0, 0, 0, 0.8); }
  input.form-control:focus, input.form-control:active, input.form-control:focus,
  input.c-password[type="password"]:focus,
  input.c-password[type="password"]:active,
  input.c-password[type="password"]:focus {
    border-color: #0078D7; }
  input.form-control[disabled],
  input.c-password[type="password"][disabled] {
    cursor: not-allowed;
    color: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2); }
  input.form-control[readonly],
  input.c-password[type="password"][readonly] {
    border: 1px solid rgba(0, 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, 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, 0.8); }
    .c-pivot > header > a:focus {
      outline: 1px dashed; }

.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, 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-light .c-mosaic-placement.f-mask-10 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-10 > picture:before {
    background: rgba(255, 255, 255, 0.1); }
  .theme-light .c-mosaic-placement.f-mask-20 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-20 > picture:before {
    background: rgba(255, 255, 255, 0.2); }
  .theme-light .c-mosaic-placement.f-mask-40 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-40 > picture:before {
    background: rgba(255, 255, 255, 0.4); }
  .theme-light .c-mosaic-placement.f-mask-60 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-60 > picture:before {
    background: rgba(255, 255, 255, 0.6); }
  .theme-light .c-mosaic-placement.f-mask-80 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-80 > picture:before {
    background: rgba(255, 255, 255, 0.8); }
  .theme-light .c-mosaic-placement.f-mask-100 > picture:before, .theme-dark .theme-light .c-mosaic-placement.f-mask-100 > picture:before {
    background: #FFF; }
  .theme-dark .c-mosaic-placement.f-mask-10 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-10 > picture:before {
    background: rgba(0, 0, 0, 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, 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, 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, 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, 0.8); }
  .theme-dark .c-mosaic-placement.f-mask-100 > picture:before, .theme-light .theme-dark .c-mosaic-placement.f-mask-100 > picture:before {
    background: #000; }
  .c-mosaic-placement .c-video {
    height: 400px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    position: absolute; }
    .c-mosaic-placement .c-video > h1 {
      display: none; }
    .c-mosaic-placement .c-video video {
      min-width: 100%;
      min-height: 100%;
      height: auto;
      width: auto;
      z-index: -2;
      background-size: cover;
      overflow: hidden;
      position: absolute;
      left: 0;
      top: 0; }
  .c-mosaic-placement .c-heading {
    font-size: 20px;
    line-height: 24px;
    padding: 35px 0 5px;
    font-weight: 200;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 48px;
    padding-bottom: 1.636px;
    font-weight: 700; }
  .c-mosaic-placement .c-subheading {
    font-size: 20px;
    line-height: 24px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 72px;
    padding-bottom: 1.636px;
    font-weight: 200;
    padding-top: 0; }
  .c-mosaic-placement a.c-call-to-action {
    background: transparent;
    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: transparent;
      border-color: transparent; }
    .c-mosaic-placement a.c-call-to-action:active {
      background: transparent;
      text-decoration: none; }
    .c-mosaic-placement a.c-call-to-action span:hover {
      text-decoration: underline; }
    .theme-light .c-mosaic-placement a.c-call-to-action, .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action {
      color: #000;
      background: transparent;
      border-color: transparent; }
      .theme-light .c-mosaic-placement a.c-call-to-action:active, .theme-dark .theme-light .c-mosaic-placement a.c-call-to-action:active {
        color: rgba(0, 0, 0, 0.6); }
      .theme-light .c-mosaic-placement a.c-call-to-action:focus, .theme-dark .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: transparent;
      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, 0.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 picture:after {
    content: "";
    display: block; }
  .c-mosaic-placement .c-group {
    display: block;
    top: auto;
    text-align: center;
    height: 42px; }
  .c-mosaic-placement picture {
    z-index: 0;
    overflow: hidden; }
    .c-mosaic-placement picture img {
      position: absolute;
      left: calc(50%);
      top: calc(50%);
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .c-mosaic-placement picture:after {
      z-index: 1; }
      .theme-light .c-mosaic-placement picture:after, .theme-dark .theme-light .c-mosaic-placement picture:after {
        background-color: rgba(255, 255, 255, 0.2); }
      .theme-dark .c-mosaic-placement picture:after, .theme-light .theme-dark .c-mosaic-placement picture:after {
        background-color: rgba(0, 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:before, .c-price:after {
  content: " ";
  display: table; }

.c-price:after {
  clear: both; }

.c-price .c-label {
  font-size: 15px;
  padding: 0 4px;
  display: inline;
  margin: 0;
  float: left; }

.c-price span,
.c-price meta + span,
.c-price s {
  float: left; }

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, 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;
  position: relative;
  background: rgba(0, 0, 0, 0.2);
  min-width: 296px;
  width: 100%;
  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 {
    position: relative;
    min-width: 296px;
    width: 100%; }
    .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: 0.05s;
                animation-delay: 0.05s; }
        .c-progress.f-indeterminate-regional span:nth-child(1):after {
          left: -10px; }
      .c-progress.f-indeterminate-regional span:nth-child(2) {
        -webkit-animation-delay: 0.1s;
                animation-delay: 0.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: 0.15s;
                animation-delay: 0.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: 0.2s;
                animation-delay: 0.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: 0.25s;
                animation-delay: 0.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% {
    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; }
  75% {
    opacity: 1; }
  80%,
  100% {
    left: 100%;
    opacity: 0; } }

@keyframes dots {
  0%,
  20% {
    left: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0; }
  25% {
    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; }
  75% {
    opacity: 1; }
  80%,
  100% {
    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 {
      width: 60px;
      height: 60px; }
      .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; }
  76% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg);
    opacity: 0; }
  100% {
    -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; }
  76% {
    -webkit-transform: rotate(945deg);
            transform: rotate(945deg);
    opacity: 0; }
  100% {
    -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:before, .c-rating span.c-glyph:after {
    font-size: 12px; }

.c-rating button.c-glyph {
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent; }
  .c-rating button.c-glyph:before, .c-rating button.c-glyph:after {
    font-size: 24px; }
  .c-rating button.c-glyph:after {
    color: #000; }
  .c-rating button.c-glyph:focus {
    outline: none; }
    .c-rating button.c-glyph:focus:before {
      outline: 1px dashed #000; }

.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:before, .c-rating.f-individual span.c-glyph:after {
      font-size: 18px; }

.c-rating .c-glyph {
  position: relative;
  float: left; }
  .c-rating .c-glyph:before, .c-rating .c-glyph:after {
    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, 0.3); }
  .c-rating .c-glyph:after {
    color: #0078D7; }

.c-rating form,
.c-rating div {
  display: inline-block; }
  .c-rating form:before, .c-rating form:after,
  .c-rating div:before,
  .c-rating div:after {
    content: " ";
    display: table; }
  .c-rating form:after,
  .c-rating div:after {
    clear: both; }

.c-rating 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:before {
    font-family: "MWF-MDL2";
    content: "";
    color: #0078D7; }
  .c-rating form:hover button.c-glyph:after {
    display: none; }
  .c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before {
    color: rgba(0, 0, 0, 0.3); }
  .c-rating form[disabled] button.c-glyph:hover {
    cursor: not-allowed; }
    .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before {
      color: rgba(0, 0, 0, 0.2); }
  .c-rating form[disabled] button.c-glyph:after {
    display: none; }
  .c-rating form[disabled] button.c-glyph:before {
    font-family: "MWF-MDL2";
    content: "";
    color: rgba(0, 0, 0, 0.2); }

.c-rating.f-community-rated .c-glyph:before {
  font-family: "MWF-MDL2";
  content: ""; }

.c-rating.f-community-rated .f-full:after {
  font-family: "MWF-MDL2";
  content: ""; }

.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-light .c-rating .c-glyph:before, .theme-dark .theme-light .c-rating .c-glyph:before {
  color: rgba(0, 0, 0, 0.3); }

.theme-light .c-rating .c-glyph:after, .theme-dark .theme-light .c-rating .c-glyph:after {
  color: #0078D7; }

.theme-light .c-rating form button.c-glyph:focus:before, .theme-dark .theme-light .c-rating form button.c-glyph:focus:before {
  outline-color: #000; }

.theme-light .c-rating form button.c-glyph:before, .theme-dark .theme-light .c-rating form button.c-glyph:before {
  color: rgba(0, 0, 0, 0.3); }

.theme-light .c-rating form button.c-glyph:after, .theme-dark .theme-light .c-rating form button.c-glyph:after {
  color: #000; }

.theme-light .c-rating form:hover button.c-glyph:before, .theme-dark .theme-light .c-rating form:hover button.c-glyph:before {
  color: #0078D7; }

.theme-light .c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before, .theme-dark .theme-light .c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before {
  color: rgba(0, 0, 0, 0.3); }

.theme-light .c-rating form[disabled] button.c-glyph:before, .theme-dark .theme-light .c-rating form[disabled] button.c-glyph:before {
  color: rgba(0, 0, 0, 0.2); }

.theme-light .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before, .theme-dark .theme-light .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before {
  color: rgba(0, 0, 0, 0.2); }

.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, .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 {
  color: #0078D7; }

.theme-dark .c-rating .c-glyph:before, .theme-light .theme-dark .c-rating .c-glyph:before {
  color: rgba(255, 255, 255, 0.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, 0.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, 0.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, 0.3); }

.theme-dark .c-rating form[disabled] button.c-glyph:before, .theme-light .theme-dark .c-rating form[disabled] button.c-glyph:before {
  color: rgba(255, 255, 255, 0.2); }

.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:hover ~ button.c-glyph:before {
  color: rgba(255, 255, 255, 0.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 {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-rating.f-community-rated .c-glyph:before {
    font-family: "MWF-MDL2";
    content: ""; } }

.radio .c-label,
.c-radio .c-label {
  font-size: 15px;
  line-height: 20px;
  margin-right: 24px;
  padding-bottom: 0;
  position: relative; }

.radio input[type="radio"],
.c-radio input[type="radio"] {
  float: left;
  opacity: 0; }
  .radio input[type="radio"] + span,
  .c-radio input[type="radio"] + span {
    cursor: pointer;
    display: inline-block;
    margin-left: 28px; }
    .radio input[type="radio"] + span:before,
    .c-radio input[type="radio"] + span:before {
      border: solid #000 1px;
        border-radius: 50%;
      height: 20px;
      width: 20px;
      content: "";
      left: 0;
      position: absolute;
      top: 0; }
  .radio input[type="radio"]:hover:not(:disabled) + span:before,
  .c-radio input[type="radio"]:hover:not(:disabled) + span:before {
    border-color: rgba(0, 0, 0, 0.8); }
  .radio input[type="radio"]:focus + span:before,
  .c-radio input[type="radio"]:focus + span:before {
    outline: 1px dashed rgba(0, 0, 0, 0.8); }
  .radio input[type="radio"]:checked + span:after,
  .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) {
      .radio input[type="radio"]:checked + span:after,
      .c-radio input[type="radio"]:checked + span:after {
        border: solid currentColor 5px; } }
  .radio input[type="radio"]:checked:not(:disabled) + span,
  .c-radio input[type="radio"]:checked:not(:disabled) + span {
    color: #000; }
    .radio input[type="radio"]:checked:not(:disabled) + span:before,
    .c-radio input[type="radio"]:checked:not(:disabled) + span:before {
      border-color: #0078D7; }
  .radio input[type="radio"]:checked:not(:disabled):hover + span:after,
  .c-radio input[type="radio"]:checked:not(:disabled):hover + span:after {
    background: rgba(0, 0, 0, 0.6); }
  .radio input[type="radio"]:disabled + span,
  .c-radio input[type="radio"]:disabled + span {
    color: rgba(0, 0, 0, 0.2);
    cursor: not-allowed; }
    .radio input[type="radio"]:disabled + span:before,
    .c-radio input[type="radio"]:disabled + span:before {
      border-color: rgba(0, 0, 0, 0.2); }

button.c-refine-item, a.c-refine-item {
  position: relative;
  display: block;
  padding: 12px;
  border: 0;
  width: 100%;
  background: transparent;
  color: rgba(0, 0, 0, 0.6); }
  button.c-refine-item span, a.c-refine-item span {
    text-align: left;
    display: block;
    overflow: hidden;
    white-space: nowrap; }
  [role=listbox] button.c-refine-item:after, [role=listbox] a.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; }
  button.c-refine-item:focus, a.c-refine-item:focus {
    outline: 1px dashed #000; }
  button.c-refine-item:hover, a.c-refine-item:hover {
    background: rgba(0, 0, 0, 0.1); }
  button.c-refine-item:active, a.c-refine-item:active {
    background: rgba(0, 0, 0, 0.3); }
  button[aria-selected="true"].c-refine-item, a[aria-selected="true"].c-refine-item, button[aria-checked="true"].c-refine-item, a[aria-checked="true"].c-refine-item {
    padding-right: 44px;
    background: rgba(0, 0, 0, 0.1);
    font-weight: 600;
    color: #000; }
    button[aria-selected="true"].c-refine-item:hover, a[aria-selected="true"].c-refine-item:hover, button[aria-checked="true"].c-refine-item:hover, a[aria-checked="true"].c-refine-item:hover {
      background: rgba(0, 0, 0, 0.2); }
    button[aria-selected="true"].c-refine-item:active, a[aria-selected="true"].c-refine-item:active, button[aria-checked="true"].c-refine-item:active, a[aria-checked="true"].c-refine-item:active {
      background: rgba(0, 0, 0, 0.3); }
    button[aria-selected="true"].c-refine-item:after, a[aria-selected="true"].c-refine-item:after, button[aria-checked="true"].c-refine-item:after, a[aria-checked="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 + button.c-action-trigger.c-glyph,
    .c-refine-menu > div > div .c-heading + a.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, 0.6); }

.c-refine-menu .c-divider {
  margin: 12px 0; }

.c-refine-menu .c-drawer {
  margin: 0; }

@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 input[type="search"],
  .c-search button {
    float: left;
    height: 100%;
    outline: 0;
    background-color: #FFF; }
  .c-search input[type="search"] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 7px 10px;
    padding-right: 38px;
    border: 1px solid rgba(0, 0, 0, 0.6); }
    .c-search input[type="search"]:hover {
      border-color: rgba(0, 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;
    transition: color 0.1s, background-color 0.1s;
    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; }

.btn,
button.c-select-button {
  font-size: 15px;
  margin-top: 36px;
  margin-right: 12px;
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.4);
  color: #000;
  padding: 6px 10px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap; }
  .btn[aria-pressed="true"],
  button.c-select-button[aria-pressed="true"] {
    border-width: 2px;
    border-color: #000;
    padding: 5px 9px; }
  .btn:focus,
  button.c-select-button:focus {
    outline: 1px dashed #000; }
  .btn:hover,
  button.c-select-button:hover {
    outline: 1px dashed #000;
    border-color: #000; }
    .btn:hover[aria-pressed="true"],
    button.c-select-button:hover[aria-pressed="true"] {
      border-color: #004881; }
  .btn:active,
  button.c-select-button:active {
    outline: none;
    border-color: #004881; }
  .btn[disabled],
  button.c-select-button[disabled] {
    border-color: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.2);
    outline: 0;
    cursor: not-allowed; }
  .btn[data-select-button-swatch],
  button.c-select-button[data-select-button-swatch] {
    width: 36px;
    height: 36px; }
    .btn[data-select-button-swatch]:hover, .btn[data-select-button-swatch]:focus,
    button.c-select-button[data-select-button-swatch]:hover,
    button.c-select-button[data-select-button-swatch]:focus {
      border-color: #000;
      box-shadow: inset 0 0 0 1px #FFF; }
    .btn[data-select-button-swatch]:active,
    button.c-select-button[data-select-button-swatch]:active {
      border-color: #999999;
      box-shadow: inset 0 0 0 1px #FFF; }
    .btn[data-select-button-swatch][aria-pressed="true"],
    button.c-select-button[data-select-button-swatch][aria-pressed="true"] {
      box-shadow: inset 0 0 0 1px #FFF; }
      .btn[data-select-button-swatch][aria-pressed="true"]:hover, .btn[data-select-button-swatch][aria-pressed="true"]:focus,
      button.c-select-button[data-select-button-swatch][aria-pressed="true"]:hover,
      button.c-select-button[data-select-button-swatch][aria-pressed="true"]:focus {
        border-color: #999999;
        outline: 1px dashed #000;
        box-shadow: inset 0 0 0 1px #FFF; }
  .btn.f-swatch-disabled,
  button.c-select-button.f-swatch-disabled {
    position: relative; }
    .btn.f-swatch-disabled:hover, .btn.f-swatch-disabled:focus,
    button.c-select-button.f-swatch-disabled:hover,
    button.c-select-button.f-swatch-disabled:focus {
      outline: 0;
      box-shadow: none;
      border: 1px solid rgba(0, 0, 0, 0.2); }
  .btn.f-swatch-disabled:before,
  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); }
  .btn.f-swatch-disabled-dark,
  button.c-select-button.f-swatch-disabled-dark {
    border-color: rgba(255, 255, 255, 0.2); }
    .btn.f-swatch-disabled-dark:hover, .btn.f-swatch-disabled-dark:focus,
    button.c-select-button.f-swatch-disabled-dark:hover,
    button.c-select-button.f-swatch-disabled-dark:focus {
      outline: 0;
      box-shadow: none;
      border: 1px solid rgba(255, 255, 255, 0.2); }
  .theme-light .btn, .theme-dark .theme-light .btn, .theme-light
  button.c-select-button, .theme-dark .theme-light
  button.c-select-button {
    background: rgba(255, 255, 255, 0);
    border-color: rgba(0, 0, 0, 0.4);
    color: #000; }
    .theme-light .btn[aria-pressed="true"], .theme-dark .theme-light .btn[aria-pressed="true"], .theme-light
    button.c-select-button[aria-pressed="true"], .theme-dark .theme-light
    button.c-select-button[aria-pressed="true"] {
      border-color: #000; }
    .theme-light .btn:focus, .theme-dark .theme-light .btn:focus, .theme-light
    button.c-select-button:focus, .theme-dark .theme-light
    button.c-select-button:focus {
      outline-color: #000; }
    .theme-light .btn:hover, .theme-dark .theme-light .btn:hover, .theme-light
    button.c-select-button:hover, .theme-dark .theme-light
    button.c-select-button:hover {
      border-color: #000; }
    .theme-light .btn:active, .theme-dark .theme-light .btn:active, .theme-light
    button.c-select-button:active, .theme-dark .theme-light
    button.c-select-button:active {
      background: rgba(0, 0, 0, 0.4);
      outline: none; }
    .theme-light .btn[disabled], .theme-dark .theme-light .btn[disabled], .theme-light
    button.c-select-button[disabled], .theme-dark .theme-light
    button.c-select-button[disabled] {
      border-color: rgba(0, 0, 0, 0.2);
      color: rgba(0, 0, 0, 0.2); }
  .theme-dark .btn, .theme-light .theme-dark .btn, .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, 0.4);
    color: #FFF; }
    .theme-dark .btn[aria-pressed="true"], .theme-light .theme-dark .btn[aria-pressed="true"], .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 .btn:focus, .theme-dark .btn:hover, .theme-light .theme-dark .btn:focus, .theme-light .theme-dark .btn:hover, .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, 0.4); }
    .theme-dark .btn:active, .theme-light .theme-dark .btn:active, .theme-dark
    button.c-select-button:active, .theme-light .theme-dark
    button.c-select-button:active {
      background: rgba(255, 255, 255, 0.4);
      outline: none; }
    .theme-dark .btn[disabled], .theme-light .theme-dark .btn[disabled], .theme-dark
    button.c-select-button[disabled], .theme-light .theme-dark
    button.c-select-button[disabled] {
      border-color: rgba(255, 255, 255, 0.2);
      color: rgba(255, 255, 255, 0.2); }

.dropdown,
.c-select-menu {
  position: relative;
  display: inline-block; }
  .dropdown.f-border [aria-expanded],
  .c-select-menu.f-border [aria-expanded] {
    margin-left: 8px;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.6); }
    .dropdown.f-border [aria-expanded]:hover,
    .c-select-menu.f-border [aria-expanded]:hover {
      border-color: rgba(0, 0, 0, 0.8); }
    .dropdown.f-border [aria-expanded]:active, .dropdown.f-border [aria-expanded]:focus,
    .c-select-menu.f-border [aria-expanded]:active,
    .c-select-menu.f-border [aria-expanded]:focus {
      border-color: #0078D7; }
  form .dropdown.f-border,
  fieldset .dropdown.f-border, form
  .c-select-menu.f-border,
  fieldset
  .c-select-menu.f-border {
    margin-top: 12px; }
  .dropdown .c-menu,
  .c-select-menu .c-menu {
    position: absolute;
    top: 100%; }
  .dropdown [aria-expanded="false"] + .dropdown-menu,
  .dropdown [aria-expanded="false"] + .c-menu[aria-hidden="true"],
  .c-select-menu [aria-expanded="false"] + .dropdown-menu,
  .c-select-menu [aria-expanded="false"] + .c-menu[aria-hidden="true"] {
    display: none; }
  .dropdown > button,
  .c-select-menu > button {
    border: 0;
    background: transparent; }
  .dropdown > a,
  .dropdown > button,
  .c-select-menu > a,
  .c-select-menu > button {
    display: inline-block;
    color: rgba(0, 0, 0, 0.6);
    padding: 8px;
    padding-right: 24px;
    -webkit-transform: translateX(-8px);
        -ms-transform: translateX(-8px);
            transform: translateX(-8px); }
    .dropdown > a:after,
    .dropdown > button:after,
    .c-select-menu > a:after,
    .c-select-menu > button:after {
      font-family: "MWF-MDL2";
      content: "";
      position: absolute;
      font-size: 9px;
      color: #000;
      font-weight: 700;
      right: 8px;
      padding-top: 7px; }
    .dropdown > a:hover,
    .dropdown > button:hover,
    .c-select-menu > a:hover,
    .c-select-menu > button:hover {
      color: rgba(0, 0, 0, 0.8); }
    .dropdown > a:focus,
    .dropdown > button:focus,
    .c-select-menu > a:focus,
    .c-select-menu > button:focus {
      border-color: #0078D7;
      outline: 1px dashed #000; }
      .dropdown > a:focus:hover,
      .dropdown > button:focus:hover,
      .c-select-menu > a:focus:hover,
      .c-select-menu > button:focus:hover {
        outline: none; }
  .no-js .dropdown:hover .dropdown-menu,
  .no-js .dropdown:hover .c-menu,
  .js .dropdown > [aria-expanded="true"] + .dropdown-menu,
  .js .dropdown > [aria-expanded="true"] + .c-menu[aria-hidden="false"],
  .js .dropdown > span[aria-expanded="true"] + .c-menu[aria-hidden="false"], .no-js
  .c-select-menu:hover .dropdown-menu,
  .no-js
  .c-select-menu:hover .c-menu,
  .js
  .c-select-menu > [aria-expanded="true"] + .dropdown-menu,
  .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"] {
    display: block;
    -webkit-animation: fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            animation: fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .theme-dark .dropdown > a,
  .theme-dark .dropdown > button, .theme-light .theme-dark .dropdown > a,
  .theme-light .theme-dark .dropdown > button, .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, 0.6); }
    .theme-dark .dropdown > a:hover,
    .theme-dark .dropdown > button:hover, .theme-light .theme-dark .dropdown > a:hover,
    .theme-light .theme-dark .dropdown > button:hover, .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, 0.8); }
    .theme-dark .dropdown > a:after,
    .theme-dark .dropdown > button:after, .theme-light .theme-dark .dropdown > a:after,
    .theme-light .theme-dark .dropdown > button:after, .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 .dropdown > a:focus,
    .theme-dark .dropdown > button:focus, .theme-light .theme-dark .dropdown > a:focus,
    .theme-light .theme-dark .dropdown > button:focus, .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 .dropdown.f-border > a,
  .theme-dark .dropdown.f-border > button, .theme-light .theme-dark .dropdown.f-border > a,
  .theme-light .theme-dark .dropdown.f-border > button, .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, 0.6);
    background: rgba(255, 255, 255, 0.6);
    border-color: #FFF; }
    .theme-dark .dropdown.f-border > a:after,
    .theme-dark .dropdown.f-border > button:after, .theme-light .theme-dark .dropdown.f-border > a:after,
    .theme-light .theme-dark .dropdown.f-border > button:after, .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 .dropdown.f-border > a:hover,
    .theme-dark .dropdown.f-border > button:hover, .theme-light .theme-dark .dropdown.f-border > a:hover,
    .theme-light .theme-dark .dropdown.f-border > button:hover, .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, 0.8);
      border-color: #FFF; }
    .theme-dark .dropdown.f-border > a:focus,
    .theme-dark .dropdown.f-border > button:focus, .theme-light .theme-dark .dropdown.f-border > a:focus,
    .theme-light .theme-dark .dropdown.f-border > button:focus, .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; }
  .dropdown + [class*="c-caption"],
  .dropdown [class*="c-paragraph"],
  .c-select-menu + [class*="c-caption"],
  .c-select-menu [class*="c-paragraph"] {
    padding-top: 24px; }

.combobox,
.c-select {
  position: relative;
  margin-top: 20px;
  min-width: 88px;
  max-width: 296px;
  background-color: #FFF;
  cursor: pointer;
  height: 36px; }
  .combobox:after,
  .c-select:after {
    font-family: "MWF-MDL2";
    content: "";
    position: absolute;
    right: 4px;
    top: 1px;
    height: 34px;
    width: 31px;
    background: #FFF;
    padding-top: 10px;
    text-align: center; }
    .js .combobox:after, .js
    .c-select:after {
      display: none; }
  .combobox:after:hover,
  .c-select:after:hover {
    z-index: 1; }
  .combobox select,
  .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, 0.6);
    cursor: pointer; }
    .no-js .combobox select, .no-js
    .c-select select {
      display: block; }
    .combobox select:active, .combobox select:focus,
    .c-select select:active,
    .c-select select:focus {
      background: #FFF; }
    .combobox select:hover,
    .c-select select:hover {
      z-index: 100;
      background: transparent;
      border-color: rgba(0, 0, 0, 0.8); }
    .combobox select:active, .combobox select:focus,
    .c-select select:active,
    .c-select select:focus {
      border-color: #0078D7; }
    .combobox select[disabled],
    .c-select select[disabled] {
      cursor: not-allowed;
      color: rgba(0, 0, 0, 0.2);
      border-color: rgba(0, 0, 0, 0.2);
      background: #FFF;
      z-index: 100;
      padding-right: 0; }
    .combobox select option,
    .c-select select option {
      background: #FFF;
      color: #000; }
    .combobox select:-moz-focusring,
    .c-select select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000; }
    .combobox select::-ms-expand,
    .c-select select::-ms-expand {
      display: none; }
    .combobox select:focus::-ms-value,
    .c-select select:focus::-ms-value {
      background: transparent;
      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: transparent; }
    .c-sequence-indicator button:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      border: 1px solid rgba(0, 0, 0, 0.8); }
    .c-sequence-indicator button:focus {
      outline: 1px dashed #000; }
    .c-sequence-indicator button:hover:before {
      background: rgba(0, 0, 0, 0.4); }
    .c-sequence-indicator button[aria-checked="true"]:before {
      background: #000; }
  .theme-light .c-sequence-indicator button:before, .theme-dark .theme-light .c-sequence-indicator button:before {
    border-color: rgba(0, 0, 0, 0.8); }
  .theme-light .c-sequence-indicator button:focus, .theme-dark .theme-light .c-sequence-indicator button:focus {
    outline-color: #000; }
  .theme-light .c-sequence-indicator button:hover:before, .theme-dark .theme-light .c-sequence-indicator button:hover:before {
    background: rgba(0, 0, 0, 0.4); }
  .theme-light .c-sequence-indicator button[aria-checked="true"]:before, .theme-dark .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, 0.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, 0.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, 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: none; }
      .c-slider div button:focus {
        outline: 1px dashed #000; }
      .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, 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, 0.2); }
  .c-slider.f-disabled input[type="range"][disabled] + div,
  .c-slider.f-disabled input[type="range"][disabled] + div button {
    background: #cccccc; }
  .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; }
      @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; } }
    @media only screen and (max-width: 1399px) {
      .c-structured-list .f-column {
        padding-right: 10px;
        padding-left: 0;
        max-width: 768px; } }
    .c-structured-list .f-column .f-row {
      width: 100%;
      float: left; }
      .c-structured-list .f-column .f-row:before, .c-structured-list .f-column .f-row:after {
        content: " ";
        display: table; }
      .c-structured-list .f-column .f-row:after {
        clear: both; }
      .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 .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; }

.table-responsive,
.c-table {
  overflow: visible;
  margin-top: 8px; }
  .table-responsive.f-divided tbody tr,
  .c-table.f-divided tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .table-responsive td.f-image,
  .c-table td.f-image {
    padding: 8px;
    vertical-align: middle; }
  .table-responsive table,
  .c-table table {
    width: 100%; }
  .table-responsive thead,
  .c-table thead {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    .table-responsive thead th,
    .c-table thead th {
      font-size: 11px;
      line-height: 16px;
      vertical-align: bottom;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.6); }
      .table-responsive thead th button,
      .c-table thead th button {
        font-size: 11px;
        line-height: 16px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
        background: transparent;
        border: 0;
        padding-left: 0; }
        .table-responsive thead th button:hover,
        .c-table thead th button:hover {
          color: rgba(0, 0, 0, 0.8); }
        .table-responsive thead th button:focus,
        .c-table thead th button:focus {
          outline: 1px dashed rgba(0, 0, 0, 0.6); }
        .table-responsive thead th button:active,
        .c-table thead th button:active {
          color: #000;
          outline: 1px solid transparent; }
        .table-responsive thead th button.c-glyph:after,
        .c-table thead th button.c-glyph:after {
          display: inline-block;
          margin-left: 8px;
          vertical-align: top; }
        .table-responsive thead th button.f-ascending,
        .c-table thead th button.f-ascending {
          color: #000; }
          .table-responsive thead th button.f-ascending:after,
          .c-table thead th button.f-ascending:after {
            content: ""; }
        .table-responsive thead th button.f-descending,
        .c-table thead th button.f-descending {
          color: #000; }
          .table-responsive thead th button.f-descending:after,
          .c-table thead th button.f-descending:after {
            content: ""; }
    .table-responsive thead th[colspan]:not([colspan="1"]),
    .c-table thead th[colspan]:not([colspan="1"]) {
      text-align: center; }
    .table-responsive thead tr + tr th, .table-responsive thead tr + tr th:last-child,
    .c-table thead tr + tr th,
    .c-table thead tr + tr th:last-child {
      text-align: center; }
  .table-responsive tr:before,
  .c-table tr:before {
    content: "";
    display: block;
    width: 7px; }
  .table-responsive td,
  .table-responsive th,
  .c-table td,
  .c-table th {
    padding: 10px 12px;
    text-align: left; }
    .table-responsive td.f-sub-categorical, .table-responsive td.f-numerical,
    .table-responsive th.f-sub-categorical,
    .table-responsive th.f-numerical,
    .c-table td.f-sub-categorical,
    .c-table td.f-numerical,
    .c-table th.f-sub-categorical,
    .c-table th.f-numerical {
      text-align: center; }
    .table-responsive td .c-price,
    .table-responsive th .c-price,
    .c-table td .c-price,
    .c-table th .c-price {
      float: right; }
      .table-responsive td .c-price button,
      .table-responsive td .c-price span,
      .table-responsive th .c-price button,
      .table-responsive th .c-price span,
      .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; }
  .table-responsive[data-table="structured"],
  .c-table[data-table="structured"] {
    margin-top: 20px; }
    .table-responsive[data-table="structured"] table,
    .c-table[data-table="structured"] table {
      table-layout: fixed; }
      .table-responsive[data-table="structured"] table td,
      .c-table[data-table="structured"] table td {
        width: 50%; }
  .table-responsive ul.c-list,
  .c-table ul.c-list {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .table-responsive ul.c-list li,
    .c-table ul.c-list li {
      padding: 0 0 8px;
      list-style: none; }
  .table-responsive .c-paragraph,
  .c-table .c-paragraph {
    padding: 0; }
  .table-responsive .c-call-to-action,
  .c-table .c-call-to-action {
    background: transparent;
    color: #0078D7;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    margin-left: -24px;
    margin-right: -24px;
    margin-top: 10px; }
    .table-responsive .c-call-to-action:focus, .table-responsive .c-call-to-action:hover,
    .c-table .c-call-to-action:focus,
    .c-table .c-call-to-action:hover {
      background: transparent;
      border-color: transparent; }
    .table-responsive .c-call-to-action:active,
    .c-table .c-call-to-action:active {
      background: transparent;
      text-decoration: none; }
    .table-responsive .c-call-to-action span:hover,
    .c-table .c-call-to-action span:hover {
      text-decoration: underline; }
    .theme-light .table-responsive .c-call-to-action, .theme-dark .theme-light .table-responsive .c-call-to-action, .theme-light
    .c-table .c-call-to-action, .theme-dark .theme-light
    .c-table .c-call-to-action {
      color: #000;
      background: transparent;
      border-color: transparent; }
      .theme-light .table-responsive .c-call-to-action:active, .theme-dark .theme-light .table-responsive .c-call-to-action:active, .theme-light
      .c-table .c-call-to-action:active, .theme-dark .theme-light
      .c-table .c-call-to-action:active {
        color: rgba(0, 0, 0, 0.6); }
      .theme-light .table-responsive .c-call-to-action:focus, .theme-dark .theme-light .table-responsive .c-call-to-action:focus, .theme-light
      .c-table .c-call-to-action:focus, .theme-dark .theme-light
      .c-table .c-call-to-action:focus {
        outline-color: #000; }
    .theme-dark .table-responsive .c-call-to-action, .theme-light .theme-dark .table-responsive .c-call-to-action, .theme-dark
    .c-table .c-call-to-action, .theme-light .theme-dark
    .c-table .c-call-to-action {
      color: #FFF;
      background: transparent;
      border-color: transparent; }
      .theme-dark .table-responsive .c-call-to-action:active, .theme-light .theme-dark .table-responsive .c-call-to-action:active, .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, 0.6); }
      .theme-dark .table-responsive .c-call-to-action:focus, .theme-light .theme-dark .table-responsive .c-call-to-action:focus, .theme-dark
      .c-table .c-call-to-action:focus, .theme-light .theme-dark
      .c-table .c-call-to-action:focus {
        outline-color: #FFF; }
    .table-responsive .c-call-to-action:hover,
    .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, 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, 0.2);
    border-color: rgba(0, 0, 0, 0.2); }
  .c-textarea textarea[readonly] {
    border: 1px solid rgba(0, 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-light .c-textarea textarea, .theme-dark .theme-light .c-textarea textarea {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #000;
  color: #000; }

.theme-dark .c-textarea textarea, .theme-light .theme-dark .c-textarea textarea {
  background: rgba(255, 255, 255, 0.6);
  border-color: #FFF;
  color: #000; }

.c-textarea + p[class*="c-caption"], .c-textarea + p[class*="c-paragraph"] {
  padding-top: 16px; }

input.form-control,
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, 0.6);
  outline: 0;
  background: #FFF; }
  input.form-control.f-small,
  input.c-text-field[type="text"].f-small {
    width: 88px; }
  input.form-control.f-flex,
  input.c-text-field[type="text"].f-flex {
    width: 100%;
    min-width: 88px;
    max-width: 546px; }
  input.form-control:hover,
  input.c-text-field[type="text"]:hover {
    border-color: rgba(0, 0, 0, 0.8); }
  input.form-control:active, input.form-control:focus,
  input.c-text-field[type="text"]:active,
  input.c-text-field[type="text"]:focus {
    border-color: #0078D7; }
  input.form-control[disabled],
  input.c-text-field[type="text"][disabled] {
    cursor: not-allowed;
    color: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2); }
  input.form-control[readonly],
  input.c-text-field[type="text"][readonly] {
    border: 1px solid rgba(0, 0, 0, 0.6);
    background: #e6e6e6; }
  input.form-control + [class*="c-caption"],
  input.form-control [class*="c-paragraph"],
  input.c-text-field[type="text"] + [class*="c-caption"],
  input.c-text-field[type="text"] [class*="c-paragraph"] {
    padding-top: 24px; }

div.c-toggle button {
  position: relative;
  float: left;
  width: 44px;
  height: 20px;
  background: transparent;
  border: 1px solid #000;
  border-radius: 20px;
  margin-top: 42px; }
  div.c-toggle button:after {
    position: absolute;
    left: 4px;
    top: 4px;
    transition: all 0.1s ease;
    background: #000;
    content: "";
    border-radius: 10px;
    width: 10px;
    height: 10px; }
  div.c-toggle button:focus {
    outline: 1px dashed #000; }
  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, 0.8);
      border-color: rgba(0, 120, 215, 0.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, 0.2);
      border-color: transparent; }
      div.c-toggle button[aria-checked='true']:disabled:after {
        background: rgba(0, 0, 0, 0.2); }
  div.c-toggle button[aria-checked='false'] {
    background: transparent;
    border-color: #000; }
  div.c-toggle button:disabled {
    background: transparent;
    border-color: rgba(0, 0, 0, 0.2); }
    div.c-toggle button:disabled:after {
      background: rgba(0, 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, 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, 0.3);
  min-width: 104px;
  max-width: 340px;
  margin-top: 20px;
  padding: 12px 8px;
  line-height: 16px;
  z-index: 700; }
  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:before, .c-track-list-placement > a:after {
      content: " ";
      display: table; }
    .c-track-list-placement > a:after {
      clear: both; }
    .c-track-list-placement > a:focus {
      outline: 1px dashed rgba(0, 0, 0, 0.6); }
    .c-track-list-placement > a:hover .c-heading,
    .c-track-list-placement > a:hover .c-subheading {
      text-decoration: underline; }
    .c-track-list-placement > a:hover > picture img, .c-track-list-placement > a:focus > picture img {
      outline: 1px solid rgba(0, 0, 0, 0.6); }
  .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 {
    font-size: 15px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 20px;
    width: 200px;
    float: left;
    padding: 8px 0 0;
    font-weight: 400;
    text-overflow: ellipsis; }
  .c-track-list-placement .c-explicit {
    vertical-align: text-bottom; }
  .c-track-list-placement .f-information {
    font-size: 15px;
    line-height: 20px;
    padding: 24px 0 0;
    font-weight: 400;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    color: rgba(0, 0, 0, 0.6);
    float: left;
    padding: 8px 0 0; }
  .c-track-list-placement.f-size-small {
    width: 358px; }
    .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: 4px; }
    .c-video .f-progress div {
      background: rgba(255, 255, 255, 0.4); }
      .c-video .f-progress div button:hover,
      .c-video .f-progress div button:active {
        background: #FFF; }
        .c-video .f-progress div button:hover span,
        .c-video .f-progress div button:active span {
          display: block; }
      .c-video .f-progress div button span {
        font-size: 13px;
        width: auto;
        top: -50px;
        background: #000;
        color: #FFF; }
        @media (max-width: 767px) {
          .c-video .f-progress div button span {
            font-size: 12px; } }
  .c-video button {
    color: #FFF;
    background: transparent;
    border: 0; }
  .c-video .f-video-controls {
    font-size: 24px;
    width: 100%;
    max-width: 1779px;
    height: 44px;
    background: #000;
    position: absolute;
    bottom: 0;
    display: inline-block; }
    @media (max-width: 767px) {
      .c-video .f-video-controls {
        font-size: 20px; } }
    .c-video .f-video-controls button.c-glyph {
      width: 44px;
      height: 44px;
      padding-top: 4px;
      vertical-align: middle; }
      .c-video .f-video-controls button.c-glyph.glyph-volume, .c-video .f-video-controls button.c-glyph.glyph-mute {
        padding-top: 12px; }
      .c-video .f-video-controls button.c-glyph:hover, .c-video .f-video-controls button.c-glyph:focus {
        color: rgba(255, 255, 255, 0.6); }
      .c-video .f-video-controls button.c-glyph:focus {
        outline: 1px dashed #FFF; }
      .c-video .f-video-controls button.c-glyph:active {
        color: rgba(255, 255, 255, 0.4); }
    .c-video .f-video-controls .f-time {
      font-size: 13px;
      color: rgba(255, 255, 255, 0.6);
      padding-right: 12px;
      position: relative;
      top: -2px; }
      @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: 1px; }
    .c-video .f-play-pause span {
      font-size: 13px;
      color: #FFF;
      position: absolute;
      height: 36px;
      min-width: 44px;
      bottom: 46px;
      left: 0;
      background: #000;
      padding: 8px; }
      @media (max-width: 767px) {
        .c-video .f-play-pause span {
          font-size: 12px; } }
      .c-video .f-play-pause span[aria-hidden="true"] {
        display: none; }
      .c-video .f-play-pause span[aria-hidden="false"] {
        display: block; }
  .c-video .f-full-screen {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 1px; }
    .c-video .f-full-screen span {
      font-size: 13px;
      color: #FFF;
      position: absolute;
      height: 36px;
      min-width: 44px;
      text-align: right;
      bottom: 47px;
      right: 0;
      background: #000;
      padding: 8px; }
      @media (max-width: 767px) {
        .c-video .f-full-screen span {
          font-size: 12px; } }
      .c-video .f-full-screen span[aria-hidden="true"] {
        display: none; }
      .c-video .f-full-screen span[aria-hidden="false"] {
        display: block; }
  .c-video .f-volume-button {
    display: inline-block;
    position: absolute;
    top: -4px;
    right: 45px; }
  .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, 0.6); }
    .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, 0.4);
        left: -25px;
        top: 45px; }
        .c-video .f-volume-slider .c-slider div button:hover,
        .c-video .f-volume-slider .c-slider div button:active {
          background: #FFF; }
        .c-video .f-volume-slider .c-slider div > span {
          background: #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, 0.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, 0.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, 0.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, 0.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, 0.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, 0.2);
            border: 0; }
    .c-video .f-options-dialog[aria-hidden="true"] {
      visibility: hidden; }
    .c-video .f-options-dialog[aria-hidden="false"] {
      visibility: visible; }
  .c-video .glyph-play:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-video .glyph-pause:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-video .glyph-full-screen:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-video .glyph-mute:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-video .glyph-volume:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-video .glyph-more:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-video .glyph-copy:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-video .glyph-mail:before {
    font-family: "MWF-MDL2";
    content: ""; }
  .c-video .glyph-check-mark:before {
    font-family: "MWF-MDL2";
    content: ""; }

@-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-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-name: slidein;
            animation-name: slidein;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  .c-video .f-slideout {
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-name: slideout;
            animation-name: slideout;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }

.m-content-placement-item,
.c-content-placement {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-top: 48px; }
  .m-content-placement-item .c-heading,
  .c-content-placement .c-heading {
    font-size: 24px;
    line-height: 28px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px;
    font-weight: 200;
    padding-top: 12px; }
  .m-content-placement-item .c-paragraph,
  .c-content-placement .c-paragraph {
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px;
    padding-top: 2px; }
  .m-content-placement-item .c-call-to-action,
  .c-content-placement .c-call-to-action {
    background: transparent;
    color: #0078D7;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    margin-left: -24px;
    margin-right: -24px; }
    .m-content-placement-item .c-call-to-action:focus, .m-content-placement-item .c-call-to-action:hover,
    .c-content-placement .c-call-to-action:focus,
    .c-content-placement .c-call-to-action:hover {
      background: transparent;
      border-color: transparent; }
    .m-content-placement-item .c-call-to-action:active,
    .c-content-placement .c-call-to-action:active {
      background: transparent;
      text-decoration: none; }
    .m-content-placement-item .c-call-to-action span:hover,
    .c-content-placement .c-call-to-action span:hover {
      text-decoration: underline; }
    .theme-light .m-content-placement-item .c-call-to-action, .theme-dark .theme-light .m-content-placement-item .c-call-to-action, .theme-light
    .c-content-placement .c-call-to-action, .theme-dark .theme-light
    .c-content-placement .c-call-to-action {
      color: #000;
      background: transparent;
      border-color: transparent; }
      .theme-light .m-content-placement-item .c-call-to-action:active, .theme-dark .theme-light .m-content-placement-item .c-call-to-action:active, .theme-light
      .c-content-placement .c-call-to-action:active, .theme-dark .theme-light
      .c-content-placement .c-call-to-action:active {
        color: rgba(0, 0, 0, 0.6); }
      .theme-light .m-content-placement-item .c-call-to-action:focus, .theme-dark .theme-light .m-content-placement-item .c-call-to-action:focus, .theme-light
      .c-content-placement .c-call-to-action:focus, .theme-dark .theme-light
      .c-content-placement .c-call-to-action:focus {
        outline-color: #000; }
    .theme-dark .m-content-placement-item .c-call-to-action, .theme-light .theme-dark .m-content-placement-item .c-call-to-action, .theme-dark
    .c-content-placement .c-call-to-action, .theme-light .theme-dark
    .c-content-placement .c-call-to-action {
      color: #FFF;
      background: transparent;
      border-color: transparent; }
      .theme-dark .m-content-placement-item .c-call-to-action:active, .theme-light .theme-dark .m-content-placement-item .c-call-to-action:active, .theme-dark
      .c-content-placement .c-call-to-action:active, .theme-light .theme-dark
      .c-content-placement .c-call-to-action:active {
        color: rgba(255, 255, 255, 0.6); }
      .theme-dark .m-content-placement-item .c-call-to-action:focus, .theme-light .theme-dark .m-content-placement-item .c-call-to-action:focus, .theme-dark
      .c-content-placement .c-call-to-action:focus, .theme-light .theme-dark
      .c-content-placement .c-call-to-action:focus {
        outline-color: #FFF; }
  .m-content-placement-item .c-badge,
  .c-content-placement .c-badge {
    margin: 12px 0 4px; }
    @media only screen and (min-width: 320px) {
      .m-content-placement-item .c-badge + .c-heading,
      .c-content-placement .c-badge + .c-heading {
        padding-top: 0; } }
  .m-content-placement-item .c-video,
  .c-content-placement .c-video {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0; }
    .m-content-placement-item .c-video video,
    .c-content-placement .c-video video {
      min-width: 100%;
      width: 100%;
      height: 100%; }
  .m-content-placement-item > picture,
  .c-content-placement > picture {
    display: block;
    position: relative;
    overflow: hidden; }
    .m-content-placement-item > picture img,
    .c-content-placement > picture img {
      position: relative;
      width: 100%; }
  @media only screen and (max-width: 767px) {
    .m-content-placement-item .c-heading,
    .m-content-placement-item .c-paragraph,
    .c-content-placement .c-heading,
    .c-content-placement .c-paragraph {
      padding-right: 12px; } }
  @media only screen and (max-width: 539px) {
    .m-content-placement-item .c-heading,
    .c-content-placement .c-heading {
      font-size: 20px;
      line-height: 24px;
      overflow: hidden;
      box-sizing: content-box;
      max-height: 48px;
      font-weight: 400; } }
  .m-content-placement-item > .c-group,
  .c-content-placement > .c-group {
    display: block;
    overflow: visible; }
    .m-content-placement-item > .c-group > .c-call-to-action,
    .c-content-placement > .c-group > .c-call-to-action {
      margin-top: 0; }
      .m-content-placement-item > .c-group > .c-call-to-action + .c-call-to-action:focus,
      .c-content-placement > .c-group > .c-call-to-action + .c-call-to-action:focus {
        padding-left: 24px;
        margin-left: -24px; }
  .m-content-placement-item > a:first-child,
  .c-content-placement > a:first-child {
    display: block; }
    .m-content-placement-item > a:first-child .c-heading,
    .c-content-placement > a:first-child .c-heading {
      font-size: 24px;
      line-height: 28px;
      overflow: hidden;
      box-sizing: content-box;
      max-height: 56px;
      font-weight: 200;
      padding-top: 12px; }
    .m-content-placement-item > a:first-child .c-paragraph,
    .c-content-placement > a:first-child .c-paragraph {
      overflow: hidden;
      box-sizing: content-box;
      max-height: 80px;
      padding-top: 2px; }
    .m-content-placement-item > a:first-child .c-call-to-action,
    .c-content-placement > a:first-child .c-call-to-action {
      background: transparent;
      color: #0078D7;
      border-color: transparent;
      border-width: 2px;
      padding: 10px 44px 7px 24px;
      margin-left: -24px;
      margin-right: -24px; }
      .m-content-placement-item > a:first-child .c-call-to-action:focus, .m-content-placement-item > a:first-child .c-call-to-action:hover,
      .c-content-placement > a:first-child .c-call-to-action:focus,
      .c-content-placement > a:first-child .c-call-to-action:hover {
        background: transparent;
        border-color: transparent; }
      .m-content-placement-item > a:first-child .c-call-to-action:active,
      .c-content-placement > a:first-child .c-call-to-action:active {
        background: transparent;
        text-decoration: none; }
      .m-content-placement-item > a:first-child .c-call-to-action span:hover,
      .c-content-placement > a:first-child .c-call-to-action span:hover {
        text-decoration: underline; }
      .theme-light .m-content-placement-item > a:first-child .c-call-to-action, .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action, .theme-light
      .c-content-placement > a:first-child .c-call-to-action, .theme-dark .theme-light
      .c-content-placement > a:first-child .c-call-to-action {
        color: #000;
        background: transparent;
        border-color: transparent; }
        .theme-light .m-content-placement-item > a:first-child .c-call-to-action:active, .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:active, .theme-light
        .c-content-placement > a:first-child .c-call-to-action:active, .theme-dark .theme-light
        .c-content-placement > a:first-child .c-call-to-action:active {
          color: rgba(0, 0, 0, 0.6); }
        .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus, .theme-dark .theme-light .m-content-placement-item > a:first-child .c-call-to-action:focus, .theme-light
        .c-content-placement > a:first-child .c-call-to-action:focus, .theme-dark .theme-light
        .c-content-placement > a:first-child .c-call-to-action:focus {
          outline-color: #000; }
      .theme-dark .m-content-placement-item > a:first-child .c-call-to-action, .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action, .theme-dark
      .c-content-placement > a:first-child .c-call-to-action, .theme-light .theme-dark
      .c-content-placement > a:first-child .c-call-to-action {
        color: #FFF;
        background: transparent;
        border-color: transparent; }
        .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:active, .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:active, .theme-dark
        .c-content-placement > a:first-child .c-call-to-action:active, .theme-light .theme-dark
        .c-content-placement > a:first-child .c-call-to-action:active {
          color: rgba(255, 255, 255, 0.6); }
        .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus, .theme-light .theme-dark .m-content-placement-item > a:first-child .c-call-to-action:focus, .theme-dark
        .c-content-placement > a:first-child .c-call-to-action:focus, .theme-light .theme-dark
        .c-content-placement > a:first-child .c-call-to-action:focus {
          outline-color: #FFF; }
    .m-content-placement-item > a:first-child .c-badge,
    .c-content-placement > a:first-child .c-badge {
      margin: 12px 0 4px; }
      @media only screen and (min-width: 320px) {
        .m-content-placement-item > a:first-child .c-badge + .c-heading,
        .c-content-placement > a:first-child .c-badge + .c-heading {
          padding-top: 0; } }
    .m-content-placement-item > a:first-child .c-video,
    .c-content-placement > a:first-child .c-video {
      width: 100%;
      max-width: 100%;
      overflow: hidden;
      left: 0; }
      .m-content-placement-item > a:first-child .c-video video,
      .c-content-placement > a:first-child .c-video video {
        min-width: 100%;
        width: 100%;
        height: 100%; }
    .m-content-placement-item > a:first-child > picture,
    .c-content-placement > a:first-child > picture {
      display: block;
      position: relative;
      overflow: hidden; }
      .m-content-placement-item > a:first-child > picture img,
      .c-content-placement > a:first-child > picture img {
        position: relative;
        width: 100%; }
    @media only screen and (max-width: 767px) {
      .m-content-placement-item > a:first-child .c-heading,
      .m-content-placement-item > a:first-child .c-paragraph,
      .c-content-placement > a:first-child .c-heading,
      .c-content-placement > a:first-child .c-paragraph {
        padding-right: 12px; } }
    @media only screen and (max-width: 539px) {
      .m-content-placement-item > a:first-child .c-heading,
      .c-content-placement > a:first-child .c-heading {
        font-size: 20px;
        line-height: 24px;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 48px;
        font-weight: 400; } }
    .m-content-placement-item > a:first-child:hover picture img,
    .c-content-placement > a:first-child:hover picture img {
      opacity: 0.9; }
    .m-content-placement-item > a:first-child:hover .c-heading,
    .c-content-placement > a:first-child:hover .c-heading {
      text-decoration: underline; }
    .m-content-placement-item > a:first-child:hover + .c-call-to-action span,
    .c-content-placement > a:first-child:hover + .c-call-to-action span {
      text-decoration: underline; }
    .m-content-placement-item > a:first-child:hover + .c-group > .c-call-to-action:first-child span,
    .c-content-placement > a:first-child:hover + .c-group > .c-call-to-action:first-child span {
      text-decoration: underline; }
    .m-content-placement-item > a:first-child:active picture img,
    .c-content-placement > a:first-child:active picture img {
      opacity: 0.8; }
    .m-content-placement-item > a:first-child:active .c-heading,
    .c-content-placement > a:first-child:active .c-heading {
      text-decoration: underline; }

/*Use m-product-placement-item,
  c-product placement depricated as of v.1.6.0

  TODO: Remove ALL instances on v2.0.0*/
.m-product-placement-item,
.c-product-placement {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  padding-top: 0;
  margin-right: 24px;
  margin-top: 12px; }
  .m-product-placement-item > a,
  .c-product-placement > a {
    display: block;
    width: 100%;
    height: 100%; }
    .m-product-placement-item > a:before, .m-product-placement-item > a:after,
    .c-product-placement > a:before,
    .c-product-placement > a:after {
      content: " ";
      display: table; }
    .m-product-placement-item > a:after,
    .c-product-placement > a:after {
      clear: both; }
    .m-product-placement-item > a > picture img,
    .m-product-placement-item > a .c-image,
    .c-product-placement > a > picture img,
    .c-product-placement > a .c-image {
      outline: 1px solid rgba(0, 0, 0, 0.1); }
    .theme-light .m-product-placement-item > a:focus, .theme-light
    .c-product-placement > a:focus {
      outline: 1px dashed rgba(0, 0, 0, 0.6); }
    .theme-dark .m-product-placement-item > a:focus, .theme-dark
    .c-product-placement > a:focus {
      outline: 1px dashed rgba(255, 255, 255, 0.6); }
    .m-product-placement-item > a:hover .c-heading,
    .m-product-placement-item > a:hover .c-subheading,
    .c-product-placement > a:hover .c-heading,
    .c-product-placement > a:hover .c-subheading {
      text-decoration: underline; }
    .m-product-placement-item > a:hover > picture img,
    .m-product-placement-item > a:hover .c-image, .m-product-placement-item > a:focus > picture img,
    .m-product-placement-item > a:focus .c-image,
    .c-product-placement > a:hover > picture img,
    .c-product-placement > a:hover .c-image,
    .c-product-placement > a:focus > picture img,
    .c-product-placement > a:focus .c-image {
      outline: 1px solid rgba(0, 0, 0, 0.6); }
  .m-product-placement-item picture,
  .m-product-placement-item picture img,
  .m-product-placement-item picture .c-image,
  .c-product-placement picture,
  .c-product-placement picture img,
  .c-product-placement picture .c-image {
    display: inline-block; }
  .m-product-placement-item .c-badge,
  .c-product-placement .c-badge {
    margin-top: 12px;
    margin-bottom: 4px; }
    .m-product-placement-item .c-badge + .c-heading,
    .c-product-placement .c-badge + .c-heading {
      padding-top: 0; }
  .m-product-placement-item .c-heading,
  .c-product-placement .c-heading {
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 40px;
    padding-top: 8px;
    font-weight: 400;
    white-space: normal; }
  .m-product-placement-item .c-paragraph,
  .c-product-placement .c-paragraph {
    font-size: 13px;
    line-height: 16px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 48px;
    color: rgba(0, 0, 0, 0.6); }
  .m-product-placement-item.context-accessory picture img,
  .m-product-placement-item.context-accessory .c-image, .m-product-placement-item.context-device picture img,
  .m-product-placement-item.context-device .c-image, .m-product-placement-item.context-artist picture img,
  .m-product-placement-item.context-artist .c-image,
  .c-product-placement.context-accessory picture img,
  .c-product-placement.context-accessory .c-image,
  .c-product-placement.context-device picture img,
  .c-product-placement.context-device .c-image,
  .c-product-placement.context-artist picture img,
  .c-product-placement.context-artist .c-image {
    outline: none; }
  .m-product-placement-item.context-accessory .f-default-image, .m-product-placement-item.context-device .f-default-image, .m-product-placement-item.context-artist .f-default-image,
  .c-product-placement.context-accessory .f-default-image,
  .c-product-placement.context-device .f-default-image,
  .c-product-placement.context-artist .f-default-image {
    outline: none; }
  .m-product-placement-item.context-artist picture img,
  .m-product-placement-item.context-artist .c-image,
  .c-product-placement.context-artist picture img,
  .c-product-placement.context-artist .c-image {
    border-radius: 50%; }
  .m-product-placement-item.context-artist .f-default-image,
  .c-product-placement.context-artist .f-default-image {
    border-radius: 50%; }
  .m-product-placement-item.context-artist.f-size-medium > a > div + div,
  .c-product-placement.context-artist.f-size-medium > a > div + div {
    text-align: center;
    padding: 0 12px; }
  .m-product-placement-item.context-tvshow picture + div,
  .m-product-placement-item.context-tvshow .f-default-image + div,
  .c-product-placement.context-tvshow picture + div,
  .c-product-placement.context-tvshow .f-default-image + div {
    padding: 5px;
    height: 62px;
    width: 100%; }
  .m-product-placement-item.context-video,
  .c-product-placement.context-video {
    width: 320px;
    white-space: normal; }
    .m-product-placement-item.context-video [class*="c-heading"],
    .c-product-placement.context-video [class*="c-heading"] {
      padding-top: 0; }
    .m-product-placement-item.context-video .c-action-trigger,
    .c-product-placement.context-video .c-action-trigger {
      position: absolute;
      background: rgba(0, 0, 0, 0.6);
      border: transparent;
      border-radius: 50%;
      margin: 0;
      height: 48px;
      width: 48px;
      margin-top: 0;
      top: calc(90px - 24px);
      left: calc(160px - 24px); }
      .m-product-placement-item.context-video .c-action-trigger:hover,
      .c-product-placement.context-video .c-action-trigger:hover {
        text-decoration: none; }
      .m-product-placement-item.context-video .c-action-trigger:before,
      .c-product-placement.context-video .c-action-trigger:before {
        position: absolute;
        top: calc(50% - 12px);
        left: calc(50% - 12px);
        color: #FFF;
        font-size: 24px;
        content: "";
        margin: 0; }
    .m-product-placement-item.context-video picture,
    .m-product-placement-item.context-video img,
    .c-product-placement.context-video picture,
    .c-product-placement.context-video img {
      width: 320px; }
  .m-product-placement-item .f-default-image,
  .c-product-placement .f-default-image {
    background-color: rgba(0, 0, 0, 0.3);
    outline: 1px solid rgba(0, 0, 0, 0.1); }
    .m-product-placement-item .f-default-image:focus,
    .c-product-placement .f-default-image:focus {
      outline: 1px dashed rgba(0, 0, 0, 0.6); }
    .m-product-placement-item .f-default-image:hover, .m-product-placement-item .f-default-image:focus,
    .c-product-placement .f-default-image:hover,
    .c-product-placement .f-default-image:focus {
      outline: 1px solid rgba(0, 0, 0, 0.6); }
    .m-product-placement-item .f-default-image picture,
    .c-product-placement .f-default-image picture {
      position: relative;
      width: 100%;
      height: 100%; }
      .m-product-placement-item .f-default-image picture .c-image,
      .c-product-placement .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%); }
      .m-product-placement-item .f-default-image picture:focus,
      .c-product-placement .f-default-image picture:focus {
        outline: none; }
  .m-product-placement-item.f-size-small,
  .c-product-placement.f-size-small {
    width: 272px; }
    .m-product-placement-item.f-size-small .c-badge,
    .c-product-placement.f-size-small .c-badge {
      display: none; }
    .m-product-placement-item.f-size-small picture,
    .c-product-placement.f-size-small picture {
      float: left;
      margin-right: 12px; }
    .m-product-placement-item.f-size-small .f-default-image,
    .c-product-placement.f-size-small .f-default-image {
      width: 72px;
      height: 72px;
      float: left;
      margin-right: 12px; }
    .m-product-placement-item.f-size-small.context-movie .f-default-image,
    .c-product-placement.f-size-small.context-movie .f-default-image {
      width: 72px;
      height: 103px; }
    .m-product-placement-item.f-size-small.context-video,
    .c-product-placement.f-size-small.context-video {
      width: 320px; }
  .m-product-placement-item.f-size-medium,
  .c-product-placement.f-size-medium {
    width: 124px; }
    .m-product-placement-item.f-size-medium > a > div,
    .c-product-placement.f-size-medium > a > div {
      padding-right: 24px; }
    .m-product-placement-item.f-size-medium .f-default-image,
    .c-product-placement.f-size-medium .f-default-image {
      width: 124px;
      height: 124px;
      padding-right: 0; }
      .m-product-placement-item.f-size-medium .f-default-image + div,
      .c-product-placement.f-size-medium .f-default-image + div {
        padding-right: 24px; }
    .m-product-placement-item.f-size-medium.context-movie .f-default-image,
    .c-product-placement.f-size-medium.context-movie .f-default-image {
      width: 124px;
      height: 170px; }
    .m-product-placement-item.f-size-medium.context-video,
    .c-product-placement.f-size-medium.context-video {
      width: 320px; }
  .m-product-placement-item.f-size-large,
  .c-product-placement.f-size-large {
    width: 272px; }
    .m-product-placement-item.f-size-large > a > div,
    .c-product-placement.f-size-large > a > div {
      padding-right: 24px; }
    .m-product-placement-item.f-size-large .f-default-image,
    .c-product-placement.f-size-large .f-default-image {
      width: 272px;
      height: 223px;
      padding-right: 0; }
      .m-product-placement-item.f-size-large .f-default-image + div,
      .c-product-placement.f-size-large .f-default-image + div {
        padding-right: 24px; }
    .m-product-placement-item.f-size-large.context-video,
    .c-product-placement.f-size-large.context-video {
      width: 320px; }
  .m-product-placement-item.f-size-extra-large,
  .c-product-placement.f-size-extra-large {
    width: 740px; }
    .m-product-placement-item.f-size-extra-large > a > div,
    .c-product-placement.f-size-extra-large > a > div {
      padding-right: 48px; }
    .m-product-placement-item.f-size-extra-large .f-default-image,
    .c-product-placement.f-size-extra-large .f-default-image {
      width: 740px;
      height: 416px;
      padding-right: 0; }
      .m-product-placement-item.f-size-extra-large .f-default-image + div,
      .c-product-placement.f-size-extra-large .f-default-image + div {
        padding-right: 48px; }
  .m-product-placement-item.f-size-large .c-heading, .m-product-placement-item.f-size-extra-large .c-heading,
  .c-product-placement.f-size-large .c-heading,
  .c-product-placement.f-size-extra-large .c-heading {
    font-size: 18px;
    line-height: 24px;
    max-height: 48px;
    font-weight: 200; }
  .m-product-placement-item.f-size-large .c-paragraph, .m-product-placement-item.f-size-extra-large .c-paragraph,
  .c-product-placement.f-size-large .c-paragraph,
  .c-product-placement.f-size-extra-large .c-paragraph {
    font-size: 15px;
    line-height: 20px;
    padding: 24px 0 0;
    font-weight: 400;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 60px;
    color: rgba(0, 0, 0, 0.6); }

.m-hero-item,
.c-hero {
  position: relative;
  overflow: hidden;
  padding: 0 5%;
  width: 100%; }
  .m-hero-item:before,
  .c-hero:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 41.5%; }
    @media only screen and (max-width: 1083px) {
      .m-hero-item:before,
      .c-hero:before {
        padding-top: 60.2%; } }
  .m-hero-item:hover,
  .c-hero:hover {
    cursor: pointer; }
    .m-hero-item:hover > picture img,
    .c-hero:hover > picture img {
      opacity: 0.8; }
  .m-hero-item picture,
  .c-hero picture {
    display: block; }
  .m-hero-item > picture,
  .c-hero > picture {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    overflow: hidden; }
    .m-hero-item > picture img,
    .c-hero > picture img {
      position: absolute;
      width: 100%;
      left: 0;
      top: calc(50%);
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      overflow: hidden; }
    .m-hero-item > picture:after,
    .c-hero > picture:after {
      content: "";
      display: block;
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%; }
  .m-hero-item > div,
  .c-hero > div {
    width: 88%;
    height: 100%;
    max-width: 2048px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 0 auto;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .m-hero-item > div,
      .c-hero > div {
        position: relative; } }
    .m-hero-item > div > div,
    .c-hero > div > div {
      position: absolute;
      z-index: 1;
      max-width: 520px; }
      .m-hero-item > div > div > div,
      .c-hero > div > div > div {
        margin-top: 24px; }
  .m-hero-item .c-heading,
  .c-hero .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-hero-item .c-subheading,
  .c-hero .c-subheading {
    font-size: 20px;
    line-height: 24px;
    padding: 8px 0 4px;
    font-weight: 200;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 48px; }
  .m-hero-item .c-paragraph,
  .c-hero .c-paragraph {
    font-size: 15px;
    line-height: 20px;
    padding: 24px 0 0;
    font-weight: 400;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px; }
  .m-hero-item .c-product-title,
  .m-hero-item .c-product-subtitle,
  .c-hero .c-product-title,
  .c-hero .c-product-subtitle {
    font-size: 24px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px;
    line-height: 32px;
    max-height: 64px;
    padding: 0; }
  .m-hero-item .c-product-title,
  .c-hero .c-product-title {
    font-weight: 700; }
  .m-hero-item .c-product-subtitle,
  .c-hero .c-product-subtitle {
    font-weight: 100; }
  .m-hero-item .c-price,
  .c-hero .c-price {
    font-size: 20px;
    line-height: 24px;
    display: inline-block; }
  .m-hero-item .c-rating,
  .c-hero .c-rating {
    margin-top: 12px; }
  .m-hero-item .c-group,
  .c-hero .c-group {
    display: block;
    overflow: visible; }
    .m-hero-item .c-group > .c-call-to-action,
    .c-hero .c-group > .c-call-to-action {
      margin-right: 24px; }
      .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
      .c-hero .c-group > .c-call-to-action + .c-call-to-action {
        background: transparent;
        color: #0078D7;
        border-color: transparent;
        border-width: 2px;
        padding: 10px 44px 7px 24px;
        margin-left: -24px;
        margin-right: -24px;
        padding: 10px 43px 7px 25px; }
        .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,
        .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 {
          background: transparent;
          border-color: transparent; }
        .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
        .c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
          background: transparent;
          text-decoration: none; }
        .m-hero-item .c-group > .c-call-to-action + .c-call-to-action span:hover,
        .c-hero .c-group > .c-call-to-action + .c-call-to-action span:hover {
          text-decoration: underline; }
        .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action, .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action, .theme-light
        .c-hero .c-group > .c-call-to-action + .c-call-to-action, .theme-dark .theme-light
        .c-hero .c-group > .c-call-to-action + .c-call-to-action {
          color: #000;
          background: transparent;
          border-color: transparent; }
          .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active, .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active, .theme-light
          .c-hero .c-group > .c-call-to-action + .c-call-to-action:active, .theme-dark .theme-light
          .c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
            color: rgba(0, 0, 0, 0.6); }
          .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus, .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus, .theme-light
          .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus, .theme-dark .theme-light
          .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
            outline-color: #000; }
        .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action, .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action, .theme-dark
        .c-hero .c-group > .c-call-to-action + .c-call-to-action, .theme-light .theme-dark
        .c-hero .c-group > .c-call-to-action + .c-call-to-action {
          color: #FFF;
          background: transparent;
          border-color: transparent; }
          .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active, .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active, .theme-dark
          .c-hero .c-group > .c-call-to-action + .c-call-to-action:active, .theme-light .theme-dark
          .c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
            color: rgba(255, 255, 255, 0.6); }
          .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus, .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus, .theme-dark
          .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus, .theme-light .theme-dark
          .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
            outline-color: #FFF; }
  .m-hero-item.theme-dark .c-group > .c-call-to-action + .c-call-to-action,
  .c-hero.theme-dark .c-group > .c-call-to-action + .c-call-to-action {
    color: #FFF; }
  .m-hero-item.theme-light .c-group > .c-call-to-action + .c-call-to-action,
  .c-hero.theme-light .c-group > .c-call-to-action + .c-call-to-action {
    color: #000; }
  .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action, .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action,
  .c-hero.theme-light .c-group.f-accent > .c-call-to-action,
  .c-hero.theme-dark .c-group.f-accent > .c-call-to-action {
    margin-right: 24px; }
    .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action, .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action,
    .c-hero.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
    .c-hero.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action {
      color: #0078D7; }
  .m-hero-item .c-logo,
  .c-hero .c-logo {
    margin-top: 12px; }
  .m-hero-item.context-app .c-heading,
  .c-hero.context-app .c-heading {
    font-size: 24px;
    line-height: 28px;
    padding: 36px 0 4px;
    font-weight: 200;
    white-space: nowrap;
    max-height: 28px; }
  .m-hero-item.context-app .c-subheading,
  .c-hero.context-app .c-subheading {
    font-size: 18px;
    line-height: 24px;
    padding: 9px 0 3px;
    font-weight: 200;
    max-height: 48px; }
  .m-hero-item.context-article .c-heading,
  .c-hero.context-article .c-heading {
    font-size: 24px;
    line-height: 28px;
    padding: 36px 0 4px;
    font-weight: 200;
    max-height: 56px; }
  .m-hero-item.context-game .c-rating,
  .c-hero.context-game .c-rating {
    margin-top: 60px; }
  .m-hero-item.context-music-album .c-product-title,
  .c-hero.context-music-album .c-product-title {
    margin-top: 12px; }
  @media only screen and (max-width: 1399px) {
    .m-hero-item.context-music-album picture img.c-image,
    .c-hero.context-music-album picture img.c-image {
      max-width: 64px; } }
  .m-hero-item.context-device > div > div > div, .m-hero-item.context-accessory > div > div > div, .m-hero-item.context-article > div > div > div, .m-hero-item.context-game > div > div > div,
  .c-hero.context-device > div > div > div,
  .c-hero.context-accessory > div > div > div,
  .c-hero.context-article > div > div > div,
  .c-hero.context-game > div > div > div {
    margin-top: 12px; }
  .m-hero-item.f-x-left > div > div,
  .c-hero.f-x-left > div > div {
    left: 0; }
  .m-hero-item.f-x-center,
  .c-hero.f-x-center {
    text-align: center; }
    .m-hero-item.f-x-center .c-group,
    .c-hero.f-x-center .c-group {
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .m-hero-item.f-x-center > div > div,
    .c-hero.f-x-center > div > div {
      min-width: 50%;
      left: 30%;
      left: calc(50%);
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
      .m-hero-item.f-x-center > div > div .c-image,
      .c-hero.f-x-center > div > div .c-image {
        margin: 0 auto; }
  .m-hero-item.f-x-right > div > div,
  .c-hero.f-x-right > div > div {
    right: 0; }
  .m-hero-item.f-y-top > div > div,
  .c-hero.f-y-top > div > div {
    top: 60px; }
    @media only screen and (max-width: 1399px) {
      .m-hero-item.f-y-top > div > div,
      .c-hero.f-y-top > div > div {
        top: 24px; } }
  .m-hero-item.f-y-center .c-heading:first-child,
  .c-hero.f-y-center .c-heading:first-child {
    padding-top: 0; }
  .m-hero-item.f-y-center > div > div,
  .c-hero.f-y-center > div > div {
    top: 120px;
    top: calc(50%);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .m-hero-item.f-y-center.f-x-center > div > div,
  .c-hero.f-y-center.f-x-center > div > div {
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .m-hero-item.f-y-bottom > div > div,
  .c-hero.f-y-bottom > div > div {
    bottom: 60px; }
    @media only screen and (max-width: 1399px) {
      .m-hero-item.f-y-bottom > div > div,
      .c-hero.f-y-bottom > div > div {
        bottom: 48px; } }
  .m-hero-item[class*="f-mask"].theme-light > picture:after,
  .c-hero[class*="f-mask"].theme-light > picture:after {
    background: #FFF; }
  .m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-top > picture:after,
  .c-hero[class*="f-mask"].theme-light.f-x-left.f-y-top > picture:after {
    background: radial-gradient(circle at top left, #FFF, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-center > picture:after,
  .c-hero[class*="f-mask"].theme-light.f-x-left.f-y-center > picture:after {
    background: radial-gradient(circle at center left, #FFF, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-light.f-x-left.f-y-bottom > picture:after,
  .c-hero[class*="f-mask"].theme-light.f-x-left.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom left, #FFF, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-top > picture:after,
  .c-hero[class*="f-mask"].theme-light.f-x-center.f-y-top > picture:after {
    background: radial-gradient(circle at top center, #FFF, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-center > picture:after,
  .c-hero[class*="f-mask"].theme-light.f-x-center.f-y-center > picture:after {
    background: radial-gradient(circle at center center, #FFF, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-light.f-x-center.f-y-bottom > picture:after,
  .c-hero[class*="f-mask"].theme-light.f-x-center.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom center, #FFF, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-top > picture:after,
  .c-hero[class*="f-mask"].theme-light.f-x-right.f-y-top > picture:after {
    background: radial-gradient(circle at top right, #FFF, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-center > picture:after,
  .c-hero[class*="f-mask"].theme-light.f-x-right.f-y-center > picture:after {
    background: radial-gradient(circle at center right, #FFF, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-light.f-x-right.f-y-bottom > picture:after,
  .c-hero[class*="f-mask"].theme-light.f-x-right.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom right, #FFF, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-dark > picture:after,
  .c-hero[class*="f-mask"].theme-dark > picture:after {
    background: #000; }
  .m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-top > picture:after,
  .c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-top > picture:after {
    background: radial-gradient(circle at top left, #000, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-center > picture:after,
  .c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-center > picture:after {
    background: radial-gradient(circle at center left, #000, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-dark.f-x-left.f-y-bottom > picture:after,
  .c-hero[class*="f-mask"].theme-dark.f-x-left.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom left, #000, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-top > picture:after,
  .c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-top > picture:after {
    background: radial-gradient(circle at top center, #000, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-center > picture:after,
  .c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-center > picture:after {
    background: radial-gradient(circle at center center, #000, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-dark.f-x-center.f-y-bottom > picture:after,
  .c-hero[class*="f-mask"].theme-dark.f-x-center.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom center, #000, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-top > picture:after,
  .c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-top > picture:after {
    background: radial-gradient(circle at top right, #000, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-center > picture:after,
  .c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-center > picture:after {
    background: radial-gradient(circle at center right, #000, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item[class*="f-mask"].theme-dark.f-x-right.f-y-bottom > picture:after,
  .c-hero[class*="f-mask"].theme-dark.f-x-right.f-y-bottom > picture:after {
    background: radial-gradient(circle at bottom right, #000, rgba(255, 255, 255, 0) 80%); }
  .m-hero-item.f-mask-20 > picture:after,
  .c-hero.f-mask-20 > picture:after {
    opacity: 0.2; }
  .m-hero-item.f-mask-40 > picture:after,
  .c-hero.f-mask-40 > picture:after {
    opacity: 0.4; }
  .m-hero-item.f-mask-60 > picture:after,
  .c-hero.f-mask-60 > picture:after {
    opacity: 0.6; }
  .m-hero-item.f-mask-80 > picture:after,
  .c-hero.f-mask-80 > picture:after {
    opacity: 0.8; }
  .m-hero-item.f-mask-100 > picture:after,
  .c-hero.f-mask-100 > picture:after {
    opacity: 1; }
  .m-hero-item .c-video,
  .c-hero .c-video {
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    left: 0; }
    .m-hero-item .c-video > h1,
    .c-hero .c-video > h1 {
      display: none; }
    .m-hero-item .c-video video,
    .c-hero .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) {
    .m-hero-item > div > div,
    .c-hero > div > div {
      max-width: 440px; }
    .m-hero-item .c-heading,
    .c-hero .c-heading {
      font-size: 24px;
      line-height: 28px;
      padding: 36px 0 4px;
      font-weight: 200;
      max-height: 56px;
      padding-top: 0; }
    .m-hero-item .c-subheading,
    .c-hero .c-subheading {
      font-size: 18px;
      line-height: 24px;
      padding: 9px 0 3px;
      font-weight: 200;
      max-height: 72px; } }
  @media only screen and (max-width: 767px) {
    .m-hero-item,
    .c-hero {
      height: auto;
      padding: 0;
      text-align: center; }
      .m-hero-item[class*="f-x"][class*="f-y"] > picture img,
      .c-hero[class*="f-x"][class*="f-y"] > picture img {
        top: 0;
        left: 0;
        left: calc(50%);
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); }
      .m-hero-item[class*="f-x"][class*="f-y"] > picture:after,
      .c-hero[class*="f-x"][class*="f-y"] > picture:after {
        display: none; }
      .m-hero-item[class*="f-x"][class*="f-y"] > div > div,
      .c-hero[class*="f-x"][class*="f-y"] > div > div {
        position: relative;
        margin: 0 auto;
        left: 0;
        top: 0;
        top: calc(50%);
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        max-width: 100%; }
      .m-hero-item > div,
      .c-hero > div {
        padding: 12px;
        height: 280px; }
        .m-hero-item > div picture,
        .c-hero > div picture {
          display: none; }
      .m-hero-item .c-paragraph,
      .c-hero .c-paragraph {
        max-height: 40px; }
      .m-hero-item .c-heading,
      .m-hero-item.context-article .c-heading,
      .c-hero .c-heading,
      .c-hero.context-article .c-heading {
        font-size: 20px;
        line-height: 24px;
        padding: 35px 0 5px;
        font-weight: 200;
        max-height: 120px; }
      .m-hero-item .c-heading,
      .m-hero-item.context-app .c-heading,
      .m-hero-item.context-article .c-heading,
      .c-hero .c-heading,
      .c-hero.context-app .c-heading,
      .c-hero.context-article .c-heading {
        padding-top: 0; }
      .m-hero-item > div > div > div,
      .c-hero > div > div > div {
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .m-hero-item .c-group > .c-call-to-action,
      .c-hero .c-group > .c-call-to-action {
        margin: 0; }
        .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
        .c-hero .c-group > .c-call-to-action + .c-call-to-action {
          margin: 0; }
      .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action, .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action,
      .c-hero.theme-light .c-group.f-accent > .c-call-to-action,
      .c-hero.theme-dark .c-group.f-accent > .c-call-to-action {
        margin: 0; }
        .m-hero-item.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action, .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action,
        .c-hero.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
        .c-hero.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action {
          margin: 0; }
      .m-hero-item .c-subheading,
      .c-hero .c-subheading {
        display: none; }
      .m-hero-item.context-game .c-rating,
      .c-hero.context-game .c-rating {
        margin-top: 12px; }
      .m-hero-item.context-music-album .c-product-title,
      .c-hero.context-music-album .c-product-title {
        margin-top: 0; } }
  @media only screen and (max-width: 539px) {
    .m-hero-item .c-price,
    .m-hero-item .c-rating,
    .m-hero-item .c-paragraph,
    .c-hero .c-price,
    .c-hero .c-rating,
    .c-hero .c-paragraph {
      display: none; } }

.m-additional-information [data-grid*="col-"] {
  display: table-cell;
  float: none;
  min-height: 0;
  width: auto; }
  @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: 50%; }
  @media only screen and (min-width: 0) {
    .m-additional-information [data-grid="col-6"] {
      width: 100%; } }
  .m-additional-information [data-grid="col-6"] > [data-grid="col-6"] > * {
    margin-bottom: 24px; }

@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; } }

@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-additional-information [class*="heading"] {
  margin-bottom: 24px; }

.m-additional-information .c-list {
  margin: 0; }

.m-additional-information .c-content-toggle * {
  margin: 0;
  padding: 0; }

/** .c-alert deprecated v.1.6.0 - use m-alert **/
/** TODO: Remove c-alert in v.2.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-fixed,
  .m-alert[role="alert"].f-fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 700; }
  .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.glyph-warning:before,
    .m-alert[role="alert"] .c-glyph.glyph-warning:before {
      content: ""; }
    .c-alert[role="alert"] .c-glyph.glyph-info:before,
    .m-alert[role="alert"] .c-glyph.glyph-info:before {
      content: ""; }
    .c-alert[role="alert"] .c-glyph.glyph-incident-triangle:before,
    .m-alert[role="alert"] .c-glyph.glyph-incident-triangle:before {
      content: ""; }
  .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;
    margin-right: 10px;
    padding: 14px 6px;
    z-index: 1;
    float: right;
    color: currentColor; }
    .c-alert[role="alert"] > .c-glyph.c-action-trigger.glyph-cancel:before,
    .m-alert[role="alert"] > .c-glyph.c-action-trigger.glyph-cancel:before {
      font-size: 15px;
      content: ""; }
  .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;
      padding: 37px 0 3px;
      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) {
          .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-auto-suggest is deprecated,
    use .m-auto-suggest instead
    TODO: Remove .c-auto-suggest in v.2.0 */
.m-auto-suggest,
.c-auto-suggest {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  display: block; }
  .m-auto-suggest .c-menu,
  .c-auto-suggest .c-menu {
    position: absolute;
    background: #FFF;
    border-top: 1px solid;
    border-color: rgba(0, 0, 0, 0.2); }
    .m-auto-suggest .c-menu .c-menu-item > span,
    .m-auto-suggest .c-menu .c-menu-item > a,
    .c-auto-suggest .c-menu .c-menu-item > span,
    .c-auto-suggest .c-menu .c-menu-item > a {
      background: #FFF; }
      .m-auto-suggest .c-menu .c-menu-item > span:hover,
      .m-auto-suggest .c-menu .c-menu-item > a:hover,
      .c-auto-suggest .c-menu .c-menu-item > span:hover,
      .c-auto-suggest .c-menu .c-menu-item > a:hover {
        background: rgba(0, 0, 0, 0.1); }
    .m-auto-suggest .c-menu[aria-hidden="true"],
    .c-auto-suggest .c-menu[aria-hidden="true"] {
      display: none; }
    .m-auto-suggest .c-menu[data-js-auto-suggest-position="default"],
    .c-auto-suggest .c-menu[data-js-auto-suggest-position="default"] {
      top: 38px; }
    .m-auto-suggest .c-menu[data-js-auto-suggest-position="above"],
    .c-auto-suggest .c-menu[data-js-auto-suggest-position="above"] {
      bottom: 100%; }
    .m-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span,
    .c-auto-suggest .c-menu.f-auto-suggest-no-results .c-menu-item span {
      color: rgba(0, 0, 0, 0.6); }
    .m-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position="default"],
    .c-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position="default"] {
      top: 38px; }
    .m-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position="above"],
    .c-auto-suggest .c-menu.f-auto-suggest-no-results[data-js-auto-suggest-position="above"] {
      bottom: 100%; }
    .m-auto-suggest .c-menu.f-auto-suggest-scroll,
    .c-auto-suggest .c-menu.f-auto-suggest-scroll {
      overflow-y: auto;
      max-height: none; }

.c-label + .c-auto-suggest.c-search,
.c-label + .m-auto-suggest.c-search {
  margin-top: 0; }

/* .c-back-to-top has been depricated as of v.1.6
    TODO: Remove as of v.2.0*/
a.m-back-to-top,
a.c-back-to-top {
  visibility: hidden; }
  @media only screen and (min-width: 768px) {
    a.m-back-to-top,
    a.c-back-to-top {
      position: fixed;
      bottom: 24px;
      right: 24px;
      width: 48px;
      height: 48px;
      background: rgba(0, 0, 0, 0.1);
      cursor: pointer;
      visibility: visible;
      float: right;
      padding: 12px;
      z-index: 500;
      opacity: 1;
      transition: opacity 600ms cubic-bezier(0.19, 1, 0.22, 1); }
      a.m-back-to-top:hover, a.m-back-to-top:focus,
      a.c-back-to-top:hover,
      a.c-back-to-top:focus {
        background: rgba(0, 0, 0, 0.2); }
      a.m-back-to-top:focus,
      a.c-back-to-top:focus {
        outline: 1px dashed #000; }
      a.m-back-to-top:active,
      a.c-back-to-top:active {
        background: rgba(0, 0, 0, 0.3); }
      a.m-back-to-top .c-glyph.glyph-up,
      a.c-back-to-top .c-glyph.glyph-up {
        font-size: 24px; }
        a.m-back-to-top .c-glyph.glyph-up:before,
        a.c-back-to-top .c-glyph.glyph-up:before {
          width: 24px;
          height: 24px;
          content: ""; }
      a.m-back-to-top[aria-disabled="true"],
      a.c-back-to-top[aria-disabled="true"] {
        visibility: hidden;
        opacity: 0;
        transition: visibility 600ms cubic-bezier(0.19, 1, 0.22, 1), opacity 600ms cubic-bezier(0.19, 1, 0.22, 1); } }

.m-banner {
  display: block;
  clear: both;
  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, 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: transparent;
    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: transparent;
      border-color: transparent; }
    .m-banner a.c-call-to-action:active {
      background: transparent;
      text-decoration: none; }
    .m-banner a.c-call-to-action span:hover {
      text-decoration: underline; }
    .theme-light .m-banner a.c-call-to-action, .theme-dark .theme-light .m-banner a.c-call-to-action {
      color: #000;
      background: transparent;
      border-color: transparent; }
      .theme-light .m-banner a.c-call-to-action:active, .theme-dark .theme-light .m-banner a.c-call-to-action:active {
        color: rgba(0, 0, 0, 0.6); }
      .theme-light .m-banner a.c-call-to-action:focus, .theme-dark .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: transparent;
      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, 0.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 .m-product-placement-item img,
.c-compare-chart .c-product-placement img,
.m-compare-chart .m-product-placement-item img,
.m-compare-chart .c-product-placement img {
  margin: 0; }

.c-compare-chart .m-product-placement-item [aria-hidden="true"],
.c-compare-chart .c-product-placement [aria-hidden="true"],
.m-compare-chart .m-product-placement-item [aria-hidden="true"],
.m-compare-chart .c-product-placement [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:hover, .c-compare-chart section button:focus,
  .m-compare-chart section button:hover,
  .m-compare-chart section button:focus {
    background-color: #006cc2;
    border-color: rgba(0, 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, 0.2);
    background-color: rgba(0, 120, 215, 0.2);
    border-color: transparent; }
  .theme-light .c-compare-chart section button, .theme-dark .theme-light .c-compare-chart section button, .theme-light
  .m-compare-chart section button, .theme-dark .theme-light
  .m-compare-chart section button {
    color: #FFF;
    background-color: #000;
    border-color: transparent; }
    .theme-light .c-compare-chart section button:focus, .theme-dark .theme-light .c-compare-chart section button:focus, .theme-light
    .m-compare-chart section button:focus, .theme-dark .theme-light
    .m-compare-chart section button:focus {
      outline-color: #000;
      background-color: rgba(0, 0, 0, 0.8); }
    .theme-light .c-compare-chart section button:hover, .theme-dark .theme-light .c-compare-chart section button:hover, .theme-light
    .m-compare-chart section button:hover, .theme-dark .theme-light
    .m-compare-chart section button:hover {
      background-color: rgba(0, 0, 0, 0.8); }
    .theme-light .c-compare-chart section button:active, .theme-dark .theme-light .c-compare-chart section button:active, .theme-light
    .m-compare-chart section button:active, .theme-dark .theme-light
    .m-compare-chart section button:active {
      background-color: rgba(0, 0, 0, 0.6); }
    .theme-light .c-compare-chart section button[disabled], .theme-dark .theme-light .c-compare-chart section button[disabled], .theme-light
    .m-compare-chart section button[disabled], .theme-dark .theme-light
    .m-compare-chart section button[disabled] {
      background-color: rgba(0, 0, 0, 0.2);
      color: rgba(0, 0, 0, 0.2); }
  .theme-dark .c-compare-chart section button, .theme-light .theme-dark .c-compare-chart section button, .theme-dark
  .m-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-light .theme-dark .c-compare-chart section button:focus, .theme-dark
    .m-compare-chart section button:focus, .theme-light .theme-dark
    .m-compare-chart section button:focus {
      outline-color: #FFF;
      background-color: rgba(255, 255, 255, 0.8); }
    .theme-dark .c-compare-chart section button:hover, .theme-light .theme-dark .c-compare-chart section button:hover, .theme-dark
    .m-compare-chart section button:hover, .theme-light .theme-dark
    .m-compare-chart section button:hover {
      background-color: rgba(255, 255, 255, 0.8); }
    .theme-dark .c-compare-chart section button:active, .theme-light .theme-dark .c-compare-chart section button:active, .theme-dark
    .m-compare-chart section button:active, .theme-light .theme-dark
    .m-compare-chart section button:active {
      background-color: rgba(255, 255, 255, 0.6); }
    .theme-dark .c-compare-chart section button[disabled], .theme-light .theme-dark .c-compare-chart section button[disabled], .theme-dark
    .m-compare-chart section button[disabled], .theme-light .theme-dark
    .m-compare-chart section button[disabled] {
      background-color: rgba(255, 255, 255, 0.2);
      color: rgba(255, 255, 255, 0.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-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 > [class*="c-heading"]:first-child {
  padding-top: 0; }

.m-rich-content-block[data-grid~="pad-6x"] {
  padding-left: 0;
  padding-right: 0; }
  .m-rich-content-block[data-grid~="pad-6x"][data-grid~="stack-2"] > div [class*="c-heading"]:first-child {
    padding-top: 0; }
  .m-rich-content-block[data-grid~="pad-6x"][data-grid~="stack-2"] > div + div [class*="c-heading"]:first-child {
    padding-top: 48px; }
  @media only screen and (min-width: 768px) {
    .m-rich-content-block[data-grid~="pad-6x"][data-grid~="stack-2"] > div + div [class*="c-heading"]:first-child {
      padding-top: 0; } }
  .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, 0.6);
    margin-top: 24px; }
    .m-device-actions .f-row:first-child {
      margin-top: 0; }
    .m-device-actions .f-row .c-meta-text {
      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 [class^="c-paragraph"],
    .m-device-actions .f-description .f-battery .c-image {
      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-button {
    margin-top: 0; }
  .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 {
  clear: both;
  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; }
  @media only screen and (min-width: 1083px) {
    .m-feature .c-feature.f-align-right > div {
      left: 50%; } }
  .m-feature + .m-feature {
    padding-top: 0; }
  .m-feature[data-grid~="container"] {
    padding-left: 12px;
    padding-right: 12px;
    max-width: 100%;
    clear: both; }
    @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[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 {
    content: "";
    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, 0.6); }
  .m-feature-channel.theme-light > .c-image:after {
    background: rgba(255, 255, 255, 0.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 {
          display: none; }
      .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, #333333 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; } }
      .m-group-call-to-action .c-group .c-call-to-action:after {
        content: ""; }

@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: 38px 0 6px;
  font-weight: 100;
  letter-spacing: -0.01em;
  padding-top: 0; }

.m-heading-1 + [class*="m-"] {
  padding-top: 10px; }
  @media only screen and (max-width: 767px) {
    .m-heading-1 + [class*="m-"] {
      padding-top: 13px; } }

.m-heading-2 .c-heading {
  font-size: 46px;
  line-height: 56px;
  padding: 37px 0 3px;
  font-weight: 100;
  letter-spacing: -0.01em;
  padding-top: 0; }

.m-heading-2 + [class*="m-"] {
  padding-top: 12px; }
  @media only screen and (max-width: 767px) {
    .m-heading-2 + [class*="m-"] {
      padding-top: 16px; } }

.m-heading-3 .c-heading {
  font-size: 34px;
  line-height: 40px;
  padding: 38px 0 2px;
  font-weight: 100;
  padding-top: 0; }

.m-heading-3 + [class*="m-"] {
  padding-top: 18px; }
  @media only screen and (max-width: 767px) {
    .m-heading-3 + [class*="m-"] {
      padding-top: 10px; } }

.m-heading-4 .c-heading {
  font-size: 24px;
  line-height: 28px;
  padding: 36px 0 4px;
  font-weight: 200;
  padding-top: 0; }

.m-heading-4 + [class*="m-"] {
  padding-top: 16px; }
  @media only screen and (max-width: 767px) {
    .m-heading-4 + [class*="m-"] {
      padding-top: 14px; } }

.m-heading-5 .c-heading {
  font-size: 20px;
  line-height: 24px;
  padding: 35px 0 5px;
  font-weight: 200;
  padding-top: 0; }

.m-heading-5 + [class*="m-"] {
  padding-top: 15px; }

.m-heading-6 .c-heading {
  font-size: 18px;
  line-height: 24px;
  padding: 37px 0 3px;
  font-weight: 200;
  padding-top: 0; }

.m-heading-6 + [class*="m-"] {
  padding-top: 17px; }

[class*="m-heading"] {
  clear: both; }
  [class*="m-heading"].f-pivot > a {
    display: inline-block;
    white-space: nowrap;
    padding: 8px 12px;
    color: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateX(-12px);
        -ms-transform: translateX(-12px);
            transform: translateX(-12px); }
    [class*="m-heading"].f-pivot > a.f-active {
      color: #000; }
    [class*="m-heading"].f-pivot > a:hover {
      color: rgba(0, 0, 0, 0.8); }
    [class*="m-heading"].f-pivot > a:focus {
      outline: 1px dashed; }
  [class*="m-heading"].f-pivot.f-disabled > a {
    color: rgba(0, 0, 0, 0.2);
    cursor: not-allowed; }
  [class*="m-heading"].f-pivot + [class^="m-"] {
    padding-top: 12px; }
  [class*="m-heading"].f-select .c-select-menu {
    margin-right: 8px; }
  [class*="m-heading"].f-select + [class^="m-"] {
    padding-top: 12px; }
  [class*="m-heading"] .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; }

.m-hero {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0; }
  @media only screen and (max-width: 1083px) {
    .m-hero .m-hero-item,
    .m-hero .c-hero {
      padding-left: 36px;
      padding-right: 36px; } }
  @media only screen and (max-width: 767px) {
    .m-hero .m-hero-item,
    .m-hero .c-hero {
      padding-left: 0;
      padding-right: 0; } }

[class^="m-"] + .m-hero {
  padding-top: 48px; }

/* .c-histogram is deprecated as of v.1.7.0,
   use .m-histogram instead.
   TODO: Remove .c-histogram as of v.2.0 */
.histogram:before, .histogram:after,
.m-histogram:before,
.m-histogram:after,
.c-histogram:before,
.c-histogram:after {
  content: " ";
  display: table; }

.histogram:after,
.m-histogram:after,
.c-histogram:after {
  clear: both; }

.histogram > div:first-child,
.m-histogram > div:first-child,
.c-histogram > div:first-child {
  float: left; }
  .histogram > div:first-child > div > span,
  .m-histogram > div:first-child > div > span,
  .c-histogram > div:first-child > div > span {
    margin-left: 4px; }
  .histogram > div:first-child > span,
  .m-histogram > div:first-child > span,
  .c-histogram > div:first-child > span {
    font-size: 135px;
    line-height: 1;
    letter-spacing: -5px;
    font-weight: 100;
    padding: 0; }

.histogram .rating-star-bars,
.histogram > ul,
.m-histogram .rating-star-bars,
.m-histogram > ul,
.c-histogram .rating-star-bars,
.c-histogram > ul {
  overflow: hidden;
  padding-left: 28px;
  margin-top: 26px; }
  .histogram .rating-star-bars li,
  .histogram > ul li,
  .m-histogram .rating-star-bars li,
  .m-histogram > ul li,
  .c-histogram .rating-star-bars li,
  .c-histogram > ul li {
    margin-bottom: 14px; }
  .histogram .rating-star-bars a,
  .histogram > ul a,
  .m-histogram .rating-star-bars a,
  .m-histogram > ul a,
  .c-histogram .rating-star-bars a,
  .c-histogram > ul a {
    font-size: 13px;
    display: block;
    line-height: 1; }
    .histogram .rating-star-bars a > div,
    .histogram > ul a > div,
    .m-histogram .rating-star-bars a > div,
    .m-histogram > ul a > div,
    .c-histogram .rating-star-bars a > div,
    .c-histogram > ul a > div {
      display: inline-block;
      margin-left: 6px;
      width: calc(100% - 85px); }
      .histogram .rating-star-bars a > div > div,
      .histogram > ul a > div > div,
      .m-histogram .rating-star-bars a > div > div,
      .m-histogram > ul a > div > div,
      .c-histogram .rating-star-bars a > div > div,
      .c-histogram > ul a > div > div {
        height: 12px;
        position: relative;
        background-color: #0078D7;
        -ms-high-contrast-adjust: none; }
        .histogram .rating-star-bars a > div > div span,
        .histogram > ul a > div > div span,
        .m-histogram .rating-star-bars a > div > div span,
        .m-histogram > ul a > div > div span,
        .c-histogram .rating-star-bars a > div > div span,
        .c-histogram > ul a > div > div span {
          position: absolute;
          right: 0;
          -webkit-transform: translateX(100%);
              -ms-transform: translateX(100%);
                  transform: translateX(100%);
          padding-left: 4px; }
  .histogram .rating-star-bars .glyph,
  .histogram .rating-star-bars .c-glyph,
  .histogram > ul .glyph,
  .histogram > ul .c-glyph,
  .m-histogram .rating-star-bars .glyph,
  .m-histogram .rating-star-bars .c-glyph,
  .m-histogram > ul .glyph,
  .m-histogram > ul .c-glyph,
  .c-histogram .rating-star-bars .glyph,
  .c-histogram .rating-star-bars .c-glyph,
  .c-histogram > ul .glyph,
  .c-histogram > ul .c-glyph {
    margin-left: 1px; }
    .histogram .rating-star-bars .glyph:after,
    .histogram .rating-star-bars .c-glyph:after,
    .histogram > ul .glyph:after,
    .histogram > ul .c-glyph:after,
    .m-histogram .rating-star-bars .glyph:after,
    .m-histogram .rating-star-bars .c-glyph:after,
    .m-histogram > ul .glyph:after,
    .m-histogram > ul .c-glyph:after,
    .c-histogram .rating-star-bars .glyph:after,
    .c-histogram .rating-star-bars .c-glyph:after,
    .c-histogram > ul .glyph:after,
    .c-histogram > ul .c-glyph:after {
      -webkit-transform: translateY(1px);
          -ms-transform: translateY(1px);
              transform: translateY(1px);
      content: ""; }

@media only screen and (max-width: 539px) {
  .histogram > div:first-child,
  .m-histogram > div:first-child,
  .c-histogram > div:first-child {
    float: none; }
  .histogram .rating-star-bars,
  .histogram > ul,
  .m-histogram .rating-star-bars,
  .m-histogram > ul,
  .c-histogram .rating-star-bars,
  .c-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 5px;
      overflow: hidden;
      box-sizing: content-box;
      max-height: 48px;
      padding-bottom: 1.636px;
      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 {
      background: #000; }
    .m-hyperlink-group > div.f-brand-neutral-100 {
      background: #000; }
    .theme-light .m-hyperlink-group > div, .theme-dark .theme-light .m-hyperlink-group > div {
      color: #000; }
    .theme-dark .m-hyperlink-group > div, .theme-light .theme-dark .m-hyperlink-group > div {
      color: #f2f2f2; }

@media only screen and (max-width: 767px) {
  .m-hyperlink-group > div .c-heading {
    padding-top: 24px;
    padding-bottom: 6px; }
  .m-hyperlink-group > div .c-hyperlink {
    padding: 6px 0; } }

/*
* Module & component specific integration
*/
.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; }
    @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 .m-content-placement-item {
    width: 100%; }
  @media only screen and (min-width: 1084px) {
    .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%; } }
  @media only screen and (min-width: 540px) {
    .m-hyperlink-group-content-placement > [data-grid*="col-"] .m-hyperlink-group [class^="c-heading"] {
      padding-top: 0; } }
  .m-hyperlink-group-content-placement > [data-grid*="col-"] .m-hyperlink-group > div {
    width: 100%; }
  @media only screen and (min-width: 540px) {
    .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-in-page-navigation {
  padding-top: 0; }

.m-link-navigation {
  padding-top: 0; }

.m-media {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 4px;
  padding-top: 0; }
  .m-media:before, .m-media:after {
    content: " ";
    display: table; }
  .m-media:after {
    clear: both; }
  .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 > div,
.m-multi-column > ul {
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px; }
  .m-multi-column > div > li,
  .m-multi-column > ul > li {
    padding: 0; }
    .m-multi-column > div > li a.c-hyperlink,
    .m-multi-column > ul > li a.c-hyperlink {
      padding: 8px 0;
      display: inline-block; }

.m-multi-column.f-columns-1 > div,
.m-multi-column.f-columns-1 > ul {
  -webkit-columns: 1;
     -moz-columns: 1;
          columns: 1; }

.m-multi-column.f-columns-2 > div,
.m-multi-column.f-columns-2 > ul {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2; }

.m-multi-column.f-columns-3 > div,
.m-multi-column.f-columns-3 > ul {
  -webkit-columns: 3;
     -moz-columns: 3;
          columns: 3; }

.m-multi-column.f-columns-4 > div,
.m-multi-column.f-columns-4 > ul {
  -webkit-columns: 4;
     -moz-columns: 4;
          columns: 4; }

.m-multi-column.f-columns-5 > div,
.m-multi-column.f-columns-5 > ul {
  -webkit-columns: 5;
     -moz-columns: 5;
          columns: 5; }

@media only screen and (max-width: 2048px) {
  .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > ul {
    -webkit-columns: 5;
       -moz-columns: 5;
            columns: 5; } }

@media only screen and (max-width: 1778px) {
  .m-multi-column.f-columns-4 > div,
  .m-multi-column.f-columns-4 > ul, .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > ul {
    -webkit-columns: 4;
       -moz-columns: 4;
            columns: 4; } }

@media only screen and (max-width: 1399px) {
  .m-multi-column.f-columns-4 > div,
  .m-multi-column.f-columns-4 > ul, .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > ul {
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3; } }

@media only screen and (max-width: 1083px) {
  .m-multi-column.f-columns-4 > div,
  .m-multi-column.f-columns-4 > ul, .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > ul {
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3; } }

@media only screen and (max-width: 767px) {
  .m-multi-column.f-columns-3 > div,
  .m-multi-column.f-columns-3 > ul, .m-multi-column.f-columns-4 > div,
  .m-multi-column.f-columns-4 > ul, .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > ul {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2; } }

@media only screen and (max-width: 539px) {
  .m-multi-column.f-columns-2 > div,
  .m-multi-column.f-columns-2 > ul, .m-multi-column.f-columns-3 > div,
  .m-multi-column.f-columns-3 > ul, .m-multi-column.f-columns-4 > div,
  .m-multi-column.f-columns-4 > ul, .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > ul {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1; } }

.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 0.4s cubic-bezier(0.19, 1, 0.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: ' ';
      display: inline-block;
      vertical-align: middle;
      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;
      display: inline-block;
      vertical-align: middle; }
      .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;
      margin-left: 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 {
      width: 50%; }
      .m-page-bar > div:first-child {
        width: 50%; }
      .m-page-bar > div > .c-price {
        display: none; } }

/* .c-pagination is deprecated as of v.1.7.0,
   use .m-pagination
   TODO: Remove .c-pagination in v.2.0 */
.pagination,
.m-pagination,
.c-pagination {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0;
  margin-top: 24px; }
  .pagination li,
  .m-pagination li,
  .c-pagination li {
    display: inline-block;
    margin-right: 12px; }
    .pagination li > a,
    .pagination li > span,
    .m-pagination li > a,
    .m-pagination li > span,
    .c-pagination li > a,
    .c-pagination li > span {
      display: inline-block;
      padding: 5px 11px;
      outline: 1px solid transparent;
      white-space: nowrap; }
      .pagination li > a:focus,
      .pagination li > span:focus,
      .m-pagination li > a:focus,
      .m-pagination li > span:focus,
      .c-pagination li > a:focus,
      .c-pagination li > span:focus {
        background-color: rgba(0, 0, 0, 0.1);
        outline: 1px dashed #000; }
    .pagination li > a:hover,
    .m-pagination li > a:hover,
    .c-pagination li > a:hover {
      background-color: rgba(0, 0, 0, 0.1);
      outline-color: rgba(0, 0, 0, 0.1); }
    .pagination li > a:active,
    .m-pagination li > a:active,
    .c-pagination li > a:active {
      background-color: rgba(0, 0, 0, 0.3);
      outline: 1px solid rgba(0, 0, 0, 0.3); }
    .pagination li.active > a,
    .pagination li.active > span, .pagination li.f-active > a,
    .pagination li.f-active > span,
    .m-pagination li.active > a,
    .m-pagination li.active > span,
    .m-pagination li.f-active > a,
    .m-pagination li.f-active > span,
    .c-pagination li.active > a,
    .c-pagination li.active > span,
    .c-pagination li.f-active > a,
    .c-pagination li.f-active > span {
      outline-color: #0078D7; }
    .pagination li.f-hide,
    .m-pagination li.f-hide,
    .c-pagination li.f-hide {
      display: none; }
    .pagination li:first-child .c-glyph:before,
    .m-pagination li:first-child .c-glyph:before,
    .c-pagination li:first-child .c-glyph:before {
      content: "";
      vertical-align: -2px;
      margin-right: 8px; }
    .pagination li:last-child,
    .m-pagination li:last-child,
    .c-pagination li:last-child {
      margin-right: 0; }
      .pagination li:last-child .c-glyph:after,
      .m-pagination li:last-child .c-glyph:after,
      .c-pagination li:last-child .c-glyph:after {
        content: "";
        vertical-align: -2px;
        margin-left: 8px; }
    @media only screen and (max-width: 539px) {
      .pagination li,
      .m-pagination li,
      .c-pagination li {
        margin-right: 0; }
        .pagination li:first-child a, .pagination li:last-child a,
        .m-pagination li:first-child a,
        .m-pagination li:last-child a,
        .c-pagination li:first-child a,
        .c-pagination li:last-child a {
          position: relative;
          display: inline; }
        .pagination li:first-child span, .pagination li:last-child span,
        .m-pagination li:first-child span,
        .m-pagination li:last-child span,
        .c-pagination li:first-child span,
        .c-pagination li:last-child span {
          height: 0;
          overflow: hidden;
          position: absolute; }
        .pagination li:first-child .c-glyph:before, .pagination li:first-child .c-glyph:after, .pagination li:last-child .c-glyph:before, .pagination li:last-child .c-glyph:after,
        .m-pagination li:first-child .c-glyph:before,
        .m-pagination li:first-child .c-glyph:after,
        .m-pagination li:last-child .c-glyph:before,
        .m-pagination li:last-child .c-glyph:after,
        .c-pagination li:first-child .c-glyph:before,
        .c-pagination li:first-child .c-glyph:after,
        .c-pagination li:last-child .c-glyph:before,
        .c-pagination li:last-child .c-glyph:after {
          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: transparent;
      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: 1px dashed #000; }

.m-ratings-and-reviews .m-histogram,
.m-ratings-and-reviews .c-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;
    padding-left: 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 .m-histogram,
  .m-ratings-and-reviews .c-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 .context-filter,
  .m-ratings-and-reviews .c-select-menu {
    display: block; }
  .m-ratings-and-reviews .context-sort + .c-select-menu {
    display: inline-block; }
  .m-ratings-and-reviews .c-divider {
    margin-top: 28px; }
    .m-ratings-and-reviews .c-divider + span {
      float: none;
      display: block;
      padding: 8px 0;
      padding-right: 8px; }
  .m-ratings-and-reviews .context-filter {
    padding: 12px 0 8px; }
  .m-ratings-and-reviews .context-helpful-select .c-meta-text {
    display: block; }
  .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 span {
        display: block; }
      .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%); }
  @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-rich-heading .c-paragraph-3 {
    overflow: hidden;
    box-sizing: content-box;
    max-height: 40px; }
  .m-rich-heading .c-heading {
    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, 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 {
    /*
            * Use .f-previous and .f-next
            * .f-left and f-right deprecated v1.3.0
            */ }
    .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-right, .m-product-placement .c-carousel .c-flipper.f-next {
      right: -24px; }
  .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; }
  @media only screen and (max-width: 539px) {
    .m-product-placement .c-carousel .c-flipper {
      visibility: hidden;
      /*
                * Use .f-previous and .f-next
                * .f-left and f-right deprecated v1.3.0
                */ }
      .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-right, .m-product-placement .c-carousel .c-flipper.f-next {
        right: 0; }
    .m-product-placement .c-carousel:hover .c-flipper {
      visibility: visible; } }

.m-search-help .c-heading-5 {
  padding: 12px 0 24px; }

.m-search-help ul li,
.m-search-help span {
  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-search-help .c-heading-5 {
    padding: 12px 0 8px; } }

.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.636px;
  color: #107C10; }

.m-search-results p {
  color: rgba(0, 0, 0, 0.6);
  padding-top: 0; }

@media only screen and (max-width: 539px) {
  .m-search-results .f-result-item-details {
    padding: 0; } }

/** .c-social deprecated v.1.6.0 - use m-social **/
/** TODO: Remove c-social in v.2.0 **/
.m-social {
  padding: 0; }

.m-social,
.c-social {
  display: block;
  margin-top: 48px; }
  .m-social.f-facebook > div, .m-social.f-pinterest > div, .m-social.f-twitter > div,
  .c-social.f-facebook > div,
  .c-social.f-pinterest > div,
  .c-social.f-twitter > div {
    display: inline-block;
    margin-right: 24px; }
  .m-social > span,
  .c-social > span {
    font-size: 11px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.6); }
  .m-social > a,
  .c-social > a {
    position: relative;
    width: 32px;
    height: 32px; }
    .m-social > a:hover:before,
    .c-social > a:hover:before {
      background: rgba(0, 0, 0, 0.1); }
    .m-social > a:focus,
    .c-social > a:focus {
      outline: 1px dashed #000; }
    .m-social > a:before,
    .c-social > a:before {
      background: none;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .m-social > a > img,
    .c-social > a > img {
      width: 32px;
      height: 32px; }
  .m-social.f-share > a:hover:before, .m-social.f-follow > a:hover:before,
  .c-social.f-share > a:hover:before,
  .c-social.f-follow > a:hover:before {
    background: rgba(255, 255, 255, 0); }
  .m-social.f-share > a:active, .m-social.f-follow > a:active,
  .c-social.f-share > a:active,
  .c-social.f-follow > a:active {
    outline: none; }
  .m-social.f-share > a > img, .m-social.f-follow > a > img,
  .c-social.f-share > a > img,
  .c-social.f-follow > a > img {
    opacity: 0.6; }
    .m-social.f-share > a > img:hover, .m-social.f-share > a > img:focus, .m-social.f-follow > a > img:hover, .m-social.f-follow > a > img:focus,
    .c-social.f-share > a > img:hover,
    .c-social.f-share > a > img:focus,
    .c-social.f-follow > a > img:hover,
    .c-social.f-follow > a > img:focus {
      opacity: 0.8; }
    .m-social.f-share > a > img:active, .m-social.f-follow > a > img:active,
    .c-social.f-share > a > img:active,
    .c-social.f-follow > a > img:active {
      opacity: 1; }
  .m-social button,
  .c-social button {
    width: 32px;
    height: 32px;
    border: 0;
    background-color: transparent;
    padding: 0;
    color: rgba(0, 0, 0, 0.6);
    vertical-align: middle; }
    .m-social button[aria-hidden="true"],
    .c-social button[aria-hidden="true"] {
      display: none; }
    .m-social button:focus,
    .c-social button:focus {
      outline: 1px dashed #000; }
  .m-social .f-hide,
  .c-social .f-hide {
    display: none !important; }
  .m-social.f-horizontal > a,
  .c-social.f-horizontal > a {
    display: inline-block;
    margin-right: 12px; }
  .m-social.f-horizontal button[aria-hidden="false"],
  .c-social.f-horizontal button[aria-hidden="false"] {
    display: inline-block; }
  .m-social.f-horizontal button.c-glyph[aria-expanded="false"]:after,
  .c-social.f-horizontal button.c-glyph[aria-expanded="false"]:after {
    content: ""; }
  .m-social.f-horizontal button.c-glyph[aria-expanded="true"]:after,
  .c-social.f-horizontal button.c-glyph[aria-expanded="true"]:after {
    content: ""; }
  .m-social.f-vertical > a,
  .c-social.f-vertical > a {
    display: block;
    margin-bottom: 12px;
    margin-right: 0; }
  .m-social.f-vertical button[aria-hidden="false"],
  .c-social.f-vertical button[aria-hidden="false"] {
    display: block; }
  .m-social.f-vertical button.c-glyph[aria-expanded="false"]:after,
  .c-social.f-vertical button.c-glyph[aria-expanded="false"]:after {
    font-family: "MWF-MDL2";
    content: ""; }
  .m-social.f-vertical button.c-glyph[aria-expanded="true"]:after,
  .c-social.f-vertical button.c-glyph[aria-expanded="true"]:after {
    font-family: "MWF-MDL2";
    content: ""; }
  @media only screen and (max-width: 767px) {
    .m-social,
    .c-social {
      margin-top: 36px; } }

/* Using extends as we need to support .c-supplemental-nav
   inside and outside of the module until v.2.0 as it has
   been deprecated. This can be changed back at that time.
   Use .m-supplemental-nav instead */
.c-supplemental-nav, .m-supplemental-nav > nav {
  margin-top: 32px; }
  .c-supplemental-nav a, .m-supplemental-nav > nav a, .c-supplemental-nav span, .m-supplemental-nav > nav span {
    display: block;
    margin-bottom: 30px;
    color: rgba(0, 0, 0, 0.6); }
    .c-supplemental-nav a:hover, .m-supplemental-nav > nav a:hover, .c-supplemental-nav span: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:hover, .m-supplemental-nav > nav a:hover, .c-supplemental-nav a focus, .m-supplemental-nav > nav a focus {
    color: rgba(0, 0, 0, 0.8); }
  .c-supplemental-nav a:focus, .m-supplemental-nav > nav a:focus {
    outline: 1px dashed; }
  .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, 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, .m-supplemental-nav > nav > nav > a:first-child, .c-supplemental-nav > nav > span: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; }

/* .c-supplemental-nav is deprecated as of v.1.7.0
   this exists here until we drop support */
.m-supplemental-nav {
  padding-top: 0; }

.m-system-requirements {
  /* Needs to be 30 due to the way the grid padding
       is setup in order to maintain 48px padding at max VP */
  padding-left: 30px;
  padding-right: 30px;
  /* This is padding needs to be 10 to
       have 48px total padding for the module */
  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-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.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-10 > div > div, .m-typographic-intro.f-background-neutral-20 > div > div, .m-typographic-intro.f-background-neutral-30 > div > div {
    color: #000; }
    .m-typographic-intro.f-background-neutral-00 > div > div .c-call-to-action, .m-typographic-intro.f-background-neutral-10 > div > div .c-call-to-action, .m-typographic-intro.f-background-neutral-20 > div > div .c-call-to-action, .m-typographic-intro.f-background-neutral-30 > div > div .c-call-to-action {
      color: #000; }
  .m-typographic-intro.f-background-neutral-45 > div > div, .m-typographic-intro.f-background-neutral-55 > div > div, .m-typographic-intro.f-background-neutral-65 > div > div, .m-typographic-intro.f-background-neutral-75 > div > div, .m-typographic-intro.f-background-neutral-80 > div > div, .m-typographic-intro.f-background-neutral-90 > div > div, .m-typographic-intro.f-background-neutral-100 > div > div {
    color: #FFF; }
    .m-typographic-intro.f-background-neutral-45 > div > div .c-call-to-action, .m-typographic-intro.f-background-neutral-55 > div > div .c-call-to-action, .m-typographic-intro.f-background-neutral-65 > div > div .c-call-to-action, .m-typographic-intro.f-background-neutral-75 > div > div .c-call-to-action, .m-typographic-intro.f-background-neutral-80 > div > div .c-call-to-action, .m-typographic-intro.f-background-neutral-90 > div > div .c-call-to-action, .m-typographic-intro.f-background-neutral-100 > div > div .c-call-to-action {
      color: #FFF; }
  .m-typographic-intro.f-background-accent {
    background: #0078D7; }
    .m-typographic-intro.f-background-accent > div > div {
      color: #FFF; }
      .m-typographic-intro.f-background-accent > div > div .c-call-to-action {
        color: #FFF; }
  .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; }
    @media only screen and (min-width: 1084px) {
      .m-typographic-intro > div {
        padding: 0 5%; } }
    .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: 36px 0 4px;
        font-weight: 200;
        font-weight: 600;
        padding-top: 0; }
        @media only screen and (min-width: 768px) {
          .m-typographic-intro > div > div > .c-heading {
            font-size: 34px;
            line-height: 40px;
            padding: 38px 0 2px;
            font-weight: 100;
            font-weight: 600;
            padding-top: 0; } }
      .m-typographic-intro > div > div .c-subheading {
        font-size: 13px;
        line-height: 16px;
        padding: 3px 0 1px;
        font-weight: 400;
        padding-top: 14px;
        -webkit-columns: 1;
           -moz-columns: 1;
                columns: 1;
        display: none; }
        @media only screen and (min-width: 540px) {
          .m-typographic-intro > div > div .c-subheading {
            display: block; } }
        @media only screen and (min-width: 768px) {
          .m-typographic-intro > div > div .c-subheading {
            font-size: 15px;
            line-height: 20px;
            padding: 24px 0 0;
            font-weight: 400;
            padding-top: 14px; } }
        @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.f-brief {
        height: 200px; } }
    @media only screen and (min-width: 768px) {
      .m-typographic-intro.f-brief > div > div {
        max-width: 650px; } }
    .m-typographic-intro.f-brief > div > div .c-subheading {
      display: none;
      -webkit-columns: 1;
         -moz-columns: 1;
              columns: 1; }
      @media only screen and (min-width: 540px) {
        .m-typographic-intro.f-brief > div > div .c-subheading {
          display: block; } }
  .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-transparent {
        height: 300px; } }
    @media only screen and (min-width: 768px) {
      .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; } }

.c-universal-footer {
  background: #f2f2f2;
  margin-top: 48px; }
  .c-universal-footer nav {
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 5%; }
    .c-universal-footer nav:before, .c-universal-footer nav:after {
      content: " ";
      display: table; }
    .c-universal-footer nav:after {
      clear: both; }
    .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:before, .c-universal-footer nav div > div:after {
        content: " ";
        display: table; }
      .c-universal-footer nav div > div:after {
        clear: both; }
      .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, 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: 1600px;
    padding: 30px 5% 16px; }
    .c-universal-footer > section:before, .c-universal-footer > section:after {
      content: " ";
      display: table; }
    .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, 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, 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, 0.6);
          vertical-align: middle; }
        .c-universal-footer > section > a.c-hyperlink.c-glyph.glyph-world:before {
          content: ""; }
    .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, 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, 0.6); }
  @media only screen and (max-width: 1083px) {
    .c-universal-footer nav {
      padding: 30px 36px 16px; }
      .c-universal-footer nav div:before, .c-universal-footer nav div:after {
        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 {
        width: 100%; }
        .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 .f-mobile-title {
  display: none; }

.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; } }

.no-js .c-universal-header .c-select-menu:hover .dropdown-menu,
.no-js .c-universal-header .c-select-menu:hover .c-menu,
.js .c-universal-header .c-select-menu > [aria-expanded="true"] + .dropdown-menu,
.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"] {
  -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; }

.c-universal-header .c-select-menu .c-menu-item a,
.c-universal-header .c-select-menu .c-menu-item button {
  background: transparent; }

.c-universal-header .c-select-menu .c-menu-item a:hover {
  text-decoration: underline; }

.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,
.js .c-universal-header .c-select-menu .c-menu-item.f-sub-menu > a[aria-expanded="true"] + .c-menu[aria-hidden="false"], .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,
.js
.c-universal-header .c-select-menu .c-menu-item.f-sub-menu > button[aria-expanded="true"] + .c-menu[aria-hidden="false"] {
  -webkit-animation: none;
          animation: none; }

.c-universal-header .c-menu {
  border: 0; }

.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; }

.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:before, .c-universal-header > div > div:after {
    content: " ";
    display: table; }
  .c-universal-header > div > div:after {
    clear: both; }

.c-universal-header > div:first-child {
  height: 50px;
  background-color: #FFF;
  padding-left: 5%;
  padding-right: 5%; }
  @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'] {
        background: transparent;
        border: 1px solid rgba(0, 0, 0, 0.6);
        max-width: 100%;
        width: auto;
        opacity: 1;
        padding: 7px 10px;
        padding-right: 38px; }
        .c-universal-header > div:first-child.f-search-opened > div > div .c-search input[type='search']:hover {
          border-color: rgba(0, 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 > 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 {
      margin-right: 0;
      margin-left: 5px;
      padding-left: 7px;
      padding-top: 0;
      line-height: 50px;
      height: 46px;
      margin-top: 1px;
      min-width: 1px; }
      .c-universal-header > div:first-child .c-action-trigger.glyph-shopping-cart:hover, .c-universal-header > div:first-child .c-action-trigger.glyph-shopping-cart:focus {
        text-decoration: none; }
      .c-universal-header > div:first-child .c-action-trigger.glyph-shopping-cart span {
        font-size: 11px;
        line-height: 16px;
        color: rgba(0, 0, 0, 0.6);
        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: transparent;
      max-width: 100%;
      width: 276px; }
    .c-universal-header > div:first-child .c-search button {
      top: 1px;
      height: 32px;
      background-color: transparent;
      color: #000;
      margin-right: 2px; }
      .c-universal-header > div:first-child .c-search button:focus {
        outline: 1px dashed #000; }
  @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 .c-logo:focus {
      outline: 1px dashed #000; }
  .c-universal-header > div:first-child nav {
    height: 50px;
    float: left; }
    .c-universal-header > div:first-child nav:before, .c-universal-header > div:first-child nav:after {
      content: " ";
      display: table; }
    .c-universal-header > div:first-child nav:after {
      clear: both; }
    .c-universal-header > div:first-child nav > ul > li {
      float: left; }
      .c-universal-header > div:first-child nav > ul > li .c-hyperlink {
        color: #262626;
        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:hover, .c-universal-header > div:first-child nav > ul > li .c-hyperlink:focus {
          background: #FFF;
          text-decoration: underline; }
        .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 {
      color: #262626; }
      .c-universal-header > div:first-child .c-select-menu a:after,
      .c-universal-header > div:first-child .c-select-menu button:after {
        right: 24px; }
    .c-universal-header > div:first-child .c-select-menu > a:hover, .c-universal-header > div:first-child .c-select-menu > a:focus,
    .c-universal-header > div:first-child .c-select-menu > button:hover,
    .c-universal-header > div:first-child .c-select-menu > button:focus {
      background: #FFF;
      text-decoration: underline; }
    .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;
      text-decoration: none; }
      .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"]: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 > a:focus, .c-universal-header > div:first-child .c-select-menu > .c-menu > .c-menu-item > a:hover, .c-universal-header > div:first-child .c-select-menu > .c-menu > .c-menu-item > a[aria-expanded="true"],
      .c-universal-header > div:first-child .c-select-menu > .c-menu > .c-menu-item > button:focus,
      .c-universal-header > div:first-child .c-select-menu > .c-menu > .c-menu-item > button:hover,
      .c-universal-header > div:first-child .c-select-menu > .c-menu > .c-menu-item > button[aria-expanded="true"] {
        background: #e6e6e6; }
      .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 a:focus, .c-universal-header > div:first-child .c-select-menu > .c-menu > .c-menu-item > .c-menu a:hover,
        .c-universal-header > div:first-child .c-select-menu > .c-menu > .c-menu-item > .c-menu button:focus,
        .c-universal-header > div:first-child .c-select-menu > .c-menu > .c-menu-item > .c-menu button:hover {
          background: #d9d9d9; }
        .c-universal-header > div:first-child .c-select-menu > .c-menu > .c-menu-item > .c-menu > button:hover {
          text-decoration: none; }

.c-universal-header > div + div {
  background: #FFF;
  position: relative;
  height: 70px;
  width: 100%;
  padding-left: calc(5% - 18px);
  padding-right: 5%; }
  .c-universal-header > div + div .c-hyperlink {
    color: #262626; }
    .c-universal-header > div + div .c-hyperlink:hover, .c-universal-header > div + div .c-hyperlink:focus {
      color: #262626;
      background-color: rgba(255, 255, 255, 0);
      text-decoration: underline; }
    .c-universal-header > div + div .c-hyperlink:active, .c-universal-header > div + div .c-hyperlink:visited {
      color: #262626; }
  .c-universal-header > div + div .c-logo {
    color: #262626; }
    .c-universal-header > div + div .c-logo:hover, .c-universal-header > div + div .c-logo:focus {
      background: rgba(255, 255, 255, 0);
      text-decoration: underline; }
  .c-universal-header > div + div .c-action-trigger {
    color: #262626;
    min-width: 0;
    margin-right: 10px;
    padding-right: 0; }
    .c-universal-header > div + div .c-action-trigger.glyph-chevron-left {
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      opacity: 0.7;
      display: none; }
      .c-universal-header > div + div .c-action-trigger.glyph-chevron-left:hover {
        opacity: 1; }
    .c-universal-header > div + div .c-action-trigger.glyph-chevron-right {
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      opacity: 0.7;
      display: none; }
      .c-universal-header > div + div .c-action-trigger.glyph-chevron-right:hover {
        opacity: 1; }
  .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 {
    color: #262626; }
  .c-universal-header > div + div .c-select-menu a:after,
  .c-universal-header > div + div .c-select-menu button:after {
    display: inline-block;
    right: 24px; }
  .c-universal-header > div + div .c-select-menu > a:hover, .c-universal-header > div + div .c-select-menu > a:focus,
  .c-universal-header > div + div .c-select-menu > button:hover,
  .c-universal-header > div + div .c-select-menu > button:focus {
    background: rgba(255, 255, 255, 0);
    text-decoration: underline; }
  .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 > a:hover, .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 > button:hover,
    .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > button:focus {
      background: #e6e6e6; }
    .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > a[aria-expanded="true"],
    .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > button[aria-expanded="true"] {
      background: #e6e6e6;
      text-decoration: none; }
    .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 {
      background: #e6e6e6;
      border-bottom: 2px solid #262626; }
      .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 > a:focus,
      .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button:hover,
      .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button:focus {
        background: #d9d9d9; }
      .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > a[aria-expanded="true"],
      .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button[aria-expanded="true"] {
        background: #e6e6e6; }
      .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > .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 {
        border-bottom: 2px solid #262626; }
        .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 a: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.f-multi-column button:focus {
          background: #d9d9d9; }
        .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column a[aria-expanded="true"],
        .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column button[aria-expanded="true"] {
          background: #e6e6e6; }
        .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column > button:hover {
          text-decoration: none; }
  .c-universal-header > div + div.brand-blue {
    background: #0078D7; }
    .c-universal-header > div + div.brand-blue .c-hyperlink {
      color: #FFF; }
      .c-universal-header > div + div.brand-blue .c-hyperlink:hover, .c-universal-header > div + div.brand-blue .c-hyperlink:focus {
        color: #FFF;
        background-color: #006cc2;
        text-decoration: underline; }
      .c-universal-header > div + div.brand-blue .c-hyperlink:active, .c-universal-header > div + div.brand-blue .c-hyperlink:visited {
        color: #FFF; }
    .c-universal-header > div + div.brand-blue .c-logo {
      color: #FFF; }
      .c-universal-header > div + div.brand-blue .c-logo:hover, .c-universal-header > div + div.brand-blue .c-logo:focus {
        background: #006cc2;
        text-decoration: underline; }
    .c-universal-header > div + div.brand-blue .c-action-trigger {
      color: #FFF;
      min-width: 0;
      margin-right: 10px;
      padding-right: 0; }
      .c-universal-header > div + div.brand-blue .c-action-trigger.glyph-chevron-left {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        opacity: 0.7;
        display: none; }
        .c-universal-header > div + div.brand-blue .c-action-trigger.glyph-chevron-left:hover {
          opacity: 1; }
      .c-universal-header > div + div.brand-blue .c-action-trigger.glyph-chevron-right {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        opacity: 0.7;
        display: none; }
        .c-universal-header > div + div.brand-blue .c-action-trigger.glyph-chevron-right:hover {
          opacity: 1; }
    .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:after,
    .c-universal-header > div + div.brand-blue .c-select-menu button:after {
      display: inline-block;
      right: 24px; }
    .c-universal-header > div + div.brand-blue .c-select-menu > a:hover, .c-universal-header > div + div.brand-blue .c-select-menu > a:focus,
    .c-universal-header > div + div.brand-blue .c-select-menu > button:hover,
    .c-universal-header > div + div.brand-blue .c-select-menu > button:focus {
      background: #006cc2;
      text-decoration: none; }
    .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;
      text-decoration: none; }
    .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:hover, .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 > button:hover,
      .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item > button:focus {
        background: #005497; }
      .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item > a[aria-expanded="true"],
      .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item > button[aria-expanded="true"] {
        background: #004881;
        text-decoration: none; }
      .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item > button:hover {
        text-decoration: none; }
      .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 > .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 > a:focus,
        .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button:hover,
        .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button:focus {
          background: #003c6c; }
        .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > a[aria-expanded="true"],
        .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button[aria-expanded="true"] {
          background: #004881; }
        .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button:hover {
          text-decoration: none; }
        .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-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 a: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.f-multi-column button:focus {
            background: #003c6c; }
          .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column a[aria-expanded="true"],
          .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column button[aria-expanded="true"] {
            background: #004881; }
          .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column > button:hover {
            text-decoration: none; }
  .c-universal-header > div + div.brand-green {
    background: #107C10; }
    .c-universal-header > div + div.brand-green .c-hyperlink {
      color: #FFF; }
      .c-universal-header > div + div.brand-green .c-hyperlink:hover, .c-universal-header > div + div.brand-green .c-hyperlink:focus {
        color: #FFF;
        background-color: #0e700e;
        text-decoration: underline; }
      .c-universal-header > div + div.brand-green .c-hyperlink:active, .c-universal-header > div + div.brand-green .c-hyperlink:visited {
        color: #FFF; }
    .c-universal-header > div + div.brand-green .c-logo {
      color: #FFF; }
      .c-universal-header > div + div.brand-green .c-logo:hover, .c-universal-header > div + div.brand-green .c-logo:focus {
        background: #0e700e;
        text-decoration: underline; }
    .c-universal-header > div + div.brand-green .c-action-trigger {
      color: #FFF;
      min-width: 0;
      margin-right: 10px;
      padding-right: 0; }
      .c-universal-header > div + div.brand-green .c-action-trigger.glyph-chevron-left {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        opacity: 0.7;
        display: none; }
        .c-universal-header > div + div.brand-green .c-action-trigger.glyph-chevron-left:hover {
          opacity: 1; }
      .c-universal-header > div + div.brand-green .c-action-trigger.glyph-chevron-right {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        opacity: 0.7;
        display: none; }
        .c-universal-header > div + div.brand-green .c-action-trigger.glyph-chevron-right:hover {
          opacity: 1; }
    .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:after,
    .c-universal-header > div + div.brand-green .c-select-menu button:after {
      display: inline-block;
      right: 24px; }
    .c-universal-header > div + div.brand-green .c-select-menu > a:hover, .c-universal-header > div + div.brand-green .c-select-menu > a:focus,
    .c-universal-header > div + div.brand-green .c-select-menu > button:hover,
    .c-universal-header > div + div.brand-green .c-select-menu > button:focus {
      background: #0e700e;
      text-decoration: none; }
    .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;
      text-decoration: none; }
    .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:hover, .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 > button:hover,
      .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item > button:focus {
        background: #0b570b; }
      .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item > a[aria-expanded="true"],
      .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item > button[aria-expanded="true"] {
        background: #0a4a0a;
        text-decoration: none; }
      .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item > button:hover {
        text-decoration: none; }
      .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 > .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 > a:focus,
        .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button:hover,
        .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button:focus {
          background: #083e08; }
        .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > a[aria-expanded="true"],
        .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button[aria-expanded="true"] {
          background: #0a4a0a; }
        .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button:hover {
          text-decoration: none; }
        .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-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 a: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.f-multi-column button:focus {
            background: #083e08; }
          .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column a[aria-expanded="true"],
          .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column button[aria-expanded="true"] {
            background: #0a4a0a; }
          .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column > button:hover {
            text-decoration: none; }
  .c-universal-header > div + div.brand-neutral {
    background: #2F2F2F; }
    .c-universal-header > div + div.brand-neutral .c-hyperlink {
      color: #FFF; }
      .c-universal-header > div + div.brand-neutral .c-hyperlink:hover, .c-universal-header > div + div.brand-neutral .c-hyperlink:focus {
        color: #FFF;
        background-color: #464646;
        text-decoration: underline; }
      .c-universal-header > div + div.brand-neutral .c-hyperlink:active, .c-universal-header > div + div.brand-neutral .c-hyperlink:visited {
        color: #FFF; }
    .c-universal-header > div + div.brand-neutral .c-logo {
      color: #FFF; }
      .c-universal-header > div + div.brand-neutral .c-logo:hover, .c-universal-header > div + div.brand-neutral .c-logo:focus {
        background: #464646;
        text-decoration: underline; }
    .c-universal-header > div + div.brand-neutral .c-action-trigger {
      color: #FFF;
      min-width: 0;
      margin-right: 10px;
      padding-right: 0; }
      .c-universal-header > div + div.brand-neutral .c-action-trigger.glyph-chevron-left {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        opacity: 0.7;
        display: none; }
        .c-universal-header > div + div.brand-neutral .c-action-trigger.glyph-chevron-left:hover {
          opacity: 1; }
      .c-universal-header > div + div.brand-neutral .c-action-trigger.glyph-chevron-right {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        opacity: 0.7;
        display: none; }
        .c-universal-header > div + div.brand-neutral .c-action-trigger.glyph-chevron-right:hover {
          opacity: 1; }
    .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.brand-neutral .c-select-menu a:after,
    .c-universal-header > div + div.brand-neutral .c-select-menu button:after {
      display: inline-block;
      right: 24px; }
    .c-universal-header > div + div.brand-neutral .c-select-menu > a:hover, .c-universal-header > div + div.brand-neutral .c-select-menu > a:focus,
    .c-universal-header > div + div.brand-neutral .c-select-menu > button:hover,
    .c-universal-header > div + div.brand-neutral .c-select-menu > button:focus {
      background: #464646;
      text-decoration: none; }
    .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[aria-expanded="true"] {
      background: #464646;
      text-decoration: none; }
    .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:hover, .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 > button:hover,
      .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item > button:focus {
        background: #5E5E5E; }
      .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item > a[aria-expanded="true"],
      .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item > button[aria-expanded="true"] {
        background: #767676;
        text-decoration: none; }
      .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item > button:hover {
        text-decoration: none; }
      .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 > .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 > a:focus,
        .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button:hover,
        .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button:focus {
          background: #919191; }
        .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > a[aria-expanded="true"],
        .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button[aria-expanded="true"] {
          background: #767676; }
        .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button:hover {
          text-decoration: none; }
        .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.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 a: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.f-multi-column button:focus {
            background: #919191; }
          .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column a[aria-expanded="true"],
          .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column button[aria-expanded="true"] {
            background: #767676; }
          .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column > button:hover {
            text-decoration: none; }
  .c-universal-header > div + div.f-transparent {
    background: rgba(255, 255, 255, 0); }
    .c-universal-header > div + div.f-transparent .c-hyperlink {
      color: #000; }
      .c-universal-header > div + div.f-transparent .c-hyperlink:hover, .c-universal-header > div + div.f-transparent .c-hyperlink:focus {
        color: #000;
        background-color: rgba(255, 255, 255, 0);
        text-decoration: underline; }
      .c-universal-header > div + div.f-transparent .c-hyperlink:active, .c-universal-header > div + div.f-transparent .c-hyperlink:visited {
        color: #000; }
    .c-universal-header > div + div.f-transparent .c-logo {
      color: #000; }
      .c-universal-header > div + div.f-transparent .c-logo:hover, .c-universal-header > div + div.f-transparent .c-logo:focus {
        background: rgba(255, 255, 255, 0);
        text-decoration: underline; }
    .c-universal-header > div + div.f-transparent .c-action-trigger {
      color: #000;
      min-width: 0;
      margin-right: 10px;
      padding-right: 0; }
      .c-universal-header > div + div.f-transparent .c-action-trigger.glyph-chevron-left {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        opacity: 0.7;
        display: none; }
        .c-universal-header > div + div.f-transparent .c-action-trigger.glyph-chevron-left:hover {
          opacity: 1; }
      .c-universal-header > div + div.f-transparent .c-action-trigger.glyph-chevron-right {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        opacity: 0.7;
        display: none; }
        .c-universal-header > div + div.f-transparent .c-action-trigger.glyph-chevron-right:hover {
          opacity: 1; }
    .c-universal-header > div + div.f-transparent .c-select-menu a, .c-universal-header > div + div.f-transparent .c-select-menu a:after,
    .c-universal-header > div + div.f-transparent .c-select-menu button,
    .c-universal-header > div + div.f-transparent .c-select-menu button:after {
      color: #000; }
    .c-universal-header > div + div.f-transparent .c-select-menu a:after,
    .c-universal-header > div + div.f-transparent .c-select-menu button:after {
      display: inline-block;
      right: 24px; }
    .c-universal-header > div + div.f-transparent .c-select-menu > a:hover, .c-universal-header > div + div.f-transparent .c-select-menu > a:focus,
    .c-universal-header > div + div.f-transparent .c-select-menu > button:hover,
    .c-universal-header > div + div.f-transparent .c-select-menu > button:focus {
      background: rgba(255, 255, 255, 0);
      text-decoration: underline; }
    .c-universal-header > div + div.f-transparent .c-select-menu > a[aria-expanded="true"],
    .c-universal-header > div + div.f-transparent .c-select-menu > button[aria-expanded="true"] {
      background: #FFF;
      text-decoration: none; }
    .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu {
      background: #FFF;
      border-bottom: 2px solid #000; }
      .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > a:hover, .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > a:focus,
      .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > button:hover,
      .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > button:focus {
        background: #e6e6e6; }
      .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > a[aria-expanded="true"],
      .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > button[aria-expanded="true"] {
        background: #e6e6e6;
        text-decoration: none; }
      .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > button:hover {
        text-decoration: none; }
      .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu {
        background: #e6e6e6;
        border-bottom: 2px solid #000; }
        .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > a[aria-expanded="true"],
        .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button[aria-expanded="true"] {
          background: #e6e6e6; }
        .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu > .c-menu-item > button:hover {
          text-decoration: none; }
        .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column {
          border-bottom: 2px solid #000; }
          .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column a[aria-expanded="true"],
          .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column button[aria-expanded="true"] {
            background: #e6e6e6; }
          .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column > button:hover {
            text-decoration: none; }
  .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu, .c-universal-header > div + div.brand-green .c-select-menu > .c-menu, .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu {
    border-bottom: 0; }
    .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item .c-menu, .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item .c-menu, .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item .c-menu {
      border-bottom: 0; }
      .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column, .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column, .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column {
        border-bottom: 0; }
  .c-universal-header > div + div > div {
    overflow: hidden; }
    .c-universal-header > div + div > div > .c-hyperlink,
    .c-universal-header > div + div > div > .c-call-to-action {
      float: right; }
    .c-universal-header > div + div > div > .c-call-to-action {
      margin-top: 16px; }
  .c-universal-header > div + div .c-logo {
    height: 100%;
    padding: 18px;
    float: left;
    outline: none; }
    .c-universal-header > div + div .c-logo img {
      max-height: 100%; }
    .c-universal-header > div + div .c-logo span {
      font-size: 20px;
      line-height: 24px;
      margin-top: 4px;
      display: block;
      font-weight: 200; }
  .c-universal-header > div + div .c-action-trigger {
    margin: 1px 0 0;
    padding: 0;
    height: 66px; }
    .c-universal-header > div + div .c-action-trigger.glyph-chevron-left {
      float: left;
      top: 50px; }
    .c-universal-header > div + div .c-action-trigger.glyph-chevron-right {
      float: right;
      top: 50px; }
    .c-universal-header > div + div .c-action-trigger:disabled {
      display: none; }
  .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 a.f-hidden,
    .c-universal-header > div + div nav button.f-hidden {
      opacity: 0.6; }
  .c-universal-header > div + div .c-hyperlink {
    display: inline-block;
    padding: 25px 24px;
    text-decoration: none;
    outline: none; }
  .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,
    .c-universal-header > div + div .c-select-menu button {
      outline: none; }
    .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 {
      background: transparent; }
    .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:before, .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column > li:after {
          content: " ";
          display: table; }
        .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column > li:after {
          clear: both; }
        .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 > a:after,
            .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > .c-menu.f-multi-column > li > .c-menu-item > button: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: transparent; }
        .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 {
          background: transparent; }
          .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; }
  @media only screen and (max-width: 1083px) {
    .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 nav,
      .c-universal-header > div + div .c-hyperlink,
      .c-universal-header > div + div .c-call-to-action,
      .c-universal-header > div + div .c-action-trigger {
        display: none; }
      .c-universal-header > div + div .c-logo {
        padding: 10px;
        margin-left: -10px;
        outline: none; }
        .c-universal-header > div + div .c-logo span {
          font-size: 15px;
          line-height: 20px;
          margin-top: 5px;
          font-weight: 400; } }

.c-universal-header.f-transparent {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 500; }
  .c-universal-header.f-transparent .c-action-trigger.glyph-chevron-left, .c-universal-header.f-transparent .c-action-trigger.glyph-chevron-right {
    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 > div.f-transparent:first-child {
    background-color: rgba(255, 255, 255, 0); } }

.c-universal-header > div.f-transparent:first-child .c-action-trigger {
  color: #000; }

.c-universal-header > div.f-transparent:first-child .c-logo:focus {
  outline: 1px dashed #000; }

.c-universal-header > div.f-transparent:first-child .c-search input[type="search"],
.c-universal-header > div.f-transparent:first-child .c-search button {
  background: transparent !important;
  color: #000; }

.c-universal-header > div.f-transparent:first-child nav > ul > li .c-hyperlink {
  background-color: rgba(255, 255, 255, 0); }
  .c-universal-header > div.f-transparent:first-child nav > ul > li .c-hyperlink:hover, .c-universal-header > div.f-transparent:first-child nav > ul > li .c-hyperlink:focus {
    background-color: rgba(255, 255, 255, 0);
    text-decoration: underline; }
  .c-universal-header > div.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 > div.f-transparent:first-child nav > ul > li .c-hyperlink[aria-expanded="true"]:hover {
      text-decoration: none; }

.c-universal-header > div.f-transparent:first-child .c-select-menu a,
.c-universal-header > div.f-transparent:first-child .c-select-menu button {
  color: #000; }

.c-universal-header > div.f-transparent:first-child .c-select-menu > a:focus,
.c-universal-header > div.f-transparent:first-child .c-select-menu > button:focus {
  background: transparent;
  text-decoration: underline; }

.c-universal-header > div.f-transparent:first-child .c-select-menu > a[aria-expanded="true"],
.c-universal-header > div.f-transparent:first-child .c-select-menu > button[aria-expanded="true"] {
  background: #FFF; }
  .c-universal-header > div.f-transparent:first-child .c-select-menu > a[aria-expanded="true"]:hover,
  .c-universal-header > div.f-transparent:first-child .c-select-menu > button[aria-expanded="true"]:hover {
    text-decoration: none; }

.c-universal-header > div.f-transparent:first-child .c-select-menu > a:hover,
.c-universal-header > div.f-transparent:first-child .c-select-menu > button:hover {
  background: transparent;
  text-decoration: underline; }
  .c-universal-header > div.f-transparent:first-child .c-select-menu > a:hover[aria-expanded="true"],
  .c-universal-header > div.f-transparent:first-child .c-select-menu > button:hover[aria-expanded="true"] {
    background: #FFF; }

.c-universal-header > div.f-transparent:first-child .c-select-menu > .c-menu {
  background: #FFF;
  border-bottom: 2px solid #000; }
  .c-universal-header > div.f-transparent:first-child .c-select-menu > .c-menu > .c-menu-item > a:focus, .c-universal-header > div.f-transparent:first-child .c-select-menu > .c-menu > .c-menu-item > a:hover, .c-universal-header > div.f-transparent:first-child .c-select-menu > .c-menu > .c-menu-item > a[aria-expanded="true"],
  .c-universal-header > div.f-transparent:first-child .c-select-menu > .c-menu > .c-menu-item > button:focus,
  .c-universal-header > div.f-transparent:first-child .c-select-menu > .c-menu > .c-menu-item > button:hover,
  .c-universal-header > div.f-transparent:first-child .c-select-menu > .c-menu > .c-menu-item > button[aria-expanded="true"] {
    background: #f2f2f2; }
  .c-universal-header > div.f-transparent:first-child .c-select-menu > .c-menu > .c-menu-item > .c-menu {
    background: #f2f2f2; }
    .c-universal-header > div.f-transparent:first-child .c-select-menu > .c-menu > .c-menu-item > .c-menu a:focus, .c-universal-header > div.f-transparent:first-child .c-select-menu > .c-menu > .c-menu-item > .c-menu a:hover,
    .c-universal-header > div.f-transparent:first-child .c-select-menu > .c-menu > .c-menu-item > .c-menu button:focus,
    .c-universal-header > div.f-transparent:first-child .c-select-menu > .c-menu > .c-menu-item > .c-menu button:hover {
      background: #e6e6e6; }

.c-universal-header > div + div.f-transparent .c-select-menu > .c-menu {
  border-bottom: 2px solid #000; }
  .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > a:focus, .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > a:hover, .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > a[aria-expanded="true"],
  .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > button:focus,
  .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > button:hover,
  .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > button[aria-expanded="true"] {
    background: #f2f2f2; }
  .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu {
    background: #f2f2f2; }
    .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu a:focus, .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu a:hover,
    .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu button:focus,
    .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu button:hover {
      background: #e6e6e6; }
    .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 .f-transparent a:link,
.c-universal-header .f-transparent button:link {
  color: #000; }

.c-universal-header .f-transparent > div + div .c-logo span {
  color: #000; }

.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 a[aria-expanded="true"],
.c-universal-header .f-transparent .c-select-menu .c-menu-item button[aria-expanded="true"] {
  background: #f2f2f2; }

@media only screen and (max-width: 767px) {
  .c-universal-header .f-mobile-next {
    left: 100% !important; }
  .c-universal-header .f-mobile-previous {
    left: -100% !important; }
  .c-universal-header .c-select-menu > a,
  .c-universal-header .c-select-menu > button {
    margin-top: 0; }
  body .c-universal-header.f-transparent {
    margin-top: 0; }
    body .c-universal-header.f-transparent .f-transparent {
      position: relative; }
  .c-universal-header.f-transparent {
    position: static;
    height: 50px; }
  .c-universal-header > div:first-child {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 500; }
    .c-universal-header > div:first-child.f-search-opened > div .c-logo {
      display: none; }
    .c-universal-header > div:first-child.f-search-opened > div .c-me {
      display: none; }
    .c-universal-header > div:first-child.f-search-opened > div .glyph-global-nav-button {
      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 nav {
      display: none; }
    .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-search input[type='search'] {
        opacity: 1;
        width: 100%;
        border: 1px solid rgba(0, 0, 0, 0.6);
        padding: 7px 10px;
        padding-right: 38px; }
        .c-universal-header > div:first-child.f-search-opened > div > div .c-search input[type='search']:hover {
          border-color: rgba(0, 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.f-search-opened > div > div .c-action-trigger.glyph-shopping-cart {
      display: none; }
    .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-search {
      display: none; }
    .c-universal-header > div:first-child.f-opened .c-action-trigger.glyph-shopping-cart {
      display: none; }
    .c-universal-header > div:first-child.f-opened > div > div > .c-me > .c-image {
      display: block; }
    .c-universal-header > div:first-child.f-opened .f-mobile-title {
      display: block; }
    .c-universal-header > div:first-child.f-closed .c-action-trigger.glyph-shopping-cart {
      display: block; }
    .c-universal-header > div:first-child.f-closed .c-search {
      display: block; }
    .c-universal-header > div:first-child.f-closed > div > div > .c-me > .c-image {
      display: none; }
    .c-universal-header > div:first-child.f-closed .f-mobile-title {
      display: none; }
    .c-universal-header > div:first-child.f-closed nav {
      display: none; }
    .c-universal-header > div:first-child > div > div > .c-me > .c-hyperlink {
      display: none; }
    .c-universal-header > div:first-child > div > div > .c-me > .c-image {
      display: none; }
    .c-universal-header > div:first-child nav {
      position: fixed;
      display: none;
      top: 100px;
      width: 100%;
      height: calc(100vh - 100px);
      overflow: auto;
      background: #FFF;
      left: 0;
      transition: all 0.3s ease-in;
      z-index: 500; }
      .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, 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: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: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: fixed;
            display: block;
            top: 100px;
            width: 100%;
            max-width: none;
            height: calc(100vh - 100px);
            overflow: auto;
            background: #f2f2f2;
            left: 0;
            transition: all 0.3s ease-in;
            z-index: 500; }
            .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 > 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:hover, .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 > button:hover,
                .c-universal-header > div:first-child nav > ul > li > .c-select-menu .c-menu[aria-hidden="false"] .c-menu-item > button:focus {
                  background: rgba(255, 255, 255, 0); }
                .c-universal-header > div:first-child nav > ul > li > .c-select-menu .c-menu[aria-hidden="false"] .c-menu-item > a:after,
                .c-universal-header > div:first-child nav > ul > li > .c-select-menu .c-menu[aria-hidden="false"] .c-menu-item > button: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[aria-expanded="true"],
                .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);
              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 > button:focus {
              background: rgba(255, 255, 255, 0); }
            .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[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: fixed;
                display: block;
                top: 100px;
                width: 100%;
                max-width: none;
                height: calc(100vh - 100px);
                overflow: auto;
                background: #f2f2f2;
                left: 0;
                transition: all 0.3s ease-in;
                z-index: 500; }
                .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: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: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: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: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:focus {
                      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-menu-item > a:after,
                    .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:after,
                    .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:after,
                    .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:after {
                      top: 20px;
                      font-size: 9px; }
                    .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[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[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[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, 0.1);
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      color: #000;
      background: #FFF;
      float: none;
      text-align: center;
      position: fixed;
      top: 50px;
      left: 0;
      right: 0;
      height: 50px;
      width: 100%;
      z-index: 500; }
      .c-universal-header > div:first-child .f-mobile-title:hover, .c-universal-header > div:first-child .f-mobile-title:focus {
        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.glyph-chevron-left, .c-universal-header > div:first-child .f-mobile-title .c-action-trigger.glyph-chevron-right {
          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.brand-blue,
  .c-universal-header > div + div.brand-green,
  .c-universal-header > div + div.brand-neutral,
  .c-universal-header > div + div.f-transparent {
    background: rgba(255, 255, 255, 0);
    color: #000;
    height: 0;
    padding-left: 0;
    padding-right: 0; }
    .c-universal-header > div + div .c-logo,
    .c-universal-header > div + div.brand-blue .c-logo,
    .c-universal-header > div + div.brand-green .c-logo,
    .c-universal-header > div + div.brand-neutral .c-logo,
    .c-universal-header > div + div.f-transparent .c-logo {
      display: none; }
    .c-universal-header > div + div .c-action-trigger.glyph-chevron-left, .c-universal-header > div + div .c-action-trigger.glyph-chevron-right,
    .c-universal-header > div + div.brand-blue .c-action-trigger.glyph-chevron-left,
    .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-left,
    .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-left,
    .c-universal-header > div + div.brand-neutral .c-action-trigger.glyph-chevron-right,
    .c-universal-header > div + div.f-transparent .c-action-trigger.glyph-chevron-left,
    .c-universal-header > div + div.f-transparent .c-action-trigger.glyph-chevron-right {
      display: none; }
    .c-universal-header > div + div .c-hyperlink,
    .c-universal-header > div + div.brand-blue .c-hyperlink,
    .c-universal-header > div + div.brand-green .c-hyperlink,
    .c-universal-header > div + div.brand-neutral .c-hyperlink,
    .c-universal-header > div + div.f-transparent .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:hover, .c-universal-header > div + div .c-hyperlink:focus,
      .c-universal-header > div + div.brand-blue .c-hyperlink:hover,
      .c-universal-header > div + div.brand-blue .c-hyperlink:focus,
      .c-universal-header > div + div.brand-green .c-hyperlink:hover,
      .c-universal-header > div + div.brand-green .c-hyperlink:focus,
      .c-universal-header > div + div.brand-neutral .c-hyperlink:hover,
      .c-universal-header > div + div.brand-neutral .c-hyperlink:focus,
      .c-universal-header > div + div.f-transparent .c-hyperlink:hover,
      .c-universal-header > div + div.f-transparent .c-hyperlink:focus {
        color: #000;
        background: rgba(255, 255, 255, 0);
        text-decoration: none; }
      .c-universal-header > div + div .c-hyperlink:visited, .c-universal-header > div + div .c-hyperlink:active,
      .c-universal-header > div + div.brand-blue .c-hyperlink:visited,
      .c-universal-header > div + div.brand-blue .c-hyperlink:active,
      .c-universal-header > div + div.brand-green .c-hyperlink:visited,
      .c-universal-header > div + div.brand-green .c-hyperlink:active,
      .c-universal-header > div + div.brand-neutral .c-hyperlink:visited,
      .c-universal-header > div + div.brand-neutral .c-hyperlink:active,
      .c-universal-header > div + div.f-transparent .c-hyperlink:visited,
      .c-universal-header > div + div.f-transparent .c-hyperlink:active {
        color: #000;
        background: rgba(255, 255, 255, 0);
        text-decoration: none; }
    .c-universal-header > div + div .c-select-menu > button,
    .c-universal-header > div + div.brand-blue .c-select-menu > button,
    .c-universal-header > div + div.brand-green .c-select-menu > button,
    .c-universal-header > div + div.brand-neutral .c-select-menu > button,
    .c-universal-header > div + div.f-transparent .c-select-menu > button {
      width: 100%;
      text-align: left; }
    .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.brand-blue .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"],
    .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"],
    .c-universal-header > div + div.brand-neutral .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"] {
      position: fixed;
      display: block;
      top: 100px;
      width: 100% !important;
      height: calc(100vh - 100px);
      overflow: auto;
      background: #f2f2f2;
      left: 0;
      transition: all 0.3s ease-in;
      z-index: 500; }
      .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] a[aria-expanded="true"],
      .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] button[aria-expanded="true"],
      .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] a[aria-expanded="true"],
      .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] button[aria-expanded="true"],
      .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] a[aria-expanded="true"],
      .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] button[aria-expanded="true"],
      .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] a[aria-expanded="true"],
      .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] button[aria-expanded="true"],
      .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] a[aria-expanded="true"],
      .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] button[aria-expanded="true"] {
        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"] > li,
      .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] > li,
      .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] > li,
      .c-universal-header > div + div.brand-neutral .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 {
        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.brand-blue .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.brand-green .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.brand-neutral .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 {
          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.brand-blue .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] > li .c-menu,
        .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item .c-menu.f-multi-column[aria-hidden="false"] > li .c-menu,
        .c-universal-header > div + div.brand-neutral .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 {
          height: inherit;
          top: 0; }
    .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 > a:focus,
    .c-universal-header > div + div .c-select-menu > .c-menu > .c-menu-item > .c-menu .c-menu-item > button: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.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 > a:focus,
    .c-universal-header > div + div.brand-blue .c-select-menu > .c-menu > .c-menu-item > .c-menu .c-menu-item > button: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-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 > a:focus,
    .c-universal-header > div + div.brand-green .c-select-menu > .c-menu > .c-menu-item > .c-menu .c-menu-item > button: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-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 > a:focus,
    .c-universal-header > div + div.brand-neutral .c-select-menu > .c-menu > .c-menu-item > .c-menu .c-menu-item > button: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.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu .c-menu-item > a:hover,
    .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu .c-menu-item > a:focus,
    .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu .c-menu-item > button:hover,
    .c-universal-header > div + div.f-transparent .c-select-menu > .c-menu > .c-menu-item > .c-menu .c-menu-item > button:focus {
      background: rgba(255, 255, 255, 0); }
    .c-universal-header > div + div .c-menu-item.f-sub-menu > a + .c-menu,
    .c-universal-header > div + div .c-menu-item.f-sub-menu > button + .c-menu,
    .c-universal-header > div + div.brand-blue .c-menu-item.f-sub-menu > a + .c-menu,
    .c-universal-header > div + div.brand-blue .c-menu-item.f-sub-menu > button + .c-menu,
    .c-universal-header > div + div.brand-green .c-menu-item.f-sub-menu > a + .c-menu,
    .c-universal-header > div + div.brand-green .c-menu-item.f-sub-menu > button + .c-menu,
    .c-universal-header > div + div.brand-neutral .c-menu-item.f-sub-menu > a + .c-menu,
    .c-universal-header > div + div.brand-neutral .c-menu-item.f-sub-menu > button + .c-menu,
    .c-universal-header > div + div.f-transparent .c-menu-item.f-sub-menu > a + .c-menu,
    .c-universal-header > div + div.f-transparent .c-menu-item.f-sub-menu > button + .c-menu {
      left: 0; }
    .c-universal-header > div + div .c-menu-item.f-sub-menu > a[aria-expaneded="true"],
    .c-universal-header > div + div .c-menu-item.f-sub-menu > button[aria-expaneded="true"],
    .c-universal-header > div + div.brand-blue .c-menu-item.f-sub-menu > a[aria-expaneded="true"],
    .c-universal-header > div + div.brand-blue .c-menu-item.f-sub-menu > button[aria-expaneded="true"],
    .c-universal-header > div + div.brand-green .c-menu-item.f-sub-menu > a[aria-expaneded="true"],
    .c-universal-header > div + div.brand-green .c-menu-item.f-sub-menu > button[aria-expaneded="true"],
    .c-universal-header > div + div.brand-neutral .c-menu-item.f-sub-menu > a[aria-expaneded="true"],
    .c-universal-header > div + div.brand-neutral .c-menu-item.f-sub-menu > button[aria-expaneded="true"],
    .c-universal-header > div + div.f-transparent .c-menu-item.f-sub-menu > a[aria-expaneded="true"],
    .c-universal-header > div + div.f-transparent .c-menu-item.f-sub-menu > button[aria-expaneded="true"] {
      background: rgba(255, 255, 255, 0); }
    .c-universal-header > div + div > div,
    .c-universal-header > div + div.brand-blue > div,
    .c-universal-header > div + div.brand-green > div,
    .c-universal-header > div + div.brand-neutral > div,
    .c-universal-header > div + div.f-transparent > div {
      margin: 0 auto;
      padding: 0;
      width: 100%; }
      .c-universal-header > div + div > div nav,
      .c-universal-header > div + div.brand-blue > div nav,
      .c-universal-header > div + div.brand-green > div nav,
      .c-universal-header > div + div.brand-neutral > div nav,
      .c-universal-header > div + div.f-transparent > div nav {
        position: fixed;
        display: none;
        top: 100px;
        width: 100%;
        height: calc(100vh - 100px);
        overflow: auto;
        background: #f2f2f2;
        left: 0;
        transition: all 0.3s ease-in;
        z-index: 500; }
        .c-universal-header > div + div > div nav .c-select-menu,
        .c-universal-header > div + div.brand-blue > div nav .c-select-menu,
        .c-universal-header > div + div.brand-green > div nav .c-select-menu,
        .c-universal-header > div + div.brand-neutral > div nav .c-select-menu,
        .c-universal-header > div + div.f-transparent > div nav .c-select-menu {
          display: block;
          text-align: left;
          height: 50px; }
          .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.brand-blue > div nav .c-select-menu > a,
          .c-universal-header > div + div.brand-blue > div nav .c-select-menu > button,
          .c-universal-header > div + div.brand-green > div nav .c-select-menu > a,
          .c-universal-header > div + div.brand-green > div nav .c-select-menu > button,
          .c-universal-header > div + div.brand-neutral > div nav .c-select-menu > a,
          .c-universal-header > div + div.brand-neutral > 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 {
            display: block;
            color: #000;
            padding: 15px;
            height: 50px; }
            .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.brand-blue > div nav .c-select-menu > a:after,
            .c-universal-header > div + div.brand-blue > div nav .c-select-menu > button:after,
            .c-universal-header > div + div.brand-green > div nav .c-select-menu > a:after,
            .c-universal-header > div + div.brand-green > div nav .c-select-menu > button:after,
            .c-universal-header > div + div.brand-neutral > div nav .c-select-menu > a:after,
            .c-universal-header > div + div.brand-neutral > 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 {
              color: #000;
              content: "";
              right: 12px; }
            .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.brand-blue > div nav .c-select-menu > a:hover,
            .c-universal-header > div + div.brand-blue > div nav .c-select-menu > button:hover,
            .c-universal-header > div + div.brand-green > div nav .c-select-menu > a:hover,
            .c-universal-header > div + div.brand-green > div nav .c-select-menu > button:hover,
            .c-universal-header > div + div.brand-neutral > div nav .c-select-menu > a:hover,
            .c-universal-header > div + div.brand-neutral > 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 {
              background: rgba(255, 255, 255, 0);
              text-decoration: none !important; }
            .c-universal-header > div + div > div nav .c-select-menu > a:focus,
            .c-universal-header > div + div > div nav .c-select-menu > button:focus,
            .c-universal-header > div + div.brand-blue > div nav .c-select-menu > a:focus,
            .c-universal-header > div + div.brand-blue > div nav .c-select-menu > button:focus,
            .c-universal-header > div + div.brand-green > div nav .c-select-menu > a:focus,
            .c-universal-header > div + div.brand-green > div nav .c-select-menu > button:focus,
            .c-universal-header > div + div.brand-neutral > div nav .c-select-menu > a:focus,
            .c-universal-header > div + div.brand-neutral > div nav .c-select-menu > button:focus,
            .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 > button:focus {
              background: rgba(255, 255, 255, 0); }
            .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[aria-expanded="true"],
            .c-universal-header > div + div.brand-blue > div nav .c-select-menu > a[aria-expanded="true"],
            .c-universal-header > div + div.brand-blue > div nav .c-select-menu > button[aria-expanded="true"],
            .c-universal-header > div + div.brand-green > div nav .c-select-menu > a[aria-expanded="true"],
            .c-universal-header > div + div.brand-green > div nav .c-select-menu > button[aria-expanded="true"],
            .c-universal-header > div + div.brand-neutral > div nav .c-select-menu > a[aria-expanded="true"],
            .c-universal-header > div + div.brand-neutral > div nav .c-select-menu > button[aria-expanded="true"],
            .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[aria-expanded="true"] {
              background: rgba(255, 255, 255, 0); }
          .c-universal-header > div + div > div nav .c-select-menu .c-menu[aria-hidden="false"],
          .c-universal-header > div + div.brand-blue > div nav .c-select-menu .c-menu[aria-hidden="false"],
          .c-universal-header > div + div.brand-green > div nav .c-select-menu .c-menu[aria-hidden="false"],
          .c-universal-header > div + div.brand-neutral > 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"] {
            position: fixed;
            display: block;
            top: 100px;
            width: 100%;
            max-width: none;
            height: calc(100vh - 100px);
            overflow: auto;
            background: #f2f2f2;
            border-bottom: 0;
            color: #000;
            left: 0;
            transition: all 0.3s ease-in;
            z-index: 500; }
            .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.brand-blue > div nav .c-select-menu .c-menu[aria-hidden="false"] a,
            .c-universal-header > div + div.brand-blue > div nav .c-select-menu .c-menu[aria-hidden="false"] button,
            .c-universal-header > div + div.brand-green > div nav .c-select-menu .c-menu[aria-hidden="false"] a,
            .c-universal-header > div + div.brand-green > div nav .c-select-menu .c-menu[aria-hidden="false"] button,
            .c-universal-header > div + div.brand-neutral > div nav .c-select-menu .c-menu[aria-hidden="false"] a,
            .c-universal-header > div + div.brand-neutral > 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 {
              display: block;
              color: #000;
              padding: 15px;
              height: 50px; }
              .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"] a:focus,
              .c-universal-header > div + div > 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"] button:focus,
              .c-universal-header > div + div.brand-blue > div nav .c-select-menu .c-menu[aria-hidden="false"] a:hover,
              .c-universal-header > div + div.brand-blue > div nav .c-select-menu .c-menu[aria-hidden="false"] a:focus,
              .c-universal-header > div + div.brand-blue > div nav .c-select-menu .c-menu[aria-hidden="false"] button:hover,
              .c-universal-header > div + div.brand-blue > div nav .c-select-menu .c-menu[aria-hidden="false"] button:focus,
              .c-universal-header > div + div.brand-green > div nav .c-select-menu .c-menu[aria-hidden="false"] a:hover,
              .c-universal-header > div + div.brand-green > div nav .c-select-menu .c-menu[aria-hidden="false"] a:focus,
              .c-universal-header > div + div.brand-green > div nav .c-select-menu .c-menu[aria-hidden="false"] button:hover,
              .c-universal-header > div + div.brand-green > div nav .c-select-menu .c-menu[aria-hidden="false"] button:focus,
              .c-universal-header > div + div.brand-neutral > div nav .c-select-menu .c-menu[aria-hidden="false"] a:hover,
              .c-universal-header > div + div.brand-neutral > div nav .c-select-menu .c-menu[aria-hidden="false"] a:focus,
              .c-universal-header > div + div.brand-neutral > div nav .c-select-menu .c-menu[aria-hidden="false"] button:hover,
              .c-universal-header > div + div.brand-neutral > 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"] a: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"] button:hover,
              .c-universal-header > div + div.f-transparent > div nav .c-select-menu .c-menu[aria-hidden="false"] button:focus {
                background: rgba(255, 255, 255, 0);
                text-decoration: none !important; }
              .c-universal-header > div + div > div nav .c-select-menu .c-menu[aria-hidden="false"] a[aria-expanded="true"],
              .c-universal-header > div + div > div nav .c-select-menu .c-menu[aria-hidden="false"] button[aria-expanded="true"],
              .c-universal-header > div + div.brand-blue > div nav .c-select-menu .c-menu[aria-hidden="false"] a[aria-expanded="true"],
              .c-universal-header > div + div.brand-blue > div nav .c-select-menu .c-menu[aria-hidden="false"] button[aria-expanded="true"],
              .c-universal-header > div + div.brand-green > div nav .c-select-menu .c-menu[aria-hidden="false"] a[aria-expanded="true"],
              .c-universal-header > div + div.brand-green > div nav .c-select-menu .c-menu[aria-hidden="false"] button[aria-expanded="true"],
              .c-universal-header > div + div.brand-neutral > div nav .c-select-menu .c-menu[aria-hidden="false"] a[aria-expanded="true"],
              .c-universal-header > div + div.brand-neutral > div nav .c-select-menu .c-menu[aria-hidden="false"] button[aria-expanded="true"],
              .c-universal-header > div + div.f-transparent > div nav .c-select-menu .c-menu[aria-hidden="false"] a[aria-expanded="true"],
              .c-universal-header > div + div.f-transparent > div nav .c-select-menu .c-menu[aria-hidden="false"] button[aria-expanded="true"] {
                background: rgba(255, 255, 255, 0); }
              .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.brand-blue > div nav .c-select-menu .c-menu[aria-hidden="false"] a:after,
              .c-universal-header > div + div.brand-blue > div nav .c-select-menu .c-menu[aria-hidden="false"] button:after,
              .c-universal-header > div + div.brand-green > div nav .c-select-menu .c-menu[aria-hidden="false"] a:after,
              .c-universal-header > div + div.brand-green > div nav .c-select-menu .c-menu[aria-hidden="false"] button:after,
              .c-universal-header > div + div.brand-neutral > div nav .c-select-menu .c-menu[aria-hidden="false"] a:after,
              .c-universal-header > div + div.brand-neutral > 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 {
                color: #000;
                top: 20px;
                font-size: 9px; } }