/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, .intro.accessory h1, h3, .overlay h2, .overlay .intro.accessory h1, .intro.accessory .overlay h1, h4, .tech-specs h3, .tech-specs .overlay h2, .overlay .tech-specs h2, .call-to-action h3, .call-to-action .overlay h2, .overlay .call-to-action h2, .frame .unit-slider-container div.actions p, .frame .unit-slider-container div.actions dt, .frame .unit-slider-container div.actions dd, .frame .unit-slider-container div.actions fieldset, .frame .unit-slider-container div.actions .accordion .trigger, .accordion .frame .unit-slider-container div.actions .trigger, .frame .unit-slider-container div.actions .intro ul, .intro .frame .unit-slider-container div.actions ul, .frame .unit-slider-container div.actions .overlay .content ol, .overlay .content .frame .unit-slider-container div.actions ol, .frame .unit-slider-container div.actions .overlay .content ul, .overlay .content .frame .unit-slider-container div.actions ul, h2, .intro.accessory h1, h5, h6, p, dt, dd, fieldset, .accordion .trigger, .intro ul, .overlay .content ol, .overlay .content ul, blockquote, pre,
a,
.testimonials .testimonial-cards > div > a span.link, 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, .intro.accessory h1 {
  font-family: 'Druk Cy Web', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: italic;
  font-stretch: normal; }

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

.Druk-Medium-Cy-Web, h3, .overlay h2, h4, .tech-specs h3, .call-to-action h3, .frame .unit-slider-container div.actions p, .frame .unit-slider-container div.actions dt, .frame .unit-slider-container div.actions dd, .frame .unit-slider-container div.actions fieldset, .frame .unit-slider-container div.actions .accordion .trigger, .accordion .frame .unit-slider-container div.actions .trigger, .frame .unit-slider-container div.actions .intro ul, .intro .frame .unit-slider-container div.actions ul, .frame .unit-slider-container div.actions .overlay .content ol, .overlay .content .frame .unit-slider-container div.actions ol, .frame .unit-slider-container div.actions .overlay .content ul, .overlay .content .frame .unit-slider-container div.actions ul, h2, .intro.accessory h1, .accordion .trigger:before, .liftup-columns > div.cards h3, .liftup-columns > div.cards .overlay h2, .overlay .liftup-columns > div.cards h2, .liftup-columns > div.cards .overlay .intro.accessory h1, .overlay .intro.accessory .liftup-columns > div.cards h1, .liftup-columns > div.cards .intro.accessory .overlay h1, .intro.accessory .overlay .liftup-columns > div.cards h1 {
  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, .intro.accessory h1 {
  text-transform: uppercase;
  font-size: 3.5rem;
  line-height: 3.4375rem;
  margin-bottom: 2.5rem; }
  @media screen and (min-width: 641px) {
    h2, .intro.accessory h1 {
      font-size: 5vw;
      line-height: 4.7vw; } }

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

h4, .tech-specs h3, .tech-specs .overlay h2, .overlay .tech-specs h2, .call-to-action h3, .call-to-action .overlay h2, .overlay .call-to-action h2, .frame .unit-slider-container div.actions p, .frame .unit-slider-container div.actions dt, .frame .unit-slider-container div.actions dd, .frame .unit-slider-container div.actions fieldset, .frame .unit-slider-container div.actions .accordion .trigger, .accordion .frame .unit-slider-container div.actions .trigger, .frame .unit-slider-container div.actions .intro ul, .intro .frame .unit-slider-container div.actions ul, .frame .unit-slider-container div.actions .overlay .content ol, .overlay .content .frame .unit-slider-container div.actions ol, .frame .unit-slider-container div.actions .overlay .content ul, .overlay .content .frame .unit-slider-container div.actions ul, h2, .intro.accessory h1 {
  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, .tech-specs h3, .tech-specs .overlay h2, .overlay .tech-specs h2, .call-to-action h3, .call-to-action .overlay h2, .overlay .call-to-action h2, .frame .unit-slider-container div.actions p, .frame .unit-slider-container div.actions dt, .frame .unit-slider-container div.actions dd, .frame .unit-slider-container div.actions fieldset, .frame .unit-slider-container div.actions .accordion .trigger, .accordion .frame .unit-slider-container div.actions .trigger, .frame .unit-slider-container div.actions .intro ul, .intro .frame .unit-slider-container div.actions ul, .frame .unit-slider-container div.actions .overlay .content ol, .overlay .content .frame .unit-slider-container div.actions ol, .frame .unit-slider-container div.actions .overlay .content ul, .overlay .content .frame .unit-slider-container div.actions ul, h2, .intro.accessory h1 {
      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, .intro.accessory h1 span.collab {
  text-transform: none;
  font-style: normal;
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  font-size: 0.75em;
  vertical-align: top;
  margin: 0 0.1em; }

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

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

* a, * .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a * span.link {
  color: #000000;
  text-decoration: none; }
  * a:hover, * .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a * span.link:hover {
    color: #d10027; }

p a, dt a, dd a, fieldset a, .accordion .trigger a, .intro ul a, .overlay .content ol a, .overlay .content ul a, p .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a p span.link, dt .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a dt span.link, dd .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a dd span.link, fieldset .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a fieldset span.link, .accordion .trigger .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .accordion .trigger span.link, .intro ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .intro ul span.link, .overlay .content ol .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .overlay .content ol span.link, .overlay .content ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .overlay .content ul span.link, .link-list a, .link-list .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .link-list span.link {
  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, .intro ul a:hover, .overlay .content ol a:hover, .overlay .content ul a:hover, p .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a p span.link:hover, dt .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a dt span.link:hover, dd .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a dd span.link:hover, fieldset .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a fieldset span.link:hover, .accordion .trigger .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .accordion .trigger span.link:hover, .intro ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .intro ul span.link:hover, .overlay .content ol .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .overlay .content ol span.link:hover, .overlay .content ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .overlay .content ul span.link:hover, p a:focus, dt a:focus, dd a:focus, fieldset a:focus, .accordion .trigger a:focus, .intro ul a:focus, .overlay .content ol a:focus, .overlay .content ul a:focus, p .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a p span.link:focus, dt .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a dt span.link:focus, dd .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a dd span.link:focus, fieldset .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a fieldset span.link:focus, .accordion .trigger .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .accordion .trigger span.link:focus, .intro ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .intro ul span.link:focus, .overlay .content ol .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .overlay .content ol span.link:focus, .overlay .content ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .overlay .content ul span.link:focus, .link-list a:hover, .link-list .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .link-list span.link:hover, .link-list a:focus, .link-list .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .link-list span.link:focus {
    color: #000000; }


a,
.testimonials .testimonial-cards > div > a span.link {
  transition: all .2s ease-in-out; }

a.easier, .testimonials .testimonial-cards > div > a span.easier.link {
  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, input + label .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a input + label span.link {
      color: #d10027;
      background: transparent;
      text-transform: uppercase;
      text-decoration: none; }
      input + label a:hover, input + label .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a input + label span.link:hover, input + label a:focus, input + label .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a input + label span.link: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, .intro ul .button.info:hover, .overlay .content ol .button.info:hover, .overlay .content ul .button.info:hover, p .button.info:focus, dt .button.info:focus, dd .button.info:focus, fieldset .button.info:focus, .accordion .trigger .button.info:focus, .intro ul .button.info:focus, .overlay .content ol .button.info:focus, .overlay .content ul .button.info:focus, .button.ghost:hover, .button.ghost:focus, p .button.ghost:hover, dt .button.ghost:hover, dd .button.ghost:hover, fieldset .button.ghost:hover, .accordion .trigger .button.ghost:hover, .intro ul .button.ghost:hover, .overlay .content ol .button.ghost:hover, .overlay .content ul .button.ghost:hover, p .button.ghost:focus, dt .button.ghost:focus, dd .button.ghost:focus, fieldset .button.ghost:focus, .accordion .trigger .button.ghost:focus, .intro ul .button.ghost:focus, .overlay .content ol .button.ghost:focus, .overlay .content ul .button.ghost:focus {
      border-color: #a7001f; }
    input + .button.info, input + .button.ghost {
      padding: 7px 15px;
      line-height: 1.3125rem; }
  .button.inverse {
    background-color: transparent !important;
    color: #fff !important;
    border: 2px solid #fff;
    padding: 0.9375rem 1.875rem; }
    .button.inverse:hover, .button.inverse:focus, p .button.inverse:hover, dt .button.inverse:hover, dd .button.inverse:hover, fieldset .button.inverse:hover, .accordion .trigger .button.inverse:hover, .intro ul .button.inverse:hover, .overlay .content ol .button.inverse:hover, .overlay .content ul .button.inverse:hover, p .button.inverse:focus, dt .button.inverse:focus, dd .button.inverse:focus, fieldset .button.inverse:focus, .accordion .trigger .button.inverse:focus, .intro ul .button.inverse:focus, .overlay .content ol .button.inverse:focus, .overlay .content ul .button.inverse:focus {
      border-color: #a7001f; }
    input + .button.inverse {
      padding: 7px 15px;
      line-height: 1.3125rem; }
  .button.secondary {
    padding: 9px 15px;
    line-height: 1.3125rem; }
  .button.secondary.info {
    padding: 8px 14px;
    line-height: 1.3125rem; }
  @media screen and (min-width: 641px) {
    .button {
      font-size: 0.875rem;
      padding: 1.0625rem 1.875rem; } }
  .button:hover, .button:focus, p .button:hover, dt .button:hover, dd .button:hover, fieldset .button:hover, .accordion .trigger .button:hover, .intro ul .button:hover, .overlay .content ol .button:hover, .overlay .content ul .button:hover, p .button:focus, dt .button:focus, dd .button:focus, fieldset .button:focus, .accordion .trigger .button:focus, .intro ul .button:focus, .overlay .content ol .button:focus, .overlay .content ul .button:focus {
    background-color: #a7001f !important;
    color: #fff !important; }
  .button.is-disabled {
    background-color: #e5e5e5 !important;
    color: #999999 !important;
    cursor: default; }
    .button.is-disabled:hover, .button.is-disabled:focus, p .button.is-disabled:hover, dt .button.is-disabled:hover, dd .button.is-disabled:hover, fieldset .button.is-disabled:hover, .accordion .trigger .button.is-disabled:hover, .intro ul .button.is-disabled:hover, .overlay .content ol .button.is-disabled:hover, .overlay .content ul .button.is-disabled:hover, p .button.is-disabled:focus, dt .button.is-disabled:focus, dd .button.is-disabled:focus, fieldset .button.is-disabled:focus, .accordion .trigger .button.is-disabled:focus, .intro ul .button.is-disabled:focus, .overlay .content ol .button.is-disabled:focus, .overlay .content ul .button.is-disabled:focus {
      background-color: #e5e5e5 !important;
      color: #999999 !important; }
  .button.block {
    display: block;
    width: 100%; }

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

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

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

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

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

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

.clearfix:after, .product-related-accessory:after, .clearfix:before, .product-related-accessory:before {
  content: " ";
  display: table;
  clear: both; }

.block-as-inline img, .block-as-inline h1, .block-as-inline h2, .block-as-inline .intro.accessory h1, .intro.accessory .block-as-inline h1, .block-as-inline h3, .block-as-inline .overlay h2, .overlay .block-as-inline h2, .block-as-inline .overlay .intro.accessory h1, .overlay .intro.accessory .block-as-inline h1, .block-as-inline .intro.accessory .overlay h1, .intro.accessory .overlay .block-as-inline h1, .block-as-inline h4, .block-as-inline .tech-specs h3, .tech-specs .block-as-inline h3, .block-as-inline .call-to-action h3, .call-to-action .block-as-inline h3, .block-as-inline .frame .unit-slider-container div.actions p, .frame .unit-slider-container div.actions .block-as-inline p, .block-as-inline .frame .unit-slider-container div.actions dt, .frame .unit-slider-container div.actions .block-as-inline dt, .block-as-inline .frame .unit-slider-container div.actions dd, .frame .unit-slider-container div.actions .block-as-inline dd, .block-as-inline .frame .unit-slider-container div.actions fieldset, .frame .unit-slider-container div.actions .block-as-inline fieldset, .block-as-inline .frame .unit-slider-container div.actions .accordion .trigger, .frame .unit-slider-container div.actions .accordion .block-as-inline .trigger, .block-as-inline .accordion .frame .unit-slider-container div.actions .trigger, .accordion .frame .unit-slider-container div.actions .block-as-inline .trigger, .block-as-inline .frame .unit-slider-container div.actions .intro ul, .frame .unit-slider-container div.actions .intro .block-as-inline ul, .block-as-inline .intro .frame .unit-slider-container div.actions ul, .intro .frame .unit-slider-container div.actions .block-as-inline ul, .block-as-inline .frame .unit-slider-container div.actions .overlay .content ol, .frame .unit-slider-container div.actions .overlay .content .block-as-inline ol, .block-as-inline .overlay .content .frame .unit-slider-container div.actions ol, .overlay .content .frame .unit-slider-container div.actions .block-as-inline ol, .block-as-inline .frame .unit-slider-container div.actions .overlay .content ul, .frame .unit-slider-container div.actions .overlay .content .block-as-inline ul, .block-as-inline .overlay .content .frame .unit-slider-container div.actions ul, .overlay .content .frame .unit-slider-container div.actions .block-as-inline ul, .block-as-inline h2, .block-as-inline .intro.accessory h1, .intro.accessory .block-as-inline h1, .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 .intro ul, .intro .block-as-inline ul, .block-as-inline .overlay .content ol, .overlay .content .block-as-inline ol, .block-as-inline .overlay .content ul, .overlay .content .block-as-inline ul {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem; }

.icon-check, .webshop-info span {
  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, .webshop-info span {
    border-color: #6acc2b; }
  .icon-check.nok, .webshop-info span.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, header.global-navigation-block .tree .dropdown .category li .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a header.global-navigation-block .tree .dropdown .category li span.link {
            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, header.global-navigation-block .secondary-menu .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a header.global-navigation-block .secondary-menu span.link {
      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, header.global-navigation-block .secondary-menu .testimonials .testimonial-cards > div > a span.link:last-child, .testimonials .testimonial-cards > div > a header.global-navigation-block .secondary-menu span.link:last-child {
        padding-right: 0px; }
      header.global-navigation-block .secondary-menu a:first-child, header.global-navigation-block .secondary-menu .testimonials .testimonial-cards > div > a span.link:first-child, .testimonials .testimonial-cards > div > a header.global-navigation-block .secondary-menu span.link:first-child {
        border-left: none; }
      header.global-navigation-block .secondary-menu a:hover, header.global-navigation-block .secondary-menu .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a header.global-navigation-block .secondary-menu span.link:hover {
        color: #a7001f; }

.global-info-block {
  text-align: center;
  background: #d10027; }
  .global-info-block a, .global-info-block .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .global-info-block span.link {
    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, .global-info-block .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .global-info-block span.link:hover {
      background: #000000;
      text-decoration: none; }

.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, .ksp-content .overlay .intro.accessory h1, .overlay .intro.accessory .ksp-content h1, .ksp-content .intro.accessory .overlay h1, .intro.accessory .overlay .ksp-content h1 {
    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, .ksp-content .overlay .intro.accessory h1, .overlay .intro.accessory .ksp-content h1, .ksp-content .intro.accessory .overlay h1, .intro.accessory .overlay .ksp-content h1 {
        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, .ksp-content .overlay .intro.accessory h1, .overlay .intro.accessory .ksp-content h1, .ksp-content .intro.accessory .overlay h1, .intro.accessory .overlay .ksp-content h1 {
        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 .intro ul, .intro .ksp-content ul, .ksp-content .overlay .content ol, .overlay .content .ksp-content ol, .ksp-content .overlay .content ul, .overlay .content .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 .intro ul, .intro .ksp-content ul, .ksp-content .overlay .content ol, .overlay .content .ksp-content ol, .ksp-content .overlay .content ul, .overlay .content .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 .overlay .intro.accessory h1 ~ p, .overlay .intro.accessory .ksp-content h1 ~ p, .ksp-content .intro.accessory .overlay h1 ~ p, .intro.accessory .overlay .ksp-content h1 ~ p, .ksp-content h3 ~ dt, .ksp-content .overlay h2 ~ dt, .overlay .ksp-content h2 ~ dt, .ksp-content .overlay .intro.accessory h1 ~ dt, .overlay .intro.accessory .ksp-content h1 ~ dt, .ksp-content .intro.accessory .overlay h1 ~ dt, .intro.accessory .overlay .ksp-content h1 ~ dt, .ksp-content h3 ~ dd, .ksp-content .overlay h2 ~ dd, .overlay .ksp-content h2 ~ dd, .ksp-content .overlay .intro.accessory h1 ~ dd, .overlay .intro.accessory .ksp-content h1 ~ dd, .ksp-content .intro.accessory .overlay h1 ~ dd, .intro.accessory .overlay .ksp-content h1 ~ dd, .ksp-content h3 ~ fieldset, .ksp-content .overlay h2 ~ fieldset, .overlay .ksp-content h2 ~ fieldset, .ksp-content .overlay .intro.accessory h1 ~ fieldset, .overlay .intro.accessory .ksp-content h1 ~ fieldset, .ksp-content .intro.accessory .overlay h1 ~ fieldset, .intro.accessory .overlay .ksp-content h1 ~ 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 .intro.accessory .accordion h1 ~ .trigger, .accordion .ksp-content .overlay .intro.accessory h1 ~ .trigger, .overlay .intro.accessory .ksp-content .accordion h1 ~ .trigger, .accordion .overlay .intro.accessory .ksp-content h1 ~ .trigger, .ksp-content .intro.accessory .overlay .accordion h1 ~ .trigger, .accordion .ksp-content .intro.accessory .overlay h1 ~ .trigger, .intro.accessory .overlay .ksp-content .accordion h1 ~ .trigger, .accordion .intro.accessory .overlay .ksp-content h1 ~ .trigger, .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, .ksp-content .overlay .intro.accessory h1 ~ ul, .overlay .intro.accessory .ksp-content h1 ~ ul, .ksp-content .intro.accessory .overlay h1 ~ ul, .intro.accessory .overlay .ksp-content h1 ~ ul, .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 .intro.accessory .content h1 ~ ol, .ksp-content .overlay .content .intro.accessory h1 ~ ol, .overlay .intro.accessory .ksp-content .content h1 ~ ol, .overlay .content .intro.accessory .ksp-content h1 ~ ol, .ksp-content .intro.accessory .overlay .content h1 ~ ol, .intro.accessory .overlay .ksp-content .content h1 ~ ol, .intro.accessory .overlay .content .ksp-content h1 ~ 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 .overlay .intro.accessory .content h1 ~ ul, .overlay .intro.accessory .ksp-content .content h1 ~ ul, .ksp-content .intro.accessory .overlay .content h1 ~ ul, .intro.accessory .overlay .ksp-content .content h1 ~ 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 .overlay .intro.accessory h1 ~ p, .overlay .intro.accessory .ksp-content h1 ~ p, .ksp-content .intro.accessory .overlay h1 ~ p, .intro.accessory .overlay .ksp-content h1 ~ p, .ksp-content h3 ~ dt, .ksp-content .overlay h2 ~ dt, .overlay .ksp-content h2 ~ dt, .ksp-content .overlay .intro.accessory h1 ~ dt, .overlay .intro.accessory .ksp-content h1 ~ dt, .ksp-content .intro.accessory .overlay h1 ~ dt, .intro.accessory .overlay .ksp-content h1 ~ dt, .ksp-content h3 ~ dd, .ksp-content .overlay h2 ~ dd, .overlay .ksp-content h2 ~ dd, .ksp-content .overlay .intro.accessory h1 ~ dd, .overlay .intro.accessory .ksp-content h1 ~ dd, .ksp-content .intro.accessory .overlay h1 ~ dd, .intro.accessory .overlay .ksp-content h1 ~ dd, .ksp-content h3 ~ fieldset, .ksp-content .overlay h2 ~ fieldset, .overlay .ksp-content h2 ~ fieldset, .ksp-content .overlay .intro.accessory h1 ~ fieldset, .overlay .intro.accessory .ksp-content h1 ~ fieldset, .ksp-content .intro.accessory .overlay h1 ~ fieldset, .intro.accessory .overlay .ksp-content h1 ~ 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 .intro.accessory .accordion h1 ~ .trigger, .accordion .ksp-content .overlay .intro.accessory h1 ~ .trigger, .overlay .intro.accessory .ksp-content .accordion h1 ~ .trigger, .accordion .overlay .intro.accessory .ksp-content h1 ~ .trigger, .ksp-content .intro.accessory .overlay .accordion h1 ~ .trigger, .accordion .ksp-content .intro.accessory .overlay h1 ~ .trigger, .intro.accessory .overlay .ksp-content .accordion h1 ~ .trigger, .accordion .intro.accessory .overlay .ksp-content h1 ~ .trigger, .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, .ksp-content .overlay .intro.accessory h1 ~ ul, .overlay .intro.accessory .ksp-content h1 ~ ul, .ksp-content .intro.accessory .overlay h1 ~ ul, .intro.accessory .overlay .ksp-content h1 ~ ul, .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 .intro.accessory .content h1 ~ ol, .ksp-content .overlay .content .intro.accessory h1 ~ ol, .overlay .intro.accessory .ksp-content .content h1 ~ ol, .overlay .content .intro.accessory .ksp-content h1 ~ ol, .ksp-content .intro.accessory .overlay .content h1 ~ ol, .intro.accessory .overlay .ksp-content .content h1 ~ ol, .intro.accessory .overlay .content .ksp-content h1 ~ 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 .overlay .intro.accessory .content h1 ~ ul, .overlay .intro.accessory .ksp-content .content h1 ~ ul, .ksp-content .intro.accessory .overlay .content h1 ~ ul, .intro.accessory .overlay .ksp-content .content h1 ~ 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; } }

.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, .product-images .thumbs .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .product-images .thumbs span.link, .intro.zoom .thumbs a, .intro.zoom .thumbs .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .intro.zoom .thumbs span.link {
      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, .product-images .thumbs .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .product-images .thumbs span.link, .intro.zoom .thumbs a, .intro.zoom .thumbs .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .intro.zoom .thumbs span.link {
          margin: 0;
          width: 50%; } }
      @media screen and (min-width: 1025px) {
        .product-images .thumbs a, .product-images .thumbs .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .product-images .thumbs span.link, .intro.zoom .thumbs a, .intro.zoom .thumbs .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .intro.zoom .thumbs span.link {
          padding: 0.5vw; } }
      @media screen and (min-width: 1920px) {
        .product-images .thumbs a, .product-images .thumbs .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .product-images .thumbs span.link, .intro.zoom .thumbs a, .intro.zoom .thumbs .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .intro.zoom .thumbs span.link {
          margin: 0;
          width: 100%;
          float: none; } }
      .product-images .thumbs a.is-selected, .product-images .thumbs .testimonials .testimonial-cards > div > a span.is-selected.link, .testimonials .testimonial-cards > div > a .product-images .thumbs span.is-selected.link, .intro.zoom .thumbs a.is-selected, .intro.zoom .thumbs .testimonials .testimonial-cards > div > a span.is-selected.link, .testimonials .testimonial-cards > div > a .intro.zoom .thumbs span.is-selected.link {
        background: #f2f2f2; }
      .product-images .thumbs a[data-open="threesixty"], .product-images .thumbs .testimonials .testimonial-cards > div > a span.link[data-open="threesixty"], .testimonials .testimonial-cards > div > a .product-images .thumbs span.link[data-open="threesixty"], .intro.zoom .thumbs a[data-open="threesixty"], .intro.zoom .thumbs .testimonials .testimonial-cards > div > a span.link[data-open="threesixty"], .testimonials .testimonial-cards > div > a .intro.zoom .thumbs span.link[data-open="threesixty"] {
        color: #000000;
        text-decoration: none;
        text-align: center; }
      .product-images .thumbs a img, .product-images .thumbs .testimonials .testimonial-cards > div > a span.link img, .testimonials .testimonial-cards > div > a .product-images .thumbs span.link img, .intro.zoom .thumbs a img, .intro.zoom .thumbs .testimonials .testimonial-cards > div > a span.link img, .testimonials .testimonial-cards > div > a .intro.zoom .thumbs span.link 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, .thumbs .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .thumbs span.link {
    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; } }

.img-grid {
  background: #fff; }
  .img-grid h2, .img-grid .intro.accessory h1, .intro.accessory .img-grid h1 {
    text-align: center;
    padding: 4vw 0 0 0;
    margin-bottom: 1rem; }
    @media screen and (min-width: 641px) {
      .img-grid h2, .img-grid .intro.accessory h1, .intro.accessory .img-grid h1 {
        padding: 5vw 0 0 0; } }
  .img-grid p, .img-grid dt, .img-grid dd, .img-grid fieldset, .img-grid .accordion .trigger, .accordion .img-grid .trigger, .img-grid .intro ul, .intro .img-grid ul, .img-grid .overlay .content ol, .overlay .content .img-grid ol, .img-grid .overlay .content ul, .overlay .content .img-grid ul {
    text-align: center;
    padding: 1vw 0 1vw 0; }
  .img-grid div {
    height: 33.3vw; }
    @media screen and (min-width: 1025px) {
      .img-grid div {
        height: 20vw; } }
  @supports (object-fit: cover) {
    .img-grid div img {
      min-height: 100%;
      min-width: 100%;
      height: auto;
      width: auto;
      max-width: 100%;
      max-height: 100%;
      display: block;
      object-fit: cover;
      object-position: 50% 50%; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .img-grid div {
    position: relative;
    overflow: hidden;
    text-align: center; }
  .img-grid img {
    display: inline-block;
    top: 0;
    left: 0;
    z-index: 1;
    width: auto;
    height: 100%; } }

.tech-specs {
  background: #f2f2f2; }
  .tech-specs h2, .tech-specs .intro.accessory h1, .intro.accessory .tech-specs h1 {
    display: block;
    width: 100%;
    text-align: center;
    padding: 8vw 0 0 0;
    margin-bottom: 1rem; }
  .tech-specs h3, .tech-specs .overlay h2, .overlay .tech-specs h2, .tech-specs .overlay .intro.accessory h1, .overlay .intro.accessory .tech-specs h1, .tech-specs .intro.accessory .overlay h1, .intro.accessory .overlay .tech-specs h1 {
    letter-spacing: 0.025em;
    margin: 12px 0 40px;
    height: auto; }
    @media screen and (min-width: 1025px) {
      .tech-specs h3, .tech-specs .overlay h2, .overlay .tech-specs h2, .tech-specs .overlay .intro.accessory h1, .overlay .intro.accessory .tech-specs h1, .tech-specs .intro.accessory .overlay h1, .intro.accessory .overlay .tech-specs h1 {
        margin: 0 0 3vw 0; } }
  .tech-specs .tab {
    background: #fff;
    padding: 8vw 5vw;
      padding-bottom: 5vw;
    width: 100%; }
    .tech-specs .tab.detail-image .spec-item {
      text-align: center; }
    .tech-specs .tab.detail-image img {
      width: 100%;
      height: auto;
      max-width: 180px; }
    .tech-specs .tab .view-all-button {
      width: 100%;
      display: block; }
    @media screen and (max-width: 640px) {
      .tech-specs .tab {
        display: none;
        overflow: hidden; }
        .tech-specs .tab:first-of-type {
          display: none; } }
    @media screen and (min-width: 641px) {
      .tech-specs .tab {
        padding: 5vw 4vw;
          padding-bottom: 0; } }
  .tech-specs .spec-item {
    margin-bottom: 2.5rem; }
    .tech-specs .spec-item.hidden-in-mobile {
      display: none; }
    @media screen and (min-width: 1025px) {
      .tech-specs .spec-item {
        max-width: 85%;
        margin-bottom: 3vw; } }
    .tech-specs .spec-item li {
      margin-bottom: 0.25em; }
    .tech-specs .spec-item img + h5 {
      margin-top: 0.625rem; }
  .tech-specs .accessories {
    text-align: center; }
  .tech-specs .product-box {
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    padding: 1%;
    vertical-align: top;
    margin-bottom: 40px; }
    @media screen and (min-width: 641px) {
      .tech-specs .product-box {
        width: 32%; } }
    @media screen and (min-width: 1025px) {
      .tech-specs .product-box {
        width: 19%; } }
    .tech-specs .product-box img {
      max-width: 100%;
      height: auto;
      margin-bottom: 1rem; }
    .tech-specs .product-box a, .tech-specs .product-box .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .tech-specs .product-box span.link, .tech-specs .product-box a:visited, .tech-specs .product-box .testimonials .testimonial-cards > div > a span.link:visited, .testimonials .testimonial-cards > div > a .tech-specs .product-box span.link:visited {
      display: block;
      color: #000000;
      text-decoration: none; }
      .tech-specs .product-box a:hover, .tech-specs .product-box .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .tech-specs .product-box span.link:hover, .tech-specs .product-box a:focus, .tech-specs .product-box .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .tech-specs .product-box span.link:focus, .tech-specs .product-box a:visited:hover, .tech-specs .product-box .testimonials .testimonial-cards > div > a span.link:visited:hover, .testimonials .testimonial-cards > div > a .tech-specs .product-box span.link:visited:hover, .tech-specs .product-box a:visited:focus, .tech-specs .product-box .testimonials .testimonial-cards > div > a span.link:visited:focus, .testimonials .testimonial-cards > div > a .tech-specs .product-box span.link:visited:focus {
        color: #d10027; }
  .tech-specs footer {
    background: #f2f2f2;
    text-align: center;
    padding: 8vw 0 5vw 0; }
    @media screen and (min-width: 641px) {
      .tech-specs footer {
        background: #fff;
        padding-top: 3vw;
        padding-bottom: 4vw; } }

.product-related-accessory {
  padding-top: 2rem;
  text-align: center;
  background: #f2f2f2; }
  .product-related-accessory > div {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .product-related-accessory .item {
    padding: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    text-align: center;
    background: #fff;
    margin: 1%;
    transition: all 0.2s; }
    .product-related-accessory .item:hover {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); }
    .product-related-accessory .item a, .product-related-accessory .item .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .product-related-accessory .item span.link {
      display: block;
      text-transform: uppercase;
      margin-bottom: 1rem;
      width: 100%; }
    @media screen and (min-width: 641px) {
      .product-related-accessory .item {
        max-width: 48%; } }
    @media screen and (min-width: 1025px) {
      .product-related-accessory .item {
        max-width: 22%; } }
    .product-related-accessory .item img {
      max-width: 240px;
      height: auto;
      clear: both;
      margin-bottom: 2rem; }
    .product-related-accessory .item .button {
      align-self: flex-end;
      width: 100%; }

.tab-navi {
  display: none; }
  @media screen and (min-width: 641px) {
    .tab-navi {
      display: block;
      width: 100%;
      text-align: center; }
      .tab-navi li {
        display: inline-block;
        padding: 1rem;
        font-family: 'Roboto Condensed', 'Roboto', sans-serif;
        font-weight: 700;
        letter-spacing: 0.05em;
        line-height: 1rem;
        text-transform: uppercase;
        margin: 0; } }
    @media screen and (min-width: 641px) and (min-width: 1025px) {
      .tab-navi li {
        font-size: 1.125rem;
        line-height: 1.25rem; } }
    @media screen and (min-width: 641px) and (min-width: 1920px) {
      .tab-navi li {
        font-size: 0.9vw;
        line-height: 1vw; } }
  @media screen and (min-width: 641px) {
        .tab-navi li a, .tab-navi li .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .tab-navi li span.link, .tab-navi li a:visited, .tab-navi li .testimonials .testimonial-cards > div > a span.link:visited, .testimonials .testimonial-cards > div > a .tab-navi li span.link:visited {
          text-decoration: none;
          color: #000000; }
          .tab-navi li a:hover, .tab-navi li .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .tab-navi li span.link:hover, .tab-navi li a:focus, .tab-navi li .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .tab-navi li span.link:focus, .tab-navi li a:visited:hover, .tab-navi li .testimonials .testimonial-cards > div > a span.link:visited:hover, .testimonials .testimonial-cards > div > a .tab-navi li span.link:visited:hover, .tab-navi li a:visited:focus, .tab-navi li .testimonials .testimonial-cards > div > a span.link:visited:focus, .testimonials .testimonial-cards > div > a .tab-navi li span.link:visited:focus {
            color: #d10027; }
        .tab-navi li.is-active {
          background: #fff; }
          .tab-navi li.is-active a, .tab-navi li.is-active .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .tab-navi li.is-active span.link {
            color: #d10027; } }

@media screen and (max-width: 640px) {
  .tab-mobile-toggle {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    font-family: 'Roboto Condensed', 'Roboto', sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-size: 1rem;
    line-height: 1rem;
    text-transform: uppercase;
    color: #000000;
    text-decoration: none;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px; }
    .tab-mobile-toggle .nav-caret {
      position: absolute;
      right: 25px;
      top: 16px;
      width: 12px;
      height: 12px;
      display: inline-block;
      transition: all 0.3s;
      background-size: 12px 14px;
      background-repeat: no-repeat;
      transition: 0.4s; }
    .tab-mobile-toggle.is-active {
      color: #d10027;
      background: #fff; }
      .tab-mobile-toggle.is-active .nav-caret {
        transform: rotate(180deg);
        color: #d10027; } }

@media screen and (min-width: 641px) {
  .tab-mobile-toggle {
    display: none; } }

.call-to-action {
  text-align: center;
  position: relative;
  background: #000;
  color: #fff;
  overflow-x: hidden; }
  .call-to-action.light {
    color: #000000;
    background: #e5e5e5; }
  .call-to-action a, .call-to-action .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action span.link, .call-to-action p a, .call-to-action dt a, .call-to-action dd a, .call-to-action fieldset a, .call-to-action .accordion .trigger a, .accordion .call-to-action .trigger a, .call-to-action .intro ul a, .intro .call-to-action ul a, .call-to-action .overlay .content ol a, .overlay .content .call-to-action ol a, .call-to-action .overlay .content ul a, .overlay .content .call-to-action ul a, .call-to-action p .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action p span.link, .call-to-action dt .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action dt span.link, .call-to-action dd .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action dd span.link, .call-to-action fieldset .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action fieldset span.link, .call-to-action .accordion .trigger .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action .accordion .trigger span.link, .accordion .call-to-action .trigger .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .accordion .call-to-action .trigger span.link, .call-to-action .intro ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action .intro ul span.link, .intro .call-to-action ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .intro .call-to-action ul span.link, .call-to-action .overlay .content ol .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action .overlay .content ol span.link, .overlay .content .call-to-action ol .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action ol span.link, .call-to-action .overlay .content ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action .overlay .content ul span.link, .overlay .content .call-to-action ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action ul span.link {
    color: #fff; }
    .call-to-action a:hover, .call-to-action .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action span.link:hover, .call-to-action a:focus, .call-to-action .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action span.link:focus, .call-to-action p a:hover, .call-to-action dt a:hover, .call-to-action dd a:hover, .call-to-action fieldset a:hover, .call-to-action .accordion .trigger a:hover, .accordion .call-to-action .trigger a:hover, .call-to-action .intro ul a:hover, .intro .call-to-action ul a:hover, .call-to-action .overlay .content ol a:hover, .overlay .content .call-to-action ol a:hover, .call-to-action .overlay .content ul a:hover, .overlay .content .call-to-action ul a:hover, .call-to-action p .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action p span.link:hover, .call-to-action dt .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action dt span.link:hover, .call-to-action dd .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action dd span.link:hover, .call-to-action fieldset .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action fieldset span.link:hover, .call-to-action .accordion .trigger .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action .accordion .trigger span.link:hover, .accordion .call-to-action .trigger .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .accordion .call-to-action .trigger span.link:hover, .call-to-action .intro ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action .intro ul span.link:hover, .intro .call-to-action ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .intro .call-to-action ul span.link:hover, .call-to-action .overlay .content ol .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action .overlay .content ol span.link:hover, .overlay .content .call-to-action ol .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action ol span.link:hover, .call-to-action .overlay .content ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action .overlay .content ul span.link:hover, .overlay .content .call-to-action ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action ul span.link:hover, .call-to-action p a:focus, .call-to-action dt a:focus, .call-to-action dd a:focus, .call-to-action fieldset a:focus, .call-to-action .accordion .trigger a:focus, .accordion .call-to-action .trigger a:focus, .call-to-action .intro ul a:focus, .intro .call-to-action ul a:focus, .call-to-action .overlay .content ol a:focus, .overlay .content .call-to-action ol a:focus, .call-to-action .overlay .content ul a:focus, .overlay .content .call-to-action ul a:focus, .call-to-action p .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action p span.link:focus, .call-to-action dt .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action dt span.link:focus, .call-to-action dd .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action dd span.link:focus, .call-to-action fieldset .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action fieldset span.link:focus, .call-to-action .accordion .trigger .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action .accordion .trigger span.link:focus, .accordion .call-to-action .trigger .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .accordion .call-to-action .trigger span.link:focus, .call-to-action .intro ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action .intro ul span.link:focus, .intro .call-to-action ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .intro .call-to-action ul span.link:focus, .call-to-action .overlay .content ol .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action .overlay .content ol span.link:focus, .overlay .content .call-to-action ol .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action ol span.link:focus, .call-to-action .overlay .content ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action .overlay .content ul span.link:focus, .overlay .content .call-to-action ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action ul span.link:focus {
      color: #d10027; }
  .call-to-action.light a, .call-to-action.light .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.light span.link, .call-to-action.light p a, .call-to-action.light dt a, .call-to-action.light dd a, .call-to-action.light fieldset a, .call-to-action.light .accordion .trigger a, .accordion .call-to-action.light .trigger a, .call-to-action.light .intro ul a, .intro .call-to-action.light ul a, .call-to-action.light .overlay .content ol a, .overlay .content .call-to-action.light ol a, .call-to-action.light .overlay .content ul a, .overlay .content .call-to-action.light ul a, .call-to-action.light p .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.light p span.link, .call-to-action.light dt .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.light dt span.link, .call-to-action.light dd .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.light dd span.link, .call-to-action.light fieldset .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.light fieldset span.link, .call-to-action.light .accordion .trigger .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.light .accordion .trigger span.link, .accordion .call-to-action.light .trigger .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .accordion .call-to-action.light .trigger span.link, .call-to-action.light .intro ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.light .intro ul span.link, .intro .call-to-action.light ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .intro .call-to-action.light ul span.link, .call-to-action.light .overlay .content ol .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.light .overlay .content ol span.link, .overlay .content .call-to-action.light ol .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action.light ol span.link, .call-to-action.light .overlay .content ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.light .overlay .content ul span.link, .overlay .content .call-to-action.light ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action.light ul span.link {
    color: #d10027; }
    .call-to-action.light a:hover, .call-to-action.light .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.light span.link:hover, .call-to-action.light a:focus, .call-to-action.light .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.light span.link:focus, .call-to-action.light p a:hover, .call-to-action.light dt a:hover, .call-to-action.light dd a:hover, .call-to-action.light fieldset a:hover, .call-to-action.light .accordion .trigger a:hover, .accordion .call-to-action.light .trigger a:hover, .call-to-action.light .intro ul a:hover, .intro .call-to-action.light ul a:hover, .call-to-action.light .overlay .content ol a:hover, .overlay .content .call-to-action.light ol a:hover, .call-to-action.light .overlay .content ul a:hover, .overlay .content .call-to-action.light ul a:hover, .call-to-action.light p .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.light p span.link:hover, .call-to-action.light dt .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.light dt span.link:hover, .call-to-action.light dd .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.light dd span.link:hover, .call-to-action.light fieldset .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.light fieldset span.link:hover, .call-to-action.light .accordion .trigger .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.light .accordion .trigger span.link:hover, .accordion .call-to-action.light .trigger .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .accordion .call-to-action.light .trigger span.link:hover, .call-to-action.light .intro ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.light .intro ul span.link:hover, .intro .call-to-action.light ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .intro .call-to-action.light ul span.link:hover, .call-to-action.light .overlay .content ol .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.light .overlay .content ol span.link:hover, .overlay .content .call-to-action.light ol .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action.light ol span.link:hover, .call-to-action.light .overlay .content ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.light .overlay .content ul span.link:hover, .overlay .content .call-to-action.light ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action.light ul span.link:hover, .call-to-action.light p a:focus, .call-to-action.light dt a:focus, .call-to-action.light dd a:focus, .call-to-action.light fieldset a:focus, .call-to-action.light .accordion .trigger a:focus, .accordion .call-to-action.light .trigger a:focus, .call-to-action.light .intro ul a:focus, .intro .call-to-action.light ul a:focus, .call-to-action.light .overlay .content ol a:focus, .overlay .content .call-to-action.light ol a:focus, .call-to-action.light .overlay .content ul a:focus, .overlay .content .call-to-action.light ul a:focus, .call-to-action.light p .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.light p span.link:focus, .call-to-action.light dt .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.light dt span.link:focus, .call-to-action.light dd .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.light dd span.link:focus, .call-to-action.light fieldset .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.light fieldset span.link:focus, .call-to-action.light .accordion .trigger .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.light .accordion .trigger span.link:focus, .accordion .call-to-action.light .trigger .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .accordion .call-to-action.light .trigger span.link:focus, .call-to-action.light .intro ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.light .intro ul span.link:focus, .intro .call-to-action.light ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .intro .call-to-action.light ul span.link:focus, .call-to-action.light .overlay .content ol .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.light .overlay .content ol span.link:focus, .overlay .content .call-to-action.light ol .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action.light ol span.link:focus, .call-to-action.light .overlay .content ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.light .overlay .content ul span.link:focus, .overlay .content .call-to-action.light ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action.light ul span.link:focus {
      color: #a7001f; }
  .call-to-action div, .call-to-action div.cta-content {
    padding: 10vw 0; }
    @media screen and (max-width: 640px) {
      .call-to-action div, .call-to-action div.cta-content {
        width: 90%;
        margin: 0 auto; } }
    @media screen and (min-width: 641px) {
      .call-to-action div, .call-to-action div.cta-content {
        padding: 7vw 0; } }
    @media screen and (min-width: 1025px) {
      .call-to-action div, .call-to-action div.cta-content {
        padding: 5vw 0; } }
  .call-to-action.support {
    background: #fff;
    color: #000; }
    .call-to-action.support a, .call-to-action.support .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.support span.link, .call-to-action.support p a, .call-to-action.support dt a, .call-to-action.support dd a, .call-to-action.support fieldset a, .call-to-action.support .accordion .trigger a, .accordion .call-to-action.support .trigger a, .call-to-action.support .intro ul a, .intro .call-to-action.support ul a, .call-to-action.support .overlay .content ol a, .overlay .content .call-to-action.support ol a, .call-to-action.support .overlay .content ul a, .overlay .content .call-to-action.support ul a, .call-to-action.support p .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.support p span.link, .call-to-action.support dt .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.support dt span.link, .call-to-action.support dd .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.support dd span.link, .call-to-action.support fieldset .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.support fieldset span.link, .call-to-action.support .accordion .trigger .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.support .accordion .trigger span.link, .accordion .call-to-action.support .trigger .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .accordion .call-to-action.support .trigger span.link, .call-to-action.support .intro ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.support .intro ul span.link, .intro .call-to-action.support ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .intro .call-to-action.support ul span.link, .call-to-action.support .overlay .content ol .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.support .overlay .content ol span.link, .overlay .content .call-to-action.support ol .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action.support ol span.link, .call-to-action.support .overlay .content ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .call-to-action.support .overlay .content ul span.link, .overlay .content .call-to-action.support ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action.support ul span.link {
      color: #000; }
      .call-to-action.support a:hover, .call-to-action.support .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.support span.link:hover, .call-to-action.support a:focus, .call-to-action.support .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.support span.link:focus, .call-to-action.support p a:hover, .call-to-action.support dt a:hover, .call-to-action.support dd a:hover, .call-to-action.support fieldset a:hover, .call-to-action.support .accordion .trigger a:hover, .accordion .call-to-action.support .trigger a:hover, .call-to-action.support .intro ul a:hover, .intro .call-to-action.support ul a:hover, .call-to-action.support .overlay .content ol a:hover, .overlay .content .call-to-action.support ol a:hover, .call-to-action.support .overlay .content ul a:hover, .overlay .content .call-to-action.support ul a:hover, .call-to-action.support p .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.support p span.link:hover, .call-to-action.support dt .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.support dt span.link:hover, .call-to-action.support dd .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.support dd span.link:hover, .call-to-action.support fieldset .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.support fieldset span.link:hover, .call-to-action.support .accordion .trigger .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.support .accordion .trigger span.link:hover, .accordion .call-to-action.support .trigger .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .accordion .call-to-action.support .trigger span.link:hover, .call-to-action.support .intro ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.support .intro ul span.link:hover, .intro .call-to-action.support ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .intro .call-to-action.support ul span.link:hover, .call-to-action.support .overlay .content ol .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.support .overlay .content ol span.link:hover, .overlay .content .call-to-action.support ol .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action.support ol span.link:hover, .call-to-action.support .overlay .content ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action.support .overlay .content ul span.link:hover, .overlay .content .call-to-action.support ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action.support ul span.link:hover, .call-to-action.support p a:focus, .call-to-action.support dt a:focus, .call-to-action.support dd a:focus, .call-to-action.support fieldset a:focus, .call-to-action.support .accordion .trigger a:focus, .accordion .call-to-action.support .trigger a:focus, .call-to-action.support .intro ul a:focus, .intro .call-to-action.support ul a:focus, .call-to-action.support .overlay .content ol a:focus, .overlay .content .call-to-action.support ol a:focus, .call-to-action.support .overlay .content ul a:focus, .overlay .content .call-to-action.support ul a:focus, .call-to-action.support p .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.support p span.link:focus, .call-to-action.support dt .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.support dt span.link:focus, .call-to-action.support dd .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.support dd span.link:focus, .call-to-action.support fieldset .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.support fieldset span.link:focus, .call-to-action.support .accordion .trigger .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.support .accordion .trigger span.link:focus, .accordion .call-to-action.support .trigger .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .accordion .call-to-action.support .trigger span.link:focus, .call-to-action.support .intro ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.support .intro ul span.link:focus, .intro .call-to-action.support ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .intro .call-to-action.support ul span.link:focus, .call-to-action.support .overlay .content ol .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.support .overlay .content ol span.link:focus, .overlay .content .call-to-action.support ol .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action.support ol span.link:focus, .call-to-action.support .overlay .content ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .call-to-action.support .overlay .content ul span.link:focus, .overlay .content .call-to-action.support ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .overlay .content .call-to-action.support ul span.link:focus {
        color: #d10027; }
  .call-to-action .link-list li {
    margin-bottom: 1rem; }
  .call-to-action .fullscreen-background + .cta-content {
    z-index: 2;
    position: relative; }
    @media screen and (min-width: 641px) {
      .call-to-action .fullscreen-background + .cta-content {
        padding: 10vw 0; } }
    @media screen and (min-width: 1025px) {
      .call-to-action .fullscreen-background + .cta-content {
        padding: 12vw 0; } }
    .call-to-action .fullscreen-background + .cta-content h3, .call-to-action .fullscreen-background + .cta-content .overlay h2, .overlay .call-to-action .fullscreen-background + .cta-content h2, .call-to-action .fullscreen-background + .cta-content .overlay .intro.accessory h1, .overlay .intro.accessory .call-to-action .fullscreen-background + .cta-content h1, .call-to-action .fullscreen-background + .cta-content .intro.accessory .overlay h1, .intro.accessory .overlay .call-to-action .fullscreen-background + .cta-content h1 {
      font-size: 2.25rem;
      line-height: 2.25rem; }
      @media screen and (min-width: 1025px) {
        .call-to-action .fullscreen-background + .cta-content h3, .call-to-action .fullscreen-background + .cta-content .overlay h2, .overlay .call-to-action .fullscreen-background + .cta-content h2, .call-to-action .fullscreen-background + .cta-content .overlay .intro.accessory h1, .overlay .intro.accessory .call-to-action .fullscreen-background + .cta-content h1, .call-to-action .fullscreen-background + .cta-content .intro.accessory .overlay h1, .intro.accessory .overlay .call-to-action .fullscreen-background + .cta-content h1 {
          font-size: 2.5vw;
          line-height: 2.5vw; } }
  .call-to-action form {
    max-width: 80%;
    margin: 1.5rem auto; }
    @media screen and (min-width: 641px) {
      .call-to-action form {
        max-width: 60%; } }
    .call-to-action form label {
      text-align: left; }
  .call-to-action .pop {
    display: block;
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 4rem; }
    .call-to-action .pop h3, .call-to-action .pop .overlay h2, .overlay .call-to-action .pop h2, .call-to-action .pop .overlay .intro.accessory h1, .overlay .intro.accessory .call-to-action .pop h1, .call-to-action .pop .intro.accessory .overlay h1, .intro.accessory .overlay .call-to-action .pop h1, .call-to-action .pop ul {
      position: relative;
      z-index: 2; }
    .call-to-action .pop:before {
      display: block;
      content: "";
      z-index: 1;
      position: absolute;
      top: 0;
      left: -2000px;
      right: 2000px;
      width: 4000px;
      height: 100%;
      background: #d10027; }
    .call-to-action .pop a:hover, .call-to-action .pop .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .call-to-action .pop span.link:hover {
      color: #fff; }

.quote {
  background: #d10027;
  color: #fff;
  padding: 4rem 0; }
  @media screen and (min-width: 1025px) {
    .quote {
      padding: 6rem 0; } }
  .quote blockquote {
    text-align: center;
    max-width: 65%;
    margin: 0 auto; }
    @media screen and (min-width: 1025px) {
      .quote blockquote {
        max-width: 50%; } }
    .quote blockquote p, .quote blockquote dt, .quote blockquote dd, .quote blockquote fieldset, .quote blockquote .accordion .trigger, .accordion .quote blockquote .trigger, .quote blockquote .intro ul, .intro .quote blockquote ul, .quote blockquote .overlay .content ol, .overlay .content .quote blockquote ol, .quote blockquote .overlay .content ul, .overlay .content .quote blockquote ul {
      letter-spacing: 0.01em;
      font-size: 1.25rem;
      line-height: 1.25rem;
      text-transform: none;
      font-weight: 700;
      margin-bottom: 2rem; }
      @media screen and (min-width: 1025px) {
        .quote blockquote p, .quote blockquote dt, .quote blockquote dd, .quote blockquote fieldset, .quote blockquote .accordion .trigger, .accordion .quote blockquote .trigger, .quote blockquote .intro ul, .intro .quote blockquote ul, .quote blockquote .overlay .content ol, .overlay .content .quote blockquote ol, .quote blockquote .overlay .content ul, .overlay .content .quote blockquote ul {
          font-size: 2vw;
          line-height: 2vw; } }
      @media screen and (min-width: 1401px) {
        .quote blockquote p, .quote blockquote dt, .quote blockquote dd, .quote blockquote fieldset, .quote blockquote .accordion .trigger, .accordion .quote blockquote .trigger, .quote blockquote .intro ul, .intro .quote blockquote ul, .quote blockquote .overlay .content ol, .overlay .content .quote blockquote ol, .quote blockquote .overlay .content ul, .overlay .content .quote blockquote ul {
          font-size: 1.75vw;
          line-height: 1.75vw; } }
      .quote blockquote p:last-of-type, .quote blockquote dt:last-of-type, .quote blockquote dd:last-of-type, .quote blockquote fieldset:last-of-type, .quote blockquote .accordion .trigger:last-of-type, .accordion .quote blockquote .trigger:last-of-type, .quote blockquote .intro ul:last-of-type, .intro .quote blockquote ul:last-of-type, .quote blockquote .overlay .content ol:last-of-type, .overlay .content .quote blockquote ol:last-of-type, .quote blockquote .overlay .content ul:last-of-type, .overlay .content .quote blockquote ul:last-of-type {
        font-size: 1rem;
        line-height: 1em;
        font-weight: 400;
        text-transform: uppercase;
        margin-bottom: 0; }
        @media screen and (min-width: 641px) {
          .quote blockquote p:last-of-type, .quote blockquote dt:last-of-type, .quote blockquote dd:last-of-type, .quote blockquote fieldset:last-of-type, .quote blockquote .accordion .trigger:last-of-type, .accordion .quote blockquote .trigger:last-of-type, .quote blockquote .intro ul:last-of-type, .intro .quote blockquote ul:last-of-type, .quote blockquote .overlay .content ol:last-of-type, .overlay .content .quote blockquote ol:last-of-type, .quote blockquote .overlay .content ul:last-of-type, .overlay .content .quote blockquote ul:last-of-type {
            font-size: 1rem; } }
        @media screen and (min-width: 1920px) {
          .quote blockquote p:last-of-type, .quote blockquote dt:last-of-type, .quote blockquote dd:last-of-type, .quote blockquote fieldset:last-of-type, .quote blockquote .accordion .trigger:last-of-type, .accordion .quote blockquote .trigger:last-of-type, .quote blockquote .intro ul:last-of-type, .intro .quote blockquote ul:last-of-type, .quote blockquote .overlay .content ol:last-of-type, .overlay .content .quote blockquote ol:last-of-type, .quote blockquote .overlay .content ul:last-of-type, .overlay .content .quote blockquote ul:last-of-type {
            font-size: 1vw; } }
        .quote blockquote p:last-of-type span, .quote blockquote dt:last-of-type span, .quote blockquote dd:last-of-type span, .quote blockquote fieldset:last-of-type span, .quote blockquote .accordion .trigger:last-of-type span, .accordion .quote blockquote .trigger:last-of-type span, .quote blockquote .intro ul:last-of-type span, .intro .quote blockquote ul:last-of-type span, .quote blockquote .overlay .content ol:last-of-type span, .overlay .content .quote blockquote ol:last-of-type span, .quote blockquote .overlay .content ul:last-of-type span, .overlay .content .quote blockquote ul:last-of-type span {
          display: block;
          text-transform: none; }

.menu-card-item {
  text-align: center;
  padding: 2rem;
  color: #000000;
  text-decoration: none;
  display: block; }
  .menu-card-item img {
    width: auto;
    height: 40px;
    margin-bottom: 2rem; }
    @media screen and (min-width: 641px) {
      .menu-card-item img {
        height: 40px; } }
    @media screen and (min-width: 1025px) {
      .menu-card-item img {
        height: 60px; } }
    @media screen and (min-width: 1281px) {
      .menu-card-item img {
        height: 80px; } }
  .menu-card-item.photo img {
    height: auto;
    width: 100%; }
  .menu-card-item h3, .menu-card-item .overlay h2, .overlay .menu-card-item h2, .menu-card-item .overlay .intro.accessory h1, .overlay .intro.accessory .menu-card-item h1, .menu-card-item .intro.accessory .overlay h1, .intro.accessory .overlay .menu-card-item h1 {
    font-size: 200%;
    line-height: 1.625rem; }
    .menu-card-item h3 sup, .menu-card-item .overlay h2 sup, .overlay .menu-card-item h2 sup, .menu-card-item .overlay .intro.accessory h1 sup, .overlay .intro.accessory .menu-card-item h1 sup, .menu-card-item .intro.accessory .overlay h1 sup, .intro.accessory .overlay .menu-card-item h1 sup {
      font-size: 60%; }
  .menu-card-item p, .menu-card-item dt, .menu-card-item dd, .menu-card-item fieldset, .menu-card-item .accordion .trigger, .accordion .menu-card-item .trigger, .menu-card-item .intro ul, .intro .menu-card-item ul, .menu-card-item .overlay .content ol, .overlay .content .menu-card-item ol, .menu-card-item .overlay .content ul, .overlay .content .menu-card-item ul {
    font-size: 100%;
    line-height: 1.125rem; }

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

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

.liftup-columns {
  background: #000000;
  color: #fff;
  text-align: center;
  padding: 8vw 5vw;
    padding-bottom: 5vw; }
  @media screen and (min-width: 641px) {
    .liftup-columns {
      padding: 5vw 4vw;
        padding-bottom: 2vw; } }
  .liftup-columns.light {
    color: #000000;
    background: #e5e5e5; }
  .liftup-columns a, .liftup-columns .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns span.link, .liftup-columns p a, .liftup-columns dt a, .liftup-columns dd a, .liftup-columns fieldset a, .liftup-columns .accordion .trigger a, .accordion .liftup-columns .trigger a, .liftup-columns .intro ul a, .intro .liftup-columns ul a, .liftup-columns .overlay .content ol a, .overlay .content .liftup-columns ol a, .liftup-columns .overlay .content ul a, .overlay .content .liftup-columns ul a, .liftup-columns p .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns p span.link, .liftup-columns dt .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns dt span.link, .liftup-columns dd .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns dd span.link, .liftup-columns fieldset .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns fieldset span.link, .liftup-columns .accordion .trigger .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns .accordion .trigger span.link, .accordion .liftup-columns .trigger .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .accordion .liftup-columns .trigger span.link, .liftup-columns .intro ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns .intro ul span.link, .intro .liftup-columns ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .intro .liftup-columns ul span.link, .liftup-columns .overlay .content ol .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns .overlay .content ol span.link, .overlay .content .liftup-columns ol .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .overlay .content .liftup-columns ol span.link, .liftup-columns .overlay .content ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns .overlay .content ul span.link, .overlay .content .liftup-columns ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .overlay .content .liftup-columns ul span.link {
    color: #fff; }
    .liftup-columns a:hover, .liftup-columns .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns span.link:hover, .liftup-columns a:focus, .liftup-columns .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns span.link:focus, .liftup-columns p a:hover, .liftup-columns dt a:hover, .liftup-columns dd a:hover, .liftup-columns fieldset a:hover, .liftup-columns .accordion .trigger a:hover, .accordion .liftup-columns .trigger a:hover, .liftup-columns .intro ul a:hover, .intro .liftup-columns ul a:hover, .liftup-columns .overlay .content ol a:hover, .overlay .content .liftup-columns ol a:hover, .liftup-columns .overlay .content ul a:hover, .overlay .content .liftup-columns ul a:hover, .liftup-columns p .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns p span.link:hover, .liftup-columns dt .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns dt span.link:hover, .liftup-columns dd .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns dd span.link:hover, .liftup-columns fieldset .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns fieldset span.link:hover, .liftup-columns .accordion .trigger .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns .accordion .trigger span.link:hover, .accordion .liftup-columns .trigger .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .accordion .liftup-columns .trigger span.link:hover, .liftup-columns .intro ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns .intro ul span.link:hover, .intro .liftup-columns ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .intro .liftup-columns ul span.link:hover, .liftup-columns .overlay .content ol .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns .overlay .content ol span.link:hover, .overlay .content .liftup-columns ol .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .overlay .content .liftup-columns ol span.link:hover, .liftup-columns .overlay .content ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns .overlay .content ul span.link:hover, .overlay .content .liftup-columns ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .overlay .content .liftup-columns ul span.link:hover, .liftup-columns p a:focus, .liftup-columns dt a:focus, .liftup-columns dd a:focus, .liftup-columns fieldset a:focus, .liftup-columns .accordion .trigger a:focus, .accordion .liftup-columns .trigger a:focus, .liftup-columns .intro ul a:focus, .intro .liftup-columns ul a:focus, .liftup-columns .overlay .content ol a:focus, .overlay .content .liftup-columns ol a:focus, .liftup-columns .overlay .content ul a:focus, .overlay .content .liftup-columns ul a:focus, .liftup-columns p .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns p span.link:focus, .liftup-columns dt .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns dt span.link:focus, .liftup-columns dd .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns dd span.link:focus, .liftup-columns fieldset .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns fieldset span.link:focus, .liftup-columns .accordion .trigger .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns .accordion .trigger span.link:focus, .accordion .liftup-columns .trigger .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .accordion .liftup-columns .trigger span.link:focus, .liftup-columns .intro ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns .intro ul span.link:focus, .intro .liftup-columns ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .intro .liftup-columns ul span.link:focus, .liftup-columns .overlay .content ol .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns .overlay .content ol span.link:focus, .overlay .content .liftup-columns ol .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .overlay .content .liftup-columns ol span.link:focus, .liftup-columns .overlay .content ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns .overlay .content ul span.link:focus, .overlay .content .liftup-columns ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .overlay .content .liftup-columns ul span.link:focus {
      color: #d10027; }
  .liftup-columns.light a, .liftup-columns.light .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns.light span.link, .liftup-columns.light p a, .liftup-columns.light dt a, .liftup-columns.light dd a, .liftup-columns.light fieldset a, .liftup-columns.light .accordion .trigger a, .accordion .liftup-columns.light .trigger a, .liftup-columns.light .intro ul a, .intro .liftup-columns.light ul a, .liftup-columns.light .overlay .content ol a, .overlay .content .liftup-columns.light ol a, .liftup-columns.light .overlay .content ul a, .overlay .content .liftup-columns.light ul a, .liftup-columns.light p .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns.light p span.link, .liftup-columns.light dt .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns.light dt span.link, .liftup-columns.light dd .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns.light dd span.link, .liftup-columns.light fieldset .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns.light fieldset span.link, .liftup-columns.light .accordion .trigger .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns.light .accordion .trigger span.link, .accordion .liftup-columns.light .trigger .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .accordion .liftup-columns.light .trigger span.link, .liftup-columns.light .intro ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns.light .intro ul span.link, .intro .liftup-columns.light ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .intro .liftup-columns.light ul span.link, .liftup-columns.light .overlay .content ol .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns.light .overlay .content ol span.link, .overlay .content .liftup-columns.light ol .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .overlay .content .liftup-columns.light ol span.link, .liftup-columns.light .overlay .content ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns.light .overlay .content ul span.link, .overlay .content .liftup-columns.light ul .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .overlay .content .liftup-columns.light ul span.link {
    color: #d10027; }
    .liftup-columns.light a:hover, .liftup-columns.light .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns.light span.link:hover, .liftup-columns.light a:focus, .liftup-columns.light .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns.light span.link:focus, .liftup-columns.light p a:hover, .liftup-columns.light dt a:hover, .liftup-columns.light dd a:hover, .liftup-columns.light fieldset a:hover, .liftup-columns.light .accordion .trigger a:hover, .accordion .liftup-columns.light .trigger a:hover, .liftup-columns.light .intro ul a:hover, .intro .liftup-columns.light ul a:hover, .liftup-columns.light .overlay .content ol a:hover, .overlay .content .liftup-columns.light ol a:hover, .liftup-columns.light .overlay .content ul a:hover, .overlay .content .liftup-columns.light ul a:hover, .liftup-columns.light p .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns.light p span.link:hover, .liftup-columns.light dt .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns.light dt span.link:hover, .liftup-columns.light dd .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns.light dd span.link:hover, .liftup-columns.light fieldset .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns.light fieldset span.link:hover, .liftup-columns.light .accordion .trigger .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns.light .accordion .trigger span.link:hover, .accordion .liftup-columns.light .trigger .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .accordion .liftup-columns.light .trigger span.link:hover, .liftup-columns.light .intro ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns.light .intro ul span.link:hover, .intro .liftup-columns.light ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .intro .liftup-columns.light ul span.link:hover, .liftup-columns.light .overlay .content ol .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns.light .overlay .content ol span.link:hover, .overlay .content .liftup-columns.light ol .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .overlay .content .liftup-columns.light ol span.link:hover, .liftup-columns.light .overlay .content ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns.light .overlay .content ul span.link:hover, .overlay .content .liftup-columns.light ul .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .overlay .content .liftup-columns.light ul span.link:hover, .liftup-columns.light p a:focus, .liftup-columns.light dt a:focus, .liftup-columns.light dd a:focus, .liftup-columns.light fieldset a:focus, .liftup-columns.light .accordion .trigger a:focus, .accordion .liftup-columns.light .trigger a:focus, .liftup-columns.light .intro ul a:focus, .intro .liftup-columns.light ul a:focus, .liftup-columns.light .overlay .content ol a:focus, .overlay .content .liftup-columns.light ol a:focus, .liftup-columns.light .overlay .content ul a:focus, .overlay .content .liftup-columns.light ul a:focus, .liftup-columns.light p .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns.light p span.link:focus, .liftup-columns.light dt .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns.light dt span.link:focus, .liftup-columns.light dd .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns.light dd span.link:focus, .liftup-columns.light fieldset .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns.light fieldset span.link:focus, .liftup-columns.light .accordion .trigger .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns.light .accordion .trigger span.link:focus, .accordion .liftup-columns.light .trigger .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .accordion .liftup-columns.light .trigger span.link:focus, .liftup-columns.light .intro ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns.light .intro ul span.link:focus, .intro .liftup-columns.light ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .intro .liftup-columns.light ul span.link:focus, .liftup-columns.light .overlay .content ol .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns.light .overlay .content ol span.link:focus, .overlay .content .liftup-columns.light ol .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .overlay .content .liftup-columns.light ol span.link:focus, .liftup-columns.light .overlay .content ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns.light .overlay .content ul span.link:focus, .overlay .content .liftup-columns.light ul .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .overlay .content .liftup-columns.light ul span.link:focus {
      color: #a7001f; }
  .liftup-columns > div > div {
    padding: 2rem;
    display: inline-block;
    max-width: 80%;
    vertical-align: top; }
    .liftup-columns > div > div a, .liftup-columns > div > div .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns > div > div span.link {
      font-family: 'Roboto Condensed', sans-serif;
      letter-spacing: 0.05em;
      color: #d10027;
      background: transparent;
      text-transform: uppercase;
      text-decoration: underline; }
      .liftup-columns > div > div a:hover, .liftup-columns > div > div .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .liftup-columns > div > div span.link:hover, .liftup-columns > div > div a:focus, .liftup-columns > div > div .testimonials .testimonial-cards > div > a span.link:focus, .testimonials .testimonial-cards > div > a .liftup-columns > div > div span.link:focus {
        color: #000000; }
      .liftup-columns > div > div a.button, .liftup-columns > div > div .testimonials .testimonial-cards > div > a span.button.link, .testimonials .testimonial-cards > div > a .liftup-columns > div > div span.button.link {
        text-decoration: none;
        margin-bottom: 0; }
    @media screen and (min-width: 641px) {
      .liftup-columns > div > div {
        max-width: 30%; } }
    @media screen and (min-width: 1025px) {
      .liftup-columns > div > div {
        max-width: 22%; } }
    .liftup-columns > div > div img {
      max-width: 100%;
      height: auto;
      clear: both;
      margin-bottom: 2rem; }
  .liftup-columns > div h3, .liftup-columns > div .overlay h2, .overlay .liftup-columns > div h2, .liftup-columns > div .overlay .intro.accessory h1, .overlay .intro.accessory .liftup-columns > div h1, .liftup-columns > div .intro.accessory .overlay h1, .intro.accessory .overlay .liftup-columns > div h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    letter-spacing: 0.01em;
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 1rem; }
  .liftup-columns > div .notify {
    position: absolute;
    display: flex;
    right: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    background: #d10027;
    color: #fff;
    height: 40px;
    font-weight: 700;
    transform: rotate(45deg) translate(50px, -16px);
    width: 200px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px; }
    @media screen and (min-width: 641px) and (max-width: 1024px) {
      .liftup-columns > div .notify {
        transform: rotate(45deg) translate(50px, -30px);
        font-size: 0.6875rem; } }
  .liftup-columns > div.cards h3, .liftup-columns > div.cards .overlay h2, .overlay .liftup-columns > div.cards h2, .liftup-columns > div.cards .overlay .intro.accessory h1, .overlay .intro.accessory .liftup-columns > div.cards h1, .liftup-columns > div.cards .intro.accessory .overlay h1, .intro.accessory .overlay .liftup-columns > div.cards h1 {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 2rem; }
    @media screen and (min-width: 1025px) {
      .liftup-columns > div.cards h3, .liftup-columns > div.cards .overlay h2, .overlay .liftup-columns > div.cards h2, .liftup-columns > div.cards .overlay .intro.accessory h1, .overlay .intro.accessory .liftup-columns > div.cards h1, .liftup-columns > div.cards .intro.accessory .overlay h1, .intro.accessory .overlay .liftup-columns > div.cards h1 {
        font-size: 1.85vw;
        line-height: 1.85vw; } }
  .liftup-columns > div.cards h4, .liftup-columns > div.cards .tech-specs h3, .tech-specs .liftup-columns > div.cards h3, .tech-specs .overlay .liftup-columns > div.cards h2, .overlay .tech-specs .liftup-columns > div.cards h2, .overlay .intro.accessory .tech-specs .liftup-columns > div.cards h1, .tech-specs .intro.accessory .overlay .liftup-columns > div.cards h1, .intro.accessory .overlay .tech-specs .liftup-columns > div.cards h1, .liftup-columns > div.cards .call-to-action h3, .call-to-action .liftup-columns > div.cards h3, .call-to-action .overlay .liftup-columns > div.cards h2, .overlay .call-to-action .liftup-columns > div.cards h2, .overlay .intro.accessory .call-to-action .liftup-columns > div.cards h1, .call-to-action .intro.accessory .overlay .liftup-columns > div.cards h1, .intro.accessory .overlay .call-to-action .liftup-columns > div.cards h1, .liftup-columns > div.cards .frame .unit-slider-container div.actions p, .frame .unit-slider-container div.actions .liftup-columns > div.cards p, .liftup-columns > div.cards .frame .unit-slider-container div.actions dt, .frame .unit-slider-container div.actions .liftup-columns > div.cards dt, .liftup-columns > div.cards .frame .unit-slider-container div.actions dd, .frame .unit-slider-container div.actions .liftup-columns > div.cards dd, .liftup-columns > div.cards .frame .unit-slider-container div.actions fieldset, .frame .unit-slider-container div.actions .liftup-columns > div.cards fieldset, .liftup-columns > div.cards .frame .unit-slider-container div.actions .accordion .trigger, .frame .unit-slider-container div.actions .accordion .liftup-columns > div.cards .trigger, .liftup-columns > div.cards .accordion .frame .unit-slider-container div.actions .trigger, .accordion .frame .unit-slider-container div.actions .liftup-columns > div.cards .trigger, .liftup-columns > div.cards .frame .unit-slider-container div.actions .intro ul, .frame .unit-slider-container div.actions .intro .liftup-columns > div.cards ul, .liftup-columns > div.cards .intro .frame .unit-slider-container div.actions ul, .intro .frame .unit-slider-container div.actions .liftup-columns > div.cards ul, .liftup-columns > div.cards .frame .unit-slider-container div.actions .overlay .content ol, .frame .unit-slider-container div.actions .overlay .content .liftup-columns > div.cards ol, .liftup-columns > div.cards .overlay .content .frame .unit-slider-container div.actions ol, .overlay .content .frame .unit-slider-container div.actions .liftup-columns > div.cards ol, .liftup-columns > div.cards .frame .unit-slider-container div.actions .overlay .content ul, .frame .unit-slider-container div.actions .overlay .content .liftup-columns > div.cards ul, .liftup-columns > div.cards .overlay .content .frame .unit-slider-container div.actions ul, .overlay .content .frame .unit-slider-container div.actions .liftup-columns > div.cards ul, .liftup-columns > div.cards h2, .liftup-columns > div.cards .intro.accessory h1, .intro.accessory .liftup-columns > div.cards h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 0.01em;
    font-size: 0.875rem;
    line-height: 1rem;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
    color: #999999; }
  .liftup-columns > div.cards > div {
    background: #fff;
    color: #000;
    max-width: 100%;
    width: 100%;
    margin-bottom: 1rem;
    text-align: left;
    position: relative;
    overflow: hidden; }
    .liftup-columns > div.cards > div h5 a, .liftup-columns > div.cards > div h5 .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns > div.cards > div h5 span.link {
      display: block;
      margin-top: 0.5rem; }
  .liftup-columns > div.cards .button {
    width: 100%; }
  @media screen and (min-width: 641px) {
    .liftup-columns > div.cards {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 1rem; }
      .liftup-columns > div.cards > div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; }
      .liftup-columns > div.cards > div:nth-of-type(2) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; }
      .liftup-columns > div.cards > div:nth-of-type(3) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4; }
      .liftup-columns > div.cards > div {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: minmax(100px, 220px) auto;
        grid-gap: 1rem; } }
  @media screen and (min-width: 1025px) {
    .liftup-columns > div.cards > div {
      grid-template-rows: minmax(160px, 190px) auto; }
      .liftup-columns > div.cards > div h5 a, .liftup-columns > div.cards > div h5 .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .liftup-columns > div.cards > div h5 span.link {
        float: right;
        margin: 0 0 0 0.5rem; } }

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

.faq {
  color: #000000;
  text-align: center;
  padding: 8vw 5vw;
    padding-bottom: 5vw; }
  @media screen and (min-width: 641px) {
    .faq {
      padding: 5vw 4vw;
        padding-bottom: 2vw; } }
  .faq .accordion {
    text-align: left; }

.webshop-info {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 899; }
  .webshop-info ul {
    display: block;
    padding: 0.75rem; }
    @media screen and (min-width: 641px) {
      .webshop-info ul {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: repeat(3, 1fr); } }
  @media screen and (min-width: 1025px) {
    .webshop-info.extra-benefit {
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: repeat(4, 1fr); } }
  .webshop-info li {
    position: relative;
    font-size: 0.875rem;
    margin: 0;
    padding-top: 4px;
    position: relative;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    line-height: 1.25rem;
    display: none; }
    @media screen and (max-width: 640px) {
      .webshop-info li {
        width: 100%; }
        .webshop-info li.showy {
          display: block;
          -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-animation-name: fadeIn;
          animation-name: fadeIn; } }
    @media screen and (min-width: 641px) {
      .webshop-info li {
        display: block; }
        .webshop-info li:nth-of-type(1) {
          -ms-grid-column: 1;
          -ms-grid-column-span: 1;
          grid-column: 1/2; }
        .webshop-info li:nth-of-type(2) {
          -ms-grid-column: 2;
          -ms-grid-column-span: 1;
          grid-column: 2/3; }
        .webshop-info li:nth-of-type(3) {
          -ms-grid-column: 3;
          -ms-grid-column-span: 1;
          grid-column: 3/4; }
        .webshop-info li:nth-of-type(4) {
          display: none; } }
    @media screen and (min-width: 1025px) {
      .webshop-info li:nth-of-type(4) {
        display: block;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5; } }

.picture-block img, .picture-block source {
  width: 100%;
  max-width: 100%;
  height: auto; }

.product-carousel-mount {
  display: flex;
  flex-wrap: wrap; }
  .product-carousel-mount > div.details {
    width: 100%;
    padding-bottom: 0;
    padding-top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #fff;
    background: #000000;
    position: relative;
    overflow: hidden;
    z-index: 50;
    min-height: 75vh; }
    @media screen and (min-width: 641px) {
      .product-carousel-mount > div.details {
        min-height: 50vh; } }
    @media screen and (min-width: 1025px) {
      .product-carousel-mount > div.details {
        width: 33.3333%;
        min-height: 40vh; } }
    .product-carousel-mount > div.details .preview-mount {
      height: 250px;
      width: 100%;
      position: relative;
      z-index: 0;
      pointer-events: none;
      align-self: flex-start; }
    .product-carousel-mount > div.details .preview-image {
      background-position: top center;
      background-size: 120%;
      background-repeat: no-repeat;
      position: absolute;
      height: 200%;
      width: 100%;
      top: -50%;
      left: 0;
      z-index: 0;
      transform: rotate(90deg) translateY(145px);
      transition: all 0.4s; }
      .product-carousel-mount > div.details .preview-image.move {
        filter: grayscale(100%); }
      @media screen and (min-width: 641px) {
        .product-carousel-mount > div.details .preview-image {
          left: -15%;
          background-size: 60%; } }
      @media screen and (min-width: 1025px) {
        .product-carousel-mount > div.details .preview-image {
          left: -10%;
          background-size: 100%; } }
      @media screen and (min-width: 1401px) {
        .product-carousel-mount > div.details .preview-image {
          left: -5%; } }
  .product-carousel-mount > div.slider {
    width: 100%;
    transition: background-color 0.3s;
    background: #f2f2f2; }
    .product-carousel-mount > div.slider .toggle-color {
      position: absolute;
      right: 1rem;
      top: 1rem;
      cursor: pointer; }
    .product-carousel-mount > div.slider.contrast-dark {
      background: #000000; }
      .product-carousel-mount > div.slider.contrast-dark .toggle-color svg {
        fill: #fff; }
      .product-carousel-mount > div.slider.contrast-dark .product-carousel-options {
        color: #fff; }
        .product-carousel-mount > div.slider.contrast-dark .product-carousel-options .dot {
          border-color: transparent; }
    @media screen and (min-width: 1025px) {
      .product-carousel-mount > div.slider {
        width: 66.6666%;
        order: 2; } }
  .product-carousel-mount .text-content {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
    transition: all 0.5s;
    z-index: 1;
    align-self: flex-start; }
    .product-carousel-mount .text-content.onchange {
      opacity: 0.3; }
    .product-carousel-mount .text-content p, .product-carousel-mount .text-content dt, .product-carousel-mount .text-content dd, .product-carousel-mount .text-content fieldset, .product-carousel-mount .text-content .accordion .trigger, .accordion .product-carousel-mount .text-content .trigger, .product-carousel-mount .text-content .intro ul, .intro .product-carousel-mount .text-content ul, .product-carousel-mount .text-content .overlay .content ol, .overlay .content .product-carousel-mount .text-content ol, .product-carousel-mount .text-content .overlay .content ul, .overlay .content .product-carousel-mount .text-content ul {
      font-size: 1rem;
      line-height: 1.25rem; }
    @media screen and (min-width: 1920px) {
      .product-carousel-mount .text-content {
        font-size: 0.83vw;
        line-height: 1.3em; } }

.unit-filter {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding-bottom: 2rem; }
  .unit-filter div {
    width: 33.3333%;
    text-align: center;
    cursor: pointer;
    padding: 1rem;
    border-bottom: 3px solid transparent;
    transition: all 0.3s; }
    .unit-filter div:hover {
      border-color: #d10027; }
    .unit-filter div.active {
      border-color: #a7001f; }
  .unit-filter img {
    width: 100%;
    height: auto; }
  .unit-filter span {
    with: 100%;
    font-weight: 700; }

.product-carousel {
  background: #fff;
  position: relative; }
  .product-carousel .wrap {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
    width: 100%; }
    .product-carousel .wrap .unit {
      position: absolute;
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      height: 100%;
      justify-content: center;
      pointer-events: none;
      z-index: 2; }
      .product-carousel .wrap .unit .bg {
        width: 280px; }
        .product-carousel .wrap .unit .bg img {
          width: 280px;
          height: auto;
          transition: all 0.5s; }
          .product-carousel .wrap .unit .bg img.js-lazy-image {
            opacity: 1; }

.frame {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  z-index: 1; }
  .frame .unit-slider-container {
    margin: 0;
    padding: 0;
    position: relative; }
    .frame .unit-slider-container div.sl {
      float: left;
      width: 280px;
      height: 100%;
      padding: 0;
      transition: all 0.3s;
      user-select: none;
      position: relative; }
      @media screen and (min-width: 1501px) {
        .frame .unit-slider-container div.sl {
          margin-left: 50px;
          margin-right: 50px; } }
      .frame .unit-slider-container div.sl img {
        width: 100%;
        height: auto;
        transform: scale(0.85);
        transition: all 0.4s; }
      .frame .unit-slider-container div.sl.is-default div.actions .button, .frame .unit-slider-container div.sl.is-default p, .frame .unit-slider-container div.sl.is-default dt, .frame .unit-slider-container div.sl.is-default dd, .frame .unit-slider-container div.sl.is-default fieldset, .frame .unit-slider-container div.sl.is-default .accordion .trigger, .accordion .frame .unit-slider-container div.sl.is-default .trigger, .frame .unit-slider-container div.sl.is-default .intro ul, .intro .frame .unit-slider-container div.sl.is-default ul, .frame .unit-slider-container div.sl.is-default .overlay .content ol, .overlay .content .frame .unit-slider-container div.sl.is-default ol, .frame .unit-slider-container div.sl.is-default .overlay .content ul, .overlay .content .frame .unit-slider-container div.sl.is-default ul {
        display: none; }
      .frame .unit-slider-container div.sl.is-default span.package-default {
        display: inline-block; }
      .frame .unit-slider-container div.sl.active {
        opacity: 1; }
        .frame .unit-slider-container div.sl.active img {
          transform: scale(1); }
        .frame .unit-slider-container div.sl.active .actions {
          opacity: 1;
          transition: all 0.4s;
          transition-delay: 0.2s;
          transform: translateY(0); }
        .frame .unit-slider-container div.sl.active div.header {
          opacity: 1;
          transition-delay: 0.2s; }
    .frame .unit-slider-container div.actions {
      color: #fff;
      text-align: center;
      padding-top: 10px;
      opacity: 0;
      transition: all 0.3s;
      transform: translateY(70%); }
      .frame .unit-slider-container div.actions h5 {
        margin-bottom: 0.625rem;
        line-height: 1.125rem;
        font-weight: 700; }
      .frame .unit-slider-container div.actions p, .frame .unit-slider-container div.actions dt, .frame .unit-slider-container div.actions dd, .frame .unit-slider-container div.actions fieldset, .frame .unit-slider-container div.actions .accordion .trigger, .accordion .frame .unit-slider-container div.actions .trigger, .frame .unit-slider-container div.actions .intro ul, .intro .frame .unit-slider-container div.actions ul, .frame .unit-slider-container div.actions .overlay .content ol, .overlay .content .frame .unit-slider-container div.actions ol, .frame .unit-slider-container div.actions .overlay .content ul, .overlay .content .frame .unit-slider-container div.actions ul {
        font-size: 1.55em;
        letter-spacing: 0.084em;
        margin-bottom: 10px;
        color: #000000; }
      .frame .unit-slider-container div.actions .button {
        margin: 0;
        border: 2px solid transparent; }
    .frame .unit-slider-container div.header {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
      color: #000000;
      margin-bottom: 10px;
      opacity: 0;
      transition: all 0.5s;
      display: none; }
    .frame .unit-slider-container span.name {
      font-weight: 700;
      font-size: 1.0625rem; }
    .frame .unit-slider-container span.size {
      font-weight: 700;
      font-size: 0.9375rem;
      position: absolute;
      right: 0px;
      top: 0px;
      width: 40px;
      text-align: center;
      background: #a7001f;
      padding: 4px;
      color: #fff; }

.slider-controls .button {
  position: absolute;
  top: 47%;
  z-index: 55;
  background-image: url(../../img/asset/play.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 12px center;
  width: 40px;
  height: 60px;
  padding: 0;
  opacity: 1; }
  .slider-controls .button.disabled {
    opacity: 0.1; }
  .slider-controls .button.prev {
    left: 2rem;
    transform: rotate(180deg); }
  .slider-controls .button.next {
    right: 2rem; }

.product-carousel-options {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .product-carousel-options div {
    display: flex;
    flex-wrap: wrap;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    flex-basis: 50%;
    flex-grow: 1;
    justify-content: flex-start; }
  .product-carousel-options label.form-radio {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.033em; }
  .product-carousel-options label.title {
    font-family: 'Roboto Condensed', 'Roboto', sans-serif;
    text-transform: uppercase;
    margin-left: 0px;
    padding-left: 0px;
    font-size: 1.125rem;
    width: 100%; }

.breadcrumb-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-left: 3.8vw;
  padding-right: 3.8vw;
  align-self: flex-end;
  margin-bottom: 30px; }
  .breadcrumb-nav li {
    display: inline;
    width: 16px;
    height: 16px;
    background: #999999;
    border-radius: 100%;
    margin-right: 1.5%;
    margin-left: 1.5%;
    cursor: pointer;
    transition: all 0.15s; }
    .breadcrumb-nav li:hover {
      background: #a7001f; }
  .breadcrumb-nav li.active {
    background: #a7001f;
    border-radius: 0px; }

.slider-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  min-height: 20vh;
  background: #fff;
  text-align: center; }

.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, .breadcrumb .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .breadcrumb span.link {
    color: #000000;
    text-decoration: none;
    margin-right: 4px;
    line-height: 1.2rem; }
    .breadcrumb a:hover, .breadcrumb .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a .breadcrumb span.link:hover {
      color: #d10027; }

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

.breadcrumb span span:last-child a, .breadcrumb span span:last-child .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a .breadcrumb span span:last-child span.link {
  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, footer .footer-navigation .footer-list li .testimonials .testimonial-cards > div > a span.link, .testimonials .testimonial-cards > div > a footer .footer-navigation .footer-list li span.link {
    color: #000000;
    text-decoration: none; }
  footer .footer-navigation .footer-list li a:hover, footer .footer-navigation .footer-list li .testimonials .testimonial-cards > div > a span.link:hover, .testimonials .testimonial-cards > div > a footer .footer-navigation .footer-list li span.link:hover {
    color: #d10027; }

h1 {
  font-size: 3.5rem;
  line-height: 3.4375rem; }
  .intro.no-strech h1 {
    color: #000000; }
  .intro.accessory h1 {
    color: #fff;
    max-width: 100%; }
  @media screen and (min-width: 641px) {
    h1 {
      font-size: 5rem;
      line-height: 5rem; } }
  @media screen and (min-width: 1025px) {
    h1 {
      font-size: 7.5vw;
      line-height: 6.8vw; } }

h2, .intro.accessory h1 {
  letter-spacing: 0.025em;
  margin-bottom: 2rem; }

p, dt, dd, fieldset, .accordion .trigger, .intro ul, .overlay .content ol, .overlay .content ul {
  font-size: 1rem;
  line-height: 1.25rem; }
  @media screen and (min-width: 1920px) {
    p, dt, dd, fieldset, .accordion .trigger, .intro ul, .overlay .content ol, .overlay .content ul {
      font-size: 0.83vw;
      line-height: 1.3em; } }

.intro {
  display: block; }
  @media screen and (min-width: 1024px) {
    .intro {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: repeat(6, 1fr); }
      .intro > div:nth-of-type(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4; }
      .intro > div:nth-of-type(2) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 3;
        grid-column: 4/7; } }
  @media screen and (min-width: 1281px) {
    .intro > div:nth-of-type(1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 4;
      grid-column: 1/5; }
    .intro > div:nth-of-type(2) {
      -ms-grid-column: 5;
      -ms-grid-column-span: 2;
      grid-column: 5/7; } }

.product-images {
  width: 100%; }
  .product-images .thumbs {
    width: 100%;
    height: auto; }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    .product-images {
      display: inline-grid;
      grid-template-columns: 4fr 2fr;
      grid-column-gap: 1vw;
      align-items: start; }
      .product-images div.big {
        grid-column: 1 / 2;
        justify-self: stretch;
        align-self: stretch; }
      .product-images div.thumbs {
        grid-column: 2 / -1;
        justify-self: end; } }
  @media screen and (min-width: 1920px) {
    .product-images {
      display: inline-grid;
      grid-template-columns: 4fr 1fr;
      grid-column-gap: 1vw;
      align-items: start; }
      .product-images div.big {
        grid-column: 1 / 2;
        justify-self: stretch; }
      .product-images div.thumbs {
        grid-column: 2 / -1;
        justify-self: end; } }

.quote {
  width: 100%;
  display: block; }

.ksp1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: repeat(3, 1fr); }
  @media screen and (max-width: 1024px) {
    .ksp1 {
      -ms-grid-rows: auto auto;
      grid-template-rows: repeat(2, auto); }
      .ksp1 div:nth-of-type(1), .ksp1 div:nth-of-type(2) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4; }
      .ksp1 div:nth-of-type(1) {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3; }
      .ksp1 div:nth-of-type(2) {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2; } }
  @media screen and (min-width: 1025px) {
    .ksp1 div:nth-of-type(1) {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2; }
    .ksp1 div:nth-of-type(2) {
      -ms-grid-column: 2;
      -ms-grid-column-span: 2;
      grid-column: 2/4; } }

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

.call-to-action {
  display: block;
  width: 100%; }
  @media screen and (min-width: 641px) {
    .call-to-action {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: repeat(3, 1fr); }
      .call-to-action > div {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; } }

.img-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto auto;
  grid-template-columns: repeat(3, 1fr); }
  .img-grid h2, .img-grid .intro.accessory h1, .intro.accessory .img-grid h1 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2; }
  .img-grid p, .img-grid dt, .img-grid dd, .img-grid fieldset, .img-grid .accordion .trigger, .accordion .img-grid .trigger, .img-grid .intro ul, .intro .img-grid ul, .img-grid .overlay .content ol, .overlay .content .img-grid ol, .img-grid .overlay .content ul, .overlay .content .img-grid ul {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3; }
  @media screen and (max-width: 1024px) {
    .img-grid div:nth-of-type(10) {
      display: none; } }
  .img-grid div:nth-of-type(1), .img-grid div:nth-of-type(4), .img-grid div:nth-of-type(7) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2; }
  .img-grid div:nth-of-type(2), .img-grid div:nth-of-type(5), .img-grid div:nth-of-type(8) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3; }
  .img-grid div:nth-of-type(3), .img-grid div:nth-of-type(6), .img-grid div:nth-of-type(9) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4; }
  .img-grid div:nth-of-type(1), .img-grid div:nth-of-type(2), .img-grid div:nth-of-type(3) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4; }
  .img-grid div:nth-of-type(4), .img-grid div:nth-of-type(5), .img-grid div:nth-of-type(6) {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4/5; }
  .img-grid div:nth-of-type(7), .img-grid div:nth-of-type(8), .img-grid div:nth-of-type(9) {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 5/6; }
  @media screen and (min-width: 1025px) {
    .img-grid {
      -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
      -ms-grid-rows: auto auto auto;
      grid-template-columns: repeat(5, 1fr); }
      .img-grid h2, .img-grid .intro.accessory h1, .intro.accessory .img-grid h1 {
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
        grid-column: 1/6;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2; }
      .img-grid p, .img-grid dt, .img-grid dd, .img-grid fieldset, .img-grid .accordion .trigger, .accordion .img-grid .trigger, .img-grid .intro ul, .intro .img-grid ul, .img-grid .overlay .content ol, .overlay .content .img-grid ol, .img-grid .overlay .content ul, .overlay .content .img-grid ul {
        -ms-grid-column: 1;
        -ms-grid-column-span: 5;
        grid-column: 1/6;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3; }
      .img-grid div:nth-of-type(1), .img-grid div:nth-of-type(6) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; }
      .img-grid div:nth-of-type(2), .img-grid div:nth-of-type(7) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; }
      .img-grid div:nth-of-type(3), .img-grid div:nth-of-type(8) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4; }
      .img-grid div:nth-of-type(4), .img-grid div:nth-of-type(9) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5; }
      .img-grid div:nth-of-type(5), .img-grid div:nth-of-type(10) {
        -ms-grid-column: 5;
        -ms-grid-column-span: 1;
        grid-column: 5/6; }
      .img-grid div:nth-of-type(1), .img-grid div:nth-of-type(2), .img-grid div:nth-of-type(3), .img-grid div:nth-of-type(4), .img-grid div:nth-of-type(5) {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4; }
      .img-grid div:nth-of-type(6), .img-grid div:nth-of-type(7), .img-grid div:nth-of-type(8), .img-grid div:nth-of-type(9), .img-grid div:nth-of-type(10) {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5; } }

.testimonials {
  background: #fff; }
  .testimonials h2, .testimonials .intro.accessory h1, .intro.accessory .testimonials h1 {
    text-align: center;
    padding: 4vw 0 0 0;
    margin-bottom: 1rem; }
  .testimonials .testimonial-cards {
    width: 100%;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5; }
    @media screen and (min-width: 641px) {
      .testimonials .testimonial-cards {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto auto auto auto;
        grid-template-columns: repeat(3, 1fr); }
        .testimonials .testimonial-cards.testimonials-cards-2, .testimonials .testimonial-cards.testimonials-cards-4 {
          -ms-grid-columns: 1fr 1fr;
          grid-template-columns: repeat(2, 1fr); } }
    @media screen and (min-width: 1025px) {
      .testimonials .testimonial-cards {
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
        -ms-grid-rows: auto auto;
        grid-template-columns: repeat(5, 1fr); }
        .testimonials .testimonial-cards.testimonials-cards-2, .testimonials .testimonial-cards.testimonials-cards-4 {
          -ms-grid-columns: 1fr 1fr 1fr 1fr;
          grid-template-columns: repeat(4, 1fr); } }
    .testimonials .testimonial-cards > div {
      box-shadow: 1px 0px 0px #e5e5e5, 0px 1px 0px #e5e5e5;
      height: 100%;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      align-items: center; }
      .testimonials .testimonial-cards > div:first-of-type {
        box-shadow: 1px 0px 0px #e5e5e5, 0px 1px 0px #e5e5e5, -1px 0px 0px #e5e5e5; }
      .testimonials .testimonial-cards > div > a, .testimonials .testimonial-cards > div > a .testimonial-cards > div > span.link {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; }
      .testimonials .testimonial-cards > div *:last-child {
        margin-bottom: 0; }
      .testimonials .testimonial-cards > div blockquote {
        margin: 0 0 2rem; }
        .testimonials .testimonial-cards > div blockquote p:last-of-type, .testimonials .testimonial-cards > div blockquote dt:last-of-type, .testimonials .testimonial-cards > div blockquote dd:last-of-type, .testimonials .testimonial-cards > div blockquote fieldset:last-of-type, .testimonials .testimonial-cards > div blockquote .accordion .trigger:last-of-type, .accordion .testimonials .testimonial-cards > div blockquote .trigger:last-of-type, .testimonials .testimonial-cards > div blockquote .intro ul:last-of-type, .intro .testimonials .testimonial-cards > div blockquote ul:last-of-type, .testimonials .testimonial-cards > div blockquote .overlay .content ol:last-of-type, .overlay .content .testimonials .testimonial-cards > div blockquote ol:last-of-type, .testimonials .testimonial-cards > div blockquote .overlay .content ul:last-of-type, .overlay .content .testimonials .testimonial-cards > div blockquote ul:last-of-type {
          font-size: 0.875rem; }
    @media screen and (min-width: 641px) {
      .testimonials .testimonial-cards > div:nth-of-type(1), .testimonials .testimonial-cards > div:nth-of-type(4), .testimonials .testimonial-cards > div:nth-of-type(7), .testimonials .testimonial-cards > div:nth-of-type(10) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; }
      .testimonials .testimonial-cards > div:nth-of-type(2), .testimonials .testimonial-cards > div:nth-of-type(5), .testimonials .testimonial-cards > div:nth-of-type(8) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; }
      .testimonials .testimonial-cards > div:nth-of-type(3), .testimonials .testimonial-cards > div:nth-of-type(6), .testimonials .testimonial-cards > div:nth-of-type(9) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4; }
      .testimonials .testimonial-cards > div:nth-of-type(1), .testimonials .testimonial-cards > div:nth-of-type(2), .testimonials .testimonial-cards > div:nth-of-type(3) {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2; }
      .testimonials .testimonial-cards > div:nth-of-type(4), .testimonials .testimonial-cards > div:nth-of-type(5), .testimonials .testimonial-cards > div:nth-of-type(6) {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3; }
      .testimonials .testimonial-cards > div:nth-of-type(7), .testimonials .testimonial-cards > div:nth-of-type(8), .testimonials .testimonial-cards > div:nth-of-type(9) {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4; }
      .testimonials .testimonial-cards > div:nth-of-type(10) {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5; }
      .testimonials .testimonial-cards.testimonials-cards-1 > div:nth-of-type(1) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; }
      .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(4) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; }
      .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(5) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; }
      .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(6) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4; }
      .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(1), .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(2), .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(3) {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2; }
      .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(4), .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(5), .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(6) {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3; }
      .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(odd) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; }
      .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(even) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; }
      .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(3), .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(4) {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3; }
      .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(5), .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(6) {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4; }
      .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(7), .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(8) {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5; } }
    @media screen and (min-width: 1025px) {
      .testimonials .testimonial-cards > div:nth-of-type(1), .testimonials .testimonial-cards > div:nth-of-type(6) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; }
      .testimonials .testimonial-cards > div:nth-of-type(2), .testimonials .testimonial-cards > div:nth-of-type(7) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; }
      .testimonials .testimonial-cards > div:nth-of-type(3), .testimonials .testimonial-cards > div:nth-of-type(8) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4; }
      .testimonials .testimonial-cards > div:nth-of-type(4), .testimonials .testimonial-cards > div:nth-of-type(9) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5; }
      .testimonials .testimonial-cards > div:nth-of-type(5), .testimonials .testimonial-cards > div:nth-of-type(10) {
        -ms-grid-column: 5;
        -ms-grid-column-span: 1;
        grid-column: 5/6; }
      .testimonials .testimonial-cards > div:nth-of-type(1), .testimonials .testimonial-cards > div:nth-of-type(2), .testimonials .testimonial-cards > div:nth-of-type(3), .testimonials .testimonial-cards > div:nth-of-type(4), .testimonials .testimonial-cards > div:nth-of-type(5) {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2; }
      .testimonials .testimonial-cards > div:nth-of-type(6), .testimonials .testimonial-cards > div:nth-of-type(7), .testimonials .testimonial-cards > div:nth-of-type(8), .testimonials .testimonial-cards > div:nth-of-type(9), .testimonials .testimonial-cards > div:nth-of-type(10) {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3; }
      .testimonials .testimonial-cards.testimonials-cards-1 > div:nth-of-type(1) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4; }
      .testimonials .testimonial-cards.testimonials-cards-2 > div:nth-of-type(1) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2; }
      .testimonials .testimonial-cards.testimonials-cards-2 > div:nth-of-type(2) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2; }
      .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(1), .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(4) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; }
      .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(2), .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(5) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4; }
      .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(3), .testimonials .testimonial-cards.testimonials-cards-3 > div:nth-of-type(6) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5; }
      .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(1), .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(5) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2; }
      .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(2), .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(6) {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3; }
      .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(3), .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(7) {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4; }
      .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(4), .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(8) {
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-column: 4/5; }
      .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(1), .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(2), .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(3), .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(4) {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2; }
      .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(5), .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(6), .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(7), .testimonials .testimonial-cards.testimonials-cards-4 > div:nth-of-type(8) {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3; } }
  .testimonials footer {
    background: #fff;
    text-align: center;
    padding-top: 3vw;
    padding-bottom: 4vw; }

@media screen and (min-width: 641px) {
  .tab {
    display: inline-grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 1.5vw; }
    .tab > div:nth-of-type(1) {
      grid-column: 1/2; }
    .tab > div:nth-of-type(2) {
      grid-column: 2/3; }
    .tab.flow div:first-of-type, .tab.box div:first-of-type {
      justify-self: end; }
    .tab.flow div:last-of-type, .tab.box div:last-of-type {
      justify-self: start; }
    .tab.specs {
      justify-items: center; }
      .tab.specs > div {
        grid-column: 1/-1;
        display: inline-grid;
        grid-auto-rows: min-content;
        align-items: start;
        grid-template-columns: repeat(2, 1fr); }
    .tab.accessories {
      display: block; }
    .tab h3, .tab .overlay h2, .overlay .tab h2, .tab .overlay .intro.accessory h1, .overlay .intro.accessory .tab h1, .tab .intro.accessory .overlay h1, .intro.accessory .overlay .tab h1 {
      grid-column: 1/3;
      grid-row: 1/2; } }

@media screen and (min-width: 1025px) {
  .tab.has-columns > div {
    display: inline-grid;
    grid-auto-rows: min-content;
    align-items: start;
    grid-template-columns: 50% 50%; }
  .tab.flow, .tab.box {
    grid-template-columns: repeat(6, 1fr); }
    .tab.flow > div:nth-of-type(1), .tab.box > div:nth-of-type(1) {
      grid-column: 2/4; }
    .tab.flow > div:nth-of-type(2), .tab.box > div:nth-of-type(2) {
      grid-column: 4/6; }
    .tab.flow .spec-item, .tab.box .spec-item {
      max-width: 100%; }
  .tab.specs {
    grid-template-columns: repeat(4, 1fr); }
    .tab.specs > div:nth-of-type(1) {
      grid-column: 2/4; }
    .tab.specs div:nth-of-child(odd) {
      grid-column: 1/2; }
    .tab.specs div:nth-of-child(even) {
      grid-column: 2/3; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tech-specs {
    overflow: auto; }
    .tech-specs footer {
      display: block;
      clear: both; }
  .tab::after {
    display: block;
    content: "";
    clear: both; }
  .tab > div {
    display: block;
    width: 47%;
    float: left;
    margin: 0 1.5%; }
  .tab.accessories > div {
    width: 100%; }
  .tab.has-columns > div div {
    display: block;
    width: 47.5%;
    margin-right: 2.5%;
    float: left; }
  .tab.flow > div, .tab.box > div {
    width: 23.5%; }
    .tab.flow > div:first-of-type, .tab.box > div:first-of-type {
      margin-left: 25%; }
    .tab.flow > div:last-of-type, .tab.box > div:last-of-type {
      margin-right: 25%; }
  .tab.specs > div {
    width: 50%;
    margin: 0 25%; } }