/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, .hub-category-entry h1, h3, .overlay h2, .overlay .hub-category-entry h1, .hub-category-entry .overlay h1, h4, section.products-related .card .title, h5, h6, p, dt, dd, fieldset, .accordion .trigger, .overlay .content ol, .overlay .content ul, 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, .hub-category-entry h1 {
  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, .overlay .hub-category-entry h1, .hub-category-entry .overlay h1, h4, section.products-related .card .title, .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, .hub-category-entry h1 {
  text-transform: uppercase;
  font-size: 3.5rem;
  line-height: 3.4375rem;
  margin-bottom: 2.5rem; }
  @media screen and (min-width: 641px) {
    h2, .hub-category-entry h1 {
      font-size: 5vw;
      line-height: 4.7vw; } }

h3, .overlay h2, .overlay .hub-category-entry h1, .hub-category-entry .overlay h1 {
  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, .overlay .hub-category-entry h1, .hub-category-entry .overlay h1 {
      font-size: 2.5vw;
      line-height: 2.5vw; } }

h4, section.products-related .card .title {
  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, section.products-related .card .title {
      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, .hub-category-entry h1 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 {
  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 {
      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 {
      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, .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, 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, .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, 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, .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, 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 {
      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, 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 {
      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, 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 {
    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, 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 {
      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 .overlay h2, .overlay .watch h2, .watch .overlay .hub-category-entry h1, .overlay .hub-category-entry .watch h1, .watch .hub-category-entry .overlay h1, .hub-category-entry .overlay .watch h1 {
    font-size: 0.75rem; }
    @media screen and (min-width: 641px) {
      .watch h3, .watch .overlay h2, .overlay .watch h2, .watch .overlay .hub-category-entry h1, .overlay .hub-category-entry .watch h1, .watch .hub-category-entry .overlay h1, .hub-category-entry .overlay .watch h1 {
        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, .hub-landing-secondary:after, .clearfix:before, .hub-landing-secondary:before {
  content: " ";
  display: table;
  clear: both; }

.block-as-inline img, .block-as-inline h1, .block-as-inline h2, .block-as-inline .hub-category-entry h1, .hub-category-entry .block-as-inline h1, .block-as-inline h3, .block-as-inline .overlay h2, .overlay .block-as-inline h2, .block-as-inline .overlay .hub-category-entry h1, .overlay .hub-category-entry .block-as-inline h1, .block-as-inline .hub-category-entry .overlay h1, .hub-category-entry .overlay .block-as-inline h1, .block-as-inline h4, .block-as-inline section.products-related .card .title, section.products-related .card .block-as-inline .title, .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 {
  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 {
        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 {
      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 {
        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 {
        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 {
        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 {
          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, .buy-ui .hub-category-entry .cart-totals-container + h1, .hub-category-entry .buy-ui .cart-totals-container + h1 {
          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 {
        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 {
        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 {
        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, .overlay .content .hub-category-entry h1:first-of-type, .hub-category-entry .overlay .content h1:first-of-type {
      width: 100%;
      display: block; }
      @media screen and (max-width: 480px) {
        .overlay .content h2:first-of-type, .overlay .content .hub-category-entry h1:first-of-type, .hub-category-entry .overlay .content h1: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 {
        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, .overlay.ad-overlay .content .hub-category-entry h1:first-of-type, .hub-category-entry .overlay.ad-overlay .content h1: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, .overlay .hub-category-entry h1, .hub-category-entry .overlay h1 {
    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, .overlay .hub-category-entry h1, .hub-category-entry .overlay h1 {
        font-size: 3vw;
        line-height: 3vw; } }
  .overlay h3, .overlay h2, .overlay .hub-category-entry h1, .hub-category-entry .overlay h1 {
    margin-top: 2rem;
    margin-bottom: 1.5rem; }
  .overlay h4, .overlay section.products-related .card .title, section.products-related .card .overlay .title {
    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; }

section.products-related {
  display: -ms-grid;
  display: grid;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  grid-auto-flow: column;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: repeat(2, 1fr); }
  @supports not (display: grid) {
    section.products-related {
      display: block; }
      section.products-related:before, section.products-related:after {
        content: " ";
        display: table;
        clear: both; } }
  section.products-related .card:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-row: 1/1; }
  section.products-related .card:nth-child(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 0;
    grid-row: 1/1; }
  section.products-related .card:nth-child(3) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-row: 2/2; }
  section.products-related .card:nth-child(4) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 0;
    grid-row: 2/2; }
  section.products-related .card:nth-child(5) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 0;
    grid-row: 3/3; }
  section.products-related .card:nth-child(6) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 0;
    grid-row: 3/3; }
  section.products-related .card:nth-child(7) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 4;
    -ms-grid-row-span: 0;
    grid-row: 4/4; }
  section.products-related .card:nth-child(8) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 4;
    -ms-grid-row-span: 0;
    grid-row: 4/4; }
  @supports not (display: grid) {
    section.products-related .card {
      width: 50%;
      float: left; } }
  @media screen and (min-width: 1025px) {
    section.products-related {
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: repeat(4, 1fr); }
      section.products-related .card:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 0;
        grid-row: 1/1; }
      section.products-related .card:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 0;
        grid-row: 1/1; }
      section.products-related .card:nth-child(3) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 1;
        -ms-grid-row-span: 0;
        grid-row: 1/1; }
      section.products-related .card:nth-child(4) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        -ms-grid-row: 1;
        -ms-grid-row-span: 0;
        grid-row: 1/1; }
      section.products-related .card:nth-child(5) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 0;
        grid-row: 2/2; }
      section.products-related .card:nth-child(6) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 0;
        grid-row: 2/2; }
      section.products-related .card:nth-child(7) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 2;
        -ms-grid-row-span: 0;
        grid-row: 2/2; }
      section.products-related .card:nth-child(8) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        -ms-grid-row: 2;
        -ms-grid-row-span: 0;
        grid-row: 2/2; } }
  @supports not (display: grid) {
    section.products-related .card {
      width: 25%;
      float: left; }
    section.products-related .card:nth-child(5) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
      -ms-grid-row: 2;
      -ms-grid-row-span: 0;
      grid-row: 2/2; }
    section.products-related .card:nth-child(6) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      grid-column: 2/3;
      -ms-grid-row: 2;
      -ms-grid-row-span: 0;
      grid-row: 2/2; }
    section.products-related .card:nth-child(7) {
      -ms-grid-column: 3;
      -ms-grid-column-span: 1;
      grid-column: 3/4;
      -ms-grid-row: 2;
      -ms-grid-row-span: 0;
      grid-row: 2/2; }
    section.products-related .card:nth-child(8) {
      -ms-grid-column: 4;
      -ms-grid-column-span: 1;
      grid-column: 4/5;
      -ms-grid-row: 2;
      -ms-grid-row-span: 0;
      grid-row: 2/2; } }
  section.products-related .card {
    min-height: 230px;
    text-align: center;
    padding: 1rem; }
    section.products-related .card img {
      width: 100%;
      height: auto;
      max-width: 100px; }
    section.products-related .card .title {
      margin-bottom: 0.33333rem;
      padding-top: 0.625rem;
      font-size: 1.625rem;
      line-height: 1.625rem;
      letter-spacing: 0.08em; }
    section.products-related .card .sub-title {
      min-height: 40px;
      font-weight: 300;
      text-transform: uppercase;
      font-size: 0.875rem;
      line-height: 1.0625rem; }
    section.products-related .card .price {
      font-size: 1rem;
      font-weight: 700; }
      section.products-related .card .price small {
        font-size: 80%; }

main {
  background: #fff; }

.divider-title {
  padding: 2rem;
  display: -ms-grid;
  display: grid;
  align-items: center;
  justify-items: center;
  -ms-grid-row-align: center;
  -ms-grid-column-align: center; }
  .divider-title h4, .divider-title section.products-related .card .title, section.products-related .card .divider-title .title {
    margin: 0; }

.post {
  position: relative; }
  .post:hover .post-image:before {
    opacity: 1; }
  .post .text {
    padding: 0.5rem; }
  .post h2, .post .hub-category-entry h1, .hub-category-entry .post h1 {
    font-size: 2rem;
    line-height: 1.9375rem;
    padding-top: 1rem; }
  @media screen and (min-width: 641px) {
    .post .text {
      padding: 1rem; }
    .post h2, .post .hub-category-entry h1, .hub-category-entry .post h1 {
      font-size: 2rem;
      line-height: 2.25rem;
      padding-top: 1rem; }
    .post p, .post dt, .post dd, .post fieldset, .post .accordion .trigger, .accordion .post .trigger, .post .overlay .content ol, .overlay .content .post ol, .post .overlay .content ul, .overlay .content .post ul {
      font-size: 1rem;
      line-height: 1.375rem; } }
  @media screen and (min-width: 1281px) {
    .post .text {
      padding: 2rem; }
    .post h2, .post .hub-category-entry h1, .hub-category-entry .post h1 {
      font-size: 2.625rem;
      line-height: 2.625rem;
      padding-top: 1rem; }
    .post p, .post dt, .post dd, .post fieldset, .post .accordion .trigger, .accordion .post .trigger, .post .overlay .content ol, .overlay .content .post ol, .post .overlay .content ul, .overlay .content .post ul {
      font-size: 1.0625rem;
      line-height: 1.4375rem; } }
  .post .post-image {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 290px;
    width: 100%;
    transition: all 0.3s;
    position: relative;
    display: block; }
    .post .post-image:before {
      position: absolute;
      opacity: 1;
      content: attr(data-linktitle);
      z-index: 2;
      left: 0;
      width: 100%;
      bottom: 0;
      padding: 1rem;
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      opacity: 0;
      transition: all 0.4s; }
    .post .post-image:hover:before {
      opacity: 1; }
    @media screen and (min-width: 641px) {
      .post .post-image {
        min-height: 400px;
        background-position: center top; } }

.grid-liftup-container {
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  background: #fff; }
  @media screen and (min-width: 641px) {
    .grid-liftup-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      padding-right: 0; }
      .grid-liftup-container .lead {
        margin-right: 0px; }
      .grid-liftup-container > div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1; }
      .grid-liftup-container > div:nth-of-type(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        background: #f2f2f2; }
      .grid-liftup-container > div:nth-of-type(3) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2; }
      .grid-liftup-container > div:nth-of-type(4) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 2;
        background: #f2f2f2; } }
  @media screen and (min-width: 1025px) {
    .grid-liftup-container {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr; }
      .grid-liftup-container > div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1; }
      .grid-liftup-container > div:nth-of-type(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1; }
      .grid-liftup-container > div:nth-of-type(3) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 1; }
      .grid-liftup-container > div:nth-of-type(4) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5;
        -ms-grid-row: 1; } }

.hub-landing-secondary {
  display: block;
  padding-bottom: 4rem; }
  .hub-landing-secondary h4, .hub-landing-secondary section.products-related .card .title, section.products-related .card .hub-landing-secondary .title {
    padding-top: 1rem;
    margin-bottom: 1rem;
    text-align: center; }
    .hub-landing-secondary h4:first-child, .hub-landing-secondary section.products-related .card .title:first-child, section.products-related .card .hub-landing-secondary .title:first-child {
      padding-top: 4rem;
      padding-bottom: 3rem; }

.hub-content-latest {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 1281px) {
    .hub-content-latest {
      max-width: 70%; } }
  .hub-content-latest li {
    max-width: 100%;
    padding: 0.5rem;
    margin-bottom: 2rem; }
    @media screen and (min-width: 641px) {
      .hub-content-latest li {
        max-width: 50%; } }
    @media screen and (min-width: 1025px) {
      .hub-content-latest li {
        max-width: 33%; } }
  .hub-content-latest img {
    width: 100%;
    height: auto; }
  .hub-content-latest h5 {
    margin-bottom: 10px;
    padding-top: 1rem; }
  .hub-content-latest span {
    line-height: 1.25rem;
    font-size: 0.9375rem; }

.instagram-grid {
  background: #fff;
  line-height: 0;
  -webkit-column-count: 2;
  -webkit-column-gap: 0px;
  -moz-column-count: 2;
  -moz-column-gap: 0px;
  column-count: 2;
  column-gap: 0px;
  padding-left: 0px;
  padding-right: 0px; }
  .instagram-grid img {
    width: 100%;
    height: auto;
    margin: 0;
    border-bottom: 0px solid #fff; }
  @media screen and (min-width: 641px) {
    .instagram-grid {
      -moz-column-count: 5;
      -webkit-column-count: 5;
      column-count: 5; } }
  @media screen and (min-width: 1025px) {
    .instagram-grid {
      -moz-column-count: 5;
      -webkit-column-count: 5;
      column-count: 5; } }

.grid-primary-posts {
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  background: #fff; }
  @media screen and (min-width: 641px) {
    .grid-primary-posts {
      padding-left: 0px;
      padding-right: 0;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 50% 50%;
      grid-template-columns: 50% 50%; }
      .grid-primary-posts > div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / span 2;
        -ms-grid-row: 1;
        grid-row: 1;
        background: #000000;
        color: #fff;
        margin-right: 0px;
        margin-bottom: 0px; }
        .grid-primary-posts > div:nth-of-type(1) a {
          color: #fff; }
      .grid-primary-posts > div:nth-of-type(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        grid-row: 2;
        margin-right: 0px;
        margin-bottom: 0px; }
      .grid-primary-posts > div:nth-of-type(3) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        background: #fff;
        margin-right: 0px;
        margin-bottom: 0px;
        background: #d10027;
        color: #fff; }
        .grid-primary-posts > div:nth-of-type(3) a {
          color: #fff; } }
  @media screen and (min-width: 1025px) {
    .grid-primary-posts {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1.5fr 1fr 1fr;
      grid-template-columns: 1.5fr 1fr 1fr; }
      .grid-primary-posts > div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        grid-row: 1;
        background: #000000;
        color: #fff; }
      .grid-primary-posts > div:nth-of-type(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        grid-row: 1;
        color: #000000; }
      .grid-primary-posts > div:nth-of-type(3) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 1;
        grid-row: 1; } }
  @media screen and (min-width: 768px) {
    .grid-primary-posts > div:nth-of-type(1) .text {
      padding-left: 4rem;
      padding-right: 4rem; } }

.grid-primary-posts-even {
  display: block;
  padding-left: 0px;
  background: #fff; }
  .grid-primary-posts-even .post {
    margin-right: 0px;
    margin-bottom: 0px;
    background: #f2f2f2; }
    .grid-primary-posts-even .post:nth-child(even) {
      background: #d10027;
      color: #fff; }
      .grid-primary-posts-even .post:nth-child(even) a {
        color: #fff; }
  @media screen and (min-width: 641px) {
    .grid-primary-posts-even {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      grid-auto-flow: row; }
      .grid-primary-posts-even > div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        grid-row: 1; }
      .grid-primary-posts-even > div:nth-of-type(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        grid-row: 1; }
      .grid-primary-posts-even > div:nth-of-type(3) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        grid-row: 2; }
      .grid-primary-posts-even > div:nth-of-type(4) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 2;
        grid-row: 2; }
      .grid-primary-posts-even > div:nth-of-type(5) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 3;
        grid-row: 3; }
      .grid-primary-posts-even > div:nth-of-type(6) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 3;
        grid-row: 3; }
      .grid-primary-posts-even > div:nth-of-type(7) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 4;
        grid-row: 4; }
      .grid-primary-posts-even > div:nth-of-type(8) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 4;
        grid-row: 4; }
      .grid-primary-posts-even > div:nth-of-type(9) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 5;
        grid-row: 5; }
      .grid-primary-posts-even > div:nth-of-type(10) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 5;
        grid-row: 5; }
      .grid-primary-posts-even > div:nth-of-type(11) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 6;
        grid-row: 6; }
      .grid-primary-posts-even > div:nth-of-type(12) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 6;
        grid-row: 6; }
      .grid-primary-posts-even > div:nth-of-type(13) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 7;
        grid-row: 7; }
      .grid-primary-posts-even > div:nth-of-type(14) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 7;
        grid-row: 7; }
      .grid-primary-posts-even > div:nth-of-type(15) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 8;
        grid-row: 8; }
      .grid-primary-posts-even > div:nth-of-type(16) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 8;
        grid-row: 8; }
      .grid-primary-posts-even > div:nth-of-type(17) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 9;
        grid-row: 9; }
      .grid-primary-posts-even > div:nth-of-type(18) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 9;
        grid-row: 9; } }
  @media screen and (min-width: 1025px) {
    .grid-primary-posts-even {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
      grid-auto-flow: row; }
      .grid-primary-posts-even > div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        grid-row: 1; }
      .grid-primary-posts-even > div:nth-of-type(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        grid-row: 1; }
      .grid-primary-posts-even > div:nth-of-type(3) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 1;
        grid-row: 1; }
      .grid-primary-posts-even > div:nth-of-type(4) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        grid-row: 2; }
      .grid-primary-posts-even > div:nth-of-type(5) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 2;
        grid-row: 2; }
      .grid-primary-posts-even > div:nth-of-type(6) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 2;
        grid-row: 2; }
      .grid-primary-posts-even > div:nth-of-type(7) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 3;
        grid-row: 3; }
      .grid-primary-posts-even > div:nth-of-type(8) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 3;
        grid-row: 3; }
      .grid-primary-posts-even > div:nth-of-type(9) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 3;
        grid-row: 3; }
      .grid-primary-posts-even > div:nth-of-type(10) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 4;
        grid-row: 4; }
      .grid-primary-posts-even > div:nth-of-type(11) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 4;
        grid-row: 4; }
      .grid-primary-posts-even > div:nth-of-type(12) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 4;
        grid-row: 4; }
      .grid-primary-posts-even > div:nth-of-type(13) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 5;
        grid-row: 5; }
      .grid-primary-posts-even > div:nth-of-type(14) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 5;
        grid-row: 5; }
      .grid-primary-posts-even > div:nth-of-type(15) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 5;
        grid-row: 5; }
      .grid-primary-posts-even > div:nth-of-type(16) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 6;
        grid-row: 6; }
      .grid-primary-posts-even > div:nth-of-type(17) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 6;
        grid-row: 6; }
      .grid-primary-posts-even > div:nth-of-type(18) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 6;
        grid-row: 6; } }

.grid-secondary-posts {
  display: block;
  padding-right: 0px; }
  @media screen and (min-width: 1025px) {
    .grid-secondary-posts {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 3.05fr 0.9fr;
      grid-template-columns: 3.05fr 0.9fr; }
      .grid-secondary-posts > div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1; }
      .grid-secondary-posts > div:nth-of-type(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1; } }

.newsletter-block h2 + p, .newsletter-block .hub-category-entry h1 + p, .hub-category-entry .newsletter-block h1 + p, .newsletter-block h2 + dt, .newsletter-block .hub-category-entry h1 + dt, .hub-category-entry .newsletter-block h1 + dt, .newsletter-block h2 + dd, .newsletter-block .hub-category-entry h1 + dd, .hub-category-entry .newsletter-block h1 + dd, .newsletter-block h2 + fieldset, .newsletter-block .hub-category-entry h1 + fieldset, .hub-category-entry .newsletter-block h1 + fieldset, .newsletter-block .accordion h2 + .trigger, .accordion .newsletter-block h2 + .trigger, .newsletter-block .hub-category-entry .accordion h1 + .trigger, .accordion .newsletter-block .hub-category-entry h1 + .trigger, .hub-category-entry .newsletter-block .accordion h1 + .trigger, .accordion .hub-category-entry .newsletter-block h1 + .trigger, .newsletter-block .overlay .content h2 + ol, .overlay .content .newsletter-block h2 + ol, .newsletter-block .hub-category-entry .overlay .content h1 + ol, .overlay .content .newsletter-block .hub-category-entry h1 + ol, .hub-category-entry .newsletter-block .overlay .content h1 + ol, .overlay .content .hub-category-entry .newsletter-block h1 + ol, .newsletter-block .overlay .content h2 + ul, .overlay .content .newsletter-block h2 + ul, .newsletter-block .hub-category-entry .overlay .content h1 + ul, .overlay .content .newsletter-block .hub-category-entry h1 + ul, .hub-category-entry .newsletter-block .overlay .content h1 + ul, .overlay .content .hub-category-entry .newsletter-block h1 + ul {
  font-size: 1rem;
  line-height: 1.375rem; }

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

.hub-category-entry {
  padding: 0px;
  background: #fff; }
  .hub-category-entry .nav {
    padding: 0.5rem; }
    .hub-category-entry .nav a {
      color: #d10027;
      margin-right: 0.5rem; }
    .hub-category-entry .nav span {
      margin-left: 0.5rem; }
  .hub-category-entry .text {
    text-align: center;
    padding: 2rem;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (min-width: 1281px) {
      .hub-category-entry .text {
        max-width: 40%; } }
  .hub-category-entry h5 {
    font-size: 1.25rem;
    line-height: 1.375rem;
    color: #595959; }

.hub-title {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  color: #fff;
  background: #fff; }
  @media screen and (min-width: 641px) {
    .hub-title {
      display: -ms-grid;
      display: grid;
      grid-auto-flow: row;
      -ms-grid-columns: 50% 50%;
      grid-template-columns: 50.5% 49.5%; } }
  @media screen and (min-width: 1025px) {
    .hub-title {
      -ms-grid-columns: 40% 60%;
      grid-template-columns: 40% 60%; } }
  .hub-title > div:nth-of-type(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    grid-row: 1;
    background-color: #d10027; }
    @media screen and (min-width: 641px) {
      .hub-title > div:nth-of-type(1) {
        margin-right: 0px; } }
    .hub-title > div:nth-of-type(1) > div {
      padding: 2rem; }
  .hub-title > div:nth-of-type(2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    grid-row: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative; }
    .hub-title > div:nth-of-type(2) > div {
      text-align: center;
      padding: 2rem; }
      @media screen and (min-width: 641px) {
        .hub-title > div:nth-of-type(2) > div {
          position: absolute;
          top: 25%;
          left: 0px;
          width: 100%; } }

.question-grid {
  min-height: 88vh;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 4rem;
  padding-bottom: 2rem;
  background-image: url(../../img/campaigns/dreamsandgoals-intro-desktop.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  margin-bottom: 0px; }
  .question-grid h2, .question-grid .hub-category-entry h1, .hub-category-entry .question-grid h1 {
    color: #fff;
    text-align: center; }
  .question-grid div.question {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 520px;
    z-index: 3; }
    .question-grid div.question label {
      margin-bottom: 2rem;
      font-size: 100%;
      min-height: 40px; }
  .question-grid .set {
    display: none; }
    .question-grid .set.active {
      display: block; }
  .question-grid .content {
    padding: 2rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    min-height: 420px; }
    .question-grid .content .tips {
      color: #fff;
      margin-bottom: 12px;
      font-size: 0.9375rem;
      line-height: 17px;
      display: none; }
      .question-grid .content .tips b {
        display: block;
        font-weight: 700;
        margin-bottom: 8px;
        font-size: 1.125rem; }
      .question-grid .content .tips a {
        color: #d10027; }
    .question-grid .content .dot {
      border-color: transparent; }
    .question-grid .content .answered {
      opacity: 0.5; }
    .question-grid .content .checked {
      color: #31AF34;
      opacity: 1; }
      .question-grid .content .checked .dot {
        border-color: #31AF34;
        animation-name: heartBeat;
        animation-duration: 1.2s;
        animation-delay: 0.2s; }
        .question-grid .content .checked .dot:after {
          position: absolute;
          display: block;
          width: 9px;
          height: 9px;
          top: 7px;
          left: 7px;
          transform: scale(1);
          content: "";
          background: #31AF34;
          border-radius: 100%;
          transition: all 0.3s; }
    .question-grid .content p, .question-grid .content dt, .question-grid .content dd, .question-grid .content fieldset, .question-grid .content .accordion .trigger, .accordion .question-grid .content .trigger, .question-grid .overlay .content ol, .overlay .question-grid .content ol, .question-grid .overlay .content ul, .overlay .question-grid .content ul {
      min-height: 80px; }
    .question-grid .content .button.disabled {
      display: none; }
  .question-grid .position {
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #000000; }
  .question-grid .bar {
    background: #d10027;
    position: absolute;
    height: 10px;
    transition: all 0.6s;
    transition-delay: 0.2s; }

span.index {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  display: inline-block;
  background: #000000;
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 25px;
  z-index: 1;
  display: none; }

.score-board {
  padding: 2rem;
  color: #fff;
  text-align: center; }

.quiz-footer {
  padding: 4rem 4rem 2rem 2rem;
  text-align: center; }
  .quiz-footer .button {
    min-width: 180px; }

section.products-related {
  border: none;
  display: block;
  padding-top: 2rem;
  min-height: 400px;
  align-items: center;
  margin-bottom: 0px; }

@keyframes heartBeat {
  0% {
    transform: scale(1); }
  14% {
    transform: scale(1.1); }
  28% {
    transform: scale(1); }
  42% {
    transform: scale(1.1); }
  70% {
    transform: scale(1); } }