/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, .overlay h2, h4, .card-liftups h3, .card-liftups .overlay h2, .overlay .card-liftups h2, section.products-related .card .title, .ksp2 h2, .intro h2, h5, h6, p, dt, dd, fieldset, .accordion .trigger, .overlay .content ol, .overlay .content ul, .intro 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 {
  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, h4, .card-liftups h3, section.products-related .card .title, .ksp2 h2, .intro h2, .accordion .trigger:before {
  font-family: 'Druk Cy Web', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

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

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

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

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

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

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

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

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

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

h4, .card-liftups h3, .card-liftups .overlay h2, .overlay .card-liftups h2, section.products-related .card .title, .ksp2 h2, .intro h2 {
  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, .card-liftups h3, .card-liftups .overlay h2, .overlay .card-liftups h2, section.products-related .card .title, .ksp2 h2, .intro h2 {
      font-size: 1.85vw;
      line-height: 1.85vw; } }

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

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

p, dt, dd, fieldset, .accordion .trigger, .overlay .content ol, .overlay .content ul, .intro 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, .intro 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, .intro 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, .intro 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, .intro 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, .intro 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, .intro 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, .intro 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, .intro 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, .intro 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, .intro 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, .intro 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, .intro 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, .intro 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, .intro 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, .intro 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 {
    font-size: 0.75rem; }
    @media screen and (min-width: 641px) {
      .watch h3, .watch .overlay h2, .overlay .watch h2 {
        font-size: 0.875rem; } }
  .watch:hover, .watch:focus {
    color: #fff; }
    .watch:hover span, .watch:focus span {
      background: rgba(255, 255, 255, 0.3); }

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

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

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

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

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

.clearfix:after, .clearfix:before {
  content: " ";
  display: table;
  clear: both; }

.block-as-inline img, .block-as-inline h1, .block-as-inline h2, .block-as-inline h3, .block-as-inline .overlay h2, .overlay .block-as-inline h2, .block-as-inline h4, .block-as-inline .card-liftups h3, .card-liftups .block-as-inline h3, .block-as-inline .card-liftups .overlay h2, .card-liftups .overlay .block-as-inline h2, .block-as-inline .overlay .card-liftups h2, .overlay .card-liftups .block-as-inline h2, .block-as-inline section.products-related .card .title, section.products-related .card .block-as-inline .title, .block-as-inline .ksp2 h2, .ksp2 .block-as-inline h2, .block-as-inline .intro h2, .intro .block-as-inline h2, .block-as-inline p, .block-as-inline dt, .block-as-inline dd, .block-as-inline fieldset, .block-as-inline .accordion .trigger, .accordion .block-as-inline .trigger, .block-as-inline .overlay .content ol, .overlay .content .block-as-inline ol, .block-as-inline .overlay .content ul, .overlay .content .block-as-inline ul, .block-as-inline .intro ul, .intro .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, .buy-ui .shopping-widget .product-bar .intro ul, .intro .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, .buy-ui .shopping-widget .intro ul.status, .intro .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, .buy-ui .shopping-widget .intro ul.status span, .intro .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, .buy-ui .shopping-widget .intro ul.status.disabled span, .intro .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, .buy-ui .shopping-widget .intro ul.status.note span, .intro .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, .buy-ui .shopping-widget .intro ul.status.note span::before, .intro .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 {
          clear: both; } }
    .buy-ui .cart-totals-container table {
      background: #f2f2f2; }
      .buy-ui .cart-totals-container table .cart-cell {
        padding: 1rem; }
      .buy-ui .cart-totals-container table td {
        padding: 8px; }
    .buy-ui .cart-totals-container .info {
      padding-right: 2rem;
      padding-top: 2rem; }
      .buy-ui .cart-totals-container .info p, .buy-ui .cart-totals-container .info dt, .buy-ui .cart-totals-container .info dd, .buy-ui .cart-totals-container .info fieldset, .buy-ui .cart-totals-container .info .accordion .trigger, .accordion .buy-ui .cart-totals-container .info .trigger, .buy-ui .cart-totals-container .info .overlay .content ol, .overlay .content .buy-ui .cart-totals-container .info ol, .buy-ui .cart-totals-container .info .overlay .content ul, .overlay .content .buy-ui .cart-totals-container .info ul, .buy-ui .cart-totals-container .info .intro ul, .intro .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, .buy-ui .product-recommend-liftup .item .intro ul, .intro .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, .buy-ui .product-recommend-liftup .item .intro ul.price, .intro .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 {
      width: 100%;
      display: block; }
      @media screen and (max-width: 480px) {
        .overlay .content h2:first-of-type {
          width: 80%; } }
    @media screen and (min-width: 481px) {
      .overlay .content {
        max-width: 90vw;
        margin-top: 5vw;
        margin-bottom: 5vw; } }
    @media screen and (min-width: 1025px) {
      .overlay .content {
        max-width: 70vw;
        margin-top: 4.6875rem;
        margin-bottom: 4.6875rem; } }
    @media screen and (min-width: 1401px) {
      .overlay .content {
        max-width: 50vw;
        margin-top: 4.6875rem; } }
  .overlay.on-the-side {
    background: #fff; }
    .overlay.on-the-side .content {
      max-width: 100vw;
      margin: 0;
      min-height: 100%;
      background: #fff; }
    @media screen and (min-width: 1025px) {
      .overlay.on-the-side {
        position: fixed;
        margin: 0 0 0 20vw;
        width: 80vw;
        max-height: 100%;
        min-height: 100%;
        overflow-y: auto; }
        html[dir="rtl"] .overlay.on-the-side {
          margin: 0 20vw 0 0; } }
    @media screen and (min-width: 1281px) {
      .overlay.on-the-side {
        width: 65vw;
        margin-left: 35vw; }
        html[dir="rtl"] .overlay.on-the-side {
          margin-right: 35vw;
          margin-left: 0; } }
    @media screen and (min-width: 1920px) {
      .overlay.on-the-side {
        width: 50vw;
        margin-left: 50vw; }
        html[dir="rtl"] .overlay.on-the-side {
          margin-right: 50vw;
          margin-left: 0; } }
  .overlay .close {
    display: block;
    position: fixed;
    margin-top: -0.5rem;
    margin-left: 0;
    height: 45px;
    width: 45px;
    background-color: #fff;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    z-index: 901; }
    html[dir="rtl"] .overlay .close {
      margin-right: 0;
      margin-left: auto; }
    @media screen and (max-width: 480px) {
      .overlay .close {
        right: 1rem; }
        html[dir="rtl"] .overlay .close {
          left: 1rem;
          right: auto; } }
    @media screen and (min-width: 481px) {
      .overlay .close {
        margin-top: -2rem; } }
    @media screen and (max-width: 768px) {
      .overlay .close {
        right: 0.5rem; }
        html[dir="rtl"] .overlay .close {
          left: 0.5rem;
          right: auto; } }
    @media screen and (min-width: 769px) {
      .overlay .close {
        margin-left: 85.5vw; }
        html[dir="rtl"] .overlay .close {
          margin-right: 85.5vw;
          margin-left: 0; } }
    @media screen and (min-width: 1025px) {
      .overlay .close {
        margin-left: 66.5vw; }
        html[dir="rtl"] .overlay .close {
          margin-right: 66.5vw;
          margin-left: 0; } }
    @media screen and (min-width: 1401px) {
      .overlay .close {
        margin-left: 47.5vw; }
        html[dir="rtl"] .overlay .close {
          margin-right: 47.5vw;
          margin-left: 0; } }
    @media screen and (min-width: 1920px) {
      .overlay .close {
        margin-left: 48vw; }
        html[dir="rtl"] .overlay .close {
          margin-right: 48vw;
          margin-left: 0; } }
  @media screen and (min-width: 481px) {
    .overlay.on-the-side .close {
      margin-top: -0.5rem;
      right: 1rem; }
      html[dir="rtl"] .overlay.on-the-side .close {
        left: 1rem;
        right: auto; } }
  .overlay.watch-video-overlay .content, .overlay.search-overlay .content, .overlay.select-region-overlay .content, .overlay.image-overlay .content {
    background: transparent;
    max-width: 100%; }
    @media screen and (max-width: 641px) {
      .overlay.watch-video-overlay .content .embed-container, .overlay.search-overlay .content .embed-container, .overlay.select-region-overlay .content .embed-container, .overlay.image-overlay .content .embed-container {
        margin-top: 2rem; } }
    @media screen and (min-width: 1025px) {
      .overlay.watch-video-overlay .content, .overlay.search-overlay .content, .overlay.select-region-overlay .content, .overlay.image-overlay .content {
        max-width: 90%;
        margin-top: 0;
        margin-bottom: 0; } }
  .overlay.watch-video-overlay .close, .overlay.search-overlay .close, .overlay.select-region-overlay .close, .overlay.image-overlay .close {
    margin: 0;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    background-color: transparent; }
    html[dir="rtl"] .overlay.watch-video-overlay .close, html[dir="rtl"] .overlay.search-overlay .close, html[dir="rtl"] .overlay.select-region-overlay .close, html[dir="rtl"] .overlay.image-overlay .close {
      right: auto;
      left: 1.5rem; }
  .overlay.search-overlay {
    background: rgba(209, 0, 39, 0.9); }
    .overlay.search-overlay .content {
      max-width: 640px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1rem;
      padding-left: 2rem;
      padding-right: 2rem; }
    .overlay.search-overlay input {
      border: none;
      background: none;
      color: #e5e5e5;
      padding-top: 2rem;
      padding-bottom: 2rem;
      margin-top: 2rem;
      font-size: 4rem;
      text-align: left;
      width: 100%;
      margin-bottom: 2rem;
      line-height: 4rem;
      background: #d10027;
      border: 2px solid #fff; }
      .overlay.search-overlay input::placeholder {
        color: #e5e5e5;
        opacity: 1; }
      .overlay.search-overlay input:-ms-input-placeholder {
        color: #e5e5e5; }
      .overlay.search-overlay input::-ms-input-placeholder {
        color: #e5e5e5; }
    .overlay.search-overlay .result {
      color: #fff;
      display: block;
      clear: both;
      padding-top: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .overlay.search-overlay .result a {
        display: block;
        color: #fff;
        font-weight: 700;
        margin-bottom: 0.5rem; }
      .overlay.search-overlay .result p, .overlay.search-overlay .result dt, .overlay.search-overlay .result dd, .overlay.search-overlay .result fieldset, .overlay.search-overlay .result .accordion .trigger, .accordion .overlay.search-overlay .result .trigger, .overlay.search-overlay .result .content ol, .overlay.search-overlay .content .result ol, .overlay.search-overlay .result .content ul, .overlay.search-overlay .content .result ul, .overlay.search-overlay .result .intro ul, .intro .overlay.search-overlay .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 {
        width: auto; } }
  @media screen and (max-width: 480px) {
    .overlay.ad-overlay .close {
      margin-top: -4.5rem;
      right: 0; }
      html[dir="rtl"] .overlay.ad-overlay .close {
        left: 0;
        right: auto; } }
  .overlay h2 {
    letter-spacing: 0.025em;
    font-size: 2.625rem;
    line-height: 2.625rem;
    margin-top: 0 !important;
    margin-bottom: 2rem !important; }
    @media screen and (min-width: 1025px) {
      .overlay h2 {
        font-size: 3vw;
        line-height: 3vw; } }
  .overlay h3, .overlay h2 {
    margin-top: 2rem;
    margin-bottom: 1.5rem; }
  .overlay h4, .overlay .card-liftups h3, .card-liftups .overlay h3, .card-liftups .overlay h2, .overlay .card-liftups h2, .overlay section.products-related .card .title, section.products-related .card .overlay .title, .overlay .ksp2 h2, .ksp2 .overlay h2, .overlay .intro h2, .intro .overlay h2 {
    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; }

.ksp1, .ksp2 {
  background: #fff; }

@media screen and (min-width: 641px) {
  .ksp1 {
    min-height: 36vw; } }

@media screen and (min-width: 1025px) {
  .ksp2 {
    min-height: 32vw; } }

.ksp-content {
  padding: 8vw 5vw; }
  @media screen and (min-width: 641px) {
    .ksp-content {
      padding: 5vw 4vw; } }
  .ksp-content h3, .ksp-content .overlay h2, .overlay .ksp-content h2 {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-size: 1rem;
    line-height: 1rem;
    margin-top: 3.5rem;
    margin-bottom: 1rem; }
    @media screen and (min-width: 1025px) {
      .ksp-content h3, .ksp-content .overlay h2, .overlay .ksp-content h2 {
        font-size: 1.125rem;
        line-height: 1.25rem; } }
    @media screen and (min-width: 1920px) {
      .ksp-content h3, .ksp-content .overlay h2, .overlay .ksp-content h2 {
        font-size: 0.9vw;
        line-height: 1vw; } }
  @media screen and (min-width: 641px) {
    .ksp-content p, .ksp-content dt, .ksp-content dd, .ksp-content fieldset, .ksp-content .accordion .trigger, .accordion .ksp-content .trigger, .ksp-content .overlay .content ol, .overlay .content .ksp-content ol, .ksp-content .overlay .content ul, .overlay .content .ksp-content ul, .ksp-content .intro ul, .intro .ksp-content ul {
      font-size: 1.25rem;
      line-height: 1.625rem; } }
  @media screen and (min-width: 641px) and (min-width: 1920px) {
    .ksp-content p, .ksp-content dt, .ksp-content dd, .ksp-content fieldset, .ksp-content .accordion .trigger, .accordion .ksp-content .trigger, .ksp-content .overlay .content ol, .overlay .content .ksp-content ol, .ksp-content .overlay .content ul, .overlay .content .ksp-content ul, .ksp-content .intro ul, .intro .ksp-content ul {
      font-size: 1vw;
      line-height: 1.3em; } }
  @media screen and (min-width: 641px) {
    .ksp-content h3 ~ p, .ksp-content .overlay h2 ~ p, .overlay .ksp-content h2 ~ p, .ksp-content h3 ~ dt, .ksp-content .overlay h2 ~ dt, .overlay .ksp-content h2 ~ dt, .ksp-content h3 ~ dd, .ksp-content .overlay h2 ~ dd, .overlay .ksp-content h2 ~ dd, .ksp-content h3 ~ fieldset, .ksp-content .overlay h2 ~ fieldset, .overlay .ksp-content h2 ~ fieldset, .ksp-content .accordion h3 ~ .trigger, .accordion .ksp-content h3 ~ .trigger, .ksp-content .overlay .accordion h2 ~ .trigger, .accordion .ksp-content .overlay h2 ~ .trigger, .overlay .ksp-content .accordion h2 ~ .trigger, .accordion .overlay .ksp-content h2 ~ .trigger, .ksp-content .overlay .content h3 ~ ol, .overlay .content .ksp-content h3 ~ ol, .ksp-content .overlay .content h2 ~ ol, .overlay .ksp-content .content h2 ~ ol, .overlay .content .ksp-content h2 ~ ol, .ksp-content .overlay .content h3 ~ ul, .overlay .content .ksp-content h3 ~ ul, .ksp-content .overlay .content h2 ~ ul, .overlay .ksp-content .content h2 ~ ul, .overlay .content .ksp-content h2 ~ ul, .ksp-content .intro h3 ~ ul, .intro .ksp-content h3 ~ ul, .ksp-content .overlay .intro h2 ~ ul, .intro .ksp-content .overlay h2 ~ ul, .overlay .ksp-content .intro h2 ~ ul, .intro .overlay .ksp-content h2 ~ ul {
      font-size: 1rem;
      line-height: 1.25rem; } }
  @media screen and (min-width: 641px) and (min-width: 1920px) {
    .ksp-content h3 ~ p, .ksp-content .overlay h2 ~ p, .overlay .ksp-content h2 ~ p, .ksp-content h3 ~ dt, .ksp-content .overlay h2 ~ dt, .overlay .ksp-content h2 ~ dt, .ksp-content h3 ~ dd, .ksp-content .overlay h2 ~ dd, .overlay .ksp-content h2 ~ dd, .ksp-content h3 ~ fieldset, .ksp-content .overlay h2 ~ fieldset, .overlay .ksp-content h2 ~ fieldset, .ksp-content .accordion h3 ~ .trigger, .accordion .ksp-content h3 ~ .trigger, .ksp-content .overlay .accordion h2 ~ .trigger, .accordion .ksp-content .overlay h2 ~ .trigger, .overlay .ksp-content .accordion h2 ~ .trigger, .accordion .overlay .ksp-content h2 ~ .trigger, .ksp-content .overlay .content h3 ~ ol, .overlay .content .ksp-content h3 ~ ol, .ksp-content .overlay .content h2 ~ ol, .overlay .ksp-content .content h2 ~ ol, .overlay .content .ksp-content h2 ~ ol, .ksp-content .overlay .content h3 ~ ul, .overlay .content .ksp-content h3 ~ ul, .ksp-content .overlay .content h2 ~ ul, .overlay .ksp-content .content h2 ~ ul, .overlay .content .ksp-content h2 ~ ul, .ksp-content .intro h3 ~ ul, .intro .ksp-content h3 ~ ul, .ksp-content .overlay .intro h2 ~ ul, .intro .ksp-content .overlay h2 ~ ul, .overlay .ksp-content .intro h2 ~ ul, .intro .overlay .ksp-content h2 ~ ul {
      font-size: 0.83vw;
      line-height: 1.3em; } }

.ksp-image {
  display: block;
  position: relative;
  height: 100%;
  background: #000000; }
  .ksp-image.bg-bold {
    background: #d10027; }

.ksp-video {
  width: 100%;
  height: 100%;
  display: block;
  background: #000000;
  object-fit: cover; }
  .ksp-video video {
    width: 100%;
    height: 100%; }

.old-ksp-video #videoPlayer {
  max-width: 100%;
  max-height: 100%; }

.old-ksp-video #videoControlBar {
  position: absolute;
  bottom: 2px;
  display: block;
  left: 1rem;
  bottom: 10px;
  display: none; }

.old-ksp-video #videoProgressBar {
  position: absolute;
  bottom: 0px;
  min-width: 100%;
  height: 10px;
  display: none; }
  .old-ksp-video #videoProgressBar #barHandle {
    position: absolute;
    background: #a7001f;
    height: 10px;
    transition: width 0.2s; }

@media screen and (max-width: 1024px) {
  .ksp-image {
    height: auto; }
  .ksp-image img, .ksp-image source {
    max-width: 100%;
    height: auto;
    display: block; } }

@media screen and (min-width: 1025px) {
  @supports (object-fit: cover) {
    .ksp-image img, .ksp-image source {
      display: block;
      position: absolute;
      z-index: 1;
      min-height: 100%;
      min-width: 100%;
      height: auto;
      width: auto;
      max-width: 100%;
      max-height: 100%;
      display: block;
      object-fit: cover; }
    .ksp-video img, .ksp-video source, .ksp-image.bg-bold img, .ksp-image.bg-bold source {
      object-fit: contain; } } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ksp1 div, .ksp2 div {
    position: relative;
    overflow: hidden; }
  .ksp-image img {
    width: 100%;
    height: auto;
    display: block; } }

.card-liftups {
  background-color: #fff;
  padding: 10vw 0; }
  @media screen and (min-width: 641px) {
    .card-liftups {
      padding: 7vw 0; } }
  @media screen and (min-width: 1025px) {
    .card-liftups {
      padding: 5vw 0; } }
  .card-liftups .card-items div:nth-child(even) {
    padding: 2rem; }
  .card-liftups p, .card-liftups dt, .card-liftups dd, .card-liftups fieldset, .card-liftups .accordion .trigger, .accordion .card-liftups .trigger, .card-liftups .overlay .content ol, .overlay .content .card-liftups ol, .card-liftups .overlay .content ul, .overlay .content .card-liftups ul, .card-liftups .intro ul, .intro .card-liftups ul {
    font-size: 1rem;
    line-height: 1.25rem; }
  @media screen and (min-width: 1920px) {
    .card-liftups p, .card-liftups dt, .card-liftups dd, .card-liftups fieldset, .card-liftups .accordion .trigger, .accordion .card-liftups .trigger, .card-liftups .overlay .content ol, .overlay .content .card-liftups ol, .card-liftups .overlay .content ul, .overlay .content .card-liftups ul, .card-liftups .intro ul, .intro .card-liftups ul {
      font-size: 0.83vw;
      line-height: 1.3em; } }
  .card-liftups h3, .card-liftups .overlay h2, .overlay .card-liftups h2 {
    text-align: center; }

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

.product-images, .intro.zoom {
  margin-bottom: 2rem; }
  .product-images .big, .intro.zoom .big {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 85vw;
    overflow: hidden;
    background: #fff;
    z-index: 10;
    transition: all .5s ease-out; }
    @media screen and (min-width: 481px) {
      .product-images .big, .intro.zoom .big {
        min-height: 65vw; } }
    @media screen and (min-width: 641px) {
      .product-images .big, .intro.zoom .big {
        min-height: 45vw; } }
    @media screen and (min-width: 1025px) {
      .product-images .big, .intro.zoom .big {
        min-height: 45vw; } }
    @media screen and (min-width: 1281px) {
      .product-images .big, .intro.zoom .big {
        min-height: 25vw; } }
  .product-images .photo, .intro.zoom .photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform .5s ease-out;
    display: none; }
    .product-images .photo.active, .intro.zoom .photo.active {
      display: block; }
    .product-images .photo:hover, .intro.zoom .photo:hover {
      cursor: crosshair; }
  .product-images .thumbs, .intro.zoom .thumbs {
    margin-top: 2rem; }
    .product-images .thumbs::after, .intro.zoom .thumbs::after {
      display: block;
      content: "";
      clear: both; }
    @media screen and (min-width: 1920px) {
      .product-images .thumbs, .intro.zoom .thumbs {
        margin-top: 0; } }
    .product-images .thumbs a, .intro.zoom .thumbs a {
      display: block;
      float: left;
      padding: 1.5vw;
      width: 25%;
      max-width: 100%; }
      @media screen and (min-width: 641px) and (max-width: 1024px) {
        .product-images .thumbs a, .intro.zoom .thumbs a {
          margin: 0;
          width: 50%; } }
      @media screen and (min-width: 1025px) {
        .product-images .thumbs a, .intro.zoom .thumbs a {
          padding: 0.5vw; } }
      @media screen and (min-width: 1920px) {
        .product-images .thumbs a, .intro.zoom .thumbs a {
          margin: 0;
          width: 100%;
          float: none; } }
      .product-images .thumbs a.is-selected, .intro.zoom .thumbs a.is-selected {
        background: #f2f2f2; }
      .product-images .thumbs a[data-open="threesixty"], .intro.zoom .thumbs a[data-open="threesixty"] {
        color: #000000;
        text-decoration: none;
        text-align: center; }
      .product-images .thumbs a img, .intro.zoom .thumbs a img {
        width: 100%;
        height: auto;
        display: block; }

.intro.zoom {
  margin: 0; }

#rotate360 {
  display: none;
  user-select: none;
  cursor: move;
  position: relative; }
  #rotate360.active {
    display: block; }
  #rotate360::after {
    display: block;
    position: absolute;
    content: "";
    bottom: 1rem;
    right: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: rgba(229, 229, 229, 0.3);
    background-image: url("../../img/productpage/rotate-360.png");
    background-size: 80% 80%;
    background-position: center center;
    background-repeat: no-repeat; }
  #rotate360 img {
    width: 100%;
    height: auto;
    display: block; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .thumbs a {
    width: 25% !important;
    float: left !important; } }

.intro {
  height: auto;
  background: #d10027; }
  @media screen and (min-width: 641px) {
    .intro {
      min-height: 44vw; } }
  .intro > div:nth-of-type(1) {
    position: relative;
    padding: 8vw 5vw;
    color: #fff;
    min-height: 25rem; }
    @supports (object-fit: cover) {
      .intro > div:nth-of-type(1) {
        background-size: 0 0; } }
    @media screen and (min-width: 641px) {
      .intro > div:nth-of-type(1) {
        padding: 5vw 4vw; } }
    @media screen and (min-width: 1025px) {
      .intro > div:nth-of-type(1) {
        min-height: 40rem; } }
    @media screen and (min-width: 1281px) {
      .intro > div:nth-of-type(1) {
        min-height: 50rem; } }
    @media screen and (min-width: 1920px) {
      .intro > div:nth-of-type(1) {
        min-height: 35vw; } }
  .intro.no-strech > div:nth-of-type(1) {
    min-height: 0;
    height: auto; }
  .intro .intro-background {
    height: auto; }
  @supports (object-fit: cover) {
    .intro .intro-background img, .intro .intro-background source {
      display: block;
      position: absolute;
      z-index: 1;
      min-height: 100%;
      min-width: 100%;
      height: auto;
      width: auto;
      max-width: 100%;
      max-height: 100%;
      display: block;
      object-fit: cover;
      margin: -8vw -5vw; }
      @media screen and (min-width: 641px) {
        .intro .intro-background img, .intro .intro-background source {
          margin: -5vw -4vw; } }
    .intro.no-strech .intro-background img, .intro.no-strech .intro-background source {
      object-fit: contain;
      background-color: #fff; } }
  .intro h1 {
    position: relative;
    z-index: 2;
    max-width: 65%; }
    @media screen and (max-width: 640px) {
      .intro h1 {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto; } }
    @media screen and (min-width: 641px) {
      .intro h1 {
        max-width: 80%; } }
    @media screen and (min-width: 1281px) {
      .intro h1 {
        max-width: 40%; } }
  .intro.accessory div:first-of-type {
    min-height: 18.75rem; }
  .intro .intro-watch {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-top: -34px;
    margin-left: -34px; }
    @media screen and (min-width: 641px) {
      .intro .intro-watch {
        margin-top: -43px;
        margin-left: -43px; } }
  .intro .intro-content {
    background: #fff;
    padding: 8vw 5vw; }
    @media screen and (min-width: 641px) {
      .intro .intro-content {
        padding: 5vw 4vw; } }
    .intro .intro-content .button {
      width: 100%; }
  .intro.no-strech .intro-content {
    background: #000000;
    color: #fff; }
  .intro ul {
    padding: 0 0 0 2rem;
    list-style-type: disc; }
    .intro ul li {
      margin: 0 0 0.5em 0; }
    .intro ul ul {
      margin: 0.5em 0; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .intro > div:nth-of-type(1) {
    position: relative;
    overflow: hidden; }
  .intro-background img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: auto; }
  .intro.no-strech > div:nth-of-type(1) {
    background-color: #fff;
    background-size: contain; } }

.intro-grid {
  display: block; }
  @media screen and (min-width: 1025px) {
    .intro-grid {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1.5fr 1fr;
      grid-template-columns: 1.5fr 1fr; }
      .intro-grid div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; }
      .intro-grid div:nth-of-type(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; } }

.ksp2 {
  display: block; }
  @media screen and (min-width: 1025px) {
    .ksp2 {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr; }
      .ksp2:nth-child(odd) div:nth-of-type(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        grid-row: 1;
        -ms-grid-row: 1; }
      .ksp2:nth-child(odd) div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        grid-row: 1;
        -ms-grid-row: 1; }
      .ksp2:nth-child(even) div:nth-of-type(1) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        grid-row: 1;
        -ms-grid-row: 1; }
      .ksp2:nth-child(even) div:nth-of-type(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        grid-row: 1;
        -ms-grid-row: 1; } }

.card-liftups {
  display: block;
  background: #fff; }
  .card-liftups div.card-items {
    width: 100%; }
    .card-liftups div.card-items div img {
      display: block;
      max-width: 100%;
      height: auto; }
    @media screen and (min-width: 641px) {
      .card-liftups div.card-items {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: column; }
        .card-liftups div.card-items div:nth-child(1), .card-liftups div.card-items div:nth-child(2), .card-liftups div.card-items div:nth-child(3), .card-liftups div.card-items div:nth-child(4) {
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1/2; }
        .card-liftups div.card-items div:nth-child(5), .card-liftups div.card-items div:nth-child(6), .card-liftups div.card-items div:nth-child(7), .card-liftups div.card-items div:nth-child(8) {
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2/3; }
        .card-liftups div.card-items div:nth-child(1), .card-liftups div.card-items div:nth-child(5) {
          -ms-grid-row: 1;
          -ms-grid-row-span: 1; }
        .card-liftups div.card-items div:nth-child(2), .card-liftups div.card-items div:nth-child(6) {
          -ms-grid-row: 2;
          -ms-grid-row-span: 1; }
        .card-liftups div.card-items div:nth-child(3), .card-liftups div.card-items div:nth-child(7) {
          -ms-grid-row: 3;
          -ms-grid-row-span: 1; }
        .card-liftups div.card-items div:nth-child(4), .card-liftups div.card-items div:nth-child(8) {
          -ms-grid-row: 4;
          -ms-grid-row-span: 1; }
        .card-liftups div.card-items div img {
          display: block;
          object-fit: cover;
          width: 100%;
          height: 100%; } }
    @media screen and (min-width: 1025px) {
      .card-liftups div.card-items {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: repeat(4, 1fr);
        grid-auto-flow: column; }
        .card-liftups div.card-items div:nth-child(1), .card-liftups div.card-items div:nth-child(2) {
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1/2; }
        .card-liftups div.card-items div:nth-child(3), .card-liftups div.card-items div:nth-child(4) {
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2/3; }
        .card-liftups div.card-items div:nth-child(5), .card-liftups div.card-items div:nth-child(6) {
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3/4; }
        .card-liftups div.card-items div:nth-child(7), .card-liftups div.card-items div:nth-child(8) {
          -ms-grid-column: 4;
          -ms-grid-column-span: 1;
          grid-column: 4/5; }
        .card-liftups div.card-items div:nth-child(odd) {
          -ms-grid-row: 1;
          -ms-grid-row-span: 1; }
        .card-liftups div.card-items div:nth-child(even) {
          -ms-grid-row: 2;
          -ms-grid-row-span: 1; }
        .card-liftups div.card-items div img {
          display: block;
          object-fit: cover;
          width: 100%;
          height: 100%; } }

.divider-heading {
  text-align: center;
  background: #fff;
  padding-top: 5vh;
  padding-bottom: 5vh; }
  .divider-heading h4, .divider-heading .card-liftups h3, .card-liftups .divider-heading h3, .divider-heading .card-liftups .overlay h2, .card-liftups .overlay .divider-heading h2, .divider-heading .overlay .card-liftups h2, .overlay .card-liftups .divider-heading h2, .divider-heading section.products-related .card .title, section.products-related .card .divider-heading .title, .divider-heading .ksp2 h2, .ksp2 .divider-heading h2, .divider-heading .intro h2, .intro .divider-heading h2 {
    margin: 0; }

section.products-related {
  border: none; }

.intro-content img {
  width: 100%;
  height: auto;
  max-width: 180px;
  margin-bottom: 2rem; }