@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, .overlay h2, h2, h4, legend, h5, h6, p, dt, dd, fieldset, .accordion .trigger, .overlay .content ol, .overlay .content ul, .generic-article ul li, .generic-article article ol, .generic-article article ul, .article-accordion .trigger, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/**
 * Display grid mixin
 *
 * @mixin
 * @section Polar mixins
 */
/**
 * Display inline-grid mixin
 *
 * @mixin
 * @section Polar mixins
 */
/**
 * Display grid child columns
 *
 * @mixin
 * @section Polar mixins
 */
/**
 * Display grid child rows
 *
 * @mixin
 * @section Polar mixins
 */
/**
 * Horizontal gradient
 *
 * @mixin
 * @section Polar mixins
 */
/**
 * Horizontal gradient
 *
 * @mixin
 * @section Polar mixins
 */
/**
 * Polar Red
 *
 * @color
 * @section Polar colors
 */
/**
 * Polar Dark Red
 *
 * @color
 * @section Polar web support colors
 */
/**
 * Polar Gray
 *
 * @color
 * @section Polar web support colors
 */
/**
 * Polar Black
 *
 * @color
 * @section Polar colors
 */
/**
 * Polar Light Gray
 *
 * @color
 * @section Polar web support colors
 */
/**
 * Polar Symbol red
 *
 * @color
 * @section Polar web support colors
 */
/**
 * Polar Lighter Gray
 *
 * @color
 * @section Polar web support colors
 */
/**
 * Heading font italic
 *
 * @font
 * @section Fonts
 */
@font-face {
  font-family: 'Druk Cy Web';
  src: url("../../fonts/Druk-MediumItalic-Cy-Web.eot");
  src: url("../../fonts/Druk-MediumItalic-Cy-Web.eot?#iefix") format("embedded-opentype"), url("../../fonts/Druk-MediumItalic-Cy-Web.woff2") format("woff2"), url("../../fonts/Druk-MediumItalic-Cy-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
  font-display: swap; }

@font-face {
  font-family: 'Druk Cy Web HeavyItalic';
  src: url("../../fonts/Druk-HeavyItalic-Cy-Web.woff2") format("woff2"), url("../../fonts/Druk-HeavyItalic-Cy-Web.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-stretch: normal;
  font-display: swap; }

/**
 * Heading font
 *
 * @font
 * @section Fonts
 */
@font-face {
  font-family: 'Druk Cy Web';
  src: url("../../fonts/Druk-Medium-Cy-Web.eot");
  src: url("../../fonts/Druk-Medium-Cy-Web.eot?#iefix") format("embedded-opentype"), url("../../fonts/Druk-Medium-Cy-Web.woff2") format("woff2"), url("../../fonts/Druk-Medium-Cy-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-display: swap; }

.Druk-MediumItalic-Cy-Web, h2, .generic-article .quote p:first-child:before, .generic-article .quote dt:first-child:before, .generic-article .quote dd:first-child:before, .generic-article .quote fieldset:first-child:before, .generic-article .quote .accordion .trigger:first-child:before, .accordion .generic-article .quote .trigger:first-child:before, .generic-article .quote .overlay .content ol:first-child:before, .overlay .content .generic-article .quote ol:first-child:before, .generic-article .quote .overlay .content ul:first-child:before, .overlay .content .generic-article .quote ul:first-child:before, .generic-article .quote ul li:first-child:before, .generic-article ul .quote li:first-child:before, .generic-article .quote article ol:first-child:before, .generic-article article .quote ol:first-child:before, .generic-article .quote article ul:first-child:before, .generic-article article .quote ul:first-child:before, .generic-article .quote .article-accordion .trigger:first-child:before, .article-accordion .generic-article .quote .trigger:first-child:before, .generic-article .quote p:last-child:after, .generic-article .quote dt:last-child:after, .generic-article .quote dd:last-child:after, .generic-article .quote fieldset:last-child:after, .generic-article .quote .accordion .trigger:last-child:after, .accordion .generic-article .quote .trigger:last-child:after, .generic-article .quote .overlay .content ol:last-child:after, .overlay .content .generic-article .quote ol:last-child:after, .generic-article .quote .overlay .content ul:last-child:after, .overlay .content .generic-article .quote ul:last-child:after, .generic-article .quote ul li:last-child:after, .generic-article ul .quote li:last-child:after, .generic-article .quote article ol:last-child:after, .generic-article article .quote ol:last-child:after, .generic-article .quote article ul:last-child:after, .generic-article article .quote ul:last-child:after, .generic-article .quote .article-accordion .trigger:last-child:after, .article-accordion .generic-article .quote .trigger:last-child:after {
  font-family: 'Druk Cy Web', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: italic;
  font-stretch: normal; }

.Druk-MediumItalic-Cy-Web-HeavyItalic, h1 {
  font-family: 'Druk Cy Web HeavyItalic', Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-stretch: normal; }

.Druk-Medium-Cy-Web, h3, .overlay h2, h2, h4, legend, .accordion .trigger:before, .article-accordion .trigger:before {
  font-family: 'Druk Cy Web', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideFromRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes slideFromLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

html, body {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1 {
  text-transform: uppercase;
  font-size: 3.5rem;
  line-height: 3.4375rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 641px) {
    h1 {
      font-size: 7.5vw;
      line-height: 6.8vw; } }

h2 {
  text-transform: uppercase;
  font-size: 3.5rem;
  line-height: 3.4375rem;
  margin-bottom: 2.5rem; }
  @media screen and (min-width: 641px) {
    h2 {
      font-size: 5vw;
      line-height: 4.7vw; } }

h3, .overlay h2, h2 {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 2.25rem;
  line-height: 2.25rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 1025px) {
    h3, .overlay h2, h2 {
      font-size: 2.5vw;
      line-height: 2.5vw; } }

h4, legend {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 2rem; }
  @media screen and (min-width: 1025px) {
    h4, legend {
      font-size: 1.85vw;
      line-height: 1.85vw; } }

h5 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 1rem; }

h1 span.collab, h2 span.collab {
  text-transform: none;
  font-style: normal;
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  font-size: 0.75em;
  vertical-align: top;
  margin: 0 0.1em; }

p, dt, dd, fieldset, .accordion .trigger, .overlay .content ol, .overlay .content ul, .generic-article ul li, .generic-article article ol, .generic-article article ul, .article-accordion .trigger {
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0.01em;
  margin: 0 0 1.5rem; }
  @media screen and (min-width: 641px) {
    p, dt, dd, fieldset, .accordion .trigger, .overlay .content ol, .overlay .content ul, .generic-article ul li, .generic-article article ol, .generic-article article ul, .article-accordion .trigger {
      font-size: 1.25rem;
      line-height: 1.625rem; } }
  @media screen and (min-width: 1920px) {
    p, dt, dd, fieldset, .accordion .trigger, .overlay .content ol, .overlay .content ul, .generic-article ul li, .generic-article article ol, .generic-article article ul, .article-accordion .trigger {
      font-size: 1.04vw;
      line-height: 1.3em; } }

.note {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  letter-spacing: 0.01em;
  margin: 0 0 1.5rem; }

* a {
  color: #000000;
  text-decoration: none; }
  * a:hover {
    color: #d10027; }

p a, dt a, dd a, fieldset a, .accordion .trigger a, .overlay .content ol a, .overlay .content ul a, .generic-article ul li a, .generic-article article ol a, .generic-article article ul a, .article-accordion .trigger a, .link-list a {
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 0.05em;
  color: #d10027;
  background: transparent;
  text-transform: uppercase;
  text-decoration: underline; }
  p a:hover, dt a:hover, dd a:hover, fieldset a:hover, .accordion .trigger a:hover, .overlay .content ol a:hover, .overlay .content ul a:hover, .generic-article ul li a:hover, .generic-article article ol a:hover, .generic-article article ul a:hover, .article-accordion .trigger a:hover, p a:focus, dt a:focus, dd a:focus, fieldset a:focus, .accordion .trigger a:focus, .overlay .content ol a:focus, .overlay .content ul a:focus, .generic-article ul li a:focus, .generic-article article ol a:focus, .generic-article article ul a:focus, .article-accordion .trigger a:focus, .link-list a:hover, .link-list a:focus {
    color: #000000; }

a {
  transition: all .2s ease-in-out; }

a.easier {
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0;
  font-weight: 400;
  text-transform: none; }

dt {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.1em;
  letter-spacing: 0.01em;
  margin: 0 0 0.5rem; }
  @media screen and (min-width: 641px) {
    dt {
      font-size: 1.375rem; } }
  @media screen and (min-width: 1920px) {
    dt {
      font-size: 1.1vw; } }

dd strong {
  font-weight: bold; }

dd em {
  font-style: italic; }

input,
button,
select,
textarea {
  margin: 0;
  border: none;
  outline: 0;
  border-style: none; }
  input:focus,
  button:focus,
  select:focus,
  textarea:focus {
    outline: none; }

textarea {
  overflow: auto; }

form {
  margin: 0 0 1.5rem 0; }

input[type="text"],
input[type="number"],
input[type="email"],
input[type="file"],
textarea {
  background: #fff;
  border: 1px solid #999999;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  line-height: 1.0625rem;
  padding: 0.625rem 1.25rem; }
  input[type="text"].block,
  input[type="number"].block,
  input[type="email"].block,
  input[type="file"].block,
  textarea.block {
    display: block;
    width: 100%;
    margin-bottom: 1rem; }
    input[type="text"].block.has-wrapper,
    input[type="number"].block.has-wrapper,
    input[type="email"].block.has-wrapper,
    input[type="file"].block.has-wrapper,
    textarea.block.has-wrapper {
      margin-bottom: 0; }
  input[type="text"].flat,
  input[type="number"].flat,
  input[type="email"].flat,
  input[type="file"].flat,
  textarea.flat {
    border-color: transparent; }

input[type="date"] {
  background: #fff;
  border: 1px solid #999999;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  line-height: 1.0625rem;
  padding: 0.625rem 1.25rem;
  display: block;
  margin-bottom: 1rem; }

textarea {
  width: 100%;
  min-height: 7.5rem; }

label {
  font-size: 1rem;
  letter-spacing: 0.01em;
  line-height: 1.25rem;
  display: block;
  margin-bottom: 0.5rem; }
  label.required:after {
    position: absolute;
    content: '*';
    color: #c22032;
    padding-left: 8px;
    font-weight: 700; }
  input + label {
    margin: 1.5rem 0 0.5rem 0; }
    input + label span {
      font-weight: 700;
      color: #d10027; }
    input + label a {
      color: #d10027;
      background: transparent;
      text-transform: uppercase;
      text-decoration: none; }
      input + label a:hover, input + label a:focus {
        color: #000000; }

.select-block {
  border: 1px solid #999999;
  overflow: hidden;
  background-image: url("../../img/asset/select_arrow.png");
  background-repeat: no-repeat;
  background-position: 98% 50%;
  display: inline-block;
  background-color: #fff; }
  .select-block.block {
    display: block;
    width: 100%;
    margin-bottom: 1rem; }
    .select-block.block.has-wrapper {
      margin-bottom: 0; }
  .select-block.text-center select {
    text-align: center; }
  .select-block.flat {
    border-color: transparent; }
  .select-block select {
    border: none;
    box-shadow: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: none;
    padding: 0.625rem 1.25rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    line-height: 1.0625rem;
    padding: 0.625rem 1.25rem;
    text-align: left;
    width: 100%; }
  .select-block select::-ms-expand {
    display: none; }

.form-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  padding-right: 1rem;
  cursor: pointer;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .form-checkbox.block {
    display: block;
    margin-bottom: 1rem; }
  .form-checkbox input.fancy-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .form-checkbox input.fancy-checkbox:checked ~ .box {
      border-color: #d10027; }
      .form-checkbox input.fancy-checkbox:checked ~ .box:after {
        transform: rotate(45deg) scale(1);
        border-color: #d10027; }
  .form-checkbox .box {
    position: absolute;
    background: #fff;
    top: -4px;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #999999; }
    .form-checkbox .box:after {
      position: absolute;
      top: 4px;
      left: 8px;
      content: "";
      width: 6px;
      height: 12px;
      border: solid transparent;
      border-width: 0 2px 2px 0;
      transform: rotate(45deg) scale(0.7);
      transition: all 0.2s; }

.form-radio {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  padding-right: 1rem;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  cursor: pointer;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .form-radio.block {
    display: block;
    margin-bottom: 1rem; }
  .form-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .form-radio input:checked ~ .dot {
      border-color: #d10027; }
      .form-radio input:checked ~ .dot:after {
        background: #d10027;
        transform: scale(1);
        border-radius: 100%; }
  .form-radio .dot {
    position: absolute;
    top: -4px;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #999999;
    border-radius: 100%;
    background: #fff;
    transition: all 0.2s; }
    .form-radio .dot:after {
      position: absolute;
      display: block;
      width: 9px;
      height: 9px;
      top: 7px;
      left: 7px;
      transform: scale(0.7);
      content: "";
      border-radius: 100%;
      transition: all 0.3s; }

.button {
  display: inline-block;
  cursor: pointer;
  font-family: 'Roboto Condensed', 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  line-height: 1.25rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  background-color: #d10027 !important;
  color: #fff !important;
  padding: 0.8125rem 1.875rem;
  transition: all .2s ease-in-out;
  margin-bottom: 1rem; }
  input + .button {
    padding: 9px 15px;
    line-height: 1.3125rem; }
  .button.info, .button.ghost {
    background-color: transparent !important;
    color: #4d4d4d !important;
    border: 2px solid #999999;
    padding: 0.9375rem 1.875rem; }
    .button.info:hover, .button.info:focus, p .button.info:hover, dt .button.info:hover, dd .button.info:hover, fieldset .button.info:hover, .accordion .trigger .button.info:hover, .overlay .content ol .button.info:hover, .overlay .content ul .button.info:hover, .generic-article ul li .button.info:hover, .generic-article article ol .button.info:hover, .generic-article article ul .button.info:hover, .article-accordion .trigger .button.info:hover, p .button.info:focus, dt .button.info:focus, dd .button.info:focus, fieldset .button.info:focus, .accordion .trigger .button.info:focus, .overlay .content ol .button.info:focus, .overlay .content ul .button.info:focus, .generic-article ul li .button.info:focus, .generic-article article ol .button.info:focus, .generic-article article ul .button.info:focus, .article-accordion .trigger .button.info:focus, .button.ghost:hover, .button.ghost:focus, p .button.ghost:hover, dt .button.ghost:hover, dd .button.ghost:hover, fieldset .button.ghost:hover, .accordion .trigger .button.ghost:hover, .overlay .content ol .button.ghost:hover, .overlay .content ul .button.ghost:hover, .generic-article ul li .button.ghost:hover, .generic-article article ol .button.ghost:hover, .generic-article article ul .button.ghost:hover, .article-accordion .trigger .button.ghost:hover, p .button.ghost:focus, dt .button.ghost:focus, dd .button.ghost:focus, fieldset .button.ghost:focus, .accordion .trigger .button.ghost:focus, .overlay .content ol .button.ghost:focus, .overlay .content ul .button.ghost:focus, .generic-article ul li .button.ghost:focus, .generic-article article ol .button.ghost:focus, .generic-article article ul .button.ghost:focus, .article-accordion .trigger .button.ghost:focus {
      border-color: #a7001f; }
    input + .button.info, input + .button.ghost {
      padding: 7px 15px;
      line-height: 1.3125rem; }
  .button.inverse {
    background-color: transparent !important;
    color: #fff !important;
    border: 2px solid #fff;
    padding: 0.9375rem 1.875rem; }
    .button.inverse:hover, .button.inverse:focus, p .button.inverse:hover, dt .button.inverse:hover, dd .button.inverse:hover, fieldset .button.inverse:hover, .accordion .trigger .button.inverse:hover, .overlay .content ol .button.inverse:hover, .overlay .content ul .button.inverse:hover, .generic-article ul li .button.inverse:hover, .generic-article article ol .button.inverse:hover, .generic-article article ul .button.inverse:hover, .article-accordion .trigger .button.inverse:hover, p .button.inverse:focus, dt .button.inverse:focus, dd .button.inverse:focus, fieldset .button.inverse:focus, .accordion .trigger .button.inverse:focus, .overlay .content ol .button.inverse:focus, .overlay .content ul .button.inverse:focus, .generic-article ul li .button.inverse:focus, .generic-article article ol .button.inverse:focus, .generic-article article ul .button.inverse:focus, .article-accordion .trigger .button.inverse:focus {
      border-color: #a7001f; }
    input + .button.inverse {
      padding: 7px 15px;
      line-height: 1.3125rem; }
  .button.secondary {
    padding: 9px 15px;
    line-height: 1.3125rem; }
  .button.secondary.info {
    padding: 8px 14px;
    line-height: 1.3125rem; }
  @media screen and (min-width: 641px) {
    .button {
      font-size: 0.875rem;
      padding: 1.0625rem 1.875rem; } }
  .button:hover, .button:focus, p .button:hover, dt .button:hover, dd .button:hover, fieldset .button:hover, .accordion .trigger .button:hover, .overlay .content ol .button:hover, .overlay .content ul .button:hover, .generic-article ul li .button:hover, .generic-article article ol .button:hover, .generic-article article ul .button:hover, .article-accordion .trigger .button:hover, p .button:focus, dt .button:focus, dd .button:focus, fieldset .button:focus, .accordion .trigger .button:focus, .overlay .content ol .button:focus, .overlay .content ul .button:focus, .generic-article ul li .button:focus, .generic-article article ol .button:focus, .generic-article article ul .button:focus, .article-accordion .trigger .button:focus {
    background-color: #a7001f !important;
    color: #fff !important; }
  .button.is-disabled {
    background-color: #e5e5e5 !important;
    color: #999999 !important;
    cursor: default; }
    .button.is-disabled:hover, .button.is-disabled:focus, p .button.is-disabled:hover, dt .button.is-disabled:hover, dd .button.is-disabled:hover, fieldset .button.is-disabled:hover, .accordion .trigger .button.is-disabled:hover, .overlay .content ol .button.is-disabled:hover, .overlay .content ul .button.is-disabled:hover, .generic-article ul li .button.is-disabled:hover, .generic-article article ol .button.is-disabled:hover, .generic-article article ul .button.is-disabled:hover, .article-accordion .trigger .button.is-disabled:hover, p .button.is-disabled:focus, dt .button.is-disabled:focus, dd .button.is-disabled:focus, fieldset .button.is-disabled:focus, .accordion .trigger .button.is-disabled:focus, .overlay .content ol .button.is-disabled:focus, .overlay .content ul .button.is-disabled:focus, .generic-article ul li .button.is-disabled:focus, .generic-article article ol .button.is-disabled:focus, .generic-article article ul .button.is-disabled:focus, .article-accordion .trigger .button.is-disabled:focus {
      background-color: #e5e5e5 !important;
      color: #999999 !important; }
  .button.block {
    display: block;
    width: 100%; }

.watch {
  display: block;
  width: auto;
  font-family: 'Roboto Condensed', 'Roboto', sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: transparent;
  transition: all .2s ease-in-out; }
  .watch span {
    display: inline-block;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    transition: all .2s ease-in-out; }
    @media screen and (min-width: 641px) {
      .watch span {
        width: 86px;
        height: 86px; } }
    .watch span img {
      display: inline-block;
      max-height: 100%;
      max-width: 100%; }
  .watch h3, .watch h2 {
    font-size: 0.75rem; }
    @media screen and (min-width: 641px) {
      .watch h3, .watch h2 {
        font-size: 0.875rem; } }
  .watch:hover, .watch:focus {
    color: #fff; }
    .watch:hover span, .watch:focus span {
      background: rgba(255, 255, 255, 0.3); }

[data-clickable*="yes"]:hover {
  cursor: pointer; }

.has-top-gradient::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  /* fallback/image non-cover color */
  background-color: rgba(0, 0, 0, 0.3);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  /* Standard */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 ); }

.has-bottom-gradient::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  /* fallback/image non-cover color */
  background-color: transparent;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Standard */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 ); }

.has-dark-top-gradient::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  /* fallback/image non-cover color */
  background-color: rgba(0, 0, 0, 0.7);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* Standard */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 ); }

.has-dark-bottom-gradient::after {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  /* fallback/image non-cover color */
  background-color: transparent;
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Safari 5.1+, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* IE10+ */
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Standard */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
  /* IE6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=0 ); }

.clearfix:after, .generic-article:after, .generic-article article:after, section.article-landing:after, .section-oversize:after, .clearfix:before, .generic-article:before, .generic-article article:before, section.article-landing:before, .section-oversize:before {
  content: " ";
  display: table;
  clear: both; }

.block-as-inline img, .block-as-inline h1, .block-as-inline h2, .block-as-inline h3, .block-as-inline h2, .block-as-inline h4, .block-as-inline legend, .block-as-inline p, .block-as-inline dt, .block-as-inline dd, .block-as-inline fieldset, .block-as-inline .accordion .trigger, .accordion .block-as-inline .trigger, .block-as-inline .overlay .content ol, .overlay .content .block-as-inline ol, .block-as-inline .overlay .content ul, .overlay .content .block-as-inline ul, .block-as-inline .generic-article ul li, .generic-article ul .block-as-inline li, .block-as-inline .generic-article article ol, .generic-article article .block-as-inline ol, .block-as-inline .generic-article article ul, .generic-article article .block-as-inline ul, .block-as-inline .article-accordion .trigger, .article-accordion .block-as-inline .trigger {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-check {
  position: absolute;
  top: 6px;
  left: 0px;
  content: "";
  width: 9px;
  height: 15px;
  border: solid #000000;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg) scale(0.8); }
  .icon-check.ok {
    border-color: #6acc2b; }
  .icon-check.nok {
    border-color: #d10027; }

.js-lazy-image, .lazyloading {
  opacity: 0;
  min-height: 150px; }

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
  height: auto; }

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

html, body {
  font-size: 16px;
  letter-spacing: 0.01em;
  margin: 0;
  padding: 0;
  background: #e5e5e5; }

main {
  background: #fff; }
  @media screen and (min-width: 1025px) {
    main {
      display: block;
      min-height: 400px; } }

body.prevent-scroll {
  overflow: hidden; }

@media screen and (max-width: 1025px) {
  .hidden-mobile {
    display: none !important; } }

@media screen and (min-width: 1025px) {
  .hidden-desktop {
    display: none !important; } }

body.prevent-scroll main, body.prevent-scroll .header-position, body.prevent-scroll footer {
  transition: opacity 0.3s ease-in-out;
  opacity: 0.2; }

.wrap-inline-elements {
  display: block;
  position: relative;
  padding: 0;
  margin: 1.5rem 0 2rem; }

.buy-ui-accordion [data-accordion='toggle'] {
  cursor: pointer; }

.buy-ui-accordion > div {
  overflow: hidden;
  height: auto;
  max-height: 0;
  transition: max-height 0.2s cubic-bezier(0.3, 0.51, 0.84, 0.65); }
  .buy-ui-accordion > div.open {
    max-height: 1000px; }

.accordion .trigger {
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 2rem;
  position: relative;
  color: #d10027;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s; }
  .accordion .trigger:hover {
    color: #a7001f; }
  .accordion .trigger:before {
    position: absolute;
    content: '+';
    left: 0;
    margin-top: -3px;
    transition: all 0.3s;
    font-size: 2.5rem; }
  .accordion .trigger.is-active:before {
    content: '-'; }
  .accordion .trigger.is-active {
    border-bottom-color: transparent; }

.accordion .content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-out; }
  .accordion .content.open {
    max-height: 3000px;
    overflow: visible;
    transition: max-height 0.5s ease-in; }
    .accordion .content.open .wrap {
      opacity: 1; }

.accordion .wrap {
  padding: 2rem;
  opacity: 0;
  transition: opacity 0.6s; }

iframe {
  margin-bottom: 2rem;
  max-width: 100%; }

.embed-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 2rem;
  overflow: hidden; }
  .embed-container iframe, .embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.icon-search {
  background-image: url("../../img/asset/icon-search.svg"); }

.icon-menu {
  background-image: url("../../img/asset/icon-menu.svg"); }

.icon-close {
  background-image: url("../../img/asset/icon-exit.svg"); }

.icon-arrow-down {
  background-image: url("../../img/asset/icon-arrow-down.svg"); }

.icon-marker {
  background-image: url("../../img/asset/icon-marker.svg"); }

header.global-navigation-block {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: block;
  position: relative;
  background: #fff;
  z-index: 800;
  width: 100%;
  margin-bottom: 60px;
  border-bottom: 1px solid transparent; }
  @media screen and (min-width: 1025px) {
    header.global-navigation-block {
      position: sticky;
      top: 0px;
      left: 0px;
      margin-bottom: 0px; } }
  header.global-navigation-block nav {
    width: 100%; }
    @media screen and (min-width: 1025px) {
      header.global-navigation-block nav {
        min-height: 58px; } }
  header.global-navigation-block .tree {
    position: absolute;
    width: 100%;
    background: #fff; }
    @media screen and (min-width: 1025px) {
      header.global-navigation-block .tree {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        header.global-navigation-block .tree li {
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap; } }
    header.global-navigation-block .tree .primary {
      display: none; }
      header.global-navigation-block .tree .primary.active {
        display: block; }
      @media screen and (min-width: 1025px) {
        header.global-navigation-block .tree .primary {
          display: -ms-inline-flexbox;
          display: -webkit-inline-flex;
          display: inline-flex; } }
    header.global-navigation-block .tree .caret-wrapper {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    header.global-navigation-block .tree .top-level {
      font-weight: 700;
      text-transform: uppercase;
      padding: 1rem;
      display: block;
      position: relative;
      width: 100%;
      font-size: 0.875rem;
      font-family: 'Roboto Condensed', 'Roboto', sans-serif; }
      @media screen and (min-width: 1025px) {
        header.global-navigation-block .tree .top-level {
          display: inline;
          width: auto; } }
      header.global-navigation-block .tree .top-level.media-link {
        color: #d10027; }
        header.global-navigation-block .tree .top-level.media-link:before {
          content: '';
          position: absolute;
          left: 5px;
          top: 19px;
          border-radius: 100%;
          width: 5px;
          height: 5px;
          background: #d10027;
          animation: blink 2s infinite; }
      header.global-navigation-block .tree .top-level img {
        width: 26px;
        height: 26px; }
    header.global-navigation-block .tree .dropdown-container {
      background: #f2f2f2;
      display: none;
      width: 100%; }
      header.global-navigation-block .tree .dropdown-container.active {
        display: block; }
      header.global-navigation-block .tree .dropdown-container .extra-items {
        display: none; }
      @media screen and (min-width: 1025px) {
        header.global-navigation-block .tree .dropdown-container {
          width: 100%;
          position: absolute;
          left: 0px;
          top: 56px;
          padding-left: 1rem;
          padding-top: 2rem;
          display: none;
          background: #fff;
          display: none; }
          header.global-navigation-block .tree .dropdown-container.active {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex; }
          header.global-navigation-block .tree .dropdown-container .menu-items {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1; }
          header.global-navigation-block .tree .dropdown-container .extra-items {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            min-height: 400px;
            background-color: #000000;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            color: #fff;
            padding: 2rem;
            text-align: center;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 2rem;
            margin-bottom: 2rem; }
            header.global-navigation-block .tree .dropdown-container .extra-items > div {
              max-width: 100%; } }
    header.global-navigation-block .tree .dropdown {
      background: #f2f2f2; }
      header.global-navigation-block .tree .dropdown.active {
        display: block; }
      @media screen and (min-width: 1025px) {
        header.global-navigation-block .tree .dropdown {
          background: #fff;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          align-items: flex-start;
          -ms-flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap; } }
      header.global-navigation-block .tree .dropdown .top-category {
        font-weight: 700;
        font-size: 0.875rem;
        padding: 1rem;
        display: block;
        position: relative;
        width: 100%; }
      header.global-navigation-block .tree .dropdown .desktop-wrapper {
        width: 100%; }
        @media screen and (min-width: 1025px) {
          header.global-navigation-block .tree .dropdown .desktop-wrapper {
            width: 20%;
            flex-basis: 20%;
            flex-grow: 1; } }
      header.global-navigation-block .tree .dropdown .category {
        background: #e5e5e5;
        width: 100%;
        display: none; }
        header.global-navigation-block .tree .dropdown .category.active {
          display: block; }
        @media screen and (min-width: 1025px) {
          header.global-navigation-block .tree .dropdown .category {
            background: #fff;
            display: block;
            margin-bottom: 1rem; } }
        header.global-navigation-block .tree .dropdown .category li {
          display: block; }
          header.global-navigation-block .tree .dropdown .category li a {
            padding-left: 1rem;
            padding-right: 1rem;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            display: block;
            font-size: 0.875rem;
            line-height: 1.125rem; }
        header.global-navigation-block .tree .dropdown .category .inline-note {
          font-weight: 700;
          text-transform: uppercase;
          margin-left: 6px;
          font-size: 0.8125rem;
          color: #fff;
          padding: 2px 6px;
          background: #a7001f;
          border-radius: 2px; }
  header.global-navigation-block .home {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-pack: start;
    padding-left: 1rem;
    padding-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    padding-right: 1rem; }
    @media screen and (min-width: 1025px) {
      header.global-navigation-block .home {
        padding-left: 2rem;
        width: auto; } }
    header.global-navigation-block .home img {
      width: 100%;
      max-width: 150px;
      height: auto;
      display: block; }
    header.global-navigation-block .home .logo {
      margin-right: auto;
      min-height: 28px;
      min-width: 150px; }
  @media screen and (min-width: 1025px) {
    header.global-navigation-block .mobile-nav {
      display: none; } }
  header.global-navigation-block .mobile-nav img {
    width: 26px;
    height: 26px; }
  header.global-navigation-block .icon-mobile-menu {
    background-image: url(../../img/asset/icon-menu.svg); }
    header.global-navigation-block .icon-mobile-menu.on {
      background-image: url(../../img/asset/icon-exit.svg); }
  header.global-navigation-block .icon-mobile-search {
    background-image: url(../../img/asset/icon-search.svg); }
  header.global-navigation-block .icon-mobile-shop {
    background-image: url(../../img/asset/icon-cart.svg); }
  header.global-navigation-block .mobile-menu-icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 26px 26px;
    transition: all 0.3s;
    background-position: center center;
    margin-left: 20px; }
  header.global-navigation-block .arrow-caret {
    width: 40px;
    height: 40px;
    background-image: url(../../img/asset/icon-arrow-down.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
    margin-right: 12px;
    cursor: pointer;
    transition: all 0.3s; }
    header.global-navigation-block .arrow-caret.open {
      transform: rotate(180deg); }
    @media screen and (min-width: 1025px) {
      header.global-navigation-block .arrow-caret {
        display: none; } }
  header.global-navigation-block .global-items {
    margin-left: auto;
    display: none;
    text-align: right; }
    @media screen and (min-width: 1025px) {
      header.global-navigation-block .global-items {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
        padding-right: 1rem; } }
    header.global-navigation-block .global-items .icon-shop {
      padding-left: 0px;
      background-image: url(../../img/asset/icon-cart.svg);
      background-repeat: no-repeat;
      background-size: 26px 26px;
      background-position: left center;
      padding-left: 32px; }
    header.global-navigation-block .global-items .icon-search {
      padding-left: 0px;
      background-image: url(../../img/asset/icon-search.svg);
      background-repeat: no-repeat;
      background-size: 26px 26px;
      background-position: left center;
      padding-left: 32px; }
  header.global-navigation-block .secondary-menu {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    display: none; }
    @media screen and (min-width: 1025px) {
      header.global-navigation-block .secondary-menu {
        text-align: right;
        padding-left: 2rem;
        padding-right: 2rem; } }
    header.global-navigation-block .secondary-menu a {
      font-size: 0.75rem;
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      font-weight: 700;
      text-transform: uppercase;
      border-left: 1px solid #f2f2f2;
      color: #4d4d4d; }
      header.global-navigation-block .secondary-menu a:last-child {
        padding-right: 0px; }
      header.global-navigation-block .secondary-menu a:first-child {
        border-left: none; }
      header.global-navigation-block .secondary-menu a:hover {
        color: #a7001f; }

.global-info-block {
  text-align: center;
  background: #d10027; }
  .global-info-block a {
    color: #fff;
    text-transform: uppercase;
    font-family: Roboto Condensed, Roboto, sans-serif;
    text-transform: uppercase;
    padding: 1rem;
    display: block;
    text-decoration: underline; }
    .global-info-block a:hover {
      background: #000000;
      text-decoration: none; }

.link-list-box {
  display: block;
  width: 100%;
  background: #d10027;
  padding: 2rem;
  color: #fff;
  margin: 0 0 2rem 0; }
  @media screen and (min-width: 481px) {
    .link-list-box {
      float: right;
      width: auto;
      max-width: 50%;
      margin-left: 2rem; } }
  @media screen and (min-width: 1025px) {
    .link-list-box {
      max-width: 30%; } }
  .link-list-box li {
    margin: 0 0 0.5rem 0; }
  .link-list-box a {
    color: #fff !important;
    text-decoration: none; }
    .link-list-box a:hover {
      color: #fff;
      text-decoration: underline; }

.buy-ui {
  /* General sidebar styles end */ }
  .buy-ui .shopping-widget {
    padding: 0; }
    .buy-ui .shopping-widget .options-bar, .buy-ui .shopping-widget .product-bar {
      width: 100%; }
    .buy-ui .shopping-widget .product-bar {
      text-align: center; }
      .buy-ui .shopping-widget .product-bar img {
        display: block;
        max-width: 50%;
        width: auto;
        height: auto;
        margin: 0 auto;
          margin-bottom: 2rem; }
      .buy-ui .shopping-widget .product-bar h1 {
        font-size: 3.5rem;
        line-height: 3.4375rem;
        margin: 0 0 1rem 0; }
      .buy-ui .shopping-widget .product-bar p, .buy-ui .shopping-widget .product-bar dt, .buy-ui .shopping-widget .product-bar dd, .buy-ui .shopping-widget .product-bar fieldset, .buy-ui .shopping-widget .product-bar .accordion .trigger, .accordion .buy-ui .shopping-widget .product-bar .trigger, .buy-ui .shopping-widget .product-bar .overlay .content ol, .overlay .content .buy-ui .shopping-widget .product-bar ol, .buy-ui .shopping-widget .product-bar .overlay .content ul, .overlay .content .buy-ui .shopping-widget .product-bar ul, .buy-ui .shopping-widget .product-bar .generic-article ul li, .generic-article ul .buy-ui .shopping-widget .product-bar li, .buy-ui .shopping-widget .product-bar .generic-article article ol, .generic-article article .buy-ui .shopping-widget .product-bar ol, .buy-ui .shopping-widget .product-bar .generic-article article ul, .generic-article article .buy-ui .shopping-widget .product-bar ul, .buy-ui .shopping-widget .product-bar .article-accordion .trigger, .article-accordion .buy-ui .shopping-widget .product-bar .trigger {
        max-width: 80%;
        margin: 0 auto;
          margin-bottom: 2rem;
        color: #999999; }
    @media screen and (min-width: 641px) {
      .buy-ui .shopping-widget .product-bar {
        float: left;
        width: 40%;
        padding-top: 1rem; }
      .buy-ui .shopping-widget .options-bar {
        float: right;
        width: 60%;
        padding-left: 2%;
        padding-top: 1rem;
        border-left: 1px solid #e5e5e5; }
      .buy-ui .shopping-widget .product-bar img {
        max-width: 80%; } }
    .buy-ui .shopping-widget .form-block {
      margin-bottom: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid #e5e5e5; }
      .buy-ui .shopping-widget .form-block h5 {
        margin-bottom: 0.5em;
        font-size: 0.9375rem;
        font-weight: 700; }
      .buy-ui .shopping-widget .form-block .note {
        display: block;
        font-size: 0.9375rem;
        margin-bottom: 0; }
    .buy-ui .shopping-widget .footer {
      display: block;
      clear: both;
      padding-top: 2rem; }
      .buy-ui .shopping-widget .footer img {
        max-width: 40px;
        margin-top: 1rem;
        border: 1px solid #e5e5e5;
        margin-right: 8px; }
    .buy-ui .shopping-widget p.status, .buy-ui .shopping-widget dt.status, .buy-ui .shopping-widget dd.status, .buy-ui .shopping-widget fieldset.status, .buy-ui .shopping-widget .accordion .status.trigger, .accordion .buy-ui .shopping-widget .status.trigger, .buy-ui .shopping-widget .overlay .content ol.status, .overlay .content .buy-ui .shopping-widget ol.status, .buy-ui .shopping-widget .overlay .content ul.status, .overlay .content .buy-ui .shopping-widget ul.status, .buy-ui .shopping-widget .generic-article ul li.status, .generic-article ul .buy-ui .shopping-widget li.status, .buy-ui .shopping-widget .generic-article article ol.status, .generic-article article .buy-ui .shopping-widget ol.status, .buy-ui .shopping-widget .generic-article article ul.status, .generic-article article .buy-ui .shopping-widget ul.status, .buy-ui .shopping-widget .article-accordion .status.trigger, .article-accordion .buy-ui .shopping-widget .status.trigger {
      font-size: 0.875rem;
      margin: 0;
      padding-top: 4px;
      position: relative;
      display: block;
      padding-left: 20px;
      margin-right: 16px;
      line-height: 1.25rem; }
      .buy-ui .shopping-widget p.status span, .buy-ui .shopping-widget dt.status span, .buy-ui .shopping-widget dd.status span, .buy-ui .shopping-widget fieldset.status span, .buy-ui .shopping-widget .accordion .status.trigger span, .accordion .buy-ui .shopping-widget .status.trigger span, .buy-ui .shopping-widget .overlay .content ol.status span, .overlay .content .buy-ui .shopping-widget ol.status span, .buy-ui .shopping-widget .overlay .content ul.status span, .overlay .content .buy-ui .shopping-widget ul.status span, .buy-ui .shopping-widget .generic-article ul li.status span, .generic-article ul .buy-ui .shopping-widget li.status span, .buy-ui .shopping-widget .generic-article article ol.status span, .generic-article article .buy-ui .shopping-widget ol.status span, .buy-ui .shopping-widget .generic-article article ul.status span, .generic-article article .buy-ui .shopping-widget ul.status span, .buy-ui .shopping-widget .article-accordion .status.trigger span, .article-accordion .buy-ui .shopping-widget .status.trigger span {
        position: absolute;
        top: 6px;
        left: 0px;
        content: "";
        width: 9px;
        height: 15px;
        border: solid #6acc2b;
        border-width: 0 4px 4px 0;
        transform: rotate(45deg) scale(0.8); }
      .buy-ui .shopping-widget p.status.disabled span, .buy-ui .shopping-widget dt.status.disabled span, .buy-ui .shopping-widget dd.status.disabled span, .buy-ui .shopping-widget fieldset.status.disabled span, .buy-ui .shopping-widget .accordion .status.disabled.trigger span, .accordion .buy-ui .shopping-widget .status.disabled.trigger span, .buy-ui .shopping-widget .overlay .content ol.status.disabled span, .overlay .content .buy-ui .shopping-widget ol.status.disabled span, .buy-ui .shopping-widget .overlay .content ul.status.disabled span, .overlay .content .buy-ui .shopping-widget ul.status.disabled span, .buy-ui .shopping-widget .generic-article ul li.status.disabled span, .generic-article ul .buy-ui .shopping-widget li.status.disabled span, .buy-ui .shopping-widget .generic-article article ol.status.disabled span, .generic-article article .buy-ui .shopping-widget ol.status.disabled span, .buy-ui .shopping-widget .generic-article article ul.status.disabled span, .generic-article article .buy-ui .shopping-widget ul.status.disabled span, .buy-ui .shopping-widget .article-accordion .status.disabled.trigger span, .article-accordion .buy-ui .shopping-widget .status.disabled.trigger span {
        border-color: #999999; }
      .buy-ui .shopping-widget p.status.note span, .buy-ui .shopping-widget dt.status.note span, .buy-ui .shopping-widget dd.status.note span, .buy-ui .shopping-widget fieldset.status.note span, .buy-ui .shopping-widget .accordion .status.note.trigger span, .accordion .buy-ui .shopping-widget .status.note.trigger span, .buy-ui .shopping-widget .overlay .content ol.status.note span, .overlay .content .buy-ui .shopping-widget ol.status.note span, .buy-ui .shopping-widget .overlay .content ul.status.note span, .overlay .content .buy-ui .shopping-widget ul.status.note span, .buy-ui .shopping-widget .generic-article ul li.status.note span, .generic-article ul .buy-ui .shopping-widget li.status.note span, .buy-ui .shopping-widget .generic-article article ol.status.note span, .generic-article article .buy-ui .shopping-widget ol.status.note span, .buy-ui .shopping-widget .generic-article article ul.status.note span, .generic-article article .buy-ui .shopping-widget ul.status.note span, .buy-ui .shopping-widget .article-accordion .status.note.trigger span, .article-accordion .buy-ui .shopping-widget .status.note.trigger span {
        content: "";
        left: -4px;
        top: 6px;
        color: #999999;
        width: 18px;
        height: 18px;
        padding: 0;
        border: 1px solid #999999;
          border-radius: 50%;
        transform: none; }
        .buy-ui .shopping-widget p.status.note span::before, .buy-ui .shopping-widget dt.status.note span::before, .buy-ui .shopping-widget dd.status.note span::before, .buy-ui .shopping-widget fieldset.status.note span::before, .buy-ui .shopping-widget .accordion .status.note.trigger span::before, .accordion .buy-ui .shopping-widget .status.note.trigger span::before, .buy-ui .shopping-widget .overlay .content ol.status.note span::before, .overlay .content .buy-ui .shopping-widget ol.status.note span::before, .buy-ui .shopping-widget .overlay .content ul.status.note span::before, .overlay .content .buy-ui .shopping-widget ul.status.note span::before, .buy-ui .shopping-widget .generic-article ul li.status.note span::before, .generic-article ul .buy-ui .shopping-widget li.status.note span::before, .buy-ui .shopping-widget .generic-article article ol.status.note span::before, .generic-article article .buy-ui .shopping-widget ol.status.note span::before, .buy-ui .shopping-widget .generic-article article ul.status.note span::before, .generic-article article .buy-ui .shopping-widget ul.status.note span::before, .buy-ui .shopping-widget .article-accordion .status.note.trigger span::before, .article-accordion .buy-ui .shopping-widget .status.note.trigger span::before {
          content: "i";
          display: block;
          position: absolute;
          top: 0;
          font-weight: 700;
          width: 16px;
          height: 16px;
          padding: 2px 0 0 1px;
          text-align: center;
          line-height: 1em;
          font-size: 12px; }
  .buy-ui .form-color-picker {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    padding-right: 1rem;
    font-size: 0.875rem;
    margin-bottom: 1rem;
    cursor: pointer;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .buy-ui .form-color-picker:hover .dot:after {
      opacity: 1; }
    .buy-ui .form-color-picker input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
      .buy-ui .form-color-picker input:checked ~ .dot {
        border-radius: 0px; }
        .buy-ui .form-color-picker input:checked ~ .dot:after {
          opacity: 1; }
    .buy-ui .form-color-picker .dot {
      position: absolute;
      top: -5px;
      left: 0;
      height: 25px;
      width: 25px;
      border: 1px solid transparent;
      border-radius: 100%;
      background: #fff;
      transition: all 0.2s; }
      .buy-ui .form-color-picker .dot.white {
        background: white;
        border-color: #999999; }
        .buy-ui .form-color-picker .dot.white:after {
          border: solid #000;
          border-width: 0 2px 2px 0;
          transform: rotate(45deg); }
      .buy-ui .form-color-picker .dot.orange, .buy-ui .form-color-picker .dot.orange2 {
        background: #fc754f; }
      .buy-ui .form-color-picker .dot.black {
        background: #000; }
      .buy-ui .form-color-picker .dot.blue {
        background: #2a57bc; }
      .buy-ui .form-color-picker .dot.blue2 {
        background: #434561; }
      .buy-ui .form-color-picker .dot.blue3 {
        background: #425a70; }
      .buy-ui .form-color-picker .dot.red {
        background: #d10027; }
      .buy-ui .form-color-picker .dot.pink {
        background: #f13b6e; }
      .buy-ui .form-color-picker .dot.yellow {
        background: #f7df3d; }
      .buy-ui .form-color-picker .dot.grey, .buy-ui .form-color-picker .dot.gray {
        background: #babcbb; }
      .buy-ui .form-color-picker .dot.green {
        background: #4c6208; }
      .buy-ui .form-color-picker .dot.neongreen {
        background: #6ee23c; }
      .buy-ui .form-color-picker .dot.violet {
        background: #5d4092; }
      .buy-ui .form-color-picker .dot.ivory {
        background: #eeedeb; }
      .buy-ui .form-color-picker .dot.ruby {
        background: #c4376a; }
      .buy-ui .form-color-picker .dot.petrol {
        background: #3e6466; }
      .buy-ui .form-color-picker .dot.turquoise {
        background: #669999; }
      .buy-ui .form-color-picker .dot.aqua {
        background: #00b1be; }
      .buy-ui .form-color-picker .dot.leather {
        background: #5b5352; }
      .buy-ui .form-color-picker .dot.havu {
        background: #6a735a; }
      .buy-ui .form-color-picker .dot.black-tundra {
        background: #484848; }
      .buy-ui .form-color-picker .dot.green-tundra {
        background: #a3a79e; }
      .buy-ui .form-color-picker .dot.black-red {
        background: #000000;
        background: -moz-linear-gradient(-45deg, #000000 0%, #000000 50%, #d10027 50%, #d10027 100%);
        background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 50%, #d10027 50%, #d10027 100%);
        background: linear-gradient(135deg, #000000 0%, #000000 50%, #d10027 50%, #d10027 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$polar-black, endColorstr=$polar-red,GradientType=1 );
        border: none; }
      .buy-ui .form-color-picker .dot.black-silver {
        background: #000000;
        background: -moz-linear-gradient(-45deg, #000000 0%, #000000 50%, #999999 50%, #999999 100%);
        background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 50%, #999999 50%, #999999 100%);
        background: linear-gradient(135deg, #000000 0%, #000000 50%, #999999 50%, #999999 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$polar-black, endColorstr=$polar-gray,GradientType=1 );
        border: none; }
      .buy-ui .form-color-picker .dot.black-copper {
        background: #000000;
        background: -moz-linear-gradient(-45deg, #000000 0%, #000000 50%, #8f6143 50%, #8f6143 100%);
        background: -webkit-linear-gradient(-45deg, #000000 0%, #000000 50%, #8f6143 50%, #8f6143 100%);
        background: linear-gradient(135deg, #000000 0%, #000000 50%, #8f6143 50%, #8f6143 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$polar-black, endColorstr=#8f6143,GradientType=1 );
        border: none; }
      .buy-ui .form-color-picker .dot.pink-rose {
        background: #fadbd2;
        background: -moz-linear-gradient(-45deg, #fadbd2 0%, #fadbd2 50%, #f4c4b1 50%, #f4c4b1 100%);
        background: -webkit-linear-gradient(-45deg, #fadbd2 0%, #fadbd2 50%, #f4c4b1 50%, #f4c4b1 100%);
        background: linear-gradient(135deg, #fadbd2 0%, #fadbd2 50%, #f4c4b1 50%, #f4c4b1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#fadbd2, endColorstr=#f4c4b1,GradientType=1 );
        border: none; }
      .buy-ui .form-color-picker .dot.white-steel {
        background: #ffffff;
        background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #c2c3c5 50%, #6a6b6d 100%);
        background: -webkit-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #c2c3c5 50%, #6a6b6d 100%);
        background: linear-gradient(135deg, #ffffff 0%, #ffffff 50%, #c2c3c5 50%, #6a6b6d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffff, endColorstr=#c2c3c5,GradientType=1 );
        border-color: #999999; }
        .buy-ui .form-color-picker .dot.white-steel:after {
          border: solid #000;
          border-width: 0 2px 2px 0;
          transform: rotate(45deg); }
      .buy-ui .form-color-picker .dot.havu-steel {
        background: #6a735a;
        background: -moz-linear-gradient(-45deg, #6a735a 0%, #6a735a 50%, #c2c3c5 50%, #6a6b6d 100%);
        background: -webkit-linear-gradient(-45deg, #6a735a 0%, #6a735a 50%, #c2c3c5 50%, #6a6b6d 100%);
        background: linear-gradient(135deg, #6a735a 0%, #6a735a 50%, #c2c3c5 50%, #6a6b6d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#6a735a, endColorstr=#c2c3c5,GradientType=1 );
        border: none; }
      .buy-ui .form-color-picker .dot.mint {
        background: #95b48a; }
      .buy-ui .form-color-picker .dot.blush {
        background: #dbc6bd; }
      .buy-ui .form-color-picker .dot.havu-black {
        background: #6a735a;
        background: -moz-linear-gradient(-45deg, #6a735a 0%, #6a735a 50%, #000000 50%, #000000 100%);
        background: -webkit-linear-gradient(-45deg, #6a735a 0%, #6a735a 50%, #000000 50%, #000000 100%);
        background: linear-gradient(135deg, #6a735a 0%, #6a735a 50%, #000000 50%, #000000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#6a735a, endColorstr=#000000,GradientType=1 );
        border: none; }
      .buy-ui .form-color-picker .dot.plum {
        background: #dbc6bd; }
      .buy-ui .form-color-picker .dot:after {
        position: absolute;
        top: 2px;
        left: 8px;
        content: "";
        width: 8px;
        height: 14px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        transition: all 0.2s;
        opacity: 0; }
  .buy-ui .buy-ui-accessories .form-checkbox {
    margin-bottom: 0.875rem;
    font-size: 0.875rem; }
    .buy-ui .buy-ui-accessories .form-checkbox img {
      height: auto;
      width: 33px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 0.5rem; }
    .buy-ui .buy-ui-accessories .form-checkbox span {
      display: inline;
      vertical-align: middle;
      word-wrap: break-word; }
    .buy-ui .buy-ui-accessories .form-checkbox .box {
      top: 8px; }
  .buy-ui .cart-table {
    width: 100%; }
    .buy-ui .cart-table th {
      display: table-cell;
      padding: 8px 0px 8px 0px;
      vertical-align: middle;
      text-align: left;
      border-bottom: 1px solid #e5e5e5; }
    .buy-ui .cart-table td {
      padding: 1rem 0px 1rem 0px;
      vertical-align: middle;
      border-bottom: 1px solid #e5e5e5; }
    .buy-ui .cart-table img {
      max-width: 50px;
      padding: 0 10px 0 0; }
      @media screen and (min-width: 641px) {
        .buy-ui .cart-table img {
          max-width: 80px;
          padding: 0 10px; } }
    .buy-ui .cart-table .item-title {
      display: block; }
      .buy-ui .cart-table .item-title span {
        font-size: 0.875rem;
        color: #4d4d4d;
        padding-left: 4px; }
    .buy-ui .cart-table .item-description {
      font-size: 0.9375rem;
      color: #666666; }
    .buy-ui .cart-table .item-quantity {
      width: 120px;
      margin-left: auto;
      margin-right: auto; }
      .buy-ui .cart-table .item-quantity .button {
        width: 30px;
        height: 30px;
        padding: 3px;
        font-size: 1.625rem; }
      .buy-ui .cart-table .item-quantity .amount {
        width: 30px;
        height: 30px;
        padding-left: 8px;
        padding-right: 8px;
        display: inline-block; }
    .buy-ui .cart-table td:nth-of-type(3), .buy-ui .cart-table th:nth-of-type(3) {
      text-align: center; }
    .buy-ui .cart-table td:last-of-type, .buy-ui .cart-table th:last-of-type {
      text-align: right; }
  .buy-ui .cart-totals-container {
    float: none;
    width: 100%;
    display: block;
    padding: 0; }
    @media screen and (min-width: 641px) {
      .buy-ui .cart-totals-container {
        float: left;
        width: 50%;
        margin-bottom: 1rem;
        margin-top: 1rem; }
        .buy-ui .cart-totals-container + h2 {
          clear: both; } }
    .buy-ui .cart-totals-container table {
      background: #f2f2f2; }
      .buy-ui .cart-totals-container table .cart-cell {
        padding: 1rem; }
      .buy-ui .cart-totals-container table td {
        padding: 8px; }
    .buy-ui .cart-totals-container .info {
      padding-right: 2rem;
      padding-top: 2rem; }
      .buy-ui .cart-totals-container .info p, .buy-ui .cart-totals-container .info dt, .buy-ui .cart-totals-container .info dd, .buy-ui .cart-totals-container .info fieldset, .buy-ui .cart-totals-container .info .accordion .trigger, .accordion .buy-ui .cart-totals-container .info .trigger, .buy-ui .cart-totals-container .info .overlay .content ol, .overlay .content .buy-ui .cart-totals-container .info ol, .buy-ui .cart-totals-container .info .overlay .content ul, .overlay .content .buy-ui .cart-totals-container .info ul, .buy-ui .cart-totals-container .info .generic-article ul li, .generic-article ul .buy-ui .cart-totals-container .info li, .buy-ui .cart-totals-container .info .generic-article article ol, .generic-article article .buy-ui .cart-totals-container .info ol, .buy-ui .cart-totals-container .info .generic-article article ul, .generic-article article .buy-ui .cart-totals-container .info ul, .buy-ui .cart-totals-container .info .article-accordion .trigger, .article-accordion .buy-ui .cart-totals-container .info .trigger {
        font-size: 0.9375rem;
        margin-top: 1rem; }
    .buy-ui .cart-totals-container ul {
      list-style-type: disc;
      margin-bottom: 1.5rem;
      margin-left: 1.5rem; }
      .buy-ui .cart-totals-container ul li {
        margin: 0 0 0.5rem;
        line-height: 1.2em; }
    .buy-ui .cart-totals-container .actions {
      width: 100%;
      clear: both;
      display: block;
      text-align: right;
      padding-top: 1rem; }
  .buy-ui .product-recommend-liftup {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
    clear: both;
    padding-top: 1rem; }
    @media screen and (max-width: 641px) {
      .buy-ui .product-recommend-liftup {
        float: none;
        width: 100%;
        display: block; } }
    .buy-ui .product-recommend-liftup .item {
      text-align: center;
      min-height: 280px;
      position: relative; }
      .buy-ui .product-recommend-liftup .item img {
        max-width: 100px; }
      .buy-ui .product-recommend-liftup .item p, .buy-ui .product-recommend-liftup .item dt, .buy-ui .product-recommend-liftup .item dd, .buy-ui .product-recommend-liftup .item fieldset, .buy-ui .product-recommend-liftup .item .accordion .trigger, .accordion .buy-ui .product-recommend-liftup .item .trigger, .buy-ui .product-recommend-liftup .item .overlay .content ol, .overlay .content .buy-ui .product-recommend-liftup .item ol, .buy-ui .product-recommend-liftup .item .overlay .content ul, .overlay .content .buy-ui .product-recommend-liftup .item ul, .buy-ui .product-recommend-liftup .item .generic-article ul li, .generic-article ul .buy-ui .product-recommend-liftup .item li, .buy-ui .product-recommend-liftup .item .generic-article article ol, .generic-article article .buy-ui .product-recommend-liftup .item ol, .buy-ui .product-recommend-liftup .item .generic-article article ul, .generic-article article .buy-ui .product-recommend-liftup .item ul, .buy-ui .product-recommend-liftup .item .article-accordion .trigger, .article-accordion .buy-ui .product-recommend-liftup .item .trigger {
        font-size: 1rem;
        margin-bottom: 0.5rem; }
      .buy-ui .product-recommend-liftup .item p.price, .buy-ui .product-recommend-liftup .item dt.price, .buy-ui .product-recommend-liftup .item dd.price, .buy-ui .product-recommend-liftup .item fieldset.price, .buy-ui .product-recommend-liftup .item .accordion .price.trigger, .accordion .buy-ui .product-recommend-liftup .item .price.trigger, .buy-ui .product-recommend-liftup .item .overlay .content ol.price, .overlay .content .buy-ui .product-recommend-liftup .item ol.price, .buy-ui .product-recommend-liftup .item .overlay .content ul.price, .overlay .content .buy-ui .product-recommend-liftup .item ul.price, .buy-ui .product-recommend-liftup .item .generic-article ul li.price, .generic-article ul .buy-ui .product-recommend-liftup .item li.price, .buy-ui .product-recommend-liftup .item .generic-article article ol.price, .generic-article article .buy-ui .product-recommend-liftup .item ol.price, .buy-ui .product-recommend-liftup .item .generic-article article ul.price, .generic-article article .buy-ui .product-recommend-liftup .item ul.price, .buy-ui .product-recommend-liftup .item .article-accordion .price.trigger, .article-accordion .buy-ui .product-recommend-liftup .item .price.trigger {
        font-size: 20px; }
      .buy-ui .product-recommend-liftup .item .add-to-cart {
        position: absolute;
        bottom: 0px;
        width: 100%; }
    .buy-ui .product-recommend-liftup .item:nth-child(1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2; }
    .buy-ui .product-recommend-liftup .item:nth-child(2) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3; }
    .buy-ui .product-recommend-liftup .item:nth-child(3) {
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
      grid-column: 3/4; }

.overlay {
  position: fixed;
  min-height: 100%;
  overflow-y: auto;
  max-height: 100%;
  background: rgba(255, 255, 255, 0.75);
  top: 0;
  left: 0;
  right: 0;
  z-index: 900;
  display: none; }
  .overlay.open {
    display: block;
    animation-name: slideInDown;
    animation-duration: 0.4s; }
  .overlay.on-the-side.open {
    animation-name: slideFromRight; }
  html[dir="rtl"] .overlay.on-the-side.open {
    animation-name: slideFromLeft; }
  .overlay.ontop {
    z-index: 902;
    background: rgba(229, 229, 229, 0.75); }
  .overlay .content {
    display: block;
    position: relative;
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 2rem;
    background: #fff; }
    .overlay .content h2:first-of-type {
      width: 100%;
      display: block; }
      @media screen and (max-width: 480px) {
        .overlay .content h2:first-of-type {
          width: 80%; } }
    @media screen and (min-width: 481px) {
      .overlay .content {
        max-width: 90vw;
        margin-top: 5vw;
        margin-bottom: 5vw; } }
    @media screen and (min-width: 1025px) {
      .overlay .content {
        max-width: 70vw;
        margin-top: 4.6875rem;
        margin-bottom: 4.6875rem; } }
    @media screen and (min-width: 1401px) {
      .overlay .content {
        max-width: 50vw;
        margin-top: 4.6875rem; } }
  .overlay.on-the-side {
    background: #fff; }
    .overlay.on-the-side .content {
      max-width: 100vw;
      margin: 0;
      min-height: 100%;
      background: #fff; }
    @media screen and (min-width: 1025px) {
      .overlay.on-the-side {
        position: fixed;
        margin: 0 0 0 20vw;
        width: 80vw;
        max-height: 100%;
        min-height: 100%;
        overflow-y: auto; }
        html[dir="rtl"] .overlay.on-the-side {
          margin: 0 20vw 0 0; } }
    @media screen and (min-width: 1281px) {
      .overlay.on-the-side {
        width: 65vw;
        margin-left: 35vw; }
        html[dir="rtl"] .overlay.on-the-side {
          margin-right: 35vw;
          margin-left: 0; } }
    @media screen and (min-width: 1920px) {
      .overlay.on-the-side {
        width: 50vw;
        margin-left: 50vw; }
        html[dir="rtl"] .overlay.on-the-side {
          margin-right: 50vw;
          margin-left: 0; } }
  .overlay .close {
    display: block;
    position: fixed;
    margin-top: -0.5rem;
    margin-left: 0;
    height: 45px;
    width: 45px;
    background-color: #fff;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    z-index: 901; }
    html[dir="rtl"] .overlay .close {
      margin-right: 0;
      margin-left: auto; }
    @media screen and (max-width: 480px) {
      .overlay .close {
        right: 1rem; }
        html[dir="rtl"] .overlay .close {
          left: 1rem;
          right: auto; } }
    @media screen and (min-width: 481px) {
      .overlay .close {
        margin-top: -2rem; } }
    @media screen and (max-width: 768px) {
      .overlay .close {
        right: 0.5rem; }
        html[dir="rtl"] .overlay .close {
          left: 0.5rem;
          right: auto; } }
    @media screen and (min-width: 769px) {
      .overlay .close {
        margin-left: 85.5vw; }
        html[dir="rtl"] .overlay .close {
          margin-right: 85.5vw;
          margin-left: 0; } }
    @media screen and (min-width: 1025px) {
      .overlay .close {
        margin-left: 66.5vw; }
        html[dir="rtl"] .overlay .close {
          margin-right: 66.5vw;
          margin-left: 0; } }
    @media screen and (min-width: 1401px) {
      .overlay .close {
        margin-left: 47.5vw; }
        html[dir="rtl"] .overlay .close {
          margin-right: 47.5vw;
          margin-left: 0; } }
    @media screen and (min-width: 1920px) {
      .overlay .close {
        margin-left: 48vw; }
        html[dir="rtl"] .overlay .close {
          margin-right: 48vw;
          margin-left: 0; } }
  @media screen and (min-width: 481px) {
    .overlay.on-the-side .close {
      margin-top: -0.5rem;
      right: 1rem; }
      html[dir="rtl"] .overlay.on-the-side .close {
        left: 1rem;
        right: auto; } }
  .overlay.watch-video-overlay .content, .overlay.search-overlay .content, .overlay.select-region-overlay .content, .overlay.image-overlay .content {
    background: transparent;
    max-width: 100%; }
    @media screen and (max-width: 641px) {
      .overlay.watch-video-overlay .content .embed-container, .overlay.search-overlay .content .embed-container, .overlay.select-region-overlay .content .embed-container, .overlay.image-overlay .content .embed-container {
        margin-top: 2rem; } }
    @media screen and (min-width: 1025px) {
      .overlay.watch-video-overlay .content, .overlay.search-overlay .content, .overlay.select-region-overlay .content, .overlay.image-overlay .content {
        max-width: 90%;
        margin-top: 0;
        margin-bottom: 0; } }
  .overlay.watch-video-overlay .close, .overlay.search-overlay .close, .overlay.select-region-overlay .close, .overlay.image-overlay .close {
    margin: 0;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    background-color: transparent; }
    html[dir="rtl"] .overlay.watch-video-overlay .close, html[dir="rtl"] .overlay.search-overlay .close, html[dir="rtl"] .overlay.select-region-overlay .close, html[dir="rtl"] .overlay.image-overlay .close {
      right: auto;
      left: 1.5rem; }
  .overlay.search-overlay {
    background: rgba(209, 0, 39, 0.9); }
    .overlay.search-overlay .content {
      max-width: 640px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1rem;
      padding-left: 2rem;
      padding-right: 2rem; }
    .overlay.search-overlay input {
      border: none;
      background: none;
      color: #e5e5e5;
      padding-top: 2rem;
      padding-bottom: 2rem;
      margin-top: 2rem;
      font-size: 4rem;
      text-align: left;
      width: 100%;
      margin-bottom: 2rem;
      line-height: 4rem;
      background: #d10027;
      border: 2px solid #fff; }
      .overlay.search-overlay input::placeholder {
        color: #e5e5e5;
        opacity: 1; }
      .overlay.search-overlay input:-ms-input-placeholder {
        color: #e5e5e5; }
      .overlay.search-overlay input::-ms-input-placeholder {
        color: #e5e5e5; }
    .overlay.search-overlay .result {
      color: #fff;
      display: block;
      clear: both;
      padding-top: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .overlay.search-overlay .result a {
        display: block;
        color: #fff;
        font-weight: 700;
        margin-bottom: 0.5rem; }
      .overlay.search-overlay .result p, .overlay.search-overlay .result dt, .overlay.search-overlay .result dd, .overlay.search-overlay .result fieldset, .overlay.search-overlay .result .accordion .trigger, .accordion .overlay.search-overlay .result .trigger, .overlay.search-overlay .result .content ol, .overlay.search-overlay .content .result ol, .overlay.search-overlay .result .content ul, .overlay.search-overlay .content .result ul, .overlay.search-overlay .result .generic-article ul li, .generic-article ul .overlay.search-overlay .result li, .overlay.search-overlay .result .generic-article article ol, .generic-article article .overlay.search-overlay .result ol, .overlay.search-overlay .result .generic-article article ul, .generic-article article .overlay.search-overlay .result ul, .overlay.search-overlay .result .article-accordion .trigger, .article-accordion .overlay.search-overlay .result .trigger {
        font-size: 0.85rem;
        line-height: 1.1rem;
        margin-bottom: 0px; }
  .overlay.select-region-overlay {
    background: #e5e5e5;
    padding: 2rem; }
    .overlay.select-region-overlay .regions {
      max-width: 1281px;
      margin-left: auto;
      margin-right: auto; }
    .overlay.select-region-overlay .region-content {
      padding-top: 2rem; }
      .overlay.select-region-overlay .region-content h5 {
        cursor: pointer;
        position: relative; }
        .overlay.select-region-overlay .region-content h5 .icon {
          position: absolute;
          top: 2px;
          right: 0px;
          width: 20px;
          height: 20px;
          display: inline-block;
          background-size: 18px 20px;
          background-repeat: no-repeat; }
      .overlay.select-region-overlay .region-content ul {
        display: none; }
        .overlay.select-region-overlay .region-content ul.open {
          display: block; }
      .overlay.select-region-overlay .region-content li {
        padding-top: 0.5rem; }
        .overlay.select-region-overlay .region-content li a {
          color: #000000;
          text-decoration: none; }
          .overlay.select-region-overlay .region-content li a:hover {
            color: #d10027; }
    .overlay.select-region-overlay div.region-category {
      display: block;
      width: 100%; }
    @media screen and (min-width: 641px) {
      .overlay.select-region-overlay div.region-category {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(4, 1fr); }
      .overlay.select-region-overlay div.region-content:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; }
      .overlay.select-region-overlay div.region-content:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; }
      .overlay.select-region-overlay div.region-content:nth-child(3) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4; }
      .overlay.select-region-overlay div.region-content:nth-child(4) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5; }
      .overlay.select-region-overlay .region-content h5 .icon {
        display: none; }
      .overlay.select-region-overlay .region-content ul {
        display: block; } }
  .overlay.image-overlay .content {
    padding: 0;
    background: transparent;
    margin-top: 5vw;
    margin-bottom: 5vw;
    width: 90vw; }
    @media screen and (min-width: 1025px) {
      .overlay.image-overlay .content {
        max-width: 70vw;
        margin-top: 4.6875rem;
        margin-bottom: 4.6875rem; } }
    @media screen and (min-width: 1401px) {
      .overlay.image-overlay .content {
        max-width: 70vw;
        margin-top: 4.6875rem; } }
    @media screen and (min-width: 1920px) {
      .overlay.image-overlay .content {
        max-width: 60vw; } }
  .overlay.image-overlay img {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 480px) {
    .overlay.big-overlay .content {
      margin-top: 10vh;
      margin-bottom: 10vh; } }
  @media screen and (min-width: 1025px) {
    .overlay.big-overlay .content {
      max-width: 90vw;
      margin-top: 4.6875rem;
      margin-bottom: 4.6875rem; } }
  @media screen and (min-width: 1401px) {
    .overlay.big-overlay .content {
      max-width: 70vw;
      margin-top: 4.6875rem; } }
  @media screen and (max-width: 480px) {
    .overlay.big-overlay .close {
      margin-top: -4.5rem;
      right: 0; }
      html[dir="rtl"] .overlay.big-overlay .close {
        left: 0;
        right: auto; } }
  @media screen and (min-width: 1025px) {
    .overlay.big-overlay .close {
      margin-left: 86.5vw; }
      html[dir="rtl"] .overlay.big-overlay .close {
        margin-right: 86.5vw;
        margin-left: 0; } }
  @media screen and (min-width: 1401px) {
    .overlay.big-overlay .close {
      margin-left: 67.5vw; }
      html[dir="rtl"] .overlay.big-overlay .close {
        margin-right: 67.5vw;
        margin-left: 0; } }
  @media screen and (max-width: 480px) {
    .overlay.ad-overlay .content {
      margin-top: 10vh;
      margin-bottom: 10vh; }
      .overlay.ad-overlay .content h2:first-of-type {
        width: auto; } }
  @media screen and (max-width: 480px) {
    .overlay.ad-overlay .close {
      margin-top: -4.5rem;
      right: 0; }
      html[dir="rtl"] .overlay.ad-overlay .close {
        left: 0;
        right: auto; } }
  .overlay h2 {
    letter-spacing: 0.025em;
    font-size: 2.625rem;
    line-height: 2.625rem;
    margin-top: 0 !important;
    margin-bottom: 2rem !important; }
    @media screen and (min-width: 1025px) {
      .overlay h2 {
        font-size: 3vw;
        line-height: 3vw; } }
  .overlay h3, .overlay h2 {
    margin-top: 2rem;
    margin-bottom: 1.5rem; }
  .overlay h4, .overlay legend {
    margin-top: 2rem;
    margin-bottom: 0.75rem; }
  .overlay .content img {
    width: auto;
    max-width: 100%;
    height: auto; }
  .overlay .content .float-left, .overlay .content .float-right {
    display: block;
    margin: 0 auto;
      margin-bottom: 1rem;
    max-width: 50%; }
  @media screen and (min-width: 481px) {
    .overlay .content .float-left {
      float: left;
      margin-right: 1rem; }
    .overlay .content .float-right {
      float: right;
      margin-left: 1rem; } }
  .overlay .content ol, .overlay .content ul {
    padding: 0 0 0 2rem; }
    .overlay .content ol li, .overlay .content ul li {
      margin: 0 0 0.5em 0; }
    .overlay .content ol ol, .overlay .content ol ul, .overlay .content ul ol, .overlay .content ul ul {
      margin: 0.5em 0; }
  .overlay .content ul {
    list-style-type: disc; }
  .overlay .content ol {
    list-style-type: decimal; }

.breadcrumb {
  font-size: 0.8em;
  font-weight: 700;
  margin-bottom: 4rem; }
  .breadcrumb span span {
    display: inline-block; }
    .breadcrumb span span:after {
      content: '/';
      position: relative;
      margin-left: 3px;
      margin-right: 3px; }
  .breadcrumb a {
    color: #000000;
    text-decoration: none;
    margin-right: 4px;
    line-height: 1.2rem; }
    .breadcrumb a:hover {
      color: #d10027; }

.breadcrumb span span:last-child:after {
  display: none; }

.breadcrumb span span:last-child a {
  color: #999999;
  pointer-events: none; }

footer {
  background: #e5e5e5;
  padding: 2rem;
    padding-bottom: 3rem; }
  footer .footer-navigation ul, footer .footer-navigation div {
    display: block;
    width: 100%;
    margin-bottom: 2rem; }
  @media screen and (min-width: 641px) {
    footer .footer-navigation {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: repeat(3, 1fr);
      -ms-grid-rows: auto auto; }
      footer .footer-navigation ul:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; }
      footer .footer-navigation ul:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; }
      footer .footer-navigation ul:nth-child(3) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4; }
      footer .footer-navigation div.newsletter {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        width: 50%;
        margin: 0 auto 2rem auto; }
      footer .footer-navigation ul {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1; } }
  @media screen and (min-width: 1025px) {
    footer .footer-navigation {
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-rows: auto; }
      footer .footer-navigation div.newsletter {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        width: 100%; } }
  footer .footer-navigation h5 {
    font-size: 0.875rem;
    margin-bottom: 1rem; }
  footer .footer-navigation .footer-list li {
    margin-bottom: 1rem;
    font-size: 0.875rem;
    margin-bottom: 1rem; }
  footer .footer-navigation .footer-list li a {
    color: #000000;
    text-decoration: none; }
  footer .footer-navigation .footer-list li a:hover {
    color: #d10027; }

.hero {
  color: #fff;
  position: relative;
  height: auto;
  min-height: 25rem; }
  @media screen and (min-width: 641px) {
    .hero {
      min-height: 30rem; } }
  @media screen and (min-width: 1025px) {
    .hero {
      min-height: 40rem; } }
  @media screen and (min-width: 1281px) {
    .hero {
      min-height: 50rem; } }
  @media screen and (min-width: 1920px) {
    .hero {
      min-height: 40vw; } }
  .hero div {
    padding: 8vw 5vw;
    z-index: 2;
    position: relative; }
    @media screen and (min-width: 641px) {
      .hero div {
        padding: 5vw 4vw; } }
  @media screen and (max-width: 640px) {
    .hero h1, .hero p, .hero dt, .hero dd, .hero fieldset, .hero .accordion .trigger, .accordion .hero .trigger, .hero .overlay .content ol, .overlay .content .hero ol, .hero .overlay .content ul, .overlay .content .hero ul, .hero .generic-article ul li, .generic-article ul .hero li, .hero .generic-article article ol, .generic-article article .hero ol, .hero .generic-article article ul, .generic-article article .hero ul, .hero .article-accordion .trigger, .article-accordion .hero .trigger {
      max-width: 80%; } }
  .hero p, .hero dt, .hero dd, .hero fieldset, .hero .accordion .trigger, .accordion .hero .trigger, .hero .overlay .content ol, .overlay .content .hero ol, .hero .overlay .content ul, .overlay .content .hero ul, .hero .generic-article ul li, .generic-article ul .hero li, .hero .generic-article article ol, .generic-article article .hero ol, .hero .generic-article article ul, .generic-article article .hero ul, .hero .article-accordion .trigger, .article-accordion .hero .trigger {
    margin: 1.5rem 0; }

.hero-background, .fullscreen-background {
  height: auto; }

@supports (object-fit: cover) {
  .hero-background img, .hero-background source, .fullscreen-background img, .fullscreen-background source {
    display: block;
    position: absolute;
    z-index: 1;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: cover;
    object-position: 50% 50%; } }

.hero-watch {
  position: relative; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .hero {
    position: relative;
    overflow: hidden; }
  .hero-background img, .fullscreen-background img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: auto; } }

@media all and (-ms-high-contrast: none) and (min-width: 641px), (-ms-high-contrast: active) and (min-width: 641px) {
  .hero-watch .watch {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -34px;
    margin-left: -34px; } }

@media all and (-ms-high-contrast: none) and (min-width: 1025px), (-ms-high-contrast: active) and (min-width: 1025px) {
  .hero-watch .watch {
    margin-top: -43px;
    margin-left: -43px; } }

.hero.campaign {
  min-height: 21.25rem; }
  @media screen and (min-width: 641px) {
    .hero.campaign {
      min-height: 28.75rem; } }
  @media screen and (min-width: 1025px) {
    .hero.campaign {
      min-height: 35rem; } }
  .hero.campaign .hero-content > * {
    max-width: 70%; }
    @media screen and (max-width: 640px) {
      .hero.campaign .hero-content > * {
        max-width: 90%; } }

.hero.low {
  min-height: 0;
  background: #000000; }
  .hero.low h1 {
    margin-bottom: 0; }

.error p, .error dt, .error dd, .error fieldset, .error .accordion .trigger, .accordion .error .trigger, .error .overlay .content ol, .overlay .content .error ol, .error .overlay .content ul, .overlay .content .error ul, .error .generic-article ul li, .generic-article ul .error li, .error .generic-article article ol, .generic-article article .error ol, .error .generic-article article ul, .generic-article article .error ul, .error .article-accordion .trigger, .article-accordion .error .trigger, .result {
  display: none; }

.error {
  margin: 1rem 0;
  font-size: 1rem; }

.error p, .error dt, .error dd, .error fieldset, .error .accordion .trigger, .accordion .error .trigger, .error .overlay .content ol, .overlay .content .error ol, .error .overlay .content ul, .overlay .content .error ul, .error .generic-article ul li, .generic-article ul .error li, .error .generic-article article ol, .generic-article article .error ol, .error .generic-article article ul, .generic-article article .error ul, .error .article-accordion .trigger, .article-accordion .error .trigger {
  font-size: 1rem;
  line-height: 1.1rem;
  color: #a7001f; }

fieldset {
  border: 1px solid #e5e5e5;
  padding: 1rem; }
  fieldset *:last-child {
    margin-bottom: 0; }

legend {
  padding: 0.5rem;
  margin: 0 0 0 1rem; }

input[type="number"] {
  width: 5rem; }

.numbers {
  display: inline-block;
  vertical-align: top; }

@media screen and (min-width: 641px) {
  #running-pace form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem; } }

#running-pace form fieldset:nth-of-type(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2; }

#running-pace form fieldset:nth-of-type(2) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2; }

#running-pace form fieldset:nth-of-type(3) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3; }

#running-pace fieldset#running-pace-pace .mi {
  display: none; }

.article-button-grid {
  margin-bottom: 2rem; }
  @media screen and (min-width: 641px) {
    .article-button-grid {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-flow: row; } }
  .article-button-grid > button:nth-child(1), .article-button-grid button:nth-child(2), .article-button-grid button:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-row: 1/1; }
  .article-button-grid > button:nth-child(4), .article-button-grid button:nth-child(5), .article-button-grid button:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-row: 2/2; }
  .article-button-grid > button:nth-child(1), .article-button-grid button:nth-child(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2; }
  .article-button-grid > button:nth-child(2), .article-button-grid button:nth-child(5) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3; }
  .article-button-grid > button:nth-child(3), .article-button-grid button:nth-child(6) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4; }
  .article-button-grid .button {
    margin-bottom: 18px;
    min-height: 80px;
    width: 96%; }

main {
  background: #fff; }

h2 {
  margin-top: 2em;
  font-size: 2.75rem;
  line-height: 2.75rem; }
  @media screen and (min-width: 1025px) {
    h2 {
      font-size: 3.1vw;
      line-height: 3.1vw; } }

.generic-article {
  background: #fff; }
  .generic-article h2.lead + p, .generic-article h2.lead + dt, .generic-article h2.lead + dd, .generic-article h2.lead + fieldset, .generic-article .accordion h2.lead + .trigger, .accordion .generic-article h2.lead + .trigger, .generic-article .overlay .content h2.lead + ol, .overlay .content .generic-article h2.lead + ol, .generic-article .overlay .content h2.lead + ul, .overlay .content .generic-article h2.lead + ul, .generic-article ul h2.lead + li, .generic-article article h2.lead + ol, .generic-article article h2.lead + ul, .generic-article .article-accordion h2.lead + .trigger, .article-accordion .generic-article h2.lead + .trigger {
    margin-bottom: 4rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e5e5;
    font-size: 140%;
    line-height: 2rem;
    font-weight: 700; }
  .generic-article ul {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    list-style-type: disc; }
    @media screen and (min-width: 641px) {
      .generic-article ul li {
        font-size: 1.125rem; } }
  .generic-article .quote {
    padding: 2rem;
    background: #f2f2f2;
    margin-bottom: 2rem;
    position: relative; }
    .generic-article .quote.red {
      background: #d10027;
      color: #fff; }
    .generic-article .quote.white {
      background: #fff; }
    @media screen and (min-width: 1025px) {
      .generic-article .quote {
        max-width: 380px;
        float: right;
        margin-left: 2rem; } }
    .generic-article .quote.float-none {
      float: none;
      margin-left: 0;
      max-width: 100%; }
    .generic-article .quote p, .generic-article .quote dt, .generic-article .quote dd, .generic-article .quote fieldset, .generic-article .quote .accordion .trigger, .accordion .generic-article .quote .trigger, .generic-article .quote .overlay .content ol, .overlay .content .generic-article .quote ol, .generic-article .quote .overlay .content ul, .overlay .content .generic-article .quote ul, .generic-article .quote ul li, .generic-article ul .quote li, .generic-article .quote article ol, .generic-article article .quote ol, .generic-article .quote article ul, .generic-article article .quote ul, .generic-article .quote .article-accordion .trigger, .article-accordion .generic-article .quote .trigger {
      position: relative; }
      .generic-article .quote p:first-child:before, .generic-article .quote dt:first-child:before, .generic-article .quote dd:first-child:before, .generic-article .quote fieldset:first-child:before, .generic-article .quote .accordion .trigger:first-child:before, .accordion .generic-article .quote .trigger:first-child:before, .generic-article .quote .overlay .content ol:first-child:before, .overlay .content .generic-article .quote ol:first-child:before, .generic-article .quote .overlay .content ul:first-child:before, .overlay .content .generic-article .quote ul:first-child:before, .generic-article .quote ul li:first-child:before, .generic-article ul .quote li:first-child:before, .generic-article .quote article ol:first-child:before, .generic-article article .quote ol:first-child:before, .generic-article .quote article ul:first-child:before, .generic-article article .quote ul:first-child:before, .generic-article .quote .article-accordion .trigger:first-child:before, .article-accordion .generic-article .quote .trigger:first-child:before {
        position: absolute;
        content: "”";
        left: -25px;
        top: 10px;
        font-size: 5rem;
        line-height: 0; }
      .generic-article .quote p:last-child:after, .generic-article .quote dt:last-child:after, .generic-article .quote dd:last-child:after, .generic-article .quote fieldset:last-child:after, .generic-article .quote .accordion .trigger:last-child:after, .accordion .generic-article .quote .trigger:last-child:after, .generic-article .quote .overlay .content ol:last-child:after, .overlay .content .generic-article .quote ol:last-child:after, .generic-article .quote .overlay .content ul:last-child:after, .overlay .content .generic-article .quote ul:last-child:after, .generic-article .quote ul li:last-child:after, .generic-article ul .quote li:last-child:after, .generic-article .quote article ol:last-child:after, .generic-article article .quote ol:last-child:after, .generic-article .quote article ul:last-child:after, .generic-article article .quote ul:last-child:after, .generic-article .quote .article-accordion .trigger:last-child:after, .article-accordion .generic-article .quote .trigger:last-child:after {
        position: absolute;
        content: "„";
        right: -25px;
        bottom: -5px;
        font-size: 5rem;
        line-height: 0; }
  .generic-article article {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem; }
    @media screen and (min-width: 1025px) {
      .generic-article article {
        max-width: 80%; } }
    @media screen and (min-width: 1281px) {
      .generic-article article {
        max-width: 60%; } }
    .generic-article article ol, .generic-article article ul {
      padding: 0 0 0 2rem; }
      .generic-article article ol li, .generic-article article ul li {
        margin: 0 0 0.5em 0; }
      .generic-article article ol ol, .generic-article article ol ul, .generic-article article ul ol, .generic-article article ul ul {
        margin: 0.5em 0; }
    .generic-article article ul {
      list-style-type: disc; }
    .generic-article article ol {
      list-style-type: decimal; }
    .generic-article article b {
      font-weight: 700; }
    .generic-article article i {
      font-style: italic; }
    @media screen and (max-width: 2020px) and (min-width: 641px) {
      .generic-article article p, .generic-article article dt, .generic-article article dd, .generic-article article fieldset, .generic-article article .accordion .trigger, .accordion .generic-article article .trigger, .generic-article article .overlay .content ol, .overlay .content .generic-article article ol, .generic-article article .overlay .content ul, .overlay .content .generic-article article ul, .generic-article article ul li, .generic-article ul article li, .generic-article article ol, .generic-article article ul, .generic-article article .article-accordion .trigger, .article-accordion .generic-article article .trigger {
        line-height: 1.875rem; } }
    .generic-article article p > a, .generic-article article dt > a, .generic-article article dd > a, .generic-article article fieldset > a, .generic-article article .accordion .trigger > a, .accordion .generic-article article .trigger > a, .generic-article article .overlay .content ol > a, .overlay .content .generic-article article ol > a, .generic-article article .overlay .content ul > a, .overlay .content .generic-article article ul > a, .generic-article article ul li > a, .generic-article ul article li > a, .generic-article article ol > a, .generic-article article ul > a, .generic-article article .article-accordion .trigger > a, .article-accordion .generic-article article .trigger > a, .generic-article article li > a {
      word-wrap: break-word; }
    .generic-article article.spacing-top {
      padding-top: 6vh; }
    .generic-article article .root-navigation {
      font-weight: 700;
      font-size: 100%;
      width: 100%;
      color: #999999;
      margin-bottom: 2rem; }
      .generic-article article .root-navigation a {
        color: #d10027;
        text-decoration: none;
        display: inline; }
    .generic-article article aside.next {
      border-top: 1px solid #e5e5e5;
      padding-top: 2rem; }
      .generic-article article aside.next img {
        width: 100%;
        height: auto; }
      .generic-article article aside.next div {
        max-width: 400px; }
      .generic-article article aside.next p, .generic-article article aside.next dt, .generic-article article aside.next dd, .generic-article article aside.next fieldset, .generic-article article aside.next .accordion .trigger, .accordion .generic-article article aside.next .trigger, .generic-article article aside.next ul li, .generic-article ul article aside.next li, .generic-article article aside.next ol, .generic-article article aside.next ul, .generic-article article aside.next .article-accordion .trigger, .article-accordion .generic-article article aside.next .trigger {
        font-size: 100%;
        margin-bottom: 0.5rem;
        line-height: 1.375rem; }
      .generic-article article aside.next a {
        text-decoration: none; }
  .generic-article .img-wide {
    width: 100%;
    height: auto;
    margin-bottom: 1rem; }
  .generic-article .img-side-left {
    width: 100%;
    height: auto;
    max-width: 200px;
    margin-bottom: 1rem;
    margin-right: 1rem;
    float: left; }
    .generic-article .img-side-left.large {
      max-width: 100%;
      float: none;
      clear: both; }
      @media screen and (min-width: 641px) {
        .generic-article .img-side-left.large {
          max-width: 33%;
          margin-bottom: 2rem;
          margin-right: 4rem;
          float: left; } }
  .generic-article .img-side-right {
    width: 100%;
    height: auto;
    max-width: 200px;
    margin-bottom: 1rem;
    margin-right: 1rem;
    float: right; }
    .generic-article .img-side-right.large {
      max-width: 100%;
      float: none;
      clear: both; }
      @media screen and (min-width: 641px) {
        .generic-article .img-side-right.large {
          max-width: 45%;
          margin-bottom: 2rem;
          margin-left: 4rem;
          float: right; } }
  .generic-article .text-center {
    text-align: center; }

section.article-landing {
  display: block;
  position: relative;
  background-color: #a7001f;
  color: #fff; }
  section.article-landing div {
    position: relative;
    z-index: 2;
    display: block;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 1025px) {
      section.article-landing div {
        max-width: 80%; } }
    @media screen and (min-width: 1281px) {
      section.article-landing div {
        max-width: 60%; } }
  section.article-landing p, section.article-landing dt, section.article-landing dd, section.article-landing fieldset, section.article-landing .accordion .trigger, .accordion section.article-landing .trigger, section.article-landing .overlay .content ol, .overlay .content section.article-landing ol, section.article-landing .overlay .content ul, .overlay .content section.article-landing ul, section.article-landing .generic-article ul li, .generic-article ul section.article-landing li, section.article-landing .generic-article article ol, .generic-article article section.article-landing ol, section.article-landing .generic-article article ul, .generic-article article section.article-landing ul, section.article-landing .article-accordion .trigger, .article-accordion section.article-landing .trigger {
    max-width: 768px; }
    @media screen and (min-width: 1025px) {
      section.article-landing p, section.article-landing dt, section.article-landing dd, section.article-landing fieldset, section.article-landing .accordion .trigger, .accordion section.article-landing .trigger, section.article-landing .overlay .content ol, .overlay .content section.article-landing ol, section.article-landing .overlay .content ul, .overlay .content section.article-landing ul, section.article-landing .generic-article ul li, .generic-article ul section.article-landing li, section.article-landing .generic-article article ol, .generic-article article section.article-landing ol, section.article-landing .generic-article article ul, .generic-article article section.article-landing ul, section.article-landing .article-accordion .trigger, .article-accordion section.article-landing .trigger {
        font-size: 120%; } }

section.article-blocks {
  padding-top: 4rem;
  padding-bottom: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  section.article-blocks img {
    width: 100%;
    height: auto;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem; }
  @media screen and (min-width: 641px) {
    section.article-blocks {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      text-align: left; }
      section.article-blocks img {
        max-width: 80%; }
      section.article-blocks:nth-child(odd) div:nth-of-type(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        grid-row: 1;
        -ms-grid-row: 1; }
      section.article-blocks:nth-child(odd) div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        grid-row: 1;
        -ms-grid-row: 1; }
      section.article-blocks:nth-child(even) div:nth-of-type(1) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        grid-row: 1;
        -ms-grid-row: 1; }
        section.article-blocks:nth-child(even) div:nth-of-type(1) img {
          float: right; }
      section.article-blocks:nth-child(even) div:nth-of-type(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        grid-row: 1;
        -ms-grid-row: 1; } }
  @media screen and (min-width: 1025px) {
    section.article-blocks {
      max-width: 80%; } }
  @media screen and (min-width: 1281px) {
    section.article-blocks {
      max-width: 60%; } }
  section.article-blocks h2 {
    font-size: 3.25rem;
    line-height: 3.25rem; }

.article-column-layout {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: center; }
  .article-column-layout .column {
    width: 100%;
    margin-bottom: 2%; }
    @media screen and (max-width: 2020px) and (min-width: 641px) {
      .article-column-layout .column p, .article-column-layout .column dt, .article-column-layout .column dd, .article-column-layout .column fieldset, .article-column-layout .column .accordion .trigger, .accordion .article-column-layout .column .trigger, .article-column-layout .column .overlay .content ol, .overlay .content .article-column-layout .column ol, .article-column-layout .column .overlay .content ul, .overlay .content .article-column-layout .column ul, .article-column-layout .column .generic-article ul li, .generic-article ul .article-column-layout .column li, .article-column-layout .column .generic-article article ol, .generic-article article .article-column-layout .column ol, .article-column-layout .column .generic-article article ul, .generic-article article .article-column-layout .column ul, .article-column-layout .column .article-accordion .trigger, .article-accordion .article-column-layout .column .trigger {
        line-height: 1.875rem; } }
    .article-column-layout .column p b, .article-column-layout .column dt b, .article-column-layout .column dd b, .article-column-layout .column fieldset b, .article-column-layout .column .accordion .trigger b, .accordion .article-column-layout .column .trigger b, .article-column-layout .column .overlay .content ol b, .overlay .content .article-column-layout .column ol b, .article-column-layout .column .overlay .content ul b, .overlay .content .article-column-layout .column ul b, .article-column-layout .column .generic-article ul li b, .generic-article ul .article-column-layout .column li b, .article-column-layout .column .generic-article article ol b, .generic-article article .article-column-layout .column ol b, .article-column-layout .column .generic-article article ul b, .generic-article article .article-column-layout .column ul b, .article-column-layout .column .article-accordion .trigger b, .article-accordion .article-column-layout .column .trigger b {
      font-weight: 700; }
  .article-column-layout.cta .column {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr auto; }
    .article-column-layout.cta .column > div {
      -ms-grid-row: 1;
      align-self: start; }
    .article-column-layout.cta .column > div + div {
      -ms-grid-row: 2;
      align-self: end; }
    .article-column-layout.cta .column h5 {
      font-size: 115%; }
    @media screen and (max-width: 2020px) and (min-width: 641px) {
      .article-column-layout.cta .column p, .article-column-layout.cta .column dt, .article-column-layout.cta .column dd, .article-column-layout.cta .column fieldset, .article-column-layout.cta .column .accordion .trigger, .accordion .article-column-layout.cta .column .trigger, .article-column-layout.cta .column .overlay .content ol, .overlay .content .article-column-layout.cta .column ol, .article-column-layout.cta .column .overlay .content ul, .overlay .content .article-column-layout.cta .column ul, .article-column-layout.cta .column .generic-article ul li, .generic-article ul .article-column-layout.cta .column li, .article-column-layout.cta .column .generic-article article ol, .generic-article article .article-column-layout.cta .column ol, .article-column-layout.cta .column .generic-article article ul, .generic-article article .article-column-layout.cta .column ul, .article-column-layout.cta .column .article-accordion .trigger, .article-accordion .article-column-layout.cta .column .trigger {
        font-size: 105%;
        line-height: 1.75rem; } }
  .article-column-layout.fill .column {
    background: #f2f2f2;
    padding: 2rem; }
  .article-column-layout.border .column {
    border: 1px solid #e5e5e5;
    padding: 2rem; }
  .article-column-layout.col-2 .column {
    width: 100%; }
    @media screen and (min-width: 641px) {
      .article-column-layout.col-2 .column {
        width: 48%;
        margin-right: 2%;
        padding-right: 2rem; } }
  .article-column-layout.col-3 .column {
    width: 100%; }
    @media screen and (min-width: 641px) {
      .article-column-layout.col-3 .column {
        width: 31.3333%;
        margin-right: 2%;
        padding-right: 2rem; } }
  .article-column-layout.column-2-bordered {
    padding-top: 4.5vh;
    padding-bottom: 4.5vh; }
    @media screen and (min-width: 641px) {
      .article-column-layout.column-2-bordered .column {
        width: 50%;
        padding: 4%; }
        .article-column-layout.column-2-bordered .column:nth-child(odd) {
          border-right: 1px solid #e5e5e5; } }
    @media screen and (min-width: 1025px) {
      .article-column-layout.column-2-bordered .column {
        padding: 4%; } }
    @media screen and (min-width: 1501px) {
      .article-column-layout.column-2-bordered .column {
        padding: 6%; } }

.article-hero-panel {
  display: block; }
  .article-hero-panel.red {
    background: #d10027;
    color: #fff; }
  .article-hero-panel.black {
    background: #000000;
    color: #fff; }
    .article-hero-panel.black a:hover {
      color: #fff; }
  .article-hero-panel.gray {
    background: #f2f2f2; }
  .article-hero-panel.center {
    text-align: center; }
  .article-hero-panel.spacing {
    padding-top: 2vh;
    padding-bottom: 2vh; }
  .article-hero-panel > div {
    width: 100%;
    padding: 2rem;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 1025px) {
      .article-hero-panel > div {
        max-width: 80%; } }
    @media screen and (min-width: 1281px) {
      .article-hero-panel > div {
        max-width: 60%; } }
  .article-hero-panel h1, .article-hero-panel h2, .article-hero-panel h3, .article-hero-panel h2, .article-hero-panel h4, .article-hero-panel legend {
    margin-top: 0; }
  @media screen and (max-width: 2020px) and (min-width: 641px) {
    .article-hero-panel p, .article-hero-panel dt, .article-hero-panel dd, .article-hero-panel fieldset, .article-hero-panel .accordion .trigger, .accordion .article-hero-panel .trigger, .article-hero-panel .overlay .content ol, .overlay .content .article-hero-panel ol, .article-hero-panel .overlay .content ul, .overlay .content .article-hero-panel ul, .article-hero-panel .generic-article ul li, .generic-article ul .article-hero-panel li, .article-hero-panel .generic-article article ol, .generic-article article .article-hero-panel ol, .article-hero-panel .generic-article article ul, .generic-article article .article-hero-panel ul, .article-hero-panel .article-accordion .trigger, .article-accordion .article-hero-panel .trigger {
      line-height: 1.875rem; } }
  .article-hero-panel.no-margin h1, .article-hero-panel.no-margin h2, .article-hero-panel.no-margin h3, .article-hero-panel.no-margin h2, .article-hero-panel.no-margin h4, .article-hero-panel.no-margin legend, .article-hero-panel.no-margin h5, .article-hero-panel.no-margin p, .article-hero-panel.no-margin dt, .article-hero-panel.no-margin dd, .article-hero-panel.no-margin fieldset, .article-hero-panel.no-margin .accordion .trigger, .accordion .article-hero-panel.no-margin .trigger, .article-hero-panel.no-margin .overlay .content ol, .overlay .content .article-hero-panel.no-margin ol, .article-hero-panel.no-margin .overlay .content ul, .overlay .content .article-hero-panel.no-margin ul, .article-hero-panel.no-margin .generic-article ul li, .generic-article ul .article-hero-panel.no-margin li, .article-hero-panel.no-margin .generic-article article ol, .generic-article article .article-hero-panel.no-margin ol, .article-hero-panel.no-margin .generic-article article ul, .generic-article article .article-hero-panel.no-margin ul, .article-hero-panel.no-margin .article-accordion .trigger, .article-accordion .article-hero-panel.no-margin .trigger {
    margin-bottom: 0; }

.section-oversize {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem; }
  @media screen and (min-width: 1501px) {
    .section-oversize {
      max-width: 80%; } }

.article-hero-panel-image {
  display: flex;
  flex-wrap: wrap;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap; }
  .article-hero-panel-image.gray {
    background-color: #e5e5e5; }
  .article-hero-panel-image.black {
    background-color: #000000;
    color: #fff; }
  .article-hero-panel-image > div:nth-of-type(1), .article-hero-panel-image > div:nth-of-type(2) {
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap; }
    @media screen and (min-width: 641px) {
      .article-hero-panel-image > div:nth-of-type(1), .article-hero-panel-image > div:nth-of-type(2) {
        width: 50%; } }
  .article-hero-panel-image .img-wide {
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0; }
  @media screen and (max-width: 2020px) and (min-width: 641px) {
    .article-hero-panel-image p, .article-hero-panel-image dt, .article-hero-panel-image dd, .article-hero-panel-image fieldset, .article-hero-panel-image .accordion .trigger, .accordion .article-hero-panel-image .trigger, .article-hero-panel-image .overlay .content ol, .overlay .content .article-hero-panel-image ol, .article-hero-panel-image .overlay .content ul, .overlay .content .article-hero-panel-image ul, .article-hero-panel-image .generic-article ul li, .generic-article ul .article-hero-panel-image li, .article-hero-panel-image .generic-article article ol, .generic-article article .article-hero-panel-image ol, .article-hero-panel-image .generic-article article ul, .generic-article article .article-hero-panel-image ul, .article-hero-panel-image .article-accordion .trigger, .article-accordion .article-hero-panel-image .trigger {
      font-size: 1.0625rem;
      line-height: 1.4375rem; } }
  .article-hero-panel-image > div:nth-of-type(2) {
    align-items: center;
    justify-content: center;
    -ms-flex-pack: center;
    -ms-flex-align: center; }
    .article-hero-panel-image > div:nth-of-type(2) > div {
      padding: 1rem;
      max-width: 100%; }
      @media screen and (min-width: 641px) {
        .article-hero-panel-image > div:nth-of-type(2) > div {
          padding: 2rem; } }
      @media screen and (min-width: 1281px) {
        .article-hero-panel-image > div:nth-of-type(2) > div {
          padding: 4rem; } }

.article-column-2 {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: center; }
  @media screen and (min-width: 641px) {
    .article-column-2 > div:nth-child(odd) {
      padding-right: 2rem;
      margin-bottom: 2rem;
      width: 50%; } }
  @media screen and (min-width: 641px) {
    .article-column-2 > div:nth-child(even) {
      padding-left: 2rem;
      margin-bottom: 2rem;
      width: 50%; } }

.article-accordion .trigger {
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 2rem;
  position: relative;
  color: #d10027;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s; }
  .article-accordion .trigger:hover {
    color: #a7001f; }
  .article-accordion .trigger:before {
    position: absolute;
    content: '+';
    left: 0;
    margin-top: -3px;
    transition: all 0.3s;
    font-size: 2.5rem; }
  .article-accordion .trigger.is-active:before {
    content: '-'; }
  .article-accordion .trigger.is-active {
    border-bottom-color: transparent; }

.article-accordion .content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-out; }
  .article-accordion .content.open {
    max-height: 3000px;
    overflow: visible;
    transition: max-height 0.5s ease-in; }
    .article-accordion .content.open .wrap {
      opacity: 1; }

.article-accordion .wrap {
  padding: 2rem;
  opacity: 0;
  transition: opacity 0.6s; }