@charset "UTF-8";
/*! @ms-mwf/mwf - v1.12.1+1569024 | 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.*/
@import url("mwf-ie9-west-european-default.min.css");
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-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-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[aria-label],
    a.c-action-trigger.c-glyph[aria-label] {
      min-width: 0;
      margin-right: 10px;
      padding-right: 0; }
    button.c-action-trigger.c-glyph.f-align-margin,
    a.c-action-trigger.c-glyph.f-align-margin {
      margin-left: -10px; }
  .theme-light button.c-action-trigger, .theme-dark .theme-light button.c-action-trigger, .theme-light
  a.c-action-trigger, .theme-dark .theme-light
  a.c-action-trigger {
    color: #000;
    background: transparent; }
    .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: -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; }

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; }
  button.c-button:focus,
  a.c-button[role="button"]:focus {
    outline-color: #000; }
  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); }
  button.c-button:active,
  a.c-button[role="button"]:active {
    background-color: rgba(0, 0, 0, 0.4); }
  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; }
  button.c-button > .c-price,
  a.c-button[role="button"] > .c-price {
    padding: 0;
    text-align: center; }
  .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 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 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 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 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 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 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 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 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 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); }

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

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

.c-checkbox input[type="checkbox"] {
  position: absolute;
  height: 20px;
  opacity: 0;
  width: 20px; }
  .c-checkbox input[type="checkbox"] + span {
    cursor: pointer;
    display: inline-block;
    left: 0;
    padding-left: 28px;
    position: relative;
    top: 0; }
    .c-checkbox input[type="checkbox"] + span:after, .c-checkbox input[type="checkbox"] + span:before {
      height: 20px;
      left: 0;
      position: absolute;
      width: 20px;
      top: 0;
      line-height: 20px; }
    .c-checkbox input[type="checkbox"] + span:before {
      content: "";
      box-shadow: inset 0 0 0 1px #000, inset 0 0 0 10px transparent;
      top: 0; }
      @media screen and (-ms-high-contrast: active) {
        .c-checkbox input[type="checkbox"] + span:before {
          border: 1px solid #767676; } }
  .c-checkbox input[type="checkbox"]:not(:disabled):focus + span:before, .c-checkbox input[type="checkbox"]:not(:disabled):hover + span:before {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.8); }
  .c-checkbox input[type="checkbox"]:focus + span:before {
    outline: 1px dashed rgba(0, 0, 0, 0.8); }
  .c-checkbox input[type="checkbox"]:checked + span:after {
    font-family: "MWF-MDL2";
    content: "";
    color: #FFF;
    font-size: 17px;
    padding-left: 1px; }
  .c-checkbox input[type="checkbox"]:checked:disabled + span:after {
    box-shadow: inset 0 0 0 1px rgba(0, 120, 215, 0.05), inset 0 0 0 10px rgba(0, 120, 215, 0.2);
    color: rgba(255, 255, 255, 0.3); }
  .c-checkbox input[type="checkbox"]:checked:not(:disabled) + span:before {
    box-shadow: inset 0 0 0 10px #0078D7; }
  .c-checkbox input[type="checkbox"]:checked:not(:disabled):focus + span:before, .c-checkbox input[type="checkbox"]:checked:not(:disabled):hover + span:before {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6), inset 0 0 0 10px #0078D7; }
  .c-checkbox input[type="checkbox"]:indeterminate + span:after {
    border: 5px solid #000;
    content: "";
    height: 0;
    left: 5px;
    top: 5px;
    width: 0; }
  .c-checkbox input[type="checkbox"]:indeterminate:disabled + span:after {
    border-color: rgba(0, 0, 0, 0.2); }
  .c-checkbox input[type="checkbox"]:indeterminate:not(:disabled):hover + span:after {
    border-color: rgba(0, 0, 0, 0.6); }
  .c-checkbox input[type="checkbox"]:indeterminate:not(:disabled) + span:before {
    box-shadow: inset 0 0 0 1px #0078D7; }
  .c-checkbox input[type="checkbox"]:disabled + span {
    color: rgba(0, 0, 0, 0.2);
    cursor: not-allowed; }
    .c-checkbox input[type="checkbox"]:disabled + span:before {
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); }

.c-checkbox + .c-caption-1,
.c-checkbox + .c-caption-2 {
  padding-top: 24px; }

.c-checkbox.f-inline legend + div {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.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 > .c-menu {
    position: absolute;
    min-width: 100%;
    width: inherit; }
    .c-choice-summary > .c-menu[aria-hidden="true"] {
      height: 0;
      width: 0;
      border: 0;
      overflow: hidden; }
    .c-choice-summary > .c-menu .c-menu-item .c-radio input[type="radio"] + span {
      white-space: nowrap; }
  .c-choice-summary span {
    display: inline-block;
    padding: 9px 0 10px 12px;
    min-width: 100%; }
  .c-choice-summary button.c-action-trigger.c-glyph {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 100%;
    margin: 0;
    padding: 5px 0 9px; }
    .c-choice-summary button.c-action-trigger.c-glyph:before {
      margin: 0;
      width: auto;
      height: auto;
      color: rgba(0, 0, 0, 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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .c-date-time-picker[data-date-time-picker="date"] [data-date-time-picker="month"] {
      float: left;
      -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;
      -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;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      width: 80px; }
  .c-date-time-picker[data-date-time-picker="time"] {
    width: 240px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .c-date-time-picker[data-date-time-picker="time"] [data-date-time-picker="hour"] {
      float: left;
      -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;
      -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;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      width: 80px; }
  .c-date-time-picker[data-date-time-picker="time24"] {
    width: 160px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center; }
    .c-date-time-picker[data-date-time-picker="time24"] [data-date-time-picker="hour24"] {
      float: left;
      -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;
      -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;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -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: -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;
      -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);
      -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;
    -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;
    -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;
    -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;
    -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;
    -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: 24px;
    padding: 35px 0 5px;
    font-weight: 200;
    line-height: normal;
    padding: 0; }
    .c-dialog [role="dialog"] h2.c-heading-1 {
      font-size: 62px;
      line-height: 72px;
      padding: 38px 0 6px;
      font-weight: 100;
      letter-spacing: -0.01em; }
      .c-dialog [role="dialog"] h2.c-heading-1.f-lean {
        padding-top: 0; }
    .c-dialog [role="dialog"] h2.c-heading-2 {
      font-size: 46px;
      line-height: 56px;
      padding: 37px 0 3px;
      font-weight: 100;
      letter-spacing: -0.01em; }
      .c-dialog [role="dialog"] h2.c-heading-2.f-lean {
        padding-top: 0; }
    .c-dialog [role="dialog"] h2.c-heading-3 {
      font-size: 34px;
      line-height: 40px;
      padding: 38px 0 2px;
      font-weight: 100; }
      .c-dialog [role="dialog"] h2.c-heading-3.f-lean {
        padding-top: 0; }
    .c-dialog [role="dialog"] h2.c-heading-4 {
      font-size: 24px;
      line-height: 28px;
      padding: 36px 0 4px;
      font-weight: 200; }
      .c-dialog [role="dialog"] h2.c-heading-4.f-lean {
        padding-top: 0; }
    .c-dialog [role="dialog"] h2.c-heading-5 {
      font-size: 20px;
      line-height: 24px;
      padding: 35px 0 5px;
      font-weight: 200; }
      .c-dialog [role="dialog"] h2.c-heading-5.f-lean {
        padding-top: 0; }
    .c-dialog [role="dialog"] h2.c-heading-6 {
      font-size: 18px;
      line-height: 24px;
      padding: 37px 0 3px;
      font-weight: 200; }
      .c-dialog [role="dialog"] h2.c-heading-6.f-lean {
        padding-top: 0; }
  .c-dialog [role="dialog"] .c-divider {
    margin: 16px 0; }
  .c-dialog [role="dialog"] .c-paragraph:first-of-type {
    padding-top: 8px; }
  .c-dialog [role="dialog"] .c-group {
    display: block; }
    .c-dialog [role="dialog"] .c-group.f-wrap-items {
      display: -ms-flexbox;
      display: flex; }
    .c-dialog [role="dialog"] .c-group .c-button {
      float: right;
      margin-top: 24px;
      width: 50%;
      max-width: none;
      margin-right: 0; }
      .c-dialog [role="dialog"] .c-group .c-button + .c-button {
        float: left;
        width: calc(50% - 4px); }
  .c-dialog [role="dialog"] [class^="c-heading-"] + .c-price.f-large {
    padding-top: 8px;
    padding-bottom: 24px; }

.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"] .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 .c-button, .c-dialog.f-lightbox [role="dialog"] .c-group .c-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 .c-button {
        float: none;
        margin-top: 24px;
        width: 100%;
        max-width: none;
        margin-right: 0; }
        .c-dialog [role="dialog"] .c-group .c-button + .c-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: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .c-dialog.f-flow [role="dialog"] .f-dialog-scroll {
      overflow-y: auto;
      -ms-flex-negative: 50;
          flex-shrink: 50;
      -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.f-wrap-items {
        min-height: 100%; }
      .c-dialog.f-flow [role="dialog"] .c-group .c-button + .c-button {
        margin-top: 12px;
        float: none;
        width: 100%; } }

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: 100%; }
  .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 > div {
    text-align: center;
    margin: 0 auto; }
    .c-feature > div .c-heading {
      font-size: 20px;
      line-height: 24px;
      padding: 35px 0 5px;
      font-weight: 200;
      padding-top: 0; }
    .c-feature > div .c-paragraph {
      font-size: 15px;
      line-height: 20px;
      padding: 24px 0 0;
      font-weight: 400;
      padding-top: 12px; }
    .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 > div .c-logo img {
        margin: 0 auto; }
    .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 picture,
  .c-feature .c-video {
    display: block;
    width: 100%;
    max-width: 100%; }
  .c-feature picture img {
    max-width: 100%; }
  .c-feature.f-align-left > div, .c-feature.f-align-right > div {
    width: 100%;
    position: relative;
    padding: 0 24px 24px; }
  .c-feature.f-align-center > div {
    width: auto;
    padding: 0 24px;
    max-width: 100%; }
    .c-feature.f-align-center > div .c-group {
      display: block; }
      .c-feature.f-align-center > div .c-group .c-call-to-action {
        margin: 0 2px; }
    .c-feature.f-align-center > div .c-image {
      display: inline-block; }
  .c-feature.f-align-center picture,
  .c-feature.f-align-center .c-video {
    width: 100%; }
  @media only screen and (min-width: 540px) {
    .c-feature.f-align-left > div, .c-feature.f-align-right > div {
      width: 490px;
      margin: 0 auto;
      text-align: center; }
      .c-feature.f-align-left > div.c-video, .c-feature.f-align-right > div.c-video {
        width: 100%; }
    .c-feature.f-align-left .c-logo img, .c-feature.f-align-right .c-logo img {
      margin: 0 auto; } }
  @media only screen and (min-width: 768px) {
    .c-feature.f-align-left picture, .c-feature.f-align-right picture {
      width: 50%; }
      .c-feature.f-align-left picture img, .c-feature.f-align-right picture img {
        right: 0; }
    .c-feature.f-align-left > div, .c-feature.f-align-right > div {
      padding-left: 36px;
      padding-right: 36px;
      padding-bottom: 0;
      position: absolute;
      top: calc(50%);
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 50%;
      text-align: left; }
      .c-feature.f-align-left > div .c-logo img, .c-feature.f-align-right > div .c-logo img {
        margin: 0; }
      .c-feature.f-align-left > div.c-video, .c-feature.f-align-right > div.c-video {
        width: 50%;
        max-width: 50%;
        overflow: hidden;
        position: relative;
        left: 0;
        top: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        padding: 0; }
        .c-feature.f-align-left > div.c-video > h1, .c-feature.f-align-right > div.c-video > h1 {
          display: none; }
        .c-feature.f-align-left > div.c-video video, .c-feature.f-align-right > div.c-video video {
          width: 100%;
          min-width: 100%;
          height: 100%;
          max-height: 100%; }
    .c-feature.f-align-left > div {
      left: 0; }
    .c-feature.f-align-left picture,
    .c-feature.f-align-left .c-video {
      float: right; }
    .c-feature.f-align-right > div {
      left: 50%; }
    .c-feature.f-align-right picture,
    .c-feature.f-align-right .c-video {
      float: left;
      left: 0; }
    .c-feature.f-align-right.f-image-priority > div {
      left: 50%; }
      .c-feature.f-align-right.f-image-priority > div.c-video {
        left: 0; } }
  @media only screen and (min-width: 1084px) {
    .c-feature > div .c-heading {
      font-size: 34px;
      line-height: 40px;
      padding: 38px 0 2px;
      font-weight: 100;
      padding-top: 0; }
    .c-feature > div .c-paragraph {
      padding-top: 12px; }
    .c-feature.f-align-right.f-image-priority picture, .c-feature.f-align-left.f-image-priority picture {
      width: 65%; }
    .c-feature.f-align-right.f-image-priority > div, .c-feature.f-align-left.f-image-priority > div {
      width: 35%; }
      .c-feature.f-align-right.f-image-priority > div.c-video, .c-feature.f-align-left.f-image-priority > div.c-video {
        width: 65%;
        max-width: 65%; }
    .c-feature.f-align-right.f-image-priority > div {
      left: 65%; }
    .c-feature.f-align-center > div {
      max-width: 798px; }
      .c-feature.f-align-center > div.c-video {
        max-width: 100%; } }
  @media only screen and (min-width: 1400px) {
    .c-feature.f-align-right > div, .c-feature.f-align-left > div {
      padding-left: 48px;
      padding-right: 48px; }
      .c-feature.f-align-right > div.c-video, .c-feature.f-align-left > div.c-video {
        padding: 0; } }

.c-file {
  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; }

.c-group {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 1px; }
  .c-group.f-wrap-items {
    -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) {
      .c-group.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium,
      .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium {
        width: calc(50% - 24px); }
        .c-group.f-wrap-items .m-product-placement-item.f-orientation-vertical.f-size-medium picture img,
        .c-group.f-wrap-items .c-product-placement.f-orientation-vertical.f-size-medium picture img {
          width: 100%; } }
  .c-group .c-call-to-action {
    margin-right: 4px; }
  .c-group .c-action-trigger {
    padding-right: 24px; }
    .c-group .c-action-trigger:last-child {
      padding-right: 0; }
  .c-group .c-select-button {
    margin-top: 8px;
    width: 250px; }
  @media only screen and (min-width: 320px) {
    .c-group button.c-button,
    .c-group a.c-button[role="button"] {
      margin-right: 4px; } }
  @media only screen and (min-width: 540px) {
    .c-group button.c-button,
    .c-group a.c-button[role="button"] {
      margin-right: 8px; } }

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

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

[class^="c-heading-"].f-lean {
  padding-top: 0;
  padding-bottom: 0; }

[class^="c-heading-"] 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; }

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

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

.c-glyph.glyph-accept:before {
  content: ""; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c-glyph.glyph-warning:before {
  content: ""; }

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

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

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

picture.c-image.f-pad-bottom-3x,
img.c-image.f-pad-bottom-3x {
  padding-bottom: 12px; }

picture.c-image.f-pad-bottom-6x,
img.c-image.f-pad-bottom-6x {
  padding-bottom: 24px; }

picture.c-image.f-pad-top-3x,
img.c-image.f-pad-top-3x {
  padding-top: 12px; }

picture.c-image.f-pad-top-6x,
img.c-image.f-pad-top-6x {
  padding-top: 24px; }

picture.c-image.f-pad-vertical-3x,
img.c-image.f-pad-vertical-3x {
  padding: 12px 0; }

picture.c-image.f-pad-vertical-6x,
img.c-image.f-pad-vertical-6x {
  padding: 24px 0; }

nav.c-in-page-navigation {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  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"] + .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 .c-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; }

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

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

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

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

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

.c-logo img + span {
  position: absolute !important;
  overflow: hidden !important;
  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); }

.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; }
  .c-menu.f-scroll {
    max-height: 220px;
    overflow-y: auto; }
  .c-menu .c-menu-item [aria-checked="true"] {
    background: #0078D7;
    color: #FFF; }
    .c-menu .c-menu-item [aria-checked="true"]:hover {
      background: rgba(0, 120, 215, 0.8);
      color: #FFF; }
    .c-menu .c-menu-item [aria-checked="true"]:focus {
      outline: 1px dashed #0078D7;
      color: #FFF; }
    .c-menu .c-menu-item [aria-checked="true"]:active {
      background: rgba(0, 120, 215, 0.4);
      color: #FFF; }
  .theme-light .c-menu, .theme-dark .theme-light .c-menu {
    color: #000; }
  .theme-dark .c-menu, .theme-light .theme-dark .c-menu {
    color: #FFF; }

.c-menu-item a,
.c-menu-item 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; }
  .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); }
  .c-menu-item a:focus,
  .c-menu-item span:focus,
  .c-menu-item button:focus {
    outline: 1px dashed #000; }
  .c-menu-item a:active,
  .c-menu-item span:active,
  .c-menu-item button:active {
    background: rgba(0, 0, 0, 0.3); }
  .c-menu-item a[role="menuitemradio"][aria-checked="true"], .c-menu-item a[role="menuitemradio"][aria-selected="true"],
  .c-menu-item span[role="menuitemradio"][aria-checked="true"],
  .c-menu-item span[role="menuitemradio"][aria-selected="true"],
  .c-menu-item button[role="menuitemradio"][aria-checked="true"],
  .c-menu-item button[role="menuitemradio"][aria-selected="true"] {
    background: #0078D7;
    color: #FFF; }
  .theme-light .c-menu-item a, .theme-dark .theme-light .c-menu-item a, .theme-light
  .c-menu-item span, .theme-dark .theme-light
  .c-menu-item span, .theme-light
  .c-menu-item button, .theme-dark .theme-light
  .c-menu-item button {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8); }
    .theme-light .c-menu-item a:hover, .theme-light .c-menu-item a:focus, .theme-dark .theme-light .c-menu-item a:hover, .theme-dark .theme-light .c-menu-item a:focus, .theme-light
    .c-menu-item span:hover, .theme-light
    .c-menu-item span:focus, .theme-dark .theme-light
    .c-menu-item span:hover, .theme-dark .theme-light
    .c-menu-item span:focus, .theme-light
    .c-menu-item button:hover, .theme-light
    .c-menu-item button:focus, .theme-dark .theme-light
    .c-menu-item button:hover, .theme-dark .theme-light
    .c-menu-item button:focus {
      background: rgba(0, 0, 0, 0.1);
      color: #000; }
    .theme-light .c-menu-item a:focus, .theme-dark .theme-light .c-menu-item a:focus, .theme-light
    .c-menu-item span:focus, .theme-dark .theme-light
    .c-menu-item span:focus, .theme-light
    .c-menu-item button:focus, .theme-dark .theme-light
    .c-menu-item button:focus {
      outline: 1px dashed #000; }
    .theme-light .c-menu-item a:active, .theme-dark .theme-light .c-menu-item a:active, .theme-light
    .c-menu-item span:active, .theme-dark .theme-light
    .c-menu-item span:active, .theme-light
    .c-menu-item button:active, .theme-dark .theme-light
    .c-menu-item button:active {
      background: rgba(0, 0, 0, 0.3);
      color: #000; }
    .theme-light .c-menu-item a[role="menuitemradio"][aria-checked="true"], .theme-dark .theme-light .c-menu-item a[role="menuitemradio"][aria-checked="true"], .theme-light
    .c-menu-item span[role="menuitemradio"][aria-checked="true"], .theme-dark .theme-light
    .c-menu-item span[role="menuitemradio"][aria-checked="true"], .theme-light
    .c-menu-item button[role="menuitemradio"][aria-checked="true"], .theme-dark .theme-light
    .c-menu-item button[role="menuitemradio"][aria-checked="true"] {
      background: #0078D7;
      color: #FFF; }
      .theme-light .c-menu-item a[role="menuitemradio"][aria-checked="true"]:hover, .theme-light .c-menu-item a[role="menuitemradio"][aria-checked="true"]:focus, .theme-dark .theme-light .c-menu-item a[role="menuitemradio"][aria-checked="true"]:hover, .theme-dark .theme-light .c-menu-item a[role="menuitemradio"][aria-checked="true"]:focus, .theme-light
      .c-menu-item span[role="menuitemradio"][aria-checked="true"]:hover, .theme-light
      .c-menu-item span[role="menuitemradio"][aria-checked="true"]:focus, .theme-dark .theme-light
      .c-menu-item span[role="menuitemradio"][aria-checked="true"]:hover, .theme-dark .theme-light
      .c-menu-item span[role="menuitemradio"][aria-checked="true"]:focus, .theme-light
      .c-menu-item button[role="menuitemradio"][aria-checked="true"]:hover, .theme-light
      .c-menu-item button[role="menuitemradio"][aria-checked="true"]:focus, .theme-dark .theme-light
      .c-menu-item button[role="menuitemradio"][aria-checked="true"]:hover, .theme-dark .theme-light
      .c-menu-item button[role="menuitemradio"][aria-checked="true"]:focus {
        background: #0078D7;
        color: #FFF;
        outline-color: #000; }
  .theme-dark .c-menu-item a, .theme-light .theme-dark .c-menu-item a, .theme-dark
  .c-menu-item span, .theme-light .theme-dark
  .c-menu-item span, .theme-dark
  .c-menu-item button, .theme-light .theme-dark
  .c-menu-item button {
    background: #262626;
    color: rgba(255, 255, 255, 0.8); }
    .theme-dark .c-menu-item a:hover, .theme-dark .c-menu-item a:focus, .theme-light .theme-dark .c-menu-item a:hover, .theme-light .theme-dark .c-menu-item a:focus, .theme-dark
    .c-menu-item span:hover, .theme-dark
    .c-menu-item span:focus, .theme-light .theme-dark
    .c-menu-item span:hover, .theme-light .theme-dark
    .c-menu-item span:focus, .theme-dark
    .c-menu-item button:hover, .theme-dark
    .c-menu-item button:focus, .theme-light .theme-dark
    .c-menu-item button:hover, .theme-light .theme-dark
    .c-menu-item button:focus {
      background: #666666;
      color: #FFF; }
    .theme-dark .c-menu-item a:focus, .theme-light .theme-dark .c-menu-item a:focus, .theme-dark
    .c-menu-item span:focus, .theme-light .theme-dark
    .c-menu-item span:focus, .theme-dark
    .c-menu-item button:focus, .theme-light .theme-dark
    .c-menu-item button:focus {
      outline: 1px dashed #FFF; }
    .theme-dark .c-menu-item a:active, .theme-light .theme-dark .c-menu-item a:active, .theme-dark
    .c-menu-item span:active, .theme-light .theme-dark
    .c-menu-item span:active, .theme-dark
    .c-menu-item button:active, .theme-light .theme-dark
    .c-menu-item button:active {
      background: #999999;
      color: #FFF; }
    .theme-dark .c-menu-item a[role="menuitemradio"][aria-checked="true"], .theme-light .theme-dark .c-menu-item a[role="menuitemradio"][aria-checked="true"], .theme-dark
    .c-menu-item span[role="menuitemradio"][aria-checked="true"], .theme-light .theme-dark
    .c-menu-item span[role="menuitemradio"][aria-checked="true"], .theme-dark
    .c-menu-item button[role="menuitemradio"][aria-checked="true"], .theme-light .theme-dark
    .c-menu-item button[role="menuitemradio"][aria-checked="true"] {
      background: #0078D7;
      color: #FFF; }
      .theme-dark .c-menu-item a[role="menuitemradio"][aria-checked="true"]:hover, .theme-dark .c-menu-item a[role="menuitemradio"][aria-checked="true"]:focus, .theme-light .theme-dark .c-menu-item a[role="menuitemradio"][aria-checked="true"]:hover, .theme-light .theme-dark .c-menu-item a[role="menuitemradio"][aria-checked="true"]:focus, .theme-dark
      .c-menu-item span[role="menuitemradio"][aria-checked="true"]:hover, .theme-dark
      .c-menu-item span[role="menuitemradio"][aria-checked="true"]:focus, .theme-light .theme-dark
      .c-menu-item span[role="menuitemradio"][aria-checked="true"]:hover, .theme-light .theme-dark
      .c-menu-item span[role="menuitemradio"][aria-checked="true"]:focus, .theme-dark
      .c-menu-item button[role="menuitemradio"][aria-checked="true"]:hover, .theme-dark
      .c-menu-item button[role="menuitemradio"][aria-checked="true"]:focus, .theme-light .theme-dark
      .c-menu-item button[role="menuitemradio"][aria-checked="true"]:hover, .theme-light .theme-dark
      .c-menu-item button[role="menuitemradio"][aria-checked="true"]:focus {
        background: #0078D7;
        color: #FFF;
        outline-color: #FFF; }

.c-menu-item .c-radio {
  background: rgba(0, 0, 0, 0.1); }
  .c-menu-item .c-radio span {
    background: none; }
  .c-menu-item .c-radio input[type="radio"]:checked + span:after {
    top: 16px;
    left: 16px; }
  .c-menu-item .c-radio input[type="radio"] + span {
    display: block;
    padding-left: 40px;
    margin-left: 0; }
    .c-menu-item .c-radio input[type="radio"] + span:before {
      top: 11px;
      left: 11px; }
  .c-menu-item .c-radio .c-label {
    display: block;
    margin: 0; }

.c-menu-item[aria-disabled="true"] a, .c-menu-item[aria-disabled="true"] a:hover, .c-menu-item[aria-disabled="true"] a:focus, .c-menu-item[aria-disabled="true"] a:active,
.c-menu-item[aria-disabled="true"] span,
.c-menu-item[aria-disabled="true"] span:hover,
.c-menu-item[aria-disabled="true"] span:focus,
.c-menu-item[aria-disabled="true"] span:active,
.c-menu-item[aria-disabled="true"] button,
.c-menu-item[aria-disabled="true"] button:hover,
.c-menu-item[aria-disabled="true"] button:focus,
.c-menu-item[aria-disabled="true"] button:active {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.2);
  cursor: not-allowed; }

.c-menu-item.f-sub-menu > a,
.c-menu-item.f-sub-menu > button {
  position: relative; }
  .c-menu-item.f-sub-menu > a:after,
  .c-menu-item.f-sub-menu > button:after {
    font-family: "MWF-MDL2";
    content: "";
    position: absolute;
    font-size: 6px;
    right: 12px;
    top: 19px; }
  .c-menu-item.f-sub-menu > a + .c-menu,
  .c-menu-item.f-sub-menu > button + .c-menu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0; }
    .c-menu-item.f-sub-menu > a + .c-menu.f-flip,
    .c-menu-item.f-sub-menu > button + .c-menu.f-flip {
      left: -100%; }
  .no-js .c-menu-item.f-sub-menu > a:focus + .c-menu,
  .no-js .c-menu-item.f-sub-menu > a:hover + .c-menu,
  .js .c-menu-item.f-sub-menu > a[aria-expanded="true"] + .c-menu[aria-hidden="false"], .no-js
  .c-menu-item.f-sub-menu > button:focus + .c-menu,
  .no-js
  .c-menu-item.f-sub-menu > button:hover + .c-menu,
  .js
  .c-menu-item.f-sub-menu > button[aria-expanded="true"] + .c-menu[aria-hidden="false"] {
    display: block;
    -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); }

.c-menu-item a.f-product {
  padding: 8px 12px;
  overflow: hidden; }
  .c-menu-item a.f-product .c-image {
    width: 40px;
    vertical-align: top;
    float: left; }
  .c-menu-item a.f-product div {
    overflow: hidden;
    height: 100%; }
  .c-menu-item a.f-product span {
    background: none;
    padding: 0 0 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .c-menu-item a.f-product span:hover {
      background: none; }

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

.c-pivot > header {
  display: -ms-flexbox;
  display: flex; }
  .c-pivot > header > a {
    font-size: 20px;
    display: inline-block;
    -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;
    font-weight: 700; }
  .c-mosaic-placement .c-subheading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 200; }
  .c-mosaic-placement a.c-call-to-action {
    background: 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: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 100;
    text-align: center; }
    .c-mosaic-placement > div > div {
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: auto;
      text-align: center;
      height: 42px; }
  .c-mosaic-placement.f-height-large.f-width-small {
    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; }

.c-price.f-large .c-label,
.c-price.f-large span,
.c-price.f-large meta + span,
.c-price.f-large s {
  font-size: 20px;
  line-height: 24px; }

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,
  .c-rating form button.c-glyph[disabled]:hover {
    cursor: not-allowed; }
    .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before,
    .c-rating form button.c-glyph[disabled]:hover ~ button.c-glyph:before {
      color: rgba(0, 0, 0, 0.2); }
  .c-rating form[disabled] button.c-glyph:after,
  .c-rating form button.c-glyph[disabled]:after {
    display: none; }
  .c-rating form[disabled] button.c-glyph:before,
  .c-rating form button.c-glyph[disabled]: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: ""; } }

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

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

.c-radio.f-inline legend + div {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

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,
  [data-js-select-type="multi-select"] button.c-refine-item:after,
  [data-js-select-type="multi-select"] 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, button.f-selected.c-refine-item, a.f-selected.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, button.f-selected.c-refine-item:hover, a.f-selected.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, button.f-selected.c-refine-item:active, a.f-selected.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, button.f-selected.c-refine-item:after, a.f-selected.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; }

.c-refine-menu .c-refine-item + ul .c-refine-item {
  padding-left: 32px; }

@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; }
  .theme-light .c-search, .theme-dark .theme-light .c-search {
    color: #000; }
    .theme-light .c-search input[type="search"], .theme-dark .theme-light .c-search input[type="search"] {
      border-color: #000;
      background-color: rgba(255, 255, 255, 0.6); }
      .theme-light .c-search input[type="search"]:hover, .theme-dark .theme-light .c-search input[type="search"]:hover {
        border-color: rgba(0, 0, 0, 0.8);
        background-color: rgba(255, 255, 255, 0.8); }
      .theme-light .c-search input[type="search"]:active, .theme-light .c-search input[type="search"]:focus, .theme-dark .theme-light .c-search input[type="search"]:active, .theme-dark .theme-light .c-search input[type="search"]:focus {
        border-color: #000;
        background-color: #FFF; }
    .theme-light .c-search button, .theme-dark .theme-light .c-search button {
      background: transparent; }
      .theme-light .c-search button:active, .theme-light .c-search button:focus, .theme-dark .theme-light .c-search button:active, .theme-dark .theme-light .c-search button:focus {
        color: #FFF;
        background: #0078D7; }
  .theme-dark .c-search, .theme-light .theme-dark .c-search {
    color: #FFF; }
    .theme-dark .c-search input[type="search"], .theme-light .theme-dark .c-search input[type="search"] {
      border-color: #FFF;
      background-color: rgba(0, 0, 0, 0.6); }
      .theme-dark .c-search input[type="search"]:hover, .theme-light .theme-dark .c-search input[type="search"]:hover {
        border-color: rgba(255, 255, 255, 0.8);
        background-color: rgba(0, 0, 0, 0.8); }
      .theme-dark .c-search input[type="search"]:active, .theme-dark .c-search input[type="search"]:focus, .theme-light .theme-dark .c-search input[type="search"]:active, .theme-light .theme-dark .c-search input[type="search"]:focus {
        border-color: #FFF;
        background-color: #000; }
    .theme-dark .c-search button, .theme-light .theme-dark .c-search button {
      background: transparent; }
      .theme-dark .c-search button:active, .theme-dark .c-search button:focus, .theme-light .theme-dark .c-search button:active, .theme-light .theme-dark .c-search button:focus {
        color: #FFF;
        background: #0078D7; }

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; }
  button.c-select-button[aria-pressed="true"] {
    border-width: 2px;
    border-color: #000;
    padding: 5px 9px; }
  button.c-select-button:focus {
    outline: 1px dashed #000; }
  button.c-select-button:hover {
    outline: 1px dashed #000;
    border-color: #000; }
    button.c-select-button:hover[aria-pressed="true"] {
      border-color: #004881; }
  button.c-select-button:active {
    outline: none;
    border-color: #004881; }
  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; }
  button.c-select-button[data-select-button-swatch] {
    width: 36px;
    height: 36px; }
    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; }
    button.c-select-button[data-select-button-swatch]:active {
      border-color: #999999;
      box-shadow: inset 0 0 0 1px #FFF; }
    button.c-select-button[data-select-button-swatch][aria-pressed="true"] {
      box-shadow: inset 0 0 0 1px #FFF; }
      button.c-select-button[data-select-button-swatch][aria-pressed="true"]: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; }
  button.c-select-button.f-swatch-disabled {
    position: relative; }
    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); }
  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); }
  button.c-select-button.f-swatch-disabled-dark {
    border-color: rgba(255, 255, 255, 0.2); }
    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 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 button.c-select-button[aria-pressed="true"], .theme-dark .theme-light button.c-select-button[aria-pressed="true"] {
      border-color: #000; }
    .theme-light button.c-select-button:focus, .theme-dark .theme-light button.c-select-button:focus {
      outline-color: #000; }
    .theme-light button.c-select-button:hover, .theme-dark .theme-light button.c-select-button:hover {
      border-color: #000; }
    .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 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 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 button.c-select-button[aria-pressed="true"], .theme-light .theme-dark button.c-select-button[aria-pressed="true"] {
      border-color: #FFF; }
    .theme-dark button.c-select-button:focus, .theme-dark button.c-select-button:hover, .theme-light .theme-dark button.c-select-button:focus, .theme-light .theme-dark button.c-select-button:hover {
      outline-color: #FFF;
      border-color: rgba(255, 255, 255, 0.4); }
    .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 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); }

.c-select-menu {
  position: relative;
  display: inline-block; }
  .c-select-menu.f-border [aria-expanded] {
    margin-left: 8px;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.6); }
    .c-select-menu.f-border [aria-expanded]:hover {
      border-color: rgba(0, 0, 0, 0.8); }
    .c-select-menu.f-border [aria-expanded]:active, .c-select-menu.f-border [aria-expanded]:focus {
      border-color: #0078D7; }
  .c-select-menu.f-border + .c-select-menu.f-border,
  .c-select-menu.f-border + .c-select-menu.f-border.f-persist {
    margin-top: 12px; }
  .c-select-menu.f-flex,
  .c-select-menu.f-flex > [aria-expanded] {
    width: 100%;
    min-width: 88px;
    max-width: 546px; }
  .c-select-menu .c-menu {
    position: absolute;
    top: 100%; }
  .c-select-menu [aria-expanded="false"] + .c-menu[aria-hidden="true"] {
    display: none; }
  .c-select-menu > button {
    border: 0;
    background: transparent; }
  .c-select-menu > a,
  .c-select-menu > button {
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    padding: 8px;
    padding-right: 24px;
    -webkit-transform: translateX(-8px);
        -ms-transform: translateX(-8px);
            transform: translateX(-8px); }
    .c-select-menu > a:after,
    .c-select-menu > button:after {
      font-family: "MWF-MDL2";
      content: "";
      position: absolute;
      font-size: 8px;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 700;
      right: 8px;
      padding-top: 7px; }
    .c-select-menu > a:hover,
    .c-select-menu > button:hover {
      color: #000; }
      .c-select-menu > a:hover:after,
      .c-select-menu > button:hover:after {
        color: #000; }
    .c-select-menu > a:focus,
    .c-select-menu > button:focus {
      border-color: #0078D7;
      outline: 1px dashed #000; }
      .c-select-menu > a:focus:hover,
      .c-select-menu > button:focus:hover {
        outline: none; }
  .c-select-menu[aria-disabled="true"] > a, .c-select-menu[aria-disabled="true"] > a:after,
  .c-select-menu[aria-disabled="true"] > button,
  .c-select-menu[aria-disabled="true"] > button:after {
    color: rgba(0, 0, 0, 0.2); }
  .c-select-menu[aria-disabled="true"] > a:hover,
  .c-select-menu[aria-disabled="true"] > button:hover {
    cursor: not-allowed; }
  .no-js .c-select-menu:hover .c-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-light .c-select-menu > a,
  .theme-light .c-select-menu > button, .theme-dark .theme-light .c-select-menu > a,
  .theme-dark .theme-light .c-select-menu > button {
    color: rgba(0, 0, 0, 0.8); }
    .theme-light .c-select-menu > a:after,
    .theme-light .c-select-menu > button:after, .theme-dark .theme-light .c-select-menu > a:after,
    .theme-dark .theme-light .c-select-menu > button:after {
      color: rgba(0, 0, 0, 0.8); }
    .theme-light .c-select-menu > a:hover,
    .theme-light .c-select-menu > button:hover, .theme-dark .theme-light .c-select-menu > a:hover,
    .theme-dark .theme-light .c-select-menu > button:hover {
      color: #000; }
      .theme-light .c-select-menu > a:hover:after,
      .theme-light .c-select-menu > button:hover:after, .theme-dark .theme-light .c-select-menu > a:hover:after,
      .theme-dark .theme-light .c-select-menu > button:hover:after {
        color: #000; }
    .theme-light .c-select-menu > a:focus,
    .theme-light .c-select-menu > button:focus, .theme-dark .theme-light .c-select-menu > a:focus,
    .theme-dark .theme-light .c-select-menu > button:focus {
      outline-color: #000; }
  .theme-light .c-select-menu.f-border > a,
  .theme-light .c-select-menu.f-border > button, .theme-dark .theme-light .c-select-menu.f-border > a,
  .theme-dark .theme-light .c-select-menu.f-border > button {
    background: rgba(255, 255, 255, 0.8);
    border-color: rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.8); }
    .theme-light .c-select-menu.f-border > a:after,
    .theme-light .c-select-menu.f-border > button:after, .theme-dark .theme-light .c-select-menu.f-border > a:after,
    .theme-dark .theme-light .c-select-menu.f-border > button:after {
      color: rgba(0, 0, 0, 0.8); }
    .theme-light .c-select-menu.f-border > a:hover,
    .theme-light .c-select-menu.f-border > button:hover, .theme-dark .theme-light .c-select-menu.f-border > a:hover,
    .theme-dark .theme-light .c-select-menu.f-border > button:hover {
      background: #FFF;
      border-color: rgba(0, 0, 0, 0.8);
      color: #000; }
      .theme-light .c-select-menu.f-border > a:hover:after,
      .theme-light .c-select-menu.f-border > button:hover:after, .theme-dark .theme-light .c-select-menu.f-border > a:hover:after,
      .theme-dark .theme-light .c-select-menu.f-border > button:hover:after {
        color: #000; }
    .theme-light .c-select-menu.f-border > a:focus,
    .theme-light .c-select-menu.f-border > button:focus, .theme-dark .theme-light .c-select-menu.f-border > a:focus,
    .theme-dark .theme-light .c-select-menu.f-border > button:focus {
      border-color: #000; }
  .theme-dark .c-select-menu > a,
  .theme-dark .c-select-menu > button, .theme-light .theme-dark .c-select-menu > a,
  .theme-light .theme-dark .c-select-menu > button {
    color: rgba(255, 255, 255, 0.8); }
    .theme-dark .c-select-menu > a:after,
    .theme-dark .c-select-menu > button:after, .theme-light .theme-dark .c-select-menu > a:after,
    .theme-light .theme-dark .c-select-menu > button:after {
      color: rgba(255, 255, 255, 0.8); }
    .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: #FFF; }
      .theme-dark .c-select-menu > a:hover:after,
      .theme-dark .c-select-menu > button:hover:after, .theme-light .theme-dark .c-select-menu > a:hover:after,
      .theme-light .theme-dark .c-select-menu > button:hover:after {
        color: #FFF; }
    .theme-dark .c-select-menu > a:focus,
    .theme-dark .c-select-menu > button:focus, .theme-light .theme-dark .c-select-menu > a:focus,
    .theme-light .theme-dark .c-select-menu > button:focus {
      outline-color: #FFF; }
  .theme-dark .c-select-menu.f-border > a,
  .theme-dark .c-select-menu.f-border > button, .theme-light .theme-dark .c-select-menu.f-border > a,
  .theme-light .theme-dark .c-select-menu.f-border > button {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.8); }
    .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: rgba(0, 0, 0, 0.8); }
    .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: #000;
      background: rgba(255, 255, 255, 0.8);
      border-color: rgba(255, 255, 255, 0.8); }
      .theme-dark .c-select-menu.f-border > a:hover:after,
      .theme-dark .c-select-menu.f-border > button:hover:after, .theme-light .theme-dark .c-select-menu.f-border > a:hover:after,
      .theme-light .theme-dark .c-select-menu.f-border > button:hover:after {
        color: #000; }
    .theme-dark .c-select-menu.f-border > a:focus,
    .theme-dark .c-select-menu.f-border > button:focus, .theme-light .theme-dark .c-select-menu.f-border > a:focus,
    .theme-light .theme-dark .c-select-menu.f-border > button:focus {
      border-color: #FFF; }
  .c-select-menu + [class*="c-caption"],
  .c-select-menu [class*="c-paragraph"] {
    padding-top: 24px; }

.c-select {
  position: relative;
  margin-top: 20px;
  min-width: 88px;
  max-width: 296px;
  background-color: #FFF;
  cursor: pointer;
  height: 36px; }
  .c-select:after {
    font-family: "MWF-MDL2";
    content: "";
    position: absolute;
    right: 4px;
    top: 1px;
    height: 34px;
    width: 31px;
    background: #FFF;
    padding-top: 10px;
    text-align: center; }
    .js .c-select:after {
      display: none; }
  .c-select:after:hover {
    z-index: 1; }
  .c-select select {
    position: relative;
    width: 100%;
    display: none;
    padding: 7px 34px 7px 5px;
    background: #FFF;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    height: 100%;
    outline: 0;
    border: 1px solid rgba(0, 0, 0, 0.6);
    cursor: pointer; }
    .no-js .c-select select {
      display: block; }
    .c-select select:active, .c-select select:focus {
      background: #FFF; }
    .c-select select:hover {
      z-index: 100;
      background: transparent;
      border-color: rgba(0, 0, 0, 0.8); }
    .c-select select:active, .c-select select:focus {
      border-color: #0078D7; }
    .c-select select[disabled] {
      cursor: not-allowed;
      color: rgba(0, 0, 0, 0.2);
      border-color: rgba(0, 0, 0, 0.2);
      background: #FFF;
      z-index: 100;
      padding-right: 0; }
    .c-select select option {
      background: #FFF;
      color: #000; }
    .c-select select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000; }
    .c-select select::-ms-expand {
      display: none; }
    .c-select select:focus::-ms-value {
      background: 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; }

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

.c-textarea label.c-label {
  margin-top: 16px;
  padding-bottom: 6px; }

.c-textarea textarea {
  font-size: 15px;
  line-height: 20px;
  min-width: 276px;
  min-height: 36px;
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 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.c-text-field[type="text"],
input[type="email"] {
  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.c-text-field[type="text"].f-small,
  input[type="email"].f-small {
    width: 88px; }
  input.c-text-field[type="text"].f-flex,
  input[type="email"].f-flex {
    width: 100%;
    min-width: 88px;
    max-width: 546px; }
  input.c-text-field[type="text"]:hover,
  input[type="email"]:hover {
    border-color: rgba(0, 0, 0, 0.8); }
  input.c-text-field[type="text"]:active, input.c-text-field[type="text"]:focus,
  input[type="email"]:active,
  input[type="email"]:focus {
    border-color: #0078D7; }
  input.c-text-field[type="text"][disabled],
  input[type="email"][disabled] {
    cursor: not-allowed;
    color: rgba(0, 0, 0, 0.2);
    border-color: rgba(0, 0, 0, 0.2); }
  input.c-text-field[type="text"][readonly],
  input[type="email"][readonly] {
    border: 1px solid rgba(0, 0, 0, 0.6);
    background: #e6e6e6; }
  input.c-text-field[type="text"] + [class*="c-caption"],
  input.c-text-field[type="text"] [class*="c-paragraph"],
  input[type="email"] + [class*="c-caption"],
  input[type="email"] [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;
  padding: 12px 8px;
  line-height: 16px;
  z-index: 700; }
  span.c-tooltip.hook-focus {
    margin-top: 8px; }
  span.c-tooltip.hook-hover {
    margin-top: 20px; }
  span.c-tooltip[aria-hidden="true"] {
    display: none; }
  span.c-tooltip[aria-hidden="false"] {
    display: block; }

.c-track-list-placement {
  margin-right: 24px;
  margin-top: 12px; }
  .c-track-list-placement > a {
    display: block;
    width: 100%;
    height: 100%; }
    .c-track-list-placement > a: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 [itemprop="byArtist"] span,
  .c-track-list-placement [itemprop="inAlbum"] span,
  .c-track-list-placement [itemprop="duration"] span,
  .c-track-list-placement [itemprop="name byArtist inAlbum"] span {
    color: rgba(0, 0, 0, 0.6); }
  .c-track-list-placement [itemprop="name byArtist inAlbum"] span {
    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;
    float: left;
    padding: 8px 0 0; }
  .c-track-list-placement.f-size-small {
    width: 358px; }
    .c-track-list-placement.f-size-small.f-wide {
      width: 100%;
      margin: 0;
      border-bottom: 1px solid #E3E3E3; }
      .c-track-list-placement.f-size-small.f-wide:first-child {
        border-top: 1px solid #E3E3E3; }
      .c-track-list-placement.f-size-small.f-wide > div {
        padding: 0 12px; }
        .c-track-list-placement.f-size-small.f-wide > div:first-child {
          padding: 8px 12px; }
        .c-track-list-placement.f-size-small.f-wide > div:nth-child(4) {
          max-width: 150px; }
        .c-track-list-placement.f-size-small.f-wide > div > .c-heading,
        .c-track-list-placement.f-size-small.f-wide > div > span,
        .c-track-list-placement.f-size-small.f-wide > div > div {
          padding: 0;
          float: left; }
        .c-track-list-placement.f-size-small.f-wide > div .c-price {
          padding: 0;
          line-height: inherit; }
        .c-track-list-placement.f-size-small.f-wide > div > .c-button {
          margin: 0;
          min-width: 65px;
          float: right; }
      @media only screen and (min-width: 0) {
        .c-track-list-placement.f-size-small.f-wide {
          display: table-row; }
          .c-track-list-placement.f-size-small.f-wide > div {
            display: table-cell;
            vertical-align: middle;
            float: none; }
          .c-track-list-placement.f-size-small.f-wide [itemprop="byArtist"] span,
          .c-track-list-placement.f-size-small.f-wide [itemprop="inAlbum"] span {
            width: inherit;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap; } }
      @media only screen and (min-width: 320px) {
        .c-track-list-placement.f-size-small.f-wide [itemprop="duration"] span {
          display: none; } }
      @media only screen and (min-width: 540px) {
        .c-track-list-placement.f-size-small.f-wide .c-heading {
          max-width: 250px; }
        .c-track-list-placement.f-size-small.f-wide [itemprop="byArtist"] span,
        .c-track-list-placement.f-size-small.f-wide [itemprop="inAlbum"] span {
          max-width: 125px; } }
      @media only screen and (min-width: 768px) {
        .c-track-list-placement.f-size-small.f-wide .c-heading {
          max-width: 250px; }
        .c-track-list-placement.f-size-small.f-wide [itemprop="byArtist"] span,
        .c-track-list-placement.f-size-small.f-wide [itemprop="inAlbum"] span {
          max-width: 100px; }
        .c-track-list-placement.f-size-small.f-wide [itemprop="duration"] span {
          display: table-cell; } }
      @media only screen and (min-width: 1084px) {
        .c-track-list-placement.f-size-small.f-wide .c-heading {
          max-width: 350px; }
        .c-track-list-placement.f-size-small.f-wide [itemprop="byArtist"] span,
        .c-track-list-placement.f-size-small.f-wide [itemprop="inAlbum"] span {
          max-width: 175px; } }
    .c-track-list-placement.f-size-small .c-badge {
      display: none; }
    .c-track-list-placement.f-size-small picture {
      float: left;
      margin-right: 12px; }

.c-video {
  display: inline-block;
  margin: 0;
  width: 100%;
  min-width: 320px;
  direction: ltr;
  position: relative;
  overflow: hidden; }
  .c-video > [aria-hidden="true"] {
    display: none; }
  .c-video video {
    display: block;
    min-width: 100%;
    width: 100%;
    max-height: 100%;
    height: auto;
    background: #000; }
  .c-video .f-video-cc-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    .c-video .f-video-cc-overlay.f-overlay-slidein {
      bottom: 44px; }
  .c-video .f-progress {
    direction: ltr;
    width: 100%;
    width: calc(100% - 288px);
    display: inline-block;
    margin-bottom: 5px; }
    .c-video .f-progress div {
      background: rgba(255, 255, 255, 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: -48px;
        background: #000;
        color: #FFF; }
        @media (max-width: 767px) {
          .c-video .f-progress div button span {
            font-size: 12px; } }
  .c-video button {
    color: #FFF;
    background: transparent;
    border: 0; }
  .c-video .f-video-controls {
    font-size: 24px;
    width: 100%;
    max-width: 1779px;
    height: 44px;
    background: #000;
    position: absolute;
    bottom: 0;
    display: inline-block; }
    @media (max-width: 767px) {
      .c-video .f-video-controls {
        font-size: 20px; } }
    .c-video .f-video-controls button.c-glyph {
      width: 44px;
      height: 44px;
      vertical-align: middle;
      top: 2px; }
      .c-video .f-video-controls button.c-glyph:hover, .c-video .f-video-controls button.c-glyph:focus {
        color: rgba(255, 255, 255, 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: -3px; }
      @media (max-width: 767px) {
        .c-video .f-video-controls .f-time {
          font-size: 12px; } }
      .c-video .f-video-controls .f-time .f-current-time {
        color: #FFF; }
  .c-video .f-play-pause {
    margin-left: 1px;
    margin-top: 3px;
    padding-top: 1px; }
    .c-video .f-play-pause span {
      font-size: 13px;
      color: #FFF;
      position: absolute;
      height: 36px;
      min-width: 44px;
      bottom: 46px;
      left: 0;
      background: #000;
      padding: 8px; }
      @media (max-width: 767px) {
        .c-video .f-play-pause span {
          font-size: 12px; } }
      .c-video .f-play-pause span[aria-hidden="true"] {
        display: none; }
      .c-video .f-play-pause span[aria-hidden="false"] {
        display: block; }
  .c-video .f-full-screen {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 0; }
    .c-video .f-full-screen span {
      font-size: 13px;
      color: #FFF;
      position: absolute;
      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;
        bottom: 49px; }
  .c-video .f-volume-button {
    display: inline-block;
    position: absolute;
    right: 46px; }
  .c-video .f-volume-slider {
    position: absolute;
    width: 44px;
    min-height: 120px;
    bottom: 46px;
    right: 46px;
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.6); }
    .c-video .f-volume-slider:after {
      display: block;
      height: 11px;
      background: transparent;
      position: absolute;
      content: "";
      bottom: -12px;
      width: 100%; }
    .c-video .f-volume-slider[aria-hidden="true"] {
      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; }

@-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: 0.5s forwards slidein;
            animation: 0.5s forwards slidein; }
  .c-video .f-slideout {
    -webkit-animation: 0.5s forwards slideout;
            animation: 0.5s forwards slideout; }
  .c-video.f-video-trigger.f-mask-20 {
    background-color: rgba(0, 0, 0, 0.2); }
  .c-video.f-video-trigger.f-mask-40 {
    background-color: rgba(0, 0, 0, 0.4); }
  .c-video.f-video-trigger section {
    text-align: center;
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.2); }
    .c-video.f-video-trigger section:hover {
      background-color: rgba(0, 0, 0, 0.4); }
    .c-video.f-video-trigger section div {
      padding: 0%;
      position: absolute;
      width: 100%;
      left: 0;
      top: calc(50%);
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      text-align: center;
      margin: auto;
      right: 0; }
      .c-video.f-video-trigger section div .c-heading {
        font-size: 24px;
        margin-bottom: 12px;
        font-weight: 700;
        padding: 0;
        margin: 0 auto;
        max-width: 60%; }
        @media (max-width: 767px) {
          .c-video.f-video-trigger section div .c-heading {
            font-size: 20px; } }
      .c-video.f-video-trigger section div p {
        font-size: 13px;
        padding: 0;
        max-width: 33.3333333333%;
        margin: 0 auto; }
      .c-video.f-video-trigger section div a {
        background: rgba(0, 0, 0, 0.6);
        border-radius: 50%;
        color: #FFF;
        margin-top: 16px;
        padding: 0; }
        .c-video.f-video-trigger section div a.c-action-trigger.c-glyph[aria-label] {
          font-size: 24px;
          font-family: "MWF-MDL2";
          content: "";
          margin-top: 16px;
          line-height: 28px;
          padding-right: 3px;
          height: 48px;
          width: 48px;
          color: #FFF; }
          @media (max-width: 767px) {
            .c-video.f-video-trigger section div a.c-action-trigger.c-glyph[aria-label] {
              font-size: 20px; } }
          .c-video.f-video-trigger section div a.c-action-trigger.c-glyph[aria-label]:hover {
            color: rgba(255, 255, 255, 0.8); }
  .c-video.f-video-trigger[class*="f-mask"].theme-light > section {
    background: #FFF; }
  .c-video.f-video-trigger[class*="f-mask"].theme-dark > section {
    background: #000; }

.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: 20px;
    line-height: 24px;
    font-weight: 400;
    padding-top: 12px;
    padding-bottom: 2px; }
  .m-content-placement-item .c-paragraph,
  .c-content-placement .c-paragraph {
    padding-top: 2px; }
  .m-content-placement-item .c-heading,
  .m-content-placement-item .c-paragraph,
  .c-content-placement .c-heading,
  .c-content-placement .c-paragraph {
    padding-right: 12px; }
  .m-content-placement-item .c-call-to-action,
  .c-content-placement .c-call-to-action {
    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: 539px) {
    .m-content-placement-item .c-heading,
    .c-content-placement .c-heading {
      font-size: 18px;
      line-height: 24px;
      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: 20px;
      line-height: 24px;
      font-weight: 400;
      padding-top: 12px;
      padding-bottom: 2px; }
    .m-content-placement-item > a:first-child .c-paragraph,
    .c-content-placement > a:first-child .c-paragraph {
      padding-top: 2px; }
    .m-content-placement-item > a:first-child .c-heading,
    .m-content-placement-item > a:first-child .c-paragraph,
    .c-content-placement > a:first-child .c-heading,
    .c-content-placement > a:first-child .c-paragraph {
      padding-right: 12px; }
    .m-content-placement-item > a:first-child .c-call-to-action,
    .c-content-placement > a:first-child .c-call-to-action {
      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: 539px) {
      .m-content-placement-item > a:first-child .c-heading,
      .c-content-placement > a:first-child .c-heading {
        font-size: 18px;
        line-height: 24px;
        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 deprecated 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: 60px;
    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;
    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: 12px; }
    .m-product-placement-item.context-video .c-badge + [class*="c-heading"],
    .c-product-placement.context-video .c-badge + [class*="c-heading"] {
      padding-top: 0; }
    .m-product-placement-item.context-video .c-action-trigger,
    .c-product-placement.context-video .c-action-trigger {
      position: absolute;
      background: rgba(0, 0, 0, 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: 72px;
    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;
    color: rgba(0, 0, 0, 0.6);
    white-space: normal; }

.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 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.f-transparent:before,
  .c-hero.f-transparent:before {
    padding-top: 60.2%; }
  .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: 46px;
    line-height: 56px;
    padding: 37px 0 3px;
    font-weight: 100;
    letter-spacing: -0.01em;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 112px; }
    @media only screen and (max-width: 1399px) {
      .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; } }
    @media only screen and (max-width: 767px) {
      .m-hero-item .c-heading,
      .c-hero .c-heading {
        font-size: 24px;
        line-height: 28px;
        padding: 36px 0 4px;
        font-weight: 200;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 56px; } }
  .m-hero-item .c-subheading,
  .c-hero .c-subheading {
    font-size: 24px;
    line-height: 28px;
    padding: 4px 0 8px;
    font-weight: 200;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px; }
    @media only screen and (max-width: 1399px) {
      .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; } }
    @media only screen and (max-width: 767px) {
      .m-hero-item .c-subheading,
      .c-hero .c-subheading {
        font-size: 18px;
        line-height: 24px;
        padding: 9px 0 3px;
        font-weight: 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: 34px;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px;
    line-height: 44px;
    max-height: 88px;
    padding: 0; }
    @media only screen and (max-width: 1399px) {
      .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; } }
  .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 {
    white-space: nowrap;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 56px; }
    @media only screen and (max-width: 1399px) {
      .m-hero-item.context-app .c-heading,
      .c-hero.context-app .c-heading {
        white-space: nowrap;
        overflow: hidden;
        box-sizing: content-box;
        max-height: 40px; } }
  .m-hero-item.context-article .c-heading,
  .c-hero.context-article .c-heading {
    font-size: 34px;
    line-height: 40px;
    padding: 38px 0 2px;
    font-weight: 100;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px; }
    @media only screen and (max-width: 1399px) {
      .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;
        overflow: hidden;
        box-sizing: content-box;
        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 {
      -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-top.f-transparent > div > div,
  .c-hero.f-y-top.f-transparent > div > div {
    top: 140px; }
    @media only screen and (max-width: 1083px) {
      .m-hero-item.f-y-top.f-transparent > div > div,
      .c-hero.f-y-top.f-transparent > div > div {
        top: 120px; } }
  .m-hero-item.f-y-center .c-heading:first-child,
  .c-hero.f-y-center .c-heading:first-child {
    padding-top: 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-transparent > div > div,
  .c-hero.f-y-center.f-transparent > div > div {
    top: 120px;
    top: calc(55%);
    -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; } }
  @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;
        overflow: hidden;
        box-sizing: content-box;
        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 {
        -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; } }

[class^="m-"] + .m-hero-item {
  margin-top: 48px;
  float: left;
  clear: both; }

.m-immersive-hero-item {
  position: relative;
  min-height: 600px;
  max-height: 100vh;
  overflow: hidden;
  padding: 0; }
  .m-immersive-hero-item > picture.c-image {
    display: block;
    width: 100%;
    max-width: 100%; }
    .m-immersive-hero-item > picture.c-image img {
      width: 100%;
      overflow-y: hidden; }
  .m-immersive-hero-item > div {
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    .m-immersive-hero-item > div > div {
      padding-left: 12px;
      padding-right: 12px;
      max-width: 100%;
      margin: 0 auto; }
      .m-immersive-hero-item > div > div .c-heading {
        font-size: 34px;
        line-height: 40px;
        padding: 38px 0 2px;
        font-weight: 100; }
      .m-immersive-hero-item > div > div .c-subheading {
        font-size: 20px;
        line-height: 24px;
        padding: 8px 0 4px;
        font-weight: 200;
        padding-top: 8px; }
      .m-immersive-hero-item > div > div .c-call-to-action {
        margin: 24px 0; }
    .m-immersive-hero-item > div > picture.c-image {
      margin: 0 auto; }
      .m-immersive-hero-item > div > picture.c-image img {
        max-width: none;
        display: block;
        margin: 0 auto;
        width: auto; }
    @media only screen and (min-width: 540px) {
      .m-immersive-hero-item > div > div {
        padding-left: 24px;
        padding-right: 24px;
        max-width: 80%; } }
    @media only screen and (min-width: 768px) {
      .m-immersive-hero-item > div > div {
        max-width: 60%; }
      .m-immersive-hero-item > div > picture.c-image + div .c-heading {
        padding-top: 24px; } }
    @media only screen and (min-width: 1084px) {
      .m-immersive-hero-item > div > picture.c-image img {
        max-width: 100%; } }
    @media only screen and (min-width: 1400px) {
      .m-immersive-hero-item > div > div {
        max-width: 50%; }
        .m-immersive-hero-item > div > div .c-heading {
          font-size: 46px;
          line-height: 56px;
          padding: 37px 0 3px;
          font-weight: 100;
          letter-spacing: -0.01em; }
        .m-immersive-hero-item > div > div .c-subheading {
          font-size: 24px;
          line-height: 28px;
          padding: 4px 0 8px;
          font-weight: 200; } }
    @media only screen and (min-width: 1779px) {
      .m-immersive-hero-item > div > div .c-heading {
        font-size: 62px;
        line-height: 72px;
        padding: 38px 0 6px;
        font-weight: 100;
        letter-spacing: -0.01em; }
      .m-immersive-hero-item > div > div .c-subheading {
        font-size: 34px;
        line-height: 40px;
        padding: 2px 0 2px;
        font-weight: 100;
        padding-top: 8px; } }
  .m-immersive-hero-item.f-align-top > div, .m-immersive-hero-item.f-align-bottom > div {
    top: 72px; }
    @media only screen and (min-width: 768px) {
      .m-immersive-hero-item.f-align-top > div, .m-immersive-hero-item.f-align-bottom > div {
        top: 120px; } }
    @media only screen and (min-width: 1084px) {
      .m-immersive-hero-item.f-align-top > div, .m-immersive-hero-item.f-align-bottom > div {
        top: 148px; } }
  .m-immersive-hero-item.f-align-top > div {
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    .m-immersive-hero-item.f-align-top > div > div {
      position: absolute;
      top: 72px;
      left: 50%;
      right: 0;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .m-immersive-hero-item.f-align-top > div > div {
          top: 120px; } }
      @media only screen and (min-width: 1084px) {
        .m-immersive-hero-item.f-align-top > div > div {
          top: 148px; } }
    .m-immersive-hero-item.f-align-top > div > picture.c-image img {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
  .m-immersive-hero-item.f-align-bottom > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center; }
    .m-immersive-hero-item.f-align-bottom > div > picture.c-image {
      margin: initial; }

.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: -ms-flexbox;
      display: flex;
      -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"] {
    -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"] {
    -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-information,
  .m-alert[role="alert"].f-information {
    background: #f2f2f2;
    color: #231F20; }
  .c-alert[role="alert"].f-warning,
  .m-alert[role="alert"].f-warning {
    background: #d02e00;
    color: #FFF; }
    .c-alert[role="alert"].f-warning .c-action-trigger,
    .m-alert[role="alert"].f-warning .c-action-trigger {
      color: #FFF;
      text-decoration: underline; }
  .c-alert[role="alert"].f-error,
  .m-alert[role="alert"].f-error {
    background: #fff999;
    color: #231F20; }
  .c-alert[role="alert"] .c-glyph,
  .m-alert[role="alert"] .c-glyph {
    float: left;
    top: 0;
    left: 0;
    margin-left: -8px;
    margin-right: 12px; }
    .c-alert[role="alert"] .c-glyph:before,
    .m-alert[role="alert"] .c-glyph:before {
      font-size: 24px;
      margin: 0; }
    .c-alert[role="alert"] .c-glyph ~ p.c-paragraph,
    .m-alert[role="alert"] .c-glyph ~ p.c-paragraph {
      margin-left: 28px; }
  .c-alert[role="alert"] > .c-glyph.c-action-trigger.glyph-cancel,
  .m-alert[role="alert"] > .c-glyph.c-action-trigger.glyph-cancel {
    height: 48px;
    width: 48px;
    position: absolute;
    right: 1px;
    left: auto;
    top: 1px;
    margin: 0;
    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; }
  .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: -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-alert[role="alert"].f-fixed,
  .m-alert[role="alert"].f-fixed {
    margin-top: 0;
    z-index: 700; }
    .c-alert[role="alert"].f-fixed > div,
    .m-alert[role="alert"].f-fixed > div {
      max-width: none; }

.m-area-heading {
  text-align: center; }
  .m-area-heading:before, .m-area-heading:after {
    content: " ";
    display: table; }
  .m-area-heading:after {
    clear: both; }
  .m-area-heading .c-heading {
    font-size: 34px;
    line-height: 40px;
    padding-top: 0;
    font-weight: 700; }
    @media (max-width: 767px) {
      .m-area-heading .c-heading {
        font-size: 26px;
        line-height: 32px; } }
  .m-area-heading .c-subheading {
    font-size: 20px;
    line-height: 24px;
    padding-top: 8px;
    font-weight: 200; }
    @media (max-width: 767px) {
      .m-area-heading .c-subheading {
        font-size: 18px;
        line-height: 24px; } }
  .m-area-heading .c-paragraph {
    font-size: 15px;
    line-height: 20px;
    padding-top: 12px;
    max-width: 100%;
    margin: 0 auto; }
    @media only screen and (min-width: 540px) {
      .m-area-heading .c-paragraph {
        max-width: 80%; } }
    @media only screen and (min-width: 768px) {
      .m-area-heading .c-paragraph {
        max-width: 60%; } }

/* .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 deprecated 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; }
      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 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 .c-heading-5,
.m-compare-chart section .c-heading-5 {
  visibility: hidden; }

.c-compare-chart section .f-column:first-child .c-heading-5,
.m-compare-chart section .f-column:first-child .c-heading-5 {
  visibility: visible; }

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

@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 .c-heading-5,
    .m-compare-chart section .c-heading-5 {
      visibility: visible; }
    .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-email-sign-up {
  padding-left: 0;
  padding-right: 0; }
  .m-email-sign-up .c-group > input.c-text-field {
    margin-top: 12px;
    margin-right: 12px;
    height: auto; }
    .m-email-sign-up .c-group > input.c-text-field + .c-button {
      margin-right: 20px; }
      .m-email-sign-up .c-group > input.c-text-field + .c-button + .c-hyperlink {
        margin-top: 20px; }
  .m-email-sign-up .c-checkbox .c-label {
    margin-right: 0; }
  @media only screen and (max-width: 1083px) {
    .m-email-sign-up {
      padding-left: 36px;
      padding-right: 36px; } }
  @media only screen and (max-width: 540px) {
    .m-email-sign-up {
      padding-left: 24px;
      padding-right: 24px; } }

.m-feature {
  padding-left: 0;
  padding-right: 0;
  padding-top: 48px; }
  @media only screen and (min-width: 768px) {
    .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-feature-group {
  background: rgba(0, 0, 0, 0.1);
  padding: 0 84px 84px; }
  .m-feature-group .m-area-heading {
    float: none; }
  .m-feature-group .m-feature {
    float: none;
    margin-bottom: 48px; }
    .m-feature-group .m-feature picture img {
      width: 100%; }
  @media only screen and (max-width: 1084px) {
    .m-feature-group {
      padding: 0 60px 60px; } }
  @media only screen and (max-width: 768px) {
    .m-feature-group {
      padding: 0 36px 36px; } }
  @media only screen and (max-width: 540px) {
    .m-feature-group {
      padding: 0 12px 12px; } }

.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; }
  [class*="m-heading"] + .m-product-placement {
    padding-top: 2px; }

.m-hero {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0; }
  @media only screen and (max-width: 1083px) {
    .m-hero .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;
  clear: both; }

.m-highlight-feature {
  padding: 0;
  margin-top: 48px;
  position: relative; }
  .m-highlight-feature picture.c-image {
    width: 100%;
    max-width: 100%; }
    .m-highlight-feature picture.c-image img {
      width: 100%;
      max-width: 100%; }
  .m-highlight-feature > div {
    padding-left: 12px;
    padding-right: 12px;
    width: 80%;
    text-align: center;
    margin: 0 auto; }
    .m-highlight-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: 12px auto 0; }
      .m-highlight-feature > div .c-call-to-action:focus, .m-highlight-feature > div .c-call-to-action:hover {
        background: transparent;
        border-color: transparent; }
      .m-highlight-feature > div .c-call-to-action:active {
        background: transparent;
        text-decoration: none; }
      .m-highlight-feature > div .c-call-to-action span:hover {
        text-decoration: underline; }
      .theme-light .m-highlight-feature > div .c-call-to-action, .theme-dark .theme-light .m-highlight-feature > div .c-call-to-action {
        color: #000;
        background: transparent;
        border-color: transparent; }
        .theme-light .m-highlight-feature > div .c-call-to-action:active, .theme-dark .theme-light .m-highlight-feature > div .c-call-to-action:active {
          color: rgba(0, 0, 0, 0.6); }
        .theme-light .m-highlight-feature > div .c-call-to-action:focus, .theme-dark .theme-light .m-highlight-feature > div .c-call-to-action:focus {
          outline-color: #000; }
      .theme-dark .m-highlight-feature > div .c-call-to-action, .theme-light .theme-dark .m-highlight-feature > div .c-call-to-action {
        color: #FFF;
        background: transparent;
        border-color: transparent; }
        .theme-dark .m-highlight-feature > div .c-call-to-action:active, .theme-light .theme-dark .m-highlight-feature > div .c-call-to-action:active {
          color: rgba(255, 255, 255, 0.6); }
        .theme-dark .m-highlight-feature > div .c-call-to-action:focus, .theme-light .theme-dark .m-highlight-feature > div .c-call-to-action:focus {
          outline-color: #FFF; }
    .m-highlight-feature > div .c-heading {
      font-size: 18px;
      line-height: 24px;
      padding: 37px 0 3px;
      font-weight: 200;
      font-weight: 700; }
    .m-highlight-feature > div .c-paragraph {
      font-size: 15px;
      line-height: 20px;
      padding: 24px 0 0;
      font-weight: 400;
      padding-top: 12px; }
    .m-highlight-feature > div .c-logo {
      display: block;
      padding-top: 24px; }
      .m-highlight-feature > div .c-logo img {
        margin: 0 auto; }
      .m-highlight-feature > div .c-logo + .c-heading {
        padding-top: 12px; }
  @media only screen and (min-width: 768px) {
    .m-highlight-feature > div {
      padding-left: 24px;
      padding-right: 24px;
      position: absolute;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      margin: 0 36px;
      width: 316px;
      height: 300px;
      top: 24px;
      top: calc(50%);
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      background: #FFF;
      color: #000; }
      .m-highlight-feature > div .c-heading {
        padding-top: 0; }
    .m-highlight-feature.f-align-left > div {
      left: 0; }
    .m-highlight-feature.f-align-right > div {
      right: 0; } }
  @media only screen and (min-width: 1084px) {
    .m-highlight-feature > div {
      margin: 0 48px;
      width: 316px;
      height: 336px; }
      .m-highlight-feature > div .c-heading {
        font-size: 20px;
        line-height: 24px;
        padding: 35px 0 5px;
        font-weight: 200;
        padding-top: 0;
        font-weight: 700; }
      .m-highlight-feature > div .c-logo + .c-heading {
        padding-top: 12px; } }
  @media only screen and (min-width: 1400px) {
    .m-highlight-feature > div {
      width: 364px;
      height: 408px; } }

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

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

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

.m-histogram > ul,
.c-histogram > ul {
  overflow: hidden;
  padding-left: 28px;
  margin-top: 26px; }
  .m-histogram > ul li,
  .c-histogram > ul li {
    margin-bottom: 14px; }
  .m-histogram > ul a,
  .c-histogram > ul a {
    font-size: 13px;
    display: block;
    line-height: 1; }
    .m-histogram > ul a > div,
    .c-histogram > ul a > div {
      display: inline-block;
      margin-left: 6px;
      width: calc(100% - 85px); }
      .m-histogram > ul a > div > div,
      .c-histogram > ul a > div > div {
        height: 12px;
        position: relative;
        background-color: #0078D7;
        -ms-high-contrast-adjust: none; }
        .m-histogram > ul 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; }
  .m-histogram > ul .c-glyph,
  .c-histogram > ul .c-glyph {
    margin-left: 1px; }
    .m-histogram > ul .c-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) {
  .m-histogram > div:first-child,
  .c-histogram > div:first-child {
    float: none; }
  .m-histogram > ul,
  .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: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
    @media only screen and (min-width: 768px) {
      .m-hyperlink-group > div {
        padding-bottom: 0; }
        .m-hyperlink-group > div [class*="c-heading"] {
          padding-top: 0; } }
    .m-hyperlink-group > div ul {
      margin: 0;
      padding: 0; }
      .m-hyperlink-group > div ul li {
        padding: 0; }
    .m-hyperlink-group > div .c-heading {
      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%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.m-hyperlink-group-content-placement {
  padding-left: 0;
  padding-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-top: initial; }
  .m-hyperlink-group-content-placement [data-grid] {
    display: -ms-flexbox;
    display: flex;
    -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] {
        -ms-flex-direction: row;
            flex-direction: row;
        width: 100%; } }
  @media only screen and (min-width: 1084px) {
    .m-hyperlink-group-content-placement {
      -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-"] {
      -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-"] {
      -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-image {
  padding: 48px 0 0; }
  .m-image:before, .m-image:after {
    content: " ";
    display: table; }
  .m-image:after {
    clear: both; }
  .m-image.f-lean {
    padding: 0; }

.m-immersive-hero {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0; }
  .m-immersive-hero .c-carousel .c-sequence-indicator {
    bottom: 12px; }

.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 > .c-list {
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px; }

.m-multi-column > .c-list > li {
  padding: 1px 0; }
  .m-multi-column > .c-list > li a.c-hyperlink {
    padding: 7px 0;
    display: inline-block; }

.m-multi-column > div,
.m-multi-column > .c-list, .m-multi-column.f-columns-1 > div,
.m-multi-column.f-columns-1 > .c-list, .m-multi-column.f-columns-2 > div,
.m-multi-column.f-columns-2 > .c-list, .m-multi-column.f-columns-3 > div,
.m-multi-column.f-columns-3 > .c-list, .m-multi-column.f-columns-4 > div,
.m-multi-column.f-columns-4 > .c-list, .m-multi-column.f-columns-5 > div,
.m-multi-column.f-columns-5 > .c-list {
  -webkit-columns: 1;
     -moz-columns: 1;
          columns: 1; }

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

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

@media only screen and (min-width: 1400px) {
  .m-multi-column.f-columns-4 > div,
  .m-multi-column.f-columns-4 > .c-list, .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > .c-list {
    -webkit-columns: 4;
       -moz-columns: 4;
            columns: 4; } }

@media only screen and (min-width: 1779px) {
  .m-multi-column.f-columns-5 > div,
  .m-multi-column.f-columns-5 > .c-list {
    -webkit-columns: 5;
       -moz-columns: 5;
            columns: 5; } }

.m-multi-feature[data-js-type="WhatsNew"] > .c-sequence-indicator {
  text-align: center; }

.m-multi-feature[data-js-type="ReasonsToBuy"] .c-pivot {
  margin-top: 24px; }
  .m-multi-feature[data-js-type="ReasonsToBuy"] .c-pivot > header {
    display: block;
    text-align: center; }
  .m-multi-feature[data-js-type="ReasonsToBuy"] .c-pivot > section {
    text-align: center; }

.m-multi-feature ul.context-whats-new li {
  display: none;
  text-align: center; }
  .m-multi-feature ul.context-whats-new li [class^="c-paragraph-"] {
    padding: 0 48px 3px; }
  .m-multi-feature ul.context-whats-new li.f-active {
    display: block; }

.m-multi-feature .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-multi-feature .c-call-to-action:focus, .m-multi-feature .c-call-to-action:hover {
    background: transparent;
    border-color: transparent; }
  .m-multi-feature .c-call-to-action:active {
    background: transparent;
    text-decoration: none; }
  .m-multi-feature .c-call-to-action span:hover {
    text-decoration: underline; }
  .theme-light .m-multi-feature .c-call-to-action, .theme-dark .theme-light .m-multi-feature .c-call-to-action {
    color: #000;
    background: transparent;
    border-color: transparent; }
    .theme-light .m-multi-feature .c-call-to-action:active, .theme-dark .theme-light .m-multi-feature .c-call-to-action:active {
      color: rgba(0, 0, 0, 0.6); }
    .theme-light .m-multi-feature .c-call-to-action:focus, .theme-dark .theme-light .m-multi-feature .c-call-to-action:focus {
      outline-color: #000; }
  .theme-dark .m-multi-feature .c-call-to-action, .theme-light .theme-dark .m-multi-feature .c-call-to-action {
    color: #FFF;
    background: transparent;
    border-color: transparent; }
    .theme-dark .m-multi-feature .c-call-to-action:active, .theme-light .theme-dark .m-multi-feature .c-call-to-action:active {
      color: rgba(255, 255, 255, 0.6); }
    .theme-dark .m-multi-feature .c-call-to-action:focus, .theme-light .theme-dark .m-multi-feature .c-call-to-action:focus {
      outline-color: #FFF; }

.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 */
.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; }
  .m-pagination li,
  .c-pagination li {
    display: inline-block;
    margin-right: 12px; }
    .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; }
      .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; }
    .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); }
    .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); }
    .m-pagination li.f-active > a,
    .m-pagination li.f-active > span,
    .c-pagination li.f-active > a,
    .c-pagination li.f-active > span {
      outline-color: #0078D7; }
    .m-pagination li.f-hide,
    .c-pagination li.f-hide {
      display: none; }
    .m-pagination li:first-child .c-glyph:before,
    .c-pagination li:first-child .c-glyph:before {
      content: "";
      vertical-align: -2px;
      margin-right: 8px; }
    .m-pagination li:last-child,
    .c-pagination li:last-child {
      margin-right: 0; }
      .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) {
      .m-pagination li,
      .c-pagination li {
        margin-right: 0; }
        .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; }
        .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; }
        .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 {
    font-size: 34px;
    line-height: 40px;
    padding: 38px 0 2px;
    font-weight: 100;
    overflow: hidden;
    box-sizing: content-box;
    max-height: 80px; }
  .m-rich-heading.theme-light.f-brand-neutral-10 {
    background: #E3E3E3; }
  .m-rich-heading.theme-light.f-brand-neutral-20 {
    background: #C8C8C8; }
  .m-rich-heading.theme-light.f-brand-neutral-30 {
    background: #ACACAC; }
  .m-rich-heading.theme-dark.f-accent {
    background: #0078D7; }
  .m-rich-heading.theme-dark.f-brand-neutral-45 {
    background: #919191; }
  .m-rich-heading.theme-dark.f-brand-neutral-55 {
    background: #767676; }
  .m-rich-heading.theme-dark.f-brand-neutral-65 {
    background: #5E5E5E; }
  .m-rich-heading.theme-dark.f-brand-neutral-75 {
    background: #464646; }
  .m-rich-heading.theme-dark.f-brand-neutral-80 {
    background: #2F2F2F; }
  .m-rich-heading.theme-dark.f-brand-neutral-90 {
    background: #171717; }
  .m-rich-heading.theme-dark.f-brand-neutral-100 {
    background: #000; }
  .m-rich-heading .c-logo {
    position: absolute;
    right: 48px;
    width: 200px;
    height: 130px;
    margin-top: 32px;
    margin-bottom: 32px; }
    .m-rich-heading .c-logo > .c-image {
      width: 100%;
      max-width: 200px;
      max-height: 130px; }
  @media only screen and (max-width: 1083px) {
    .m-rich-heading .c-heading {
      font-size: 24px;
      line-height: 28px;
      overflow: hidden;
      box-sizing: content-box;
      max-height: 56px; }
    .m-rich-heading .c-logo {
      right: 36px; } }
  @media only screen and (max-width: 767px) {
    .m-rich-heading > div {
      width: 100%;
      float: none; }
    .m-rich-heading .c-logo,
    .m-rich-heading .c-paragraph-3 {
      display: none; }
    .m-rich-heading .c-heading {
      padding: 8px; }
    .m-rich-heading.theme-dark, .m-rich-heading.theme-light {
      height: auto; }
    .m-rich-heading > picture.c-image {
      z-index: -1; }
      .m-rich-heading > picture.c-image + div {
        height: 200px; }
        .m-rich-heading > picture.c-image + div .c-heading {
          position: absolute;
          bottom: 40px;
          z-index: 1; }
      .m-rich-heading > picture.c-image:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 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 .c-carousel .c-group {
    vertical-align: top; }
  .m-product-placement.f-song .c-track-list-placement .c-explicit > span {
    display: inline; }
    .m-product-placement.f-song .c-track-list-placement .c-explicit > span + span {
      display: none; }
  @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 [class^="c-heading-"] {
  padding-top: 0; }

.m-search-results > div:last-child {
  padding: 24px 0; }

.m-search-results .c-hyperlink {
  display: block; }

.m-search-results .f-result-item,
.m-search-results .f-result-item-details {
  padding-top: 24px; }

.m-search-results .f-result-item-details {
  padding-left: 24px; }

.m-search-results .f-hyperlink {
  font-weight: 400;
  line-height: 20px; }

.m-search-results h3.f-hyperlink {
  font-size: 20px;
  line-height: 24px;
  padding-top: 0;
  font-weight: 200; }
  @media (max-width: 767px) {
    .m-search-results h3.f-hyperlink {
      font-size: 18px;
      line-height: 24px; } }

.m-search-results span.f-hyperlink .c-hyperlink {
  white-space: nowrap;
  overflow: hidden;
  box-sizing: content-box;
  max-height: 24px;
  padding-bottom: 1.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; } }

a.m-skip-to-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -2; }
  a.m-skip-to-main:hover {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -2; }
  a.m-skip-to-main:focus, a.m-skip-to-main:active {
    background: #E3E3E3;
    color: #0078D7;
    position: fixed;
    top: 0;
    left: 0;
    padding: 24px;
    width: 100%;
    height: auto;
    overflow: auto;
    outline: 0;
    text-decoration: underline;
    text-align: center;
    z-index: 700; }

/** .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;
  /** ul shape added in v.1.10.0 **/
  /** TODO: Remove > a in v.2.0 **/ }
  .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,
  .m-social > ul > li > a,
  .c-social > a,
  .c-social > ul > li > a {
    position: relative;
    width: 32px;
    height: 32px; }
    .m-social > a:hover:before,
    .m-social > ul > li > a:hover:before,
    .c-social > a:hover:before,
    .c-social > ul > li > a:hover:before {
      background: rgba(0, 0, 0, 0.1); }
    .m-social > a:focus,
    .m-social > ul > li > a:focus,
    .c-social > a:focus,
    .c-social > ul > li > a:focus {
      outline: 1px dashed #000; }
    .m-social > a:before,
    .m-social > ul > li > a:before,
    .c-social > a:before,
    .c-social > ul > li > a:before {
      background: none;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .m-social > a > img,
    .m-social > ul > li > a > img,
    .c-social > a > img,
    .c-social > ul > li > a > img {
      width: 32px;
      height: 32px; }
  .m-social.f-share, .m-social.f-follow,
  .c-social.f-share,
  .c-social.f-follow {
    /** ul shape added in v.1.10.0 **/
    /** TODO: Remove > a in v.2.0 **/ }
    .m-social.f-share > a:hover:before,
    .m-social.f-share ul > li > a:hover:before, .m-social.f-follow > a:hover:before,
    .m-social.f-follow ul > li > a:hover:before,
    .c-social.f-share > a:hover:before,
    .c-social.f-share ul > li > a:hover:before,
    .c-social.f-follow > a:hover:before,
    .c-social.f-follow ul > li > a:hover:before {
      background: rgba(255, 255, 255, 0); }
    .m-social.f-share > a:active,
    .m-social.f-share ul > li > a:active, .m-social.f-follow > a:active,
    .m-social.f-follow ul > li > a:active,
    .c-social.f-share > a:active,
    .c-social.f-share ul > li > a:active,
    .c-social.f-follow > a:active,
    .c-social.f-follow ul > li > a:active {
      outline: none; }
    .m-social.f-share > a > img,
    .m-social.f-share ul > li > a > img, .m-social.f-follow > a > img,
    .m-social.f-follow ul > li > a > img,
    .c-social.f-share > a > img,
    .c-social.f-share ul > li > a > img,
    .c-social.f-follow > a > img,
    .c-social.f-follow ul > li > a > img {
      opacity: 0.6; }
      .m-social.f-share > a > img:hover, .m-social.f-share > a > img:focus,
      .m-social.f-share ul > li > a > img:hover,
      .m-social.f-share ul > li > a > img:focus, .m-social.f-follow > a > img:hover, .m-social.f-follow > a > img:focus,
      .m-social.f-follow ul > li > a > img:hover,
      .m-social.f-follow ul > li > a > img:focus,
      .c-social.f-share > a > img:hover,
      .c-social.f-share > a > img:focus,
      .c-social.f-share ul > li > a > img:hover,
      .c-social.f-share ul > li > a > img:focus,
      .c-social.f-follow > a > img:hover,
      .c-social.f-follow > a > img:focus,
      .c-social.f-follow ul > li > a > img:hover,
      .c-social.f-follow ul > li > a > img:focus {
        opacity: 0.8; }
      .m-social.f-share > a > img:active,
      .m-social.f-share ul > li > a > img:active, .m-social.f-follow > a > img:active,
      .m-social.f-follow ul > li > a > img:active,
      .c-social.f-share > a > img:active,
      .c-social.f-share ul > li > a > img:active,
      .c-social.f-follow > a > img:active,
      .c-social.f-follow ul > li > a > img:active {
        opacity: 1; }
  .m-social button,
  .c-social button {
    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,
  .c-social.f-horizontal {
    /** ul shape added in v.1.10.0 **/
    /** TODO: Remove > a in v.2.0 **/ }
    .m-social.f-horizontal > a,
    .m-social.f-horizontal ul > li > a,
    .c-social.f-horizontal > a,
    .c-social.f-horizontal ul > li > a {
      display: inline-block;
      margin-right: 12px; }
    .m-social.f-horizontal ul > li,
    .c-social.f-horizontal ul > li {
      float: left; }
    .m-social.f-horizontal button,
    .c-social.f-horizontal button {
      /** aria-expanded deprecated v.1.10.0 **/
      /** TODO: Remove aria-expanded in v.2.0 **/
      /** aria-expanded deprecated v.1.10.0 **/
      /** TODO: Remove aria-expanded in v.2.0 **/ }
      .m-social.f-horizontal button[aria-hidden="false"],
      .c-social.f-horizontal button[aria-hidden="false"] {
        display: inline-block; }
      .m-social.f-horizontal button.c-glyph[aria-expanded="false"]:after, .m-social.f-horizontal button.c-glyph[data-js-toggle="false"]:after,
      .c-social.f-horizontal button.c-glyph[aria-expanded="false"]:after,
      .c-social.f-horizontal button.c-glyph[data-js-toggle="false"]:after {
        content: ""; }
      .m-social.f-horizontal button.c-glyph[aria-expanded="true"]:after, .m-social.f-horizontal button.c-glyph[data-js-toggle="true"]:after,
      .c-social.f-horizontal button.c-glyph[aria-expanded="true"]:after,
      .c-social.f-horizontal button.c-glyph[data-js-toggle="true"]:after {
        content: ""; }
  .m-social.f-vertical,
  .c-social.f-vertical {
    /** ul shape added in v.1.10.0 **/
    /** TODO: Remove > a in v.2.0 **/ }
    .m-social.f-vertical > a,
    .m-social.f-vertical ul > li > a,
    .c-social.f-vertical > a,
    .c-social.f-vertical ul > li > a {
      display: block;
      margin-bottom: 12px;
      margin-right: 0; }
    .m-social.f-vertical button,
    .c-social.f-vertical button {
      /** aria-expanded deprecated v.1.10.0 **/
      /** TODO: Remove aria-expanded in v.2.0 **/
      /** aria-expanded deprecated v.1.10.0 **/
      /** TODO: Remove aria-expanded in v.2.0 **/ }
      .m-social.f-vertical button[aria-hidden="false"],
      .c-social.f-vertical button[aria-hidden="false"] {
        display: block; }
      .m-social.f-vertical button.c-glyph[aria-expanded="false"]:after, .m-social.f-vertical button.c-glyph[data-js-toggle="false"]:after,
      .c-social.f-vertical button.c-glyph[aria-expanded="false"]:after,
      .c-social.f-vertical button.c-glyph[data-js-toggle="false"]:after {
        font-family: "MWF-MDL2";
        content: ""; }
      .m-social.f-vertical button.c-glyph[aria-expanded="true"]:after, .m-social.f-vertical button.c-glyph[data-js-toggle="true"]:after,
      .c-social.f-vertical button.c-glyph[aria-expanded="true"]:after,
      .c-social.f-vertical button.c-glyph[data-js-toggle="true"]:after {
        font-family: "MWF-MDL2";
        content: ""; }
  @media only screen and (max-width: 767px) {
    .m-social,
    .c-social {
      margin-top: 36px; } }

/* 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-track-list > [class^="c-heading"] {
  margin-bottom: 24px; }

.m-track-list > div {
  display: table;
  border-collapse: collapse; }
  .m-track-list > div .c-track-list-placement.f-row-click:hover {
    background: #E3E3E3; }
  .m-track-list > div .c-track-list-placement.f-row-click:focus {
    outline: 1px dashed rgba(0, 0, 0, 0.6); }
  .m-track-list > div .c-track-list-placement.f-row-click:active {
    background: #ACACAC; }

.m-track-list.f-lean .c-track-list-placement.f-size-small.f-wide > div:nth-child(3) {
  max-width: 250px; }

.m-track-list.f-lean .c-track-list-placement.f-size-small.f-wide > div > .c-button {
  margin: 6px 0; }

.m-typographic-intro {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: relative;
  width: 100%;
  height: 150px; }
  @media only screen and (min-width: 540px) {
    .m-typographic-intro {
      height: 250px; } }
  @media only screen and (min-width: 768px) {
    .m-typographic-intro {
      height: 300px; } }
  @media only screen and (min-width: 1084px) {
    .m-typographic-intro {
      height: 360px; } }
  .m-typographic-intro.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: 700;
        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: 700;
            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; } }