/** Shopify CDN: Minification failed

Line 22:0 Unexpected "$"
Line 22:24 Unexpected "{"
Line 22:33 Expected ":"
Line 22:46 Unexpected ";"
Line 23:24 Unexpected "{"
Line 23:33 Expected ":"
Line 23:49 Unexpected ";"
Line 24:24 Unexpected "{"
Line 24:33 Expected ":"
Line 24:48 Unexpected ";"
... and 154 more hidden warnings

**/
@charset "utf-8";
/**
* ----------------------------------------------------------------------------
* COLORS
* ----------------------------------------------------------------------------
*/
$text-color          : {{settings.text_color}};
$heading-color       : {{settings.heading_color}};
$border-color        : {{settings.border_color}};
$form-border-color   : {{settings.border_color | color_darken: 5}}; /* Designer wants a slightly different border... :D */
$accent-color        : {{settings.accent_color}};
$link-color          : {{settings.link_color}};
$background          : {{settings.background}};
$secondary-background: {{settings.secondary_background}};
$accent-background   : rgba({{settings.accent_color}}, 0.08);

$error-color       : {{settings.error_color}};
$error-background  : {{settings.error_color | color_modify: 'alpha', 0.07}};
$success-color     : {{settings.success_color}};
$success-background: {{settings.success_color | color_modify: 'alpha', 0.11}};

$primary-button-background  : {{settings.primary_button_background}};
$primary-button-text-color  : {{settings.primary_button_text_color}};
$secondary-button-background: {{settings.secondary_button_background}};
$secondary-button-text-color: {{settings.secondary_button_text_color}};

$header-background      : {{settings.header_background}};
$header-text-color      : {{settings.header_text_color}};
$header-light-text-color: {{settings.header_light_text_color}};
$header-border-color    : rgba({{settings.header_light_text_color}}, 0.30);

$flickity-arrow-color: darken($border-color, 20%);

$product-on-sale-accent           : {{settings.product_on_sale_accent}};
$product-in-stock-color           : {{settings.product_in_stock_color}};
$product-low-stock-color          : {{settings.product_low_stock_color}};
$product-sold-out-color           : {{settings.product_sold_out_color}};
$product-custom-new-label-background: {{settings.product_new_label_background}};
$product-custom-deal-label-background: {{settings.product_new_label_background}};
$product-custom-label-1-background: {{settings.product_label_1_background}};
$product-custom-label-2-background: {{settings.product_label_2_background}};
$product-review-star-color        : {{settings.product_star_color}};
/**
* ----------------------------------------------------------------------------
* TYPOGRAPHY
* ----------------------------------------------------------------------------
*/
{{ settings.heading_font | font_face: font_display: 'fallback' }}
{{ settings.text_font | font_face: font_display: 'fallback' }}

{%- assign text_font_medium = settings.text_font | font_modify: 'weight', '500' -%}
{%- assign text_font_semibold = settings.text_font | font_modify: 'weight', '600' -%}

{%- assign text_font_bold = settings.text_font | font_modify: 'weight', 'bolder' -%}
{%- assign text_font_italic = settings.text_font | font_modify: 'style', 'italic' -%}
{%- assign text_font_bold_italic = text_font_bold | font_modify: 'style', 'italic' -%}

$text-font-bolder-weight: bolder;

{%- if text_font_semibold -%}
{{ text_font_semibold | font_face: font_display: 'fallback' }}
$text-font-bolder-weight: {{ text_font_semibold.weight }};
{%- elsif text_font_medium -%}
{{ text_font_medium | font_face: font_display: 'fallback' }}
$text-font-bolder-weight: {{ text_font_medium.weight }};
{%- endif -%}

{{ text_font_bold | font_face: font_display: 'fallback' }}
{{ text_font_italic | font_face: font_display: 'fallback' }}
{{ text_font_bold_italic | font_face: font_display: 'fallback' }}

$heading-font-family : {{settings.heading_font.family}}, {{ settings.heading_font.fallback_families }};
$heading-font-weight : {{settings.heading_font.weight}};
$heading-font-style  : {{settings.heading_font.style}};

$text-font-family : {{settings.text_font.family}}, {{ settings.text_font.fallback_families }};
$text-font-weight : {{settings.text_font.weight}};
$text-font-style  : {{settings.text_font.style}};

$base-text-font-size   : {{settings.base_text_font_size}}px;
$default-text-font-size: 15px;

$underline-links: {% if settings.underline_links %}true{% else %}false{% endif %};
/**
* ----------------------------------------------------------------------------
* ANIMATION
* ----------------------------------------------------------------------------
*/
$animation-enable-zoom: {% if settings.animation_image_zoom %}true{% else %}false{% endif %};
/**
* ----------------------------------------------------------------------------
* SPACING
* ----------------------------------------------------------------------------
*/
$mobile-container-gutter : 20px;
$desktop-container-gutter: 40px;
/**
* ----------------------------------------------------------------------------
* OTHER
* ----------------------------------------------------------------------------
*/
$color-swatch-circle: false;
$phone:            "screen and (max-width: 640px)";
$tablet:           "screen and (min-width: 641px) and (max-width: 999px)";
$tablet-and-up:    "screen and (min-width: 641px)";
$pocket:           "screen and (max-width: 999px)";
$lap:              "screen and (min-width: 1000px) and (max-width: 1279px)";
$lap-and-up:       "screen and (min-width: 1000px)";
$desk:             "screen and (min-width: 1280px)";
$widescreen:       "screen and (min-width: 1440px)";

@mixin at($alias) {
  @if $alias == "phone" {
    @media #{$phone} {
      @content;
    }
  } @else if $alias == "tablet" {
    @media #{$tablet} {
      @content;
    }
  } @else if $alias == "tablet-and-up" {
    @media #{$tablet-and-up} {
      @content;
    }
  } @else if $alias == "pocket" {
    @media #{$pocket} {
      @content;
    }
  } @else if $alias == "lap" {
    @media #{$lap} {
      @content;
    }
  } @else if $alias == "lap-and-up" {
    @media #{$lap-and-up} {
      @content;
    }
  } @else if $alias == "desk" {
    @media #{$desk} {
      @content;
    }
  } @else if $alias == "widescreen" {
    @media #{$widescreen} {
      @content;
    }
  } @else if $alias == "supports-hover" {
    @media (-moz-touch-enabled: 0), (hover: hover) {
      @content;
    }
  }
}

.nostyle {
  list-style: none !important;
}
.nostyle li {
  margin-left: 15px;
}
.nostyle li::before {
  display: none;
}
@media only screen and (max-width: 640px) {
  .hr-mobile {
    border-top: 1px solid #ececec;
    margin: 0;
  }
}
/**
* --------------------------------------------------------------------
* APPS - STOCKBOT FORM
* --------------------------------------------------------------------
*/
.oost-sb-visible {
  display: none !important;
}
.stockbot-container {
  background: #FFE5E5;
  padding: 20px;
  border: 1px solid #ffcccc;
  margin: 20px 0;
}
.stockbot-container div {
  margin: -20px;
}
.oost-sb-form {
  padding: 0 !important;
  background: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.oost-sb-form--text {
  display: none;
}
.oost-sb-form--label {
  display: none;
}
.oost-sb-form--input {
  display: block;
  padding: 12px 12px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #d4d6d8;
  width: 100%;
  margin-bottom: 20px;
  line-height: normal;
  height: 48px;
  color: #000;
  -webkit-appearance: none;
  resize: none;
  font-size: 16px;
  box-shadow: 0 1px rgba(212, 214, 216, 0.25) inset;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
}
.oost-sb-form--input:focus {
  border-color: #d42e2e;
  box-shadow: 0 0 0 1px #d42e2e;
  color: #000;
  outline: none;
}
.oost-sb-form--checkbox-container {
  height: 44px !important;
}
.oost-sb-form--input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333;
}
.oost-sb-form--input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #333;
}
.oost-sb-form--input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #333;
}
.oost-sb-form--input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #333;
}
.oost-sb-form--submit {
  background: #fb0440 !important;
  color: #fff;
  font-weight: 500;
  text-transform: lowercase !important;
  font-size: 16px !important;
  display: block;
  width: 100%;
  line-height: 48px;
  border-radius: 5px;
  padding: 0 30px !important;
  appearance: none;
  border: none;
}
.oost-sb-form--submit:first-letter {
  text-transform: uppercase;
}
.oost-sb-form--field:not(:last-of-type) {
  margin: 20px !important;
}
.circle-loader-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(60, 72, 89, 0.9);
}
.circle-loader {
  border-left-color: #d42e2e !important;
}
.checkmark:after {
  border-right: 3px solid #d42e2e !important;
  border-top: 3px solid #d42e2e !important;
}
.load-complete {
  border-color: #d42e2e !important;
}
@media screen and (min-width: 1440px) {
  .oost-sb-form--checkbox-container {
    height: 10px !important;
  }
}
/**
* --------------------------------------------------------------------
* APPS - INSTAFEED
* --------------------------------------------------------------------
*/
#insta-feed {
  width: 100%;
  max-width: 1480px;
  padding: 0 40px;
  margin-bottom: 70px !important;
}
#insta-feed h2 {
  font-size: 22px !important;
  font-family: "DIN Next", sans-serif !important;
  color: #000;
  font-weight: 500;
}
#insta-feed img {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
#insta-feed .instafeed-lightbox .lightbox-instagram img {
  box-shadow: unset !important;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  #insta-feed {
    padding: 0 20px;
  }
  #insta-feed .instafeed-container {
    min-width: 205px !important;
    height: 205px;
  }
}
@media screen and (max-width: 640px) { 
  #insta-feed {
    padding: 0;
  }
  .instafeed-container {
    min-width: 185px !important;
    height: 185px;
  }
  #insta-feed h2 {
    margin-bottom: 10px !important;
  }
}
/**
* --------------------------------------------------------------------
* APPS - FILTER AND SEARCH
* --------------------------------------------------------------------
*/
a.boost-pfs-filter-scroll-to-top {
  background-color: #333 !important;
  border-radius: 50%;
  right: 10px !important;
  bottom: 90px !important;
}
.boost-pfs-search-box:focus {
  box-shadow: unset !important;
}
.boost-pfs-filter-button span {
  font-size: 14px;
}
.boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-amount {
  font-size: 12px;
}
.boost-pfs-filter-tree .boost-pfs-filter-option .boost-pfs-filter-option-title .boost-pfs-filter-tooltip-wrapper .boost-pfs-filter-qtip-content {
  border: 2px solid #333 !important;
  border-radius: 5px;
  color: #000 !important;
  font-size: 14px;
  text-align: left !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.boost-pfs-filter-option-tooltip .boost-pfs-filter-tooltip-arrow {
  background: #333 !important;
  border: 1px solid #333 !important;
}
.boost-pfs-search-suggestion {
  border-radius: 5px !important;
}
.boost-pfs-search-suggestion-item > a {
  font-size: 16px !important;
  line-height: 1.5 !important;
}
.boost-pfs-search-suggestion-header-view-all {
  border-radius: 5px !important;
}
.boost-pfs-filter-option-tooltip {
  z-index: 1 !important;
}
@media screen and (max-width: 640px) { 
  .boost-pfs-search-suggestion,
  .boost-pfs-search-suggestion ul,
  .boost-pfs-search-suggestion li {
    width: 100vw !important;
    left: -20px !important;
  }
  .boost-pfs-search-suggestion {
    overflow-x: hidden;
    max-height: 667px;
    overflow-y: auto;
  }
  a.boost-pfs-filter-scroll-to-top {
    z-index: 4 !important;
  }
}
/**
* --------------------------------------------------------------------
* APPS - FREQUENTLY BOUGHT TOGETHER
* --------------------------------------------------------------------
*/
.cbb-frequently-bought-container {
    background: #ececec !important;
    position: relative;
    min-height: 160px;
    border: 1px solid #e1e3e4 !important;
    padding: 20px !important;
    border-radius: 5px;
}
.cbb-frequently-bought-product-image {
  border: 1px solid #e1e3e4;
  border-radius: 5px;
  height: 75px !important;
  background: #fff;
  width: 75px !important;
}
.cbb-frequently-bought-product-image-link {
  width: 75px !important;
  height: 75px !important;
}
.cbb-frequently-bought-selector-list {
  display: inline !important;
}
.cbb-frequently-bought-selector-label-regular-price {
  margin-left: 0 !important;
}
.cbb-frequently-bought-discount-message-container {
    display: inline-flex;
    margin-left: 10px;
}
.cbb-frequently-bought-discount-message {
  color: #fb0440;
  margin-left: 10px;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.cbb-frequently-bought-title {
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 1;
  display: inline-flex;
}
.cbb-frequently-bought-total-price-text {
  font-weight: 500 !important;
}
.cbb-frequently-bought-selector-list h3 {
  font-size: 15px;
  color: #000 !important;
}
.cbb-frequently-bought-selector-label-name .cbb-frequently-bought-this-item-label {
  font-weight: 500 !important;
}
.cbb-frequently-bought-form {
  position: absolute;
  bottom: 10px;
  right: 20px;
}
.cbb-frequently-bought-total-price-box {
  display: none !important;
}
.cbb-frequently-bought-add-button {
  font-size: 14px !important;
  padding: 10px 15px !important;
  max-height: 40px !important;
  margin: auto !important;
  border-radius: 5px;
  font-weight: 500;
  line-height: 1;
  transition: all 0.4s ease;
}
.cbb-frequently-bought-discount-applied-message {
  text-align: center;
  margin: 0 auto 30px;
  border: 2px solid #fb0440;
  font-weight: 500;
  color: #fb0440;
  width: max-content;
  line-height: 1;
  padding: 6px;
  border-radius: 3px;
}
.mini-cart__recap .cbb-frequently-bought-discount-applied-message {
  margin: 10px 0;
}
.cbb-frequently-bought-selector-label-name {
  display: flex !important;
  font-weight: 100 !important;
}
.cbb-frequently-bought-selector-input,
.cbb-frequently-bought-selector-list li:first-child,
.cbb-frequently-bought-products li:first-child,
.cbb-frequently-bought-plus-icon {
  display: none !important;
}
@media screen and (max-width: 1280px) {
  .cbb-frequently-bought-container {
    max-width: 100% !important;
    padding: 30px !important;
    background: #fff;
    border: none  !important;
    border-radius: 5px;
    margin-bottom: 30px !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.3);
  }
}
@media screen and (max-width: 640px) {
  .cbb-frequently-bought-container {
    padding: 20px !important;
  }/*
  .cbb-frequently-bought-title {
    background: #f6f6f6;
    padding: 30px 0 10px;
    border-bottom: 5px solid #fb0440;
    margin: -20px -20px 0 !important;
    color: #000 !important;
    font-size: 26px !important;
    text-align: center !important;
    font-weight: 800 !important;
  }*/

  .cbb-frequently-bought-selector-list {
    display: inline !important;
  }
  .cbb-frequently-bought-selector-label-name {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box !important;
      -webkit-line-clamp: 2; /* number of lines to show */
      line-clamp: 2;
      -webkit-box-orient: vertical;
  }
  .cbb-frequently-bought-products {
   	display: flex !important; 
    width: 30% !important;
  }/*
  .cbb-frequently-bought-discount-message-container {
    margin: 20px auto !important;
  }
  .cbb-frequently-bought-recommendations-container {
    display: block !important;
    padding: 0 20px !important;
  }*/
  .cbb-frequently-bought-products li a,
  .cbb-frequently-bought-products li {
    width: 123px !important;
    height: 104px !important; 
  }  

  .cbb-frequently-bought-add-button {
    width: max-content !important;
  }
  .cbb-frequently-bought-form {
    text-align: right;
    bottom: 10px;
    right: 10px;
    margin-bottom: 0 !important;
  }
}
/**
* --------------------------------------------------------------------
* GETCAPTCHA BADGE
* --------------------------------------------------------------------
*/
.grecaptcha-badge {
  visibility: hidden;
}
/**
* --------------------------------------------------------------------
* HEADER - TRUSTPILOT MOBILE
* --------------------------------------------------------------------
*/
.header__trustpilot-mobile {
  padding: 13px 0;
  text-align: center;
  background: #ececec;
  box-shadow: 0 1px 2px #0000001a, 0 -1px 2px #0000001a;   
}
.header__trustpilot-mobile--link {
  font-size: 16px;
}
/**
* --------------------------------------------------------------------
* HEADER - MEGA MENU
* --------------------------------------------------------------------
*/
.product__trending {
  border-radius: 5px;
  background: #fb0440;
  font-weight: bold;
  color: white;
  padding: 2px 4px;
  font-size: 10px;
  vertical-align: middle;
}
.product__new {
  border-radius: 5px;
  background: #ff7d0a;
  font-weight: bold;
  color: white;
  padding: 2px 4px;
  font-size: 10px;
  vertical-align: middle;
}
.community_megamenu li img {
  height: 25px !important;
  max-width: max-content !important;
  margin-top: 2px;
}
.community_megamenu li:last-child {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 640px) {
  .product__trending {
    display: block;
    width: max-content;
  } 
  .product__new {
    display: block;
    width: max-content;
  }
}  
/**
* --------------------------------------------------------------------
* HOMEPAGE - MOSAIC - EG VERSION
* --------------------------------------------------------------------
*/
.mosaic-container {
  margin: auto;
  display: block;
}
.mosaic-container a {
  border-radius: 5px;
}
.mosaic-container img {
  margin-bottom: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  transition: 0.2s ease-in-out;
  max-width: 100%;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .mosaic-container-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .mosaic-container-right a:nth-child(1),
  .mosaic-container-right a:nth-child(2) {
    width: calc(50% - 10px);
  }
  .mosaic-container-right a:nth-child(3) {
    width: 100%;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1000px) {
  .mosaic-container {
    display: flex;
    justify-content: space-between;
    max-width: 1480px;
  }
  .mosaic-container a {
    margin-bottom: 20px;
    background: #fb0440;
  }
  .mosaic-container img {
    margin-bottom: 0;
  }
  .mosaic-container img:hover {
    transform: translateY(-7px);
  }
  .mosaic-container .mosaic-container-left,
  .mosaic-container .mosaic-container-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .mosaic-container .mosaic-container-left {
    max-width: 836px;
    margin-right: 20px;
  }
  .mosaic-container .mosaic-container-right {
    width: 544px;
  }
}
/**
* --------------------------------------------------------------------
* HOMEPAGE - REVIEWS BANNER - REDUNANDT?
* --------------------------------------------------------------------
*/
#header-background {
  padding: 10px 0;
  background: #333;
  grid-column: span 6;
}
.review-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 0;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  overflow: hidden;
}
.review-grid .review-div:nth-child(1) {
  grid-column: span 6;
  color: #fff;
  text-align: center;
}
.review-grid .review-div:nth-child(1) h2 {
  font-size: 21px;
}
.review-grid .review-div:nth-child(2),
.review-grid .review-div:nth-child(3) {
  grid-column: span 3;
}
.review-grid .review-div:nth-child(4),
.review-grid .review-div:nth-child(5) {
  grid-column: span 3;
}
.review-div > h2 {
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 0 0;
}
.review-div:first-child > h2 {
  font-size: 26px;
  font-weight: 500;
}
.review-div > h3 {
  font-size: 16px;
  margin: 0 0 0 0;
}
.review-div > p {
  font-size: 16px;
}
.review-grid > div {
  background: #fff;
  padding: 1rem;
}
.review-grid__text-container {
  margin: auto;
  text-align: center;
}
.review-grid__image-container {
  margin: 0 0 0 10px;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .review-grid .review-div:nth-child(1) h2 {
    font-size: 26px;
  }
  .review-div > h2 {
    font-size: 32px;
  }
  .review-div > h3 {
    font-size: 22px;
  }
  .review-grid__image-container {
    max-width: 275px;
    margin: auto;
  }
  .review-div:nth-child(4),
  .review-div:nth-child(5) {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1000px) {
  #header-background {
    grid-column: span 1;
    padding: 30px 0 30px 60px;
    margin: 0 0 0 -40px;
    transform: skew(-20deg);
    width: 275px;
  }
  .review-grid {
    grid-template-columns: repeat(5, 1fr);
  }
  .review-grid .review-div:nth-child(1) {
    grid-column: span 1;
    transform: skew(20deg);
    text-align: left;
  }
  .review-grid .review-div:nth-child(2),
  .review-grid .review-div:nth-child(3) {
    grid-column: span 1;
  }
  .review-grid .review-div:nth-child(4),
  .review-grid .review-div:nth-child(5) {
    grid-column: span 1;
    margin: auto;
  }
  .review-grid__image-container,
  .review-grid__text-container {
    padding: 0 30px;
  }
}
/**
* --------------------------------------------------------------------
* HOMEPAGE - TRUSTPILOT REVIEW BANNER - REDUNDANT?
* --------------------------------------------------------------------
*/
#trustpilot-header {
  background: #333;
  padding: 5px 0 5px 60px;
  margin: 0 0 0 -40px;
  transform: skew(20deg);
  width: 275px;
}
.trustpilot-header-text {
  transform: skew(-20deg);
  color: #fff;
  font-size: 20px;
}
.trustpilot-grid {
  display: grid;
  border-radius: 5px 5px 5px 0px;
  overflow: hidden;
}
.trustpilot-banner {
  grid-gap: 0;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 0px 5px 5px 5px;
  padding: 30px 0px 30px 0px;
  overflow: hidden; 
}
.trustpilot-header {
  font-size: 36px !important;
  margin: 25px auto !important;
}
@media screen and (max-width: 640px) {
  #trustpilot-header {
	width: 100%;
    padding: 5px 0 5px 0;
    transform: none;
    margin: auto;
  }
  .trustpilot-header-text {
  	transform: none;
  	color: #fff;
    text-align: center;
  }
  .trustpilot-grid {
  	border-radius: 5px 5px 0 0;
  }
}
/**
* --------------------------------------------------------------------
* HOMEPAGE - FEATURED PRODUCT
* --------------------------------------------------------------------
*/
.featured-product .product-meta__sku--reference {
  margin: -30px -30px 30px; 
}
@media screen and (max-width: 640px) {
  #shopify-section-featured-product .section__header {
    margin-top: 50px;
  }
  .featured-product .card__section {
    background: #fff;
    border-top: 1px solid #e1e3e4;
    border-bottom: 1px solid #e1e3e4;
  } 
  .featured-product .product-form__purchase-block {
    background: #fff;
    border-bottom: none;
  }
  .featured-product .product-meta__sku--reference {
    border-top: 1px solid #ececec;
  }
}  
/**
* --------------------------------------------------------------------
* ACCOUNT SECTION
* --------------------------------------------------------------------
*/
.card__header .account__title {
  margin-bottom: 20px;
}
/**
* --------------------------------------------------------------------
* COLLECTIONS - TECH EXPLAINED GUIDE
* --------------------------------------------------------------------
*/
.collection__header .collection__header-inner {
  width: 100%;
  margin-bottom: 20px;
}
.collection__header-guides {
  background: #f9f9f9;
  display: flex;
  justify-content: space-between;
  margin: 20px -30px 0;
  border-bottom: 1px solid #e1e3e4;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
}
.collection__header-guides p {
  margin: auto;
}
.collection__header-guides h2,
.collection__header-guides p {
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -o-transform: skew(20deg);
  padding: 0 10px;
}
.collection__header-guides .collection__guide-content {
  background: #333;
  transform: skew(-20deg);
  margin-left: -10px;
}
.collection__header-guides .collection__guide-content div {
  transform: skew(20deg);
}
.collection__header-guides h2 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  color: #fff;
  text-align: center;
  padding: 5px 25px;
}
.collection__header-guides .header-guides__link {
  padding: 5px 20px;
  margin: auto 0;
  display: block;
  color: #d42e2e;
}
@media screen and (max-width: 640px) {
  .collection__header-guides p {
    display: none;
  }
  .collection__header-guides h2 {
    padding: 5px 25px 5px 40px;
  }
}
@media screen and (min-width: 641px) {
  .collection__header-guides {
    margin: 20px -40px 0;
  }
  .collection__guide-content {
    margin-left: 0;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1280px) {
  .collection__header {
    display: flex;
    padding-bottom: 30px;
  }
  .collection__header .collection__header-inner {
    padding-right: 20px;
  }
  .collection__header-guides {
    flex-direction: column;
    position: relative;
    overflow: hidden;
    width: 40%;
    padding-right: 40px;
    text-align: center;
    margin: -20px -75px -30px 0;
    border-top-right-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  }
  .collection__header-guides .collection__guide-content {
    padding: 0 20px;
    background: none;
    margin-left: 0;
  }
  .collection__header-guides h2 {
    font-size: 28px;
    color: #000;
    margin: 20px 0 5px;
    padding: 0 40px 0 0;
  }
  .collection__header-guides .header-guides__link {
    background: #333; 
    color: #fff;
    margin: 20px -30px 0;
    padding-left: 80px;
  }
}
/**
* --------------------------------------------------------------------
* COLLECTIONS - PRODUCT LABEL
* --------------------------------------------------------------------
*/
.product-label--keyboards {
  display: inline-block;
  padding: 6px 10px;
  color: #ffffff;
  border-radius: 3px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  vertical-align: top;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  bottom: 0;
  margin-left: 10px;
  background: #f9f9f9;
  border: 1px solid #e1e3e4;
}
.product-label--switches {
  line-height: 1.2;
  font-weight: 500;
  font-size: 13px !important; 
  color: #141414;
}
.product-label--switches-red {
  color: #FF4747;
}
.product-label--switches-yellow {
  color: #ffd100;
}
.product-label--switches-blue {
  color: #4747FF;
}
.product-label--switches-jade {
  color: #62c09c;
}
.product-label--switches-pink {
  color: #f8b3c5;
}
.product-label--switches-brown {
  color: #a07855;
}
.product-label--switches-silver {
  color: #999999;
}
.product-label--switches-black {
  color: #141414; 
}
.product-label--switches-clear {
  color: #CCCCCC;
}
.product-label--switches-green {
  color: #47FF47;
}
.product-label--switches-orange {
  color: #FF9933;
}
.product-label--switches-opto {
  color: #6b489d;
}
@media screen and (max-width: 999px) {
  .product-label--keyboards {
    width: max-content;
    max-width: 100%;
    text-align: center;
    font-size: 12px;
  }
}
/**
* --------------------------------------------------------------------
* COLLECTIONS - PRODUCT IMAGE FADE
* --------------------------------------------------------------------
*/
.product-item__image-fade {
  filter: opacity(0.3);
}
/**
* --------------------------------------------------------------------
* COLLECTIONS - BRAND PAGE
* --------------------------------------------------------------------
*/
.layout__section .brand__featured {
 /* margin-bottom: 40px;*/
}
.layout__section .brand__featured .card {
  box-shadow: none;
  background: #f6f6f6;
  overflow: hidden;
}
.layout__section .brand__featured .card__header {
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.3);
  border-radius: 5px;
  border: none;
  padding: 0;
}
.brand__featured .collection__meta-inner {
  margin: auto;
  line-height: 1;
  padding: 0;
}
.brand__featured .collection__brand-logo-wrapper {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 20px;
  height: 50px;
  margin: 20px;
  max-width: 150px;
  border-radius: 5px;
  box-shadow: 0 5px 10px #0000004d;
}
.collection__brand-awards {
  font-size: 18px;
  width: max-content; 
  position: absolute; 
  bottom: 0; 
  right: 0; 
  color: #fff; 
  padding: 10px 20px;
}
.brand__featured .collection__brand-awards h2 {
  text-align: left; 
  margin-bottom: 10px; 
  border-bottom: 1px dashed #fff; 
  padding-bottom: 10px;
  font-family: akira expanded; 
  font-size: 24px; 
  color: #fff;
}
.collection__brand-awards h2 img {
  margin-right: 5px;
  margin-left: -10px;
  width: auto;
}
.brand__featured .boost-pfs-filter-total-product {
  display: none;
}
.brand__featured .card__section--tight,
.brand__featured .collection__dynamic-part {
  /*box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.3);*/
  border-radius: 5px;
  width: 100%;
  background: #fff;
}
.brand__featured .collection__header {
  padding-bottom: 0;
}
.brand__featured .collection__header--brand {
  align-items: center;
  text-align: center;
  padding: 20px;
  flex-direction: column;
  display: flex;
}
.brand__featured .collection__header--brand .heading {
  font-size: 48px;
  font-weight: 900;
  font-family: Akira Expanded;
  margin-bottom: 0;
  display: inline-block;
  line-height: 1;
}
.brand__featured .layout {
  margin-right: 0;
}
.brand__featured .layout .card:last-child {
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.3);
}
.brand__featured .collection__header-inner {
  padding: 0;
}
.brand__featured .collection__toolbar:not(.collection__toolbar--bordered) {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.brand__recommends-inner {
  display: flex;
  padding: 40px 0 0;
  flex-wrap: wrap;
  justify-content: space-around;
}
.brand__recommends {
  margin-top: -20px;
  border-radius: 5px;
  background: #e6e6e6;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.3);
  margin-bottom: 20px;
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  border-top: 1px solid #d1d1d1;
}
.brand__best-sellers {
  display: flex;
  padding: 30px 0 40px 0;
  flex-wrap: wrap;
  justify-content: space-around;
}
.brand__best-sellers h2 {
  width: 100%;
  margin-bottom: 30px;
}
.brand__featured h2 {
  color: #000;
  text-align: center;
  width: 100%;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 30px;
}
.brand__featured h3 {
  color: #000;
  text-align: center;
  width: 100%;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 0px;
} .product-item
.brand__best-sellers .product-item,
.brand__recommends .product-item {
  border-radius: 5px;
  margin-bottom: 30px;
  width: 320px;
}
.brand__best-sellers .product-item::after,
.brand__recommends .product-item::after {
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.3);
  border-radius: 5px;
}
.brand__featured .collection__showing-count,
.brand__featured .collection__toolbar-item--sort {
  margin-right: 0;
}
@media screen and (max-width: 640px) {
  .brand__featured .collection__meta {
    margin-bottom: 0;
  }
  .brand__featured .collection__brand-logo-wrapper {
    margin: 10px;
    padding: 5px 10px;
    min-width: 100px
  }
  .collection__brand-awards {
    font-size: 14px;
    padding: 5px 10px;
    position: relative;
    width: 100%;
    display: flex;
    background: linear-gradient(45deg,#000 40%,#666);
    background: -moz-linear-gradient(45deg,#000 40%,#666);
    background: -webkit-linear-gradient(45deg,#000 40%,#666);
    justify-content: center;
    flex-direction: column;
  }
  .collection__brand-awards h2 {
    font-size: 14px;
    padding-bottom: 0;
    margin: 0 10px 0 0;
    font-family: akira expanded;
  }
  .collection__brand-awards h2 img {
    height: 20px;
    margin: 2px 2px 0 0;
  }
  .collection__brand-awards p {
    padding-left: 5px;
  }
  .brand__best-sellers {
    margin-bottom: 0;
  }
  .brand__recommends {
    margin-bottom: 30px;
    padding-bottom: 0;
  }
  .brand__recommends-inner {
    padding: 30px 0 20px;
  }
  .brand__best-sellers .product-item,
  .brand__recommends .product-item {
    width: 90%;
  }
}
@media screen and (min-width: 1000px) {
  .brand__best-sellers .product-item,
  .brand__recommends .product-item {
    width: 48%;
  }
}
@media screen and (min-width: 1280px) {
  .brand__best-sellers {
    /*margin-bottom: 40px;*/
  }
  .brand__recommends {
    margin-bottom: 20px;
  }
  .brand__recommends-inner {
    display: flex;
    padding: 40px 10px 0;
  }
  .collection__dynamic-part .brand__best-sellers .product-item,
  .brand__recommends .product-item {
    width: 320px;
    margin-bottom: 0;
  }
}
/**
* --------------------------------------------------------------------
* PRODUCT PAGE - TITLE BLOCK BLOCK
* --------------------------------------------------------------------
*/
.product-review__stars {
  display: block;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .product-review__stars {
    margin-bottom: 0;
  }
}
/**
* --------------------------------------------------------------------
* PRODUCT PAGE - PURCHASE BLOCK
* --------------------------------------------------------------------
*/
.product-form__purchase-block {
  background: #f9f9f9;
  margin: 0 -30px;
  padding: 30px;
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #ececec;
}
.product-form__purchase-block .button--primary {
  font-size: 20px;
}
/*
.product-shorts {
  border-bottom: 1px solid #e1e3d4;
  padding-bottom: 10px;
}
*/
.product-shorts__table tr {
  border-bottom: 1px solid #e1e3e4;
  font-size: 15px;
}
.product-shorts__table tr:last-child {
  border-bottom: none;
}
.product-shorts__table td {
  padding: 5px 20px;
}
.product-shorts__table td:first-child {
  width: 35%;
  font-weight: 700;
}
.product-shorts__list {
  margin-bottom: 30px;
  color: #000;
}
.product-shorts__list li::marker {
  font-size: 1.5em;
  color: #000;
}
@media screen and (max-width: 640px) {
  .card__section-mob {
    background: #f9f9f9;
    border-top: 1px solid #ececec;
    padding-top: 0 !important;
  }
  .product-form__purchase-block {
    background: #f9f9f9;
    width: calc(100vw - 30px);
    padding: 0 10px 0 0;
    margin: 0;
    border-top: none;
    border-bottom: none;
  }
}
/**
* --------------------------------------------------------------------
* PRODUCT PAGE - TECH EXPLAINED & TRUSTPILOT BLOCKS
* --------------------------------------------------------------------
*/
.tech-explained__product {
 margin-bottom: 50px;
 /* border-bottom-right-radius: 5px;*/
}
.tech-explained__product,
.trustpilot__product {
  display: flex;
  height: 39px;
  justify-content: space-between;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}
.trustpilot__product {
  border-top: 1px solid #e1e3e4;
}
.tech-explained__product-left {
  /*background-color: #f6f6f6;*/
  width: 50%;
}
.trustpilot__product-left {
  background-color: #00b67a;
}
.trustpilot__product-left {
  width: 40%;
}
.trustpilot__product-left {
  display: none;
}
.tech-explained__product-left,
.trustpilot__product-left {
  padding: 5px 20px;
  border-bottom-left-radius: 5px;
  line-height: 1.5;
  margin: 0 0 0 -20px;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
}
/*
.tech-explained__product-left {
  border-right: 1px solid #e1e3e4;
}
*/
.tech-explained__product-left-content > p {
  padding-left: 20px;
}
.tech-explained__product-left-content,
.trustpilot__product-left-content {
  top: -30px;
  left: -30px;
  right: -30px;
  bottom: -30px;
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -o-transform: skew(20deg);
}
.tech-explained__product-left-content p {
  color: #333;
  font-weight: 500;
}
.trustpilot__product-left-content p {
  color: #fff;
  font-weight: 500;
}
.tech-explained__product-left-content p {
  font-size: 18px;
}
.trustpilot__product-left-content p {
  font-size: 20px;
}
.tech-explained__product-right {
  justify-content: space-around;
  line-height: 39px;
}
.tech-explained__product-right p {
  font-size: 16px;
}
.tech-explained__product-right span {
  font-size: 16px;
  color: #d42e2e;
}
.tech-explained__product-right span svg {
  margin-bottom: 3px;
}
.trustpilot__product-right {
  justify-content: space-around;
}
.trustpilot__product-right p {
  font-size: 20px;
  line-height: 1.5;
}
.trustpilot__product-right p span {
  font-size: 26px;
  font-weight: 800;
  margin-left: 5px;
}
.trustpilot__product-right {
  width: 100%;
}
.trustpilot__product-right,
.tech-explained__product-right {
  text-align: center;
  display: flex;
}
.trustpilot__product-right {
  padding: 0 20px;
}
.trustpilot__product-right p,
.tech-explained__product-right p {
  color: #000;
}
.trustpilot__product-right img,
.tech-explained__product-right img {
  width: auto;
  margin-top: 2px;
  height: 35px;
}
.trustpilot-widget {
  margin: auto;
}
@media screen and (min-width: 1280px) {
  .trustpilot__product-left {
    display: flex;
  }
  .tech-explained__product-left,
  .trustpilot__product-left {
    justify-content: space-around;
  }
  .tech-explained__product-right,
  .trustpilot__product-right {
    width: 100%;
  }
  .tech-explained__product-right p {
    display: flex;
  }
}
@media screen and (max-width: 999px) {
  .trustpilot__product {
    width: 100%;
  }
  .trustpilot__product {
    padding: 10px 0;
    border-top: 1px solid #e1e3e4;
  }
  .trustpilot__product {
    border-radius: 0;
    border-bottom: 1px solid #e1e3e4;
  }
  .tech-explained__product,
  .trustpilot__product {
    height: max-content;
    background: #f5f5f5;
  }
  .tech-explained__product .tech-explained__product-right p,
  .tech-explained__product .trustpilot__product-right p,
  .trustpilot__product .tech-explained__product-right p,
  .trustpilot__product .trustpilot__product-right p {
    margin: 0;
  }
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .tech-explained__product-right {
    width: 70%;
  }
  .tech-explained__product-right p {
    display: flex;
  }
}
@media screen and (max-width: 640px) {
  .trustpilot__product {
    background: #fff;
    border-top: 1px solid #ececec;
    border-bottom: 5px solid #fb0440;
  }
  .tech-explained__product {
    border-radius: 0;
    position: relative;
    margin: -5px 0 0;
    color: #000; 
    background: #ececec;
    border-top: 1px solid #e1e3e4;
    border-bottom: 1px solid #e1e3e4;
  }
  .tech-explained__product-right {
    flex-direction: column;
    justify-content: center;
    line-height: 1.5;
    width: 70%;
    padding: 0;
  }
  .tech-explained__product-right p {
    font-size: 18px;
    margin-bottom: 5px !important;
  }
  .trustpilot__product-right p {
    font-size: 16px;
  }
  .trustpilot__product-right p span {
    font-size: 22px;
  }
  .tech-explained__product-right img,
  .trustpilot__product-right img {
    margin: auto 0;
    height: 25px;
  }
  .tech-explained__product-left {
    padding: 5px 20px 5px 30px;
    background: #333;
  }
  .tech-explained__product-left-content p {
    color: #fff;
    font-size: 24px;
    padding: 5px 0 5px 10px;
  }
}
/**
* --------------------------------------------------------------------
* PRODUCT PAGE - KEYBOARD SWITCHES
* --------------------------------------------------------------------
*/
.switch-breakdown {
  display: none; 
  margin-bottom: 50px;
}
.switch-breakdown .card {
 /* border: 3px solid #e6e6e6; */
}
.switch-breakdown .card__section {
  padding: 0;
}
.switch-breakdown .product-switches__content {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
  background: #f1f1f1;
  border-radius: 5px;
} 
.switch-breakdown .product-switches__image {
  margin: auto; 
}
.switch-breakdown .product-switches__image h3 {
  font-size: 26px;
  text-align: center;
}
.switch-breakdown .rte img {
  margin: auto;
}
.switch-breakdown .product-switches__specs {
  transform: skewx(-20deg);
  background: #fff;
  color: #677279;
  font-weight: 500;
  padding: 20px 20px 20px 100px;
  width: 70%;
  margin-right: -55px;
  border-left: 1px solid #e1e3e4;
}
.switch-breakdown .product-switches__specs ul {
  transform: skewx(20deg);
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.switch-breakdown .rte .product-switches__specs ul li:not(:last-child) {
  margin-bottom: 0;
}
.switch-breakdown .product-switches__specs ul li:before {
  display: none;
}
.switch-breakdown .product-switches__specs span {
  font-size: 22px;
  margin-left: 10px;
}
@media screen and (min-width: 1280px) {
  .switch-breakdown {
    display: block; 
  }
}
/**
* --------------------------------------------------------------------
* PRODUCT PAGE - TRUSTPILOT
* --------------------------------------------------------------------
*/
.trustpilot-product-banner {
  background: #f6f6f6;
  height: 40px;
  display: flex;
  overflow: hidden;
  border-top: 1px solid #e1e3e4;
  border-bottom-left-radius: 5px;
} 
.tp-widget-flex {
  flex: auto;
  padding: 7px 0px 0px 0px;
}
@media screen and (max-width: 640px) {
  .tp-widget-flex {
    padding: 15px 0px 0px 0px;
    background: #fff;
  }
  .trustpilot-product-banner {
    border-bottom: 1px solid #e1e3e4;
  }
} 
@media screen and (max-width: 436px) {
  .tp-widget-flex {
    padding: 25px 0px 0px 0px;
    background: #fff;
  }
} 
.tp-gamers-tag {
  width: 30%;
  line-height: 1.5;
  padding: 5px 0px 0px 0px;
}
/**
* --------------------------------------------------------------------
* MINI-CART SECTION
* --------------------------------------------------------------------
*/
.mini-cart .cart-recap__secure-payment {
  padding: 20px;
  border-top: 1px solid #e1e3e4;
}
.mini-cart .cart-recap__secure-payment .payment-list__item {
  width: 36px;
  height: 24px;
}
.mini-cart .cart-recap__secure-payment-title {
  text-align: center;
}
.mini-cart .cart-recap__secure-payment-title .icon--lock-2 {
  display: inline-block;
  margin-right: 5px;
}
.mini-cart .cart-recap__delivery {
  margin: 20px auto;
  border: 1px solid #e1e3e4;
}
.mini-cart .cart-recap__delivery-title h4 {
  font-size: 16px;
  margin-bottom: 10px;
}
.mini-cart .cart-recap__secure-payment .payment-list {
  display: flex;
  width: 90%;
}
.mini-cart .mini-cart__recap-price-line {
  font-size: 18px;
  font-weight: 900;
}
.mini-cart .mini-cart__button-container .icon--lock-2 {
  margin: 0 5px 5px 0;
  display: inline-block;
}
@media screen and (min-width: 1280px) {
  .mini-cart .mini-cart__button-container .icon--lock-2 {
    margin-right: 5px;
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - NAV BLOCKS
* --------------------------------------------------------------------
*/
.section__nav-blocks {
  display: flex;
  justify-content: space-around;
  margin: 40px 0 0;
  flex-wrap: wrap;
  padding: 0 10px;
}
.section__nav-blocks .nav-blocks {
  position: relative;
  box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 20px;
  width: 45%;
  display: flex;
  text-align: center;
  transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  margin: 0 0 20px;
  background: #fff;
  flex-direction: column;
  filter: grayscale(100%);
  justify-content: center;
  align-items: center;
}
.section__nav-blocks .nav-blocks h3 {
  text-align: center;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  display: block;
}
.section__nav-blocks .nav-blocks-checked {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  color: #d42e2e;
  border-bottom: 8px solid #fb0440;
  filter: grayscale(0%);
}
@media screen and (max-width: 640px) {
.section__nav-blocks .nav-blocks-checked {
  box-shadow: 1px 2px 10px 0px rgb(0 0 0 / 30%);
  color: inherit;
  border: none;
  filter: grayscale(100%);  
  }
}
.nav-blocks__back {
  display: block;
  font-size: 17px;
  padding: 8px 20px;
  border-bottom: 1px solid #e1e3e4;
  margin: auto -21px;
}
.nav-blocks__back svg {
  margin-right: 8px;
  vertical-align: -1px;
  width: 8px;
  height: 12px;
}
@media screen and (min-width: 641px) {
  .section__nav-blocks {
    justify-content: space-between;
    padding: 0;
  }
  .section__nav-blocks .nav-blocks {
    width: 215px;
    max-width: 215px;
    margin: 0 0 40px;
  }
  .section__nav-blocks .nav-blocks:hover {
    cursor: pointer;
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - CONTAINERS / GRIDS
* --------------------------------------------------------------------
*/
.container--content-pages {
  border: 1px solid #e6e6e6;
  background-color: #fff;
}
.container--content-pages .h1 {
  margin: 40px 0;
  text-align: center;
  border-bottom: 2px solid #efefef;
  padding: 30px 0;
}
.container--content-pages .h1 span {
  color: #999;
}
.container__content-block img {
  margin: 80px 0;
}
.container__content-block .warranty-table th,
.container__content-block .warranty-table td {
  padding: 15px 0;
  text-align: center;
}
.container__content-block .warranty-table th:nth-child(1),
.container__content-block .warranty-table td:nth-child(1) {
  text-align: left;
  padding-left: 10px;
}
.container__content-block .warranty-table th:nth-child(3),
.container__content-block .warranty-table td:nth-child(3) {
  padding-right: 10px;
}
.container__content-block .warranty-table th img,
.container__content-block .warranty-table td img {
  margin: auto;
  width: 20px;
}
.container__content-block .warranty-table th button,
.container__content-block .warranty-table td button {
  font-weight: 500;
  color: #d42e2e;
}
.container__content-faq h1 {
  margin-bottom: 40px !important;
  text-align: center;
  border-bottom: 2px solid #efefef;
  padding: 30px 0;
}
.container__content-faq h3 {
  text-align: center;
}
.container__content-faq .h4 {
  font-size: 16px;
}
.container__content-faq .faq__item {
  border: unset;
  border-bottom: 1px solid #e1e3e4;
  background: #f6f6f6;
}
.container__content-block .return-form_layout {
  padding-top: 40px;
}
.return-form_layout .alert--success {
  text-align: center;
}
@media screen and (max-width: 999px) {
  .container__content-block .warranty-table th:last-child,
  .container__content-block .warranty-table td:last-child {
    display: none;
  }
}
@media screen and (min-width: 641px) {
  .container--content-pages {
    max-width: 1400px;
    min-width: 100%;
    margin: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: -2px -2px 20px 0px rgba(0, 0, 0, 0.1);
  }
  .container__content-block .return-form_layout {
    padding: 40px 40px 0 40px;
  }
}
@media screen and (min-width: 1000px) {
  .container__content-grid {
    display: flex;
    align-items: flex-start;
  }
  .container__content-block {
    width: 60%;
  }
  .container__content-faq {
    width: 40%;
  }
  .container__content-faq .faq__group {
    margin: 0 0 0 60px;
  }
}
@media screen and (max-width: 641px) {
  .container__content-block {
    margin-top: 20px;
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - NOTIFICATION BLOCK
* --------------------------------------------------------------------
*/
.notification__block {
  background: #FFFFcc;
  border: 1px solid #ffcf007a;
  padding: 20px 20px;
  text-align: center;
}
.rte .notification__block h3 {
  margin: 0;
  margin-bottom: 0;
}
.notification__block span {
  font-weight: 500;
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - ACCORDIAN - ALERT
* --------------------------------------------------------------------
*/
.accordian {
  margin: 40px 0 70px 0;
}
.accordian__group {
  margin-bottom: 30px;
}
.accordian__group-title {
  margin-bottom: 20px;
  text-align: center;
}
.accordian__item {
  padding: 20px;
  background: #FFFFcc;
  border: 1px solid #ffcf007a;
}
.accordian__item-delivery {
  /*
  padding: 20px;
  border: 1px dashed #e1e3e4;
  */
  padding-top: 20px;
}
.accordian__item + .accordian__item {
  border-top: none;
}
.accordian__question-delivery,
.accordian__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: center;
}
.accordian__question .plus-button {
  margin-left: 40px;
}
.accordian__question-delivery .plus-button {
  margin-left: 10px;
}
.accordian__answer-wrapper {
  overflow: hidden;
  height: 0;
  transition: height 0.2s ease-in-out;
}
.accordian__answer-wrapper-delivery {
  overflow: hidden;
  height: 0;
  transition: height 0.2s ease-in-out;
}
.accordian__answer-wrapper-delivery p {
  color: #677279 !important;
}
.accordian__answer {
  margin: 10px 30px 0 0;
}
.accordian__contact-info {
  margin-top: 50px;
}
/* Those adjustments are quite ugly as they are small adjustments over generic blocks, but well... designers want the
design as they imagined it, even if it's a bit less consistent across the board */
.accordian__contact-info .page__header {
  margin: 30px 0;
}
.accordian__contact-info .page__description {
  margin-top: 18px;
}
@media screen and (min-width: 641px) {
  .accordian {
    margin: 0 0 115px 0;
  }
  .accordian__group {
    margin-bottom: 50px;
  }
  .accordian__group-title {
    margin-bottom: 25px;
    margin-left: 0;
  }
  .accordian__item {
    padding: 20px;
    border: 1px solid #ffcf007a;
  }
  .accordian__item + .accordian__item {
    border-radius: 0;
  }
  .accordian__item:last-child {
    /* border-radius: 0 0 3px 3px;*/
  }
}
@media screen and (min-width: 1000px) {
  .accordian__group {
    margin-bottom: 0;
  }
  .accordian__group:first-child .accordian__group-title {
    margin-top: 10px;
  }
  .accordian__group + .accordian__group {
    margin-top: 50px;
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - ABOUT - COPY
* --------------------------------------------------------------------
*/
.about__content-copy {
  margin-top: 20px;
}
.rte .about__content-copy h2,
.rte .about__content-copy p {
  text-align: center;
}
.rte .about__content-copy h2 {
  margin: 1.55em auto 0.6em;
}
.about__content-copy p {
  margin: auto;
}
@media screen and (min-width: 1000px) {
  .about__content-copy h2,
  .about__content-copy p {
    width: 80%;
  }
}
@media screen and (max-width: 641px) {
  .rte .about__content-copy h2 {
    margin: 0 auto 0.6em;
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - ABOUT - OUR STORY
* --------------------------------------------------------------------
*/
.stat__background {
  display: flex;
  margin: 70px -40px;
  background: #ececec;
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid #e1e3e4;
}
.stat__section {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 50px 20px 70px;
  width: 100%;
}
.stat__section h2 {
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 29px;
}
.stat__block-item {
  padding: 30px 30px;
  background: #fff;
  border-radius: 5px;
  position: relative;
  margin: 20px 30px;
  text-align: center;
  flex-grow: 1;
  font-size: 22px;
  font-weight: 500;
  color: #000;
  box-shadow: 0 1px 2px #0000004d;
}
.stat__section .stat__block-item h3 {
  color: #000;
  font-weight: 800;
  margin-bottom: 0;
  font-size: 42px;
}
.container__timeline {
  margin: 50px 0;
}
.container__timeline .button {
  display: inline-flex;
}
.container__timeline .button img {
  margin: 0 0 0 5px !important;
}
.container__timeline .container-inner__timeline {
  text-align: center;
}
/* The actual timeline (the vertical ruler) */
.timeline__ruler {
  position: relative;
  max-width: 1200px;
  margin: 40px auto;
}
/* The actual timeline (the vertical ruler) */
.timeline__ruler::after {
  content: "";
  position: absolute;
  width: 6px;
  background-color: #ccc;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}
/* Container around content */
.timeline__milestone {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}
.timeline__milestone .timeline__date {
  position: absolute;
  background: #333;
  padding: 5px 10px;
  color: #fff;
  font-size: 16px;
  top: 0;
}
.timeline__milestone h2 {
  margin: 25px 0 10px;
  font-size: 22px;
}
.timeline__milestone img {
  margin: 40px 0 20px;
}
/* The circles on the timeline */
.timeline__milestone::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  right: -12px;
  background-color: #fff;
  border: 4px solid #d42e2e;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}
/* Place the container to the left */
.timeline__milestone-left {
  left: 0;
}
.timeline__milestone-left .timeline__date {
  border-top-right-radius: 5px;
  right: 0;
}
/* Place the container to the right */
.timeline__milestone-right {
  left: 50%;
}
.timeline__milestone-right .timeline__date {
  border-top-left-radius: 5px;
  left: 0;
}
/* Add arrows to the left container (pointing right) */
.timeline__milestone-left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 18px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #333;
}
/* Add arrows to the right container (pointing left) */
.timeline__milestone-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 18px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent #333 transparent transparent;
}
/* Fix the circle for containers on the right side */
.timeline__milestone-right::after {
  left: -13px;
}
/* The actual content */
.timeline__content {
  padding: 20px 30px;
  background-color: #f6f6f6;
  position: relative;
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  text-align: left;
}
@media screen and (max-width: 640px) {
  /* Place the timelime to the left */
  .timeline__ruler::after {
    left: 12px;
  }
  /* Full-width containers */
  .timeline__milestone {
    width: 100%;
    padding-left: 40px;
    padding-right: 0;
  }
  .timeline__milestone-left .timeline__date,
  .timeline__milestone-right .timeline__date {
    left: 0;
    right: unset;
    top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 5px;
  }
  /* Make sure that all arrows are pointing leftwards */
  .timeline__milestone::before {
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent #333 transparent transparent;
  }
  /* Make sure all circles are at the same spot */
  .timeline__milestone-left::after, .timeline__milestone-right::after {
    left: 0;
  }
  /* Make all right containers behave like the left ones */
  .timeline__milestone-right {
    left: 0%;
  }
}
@media screen and (min-width: 641px) and (max-width: 999px) {  
  .timeline__milestone-left {
    padding: 10px 40px 10px 0;
  }
  .timeline__milestone-right {
    padding: 10px 0 10px 40px;
  }
}
@media screen and (min-width: 641px) and (max-width: 1279px) {  
  .stat__block-item {
    width: 40%;
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - ABOUT - VISION & VALUES
* --------------------------------------------------------------------
*/
.value__section {
  margin: 50px -40px;
  text-align: center;
}
.value__section a {
  color: #d42e2e;
  transition: color 0.2s ease-in-out;
}
.value__section h2 {
  font-size: 26px;
  font-weight: 500;
  color: #000;
}
.value__background {
  display: inline-flex;
  width: 100%;
  background: #d42e2e;
  background: -moz-linear-gradient(90deg, #d42e2e 30%, #cf0070 100%);
  background: -webkit-linear-gradient(90deg, #d42e2e 30%, #cf0070 100%);
  background: linear-gradient(90deg, #d42e2e 30%, #cf0070 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d42e2e",endColorstr="#cf0070",GradientType=1);
  flex-wrap: wrap;
  -webkit-transform: skewy(-1deg);
  transform: skewy(-1deg);
  justify-content: center;
}
.value__background .value__feature-container {
  justify-content: space-around;
  -webkit-transform: skewy(1deg);
  transform: skewy(1deg);
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 80px 20px 50px;
}
.value__feature-block {
  margin: 0 0 10px;
  width: calc(50% - 10px);
  padding: 30px;
  background: #fff;
  align-items: center;
  flex-direction: column;
  display: flex;
  border-radius: 5px;
  text-align: center;
}
.value__feature-block a {
  font-weight: 500;
}
.rte .value__feature-block img {
  margin: 20px;
  width: 70%;
}
.value__feature-block h3 {
  margin-top: 15px;
}
.container__value-chart {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 80px 0 200px;
}
.container__value-chart ul {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.value-chart {
  margin: 0 auto !important;
  padding: 0;
  list-style-type: none;
  display: none;
}
.value-chart *,
.value-chart::before {
  box-sizing: border-box;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .value__feature-block {
    width: calc(50% - 30px);
    margin: 0 0 30px;
  }
}
@media screen and (min-width: 1000px) {
  .value__feature-block {
    width: calc(30% - 20px);
    margin: 0 20px 60px;
  }
}
@media screen and (max-width: 780px) {
  .value__feature-block {
    width: 100%;
    margin: 0 20px 30px;
  }
  .container__value-chart {
    margin: 0 0 50px;
    display: block;
    color: #fff;
  }
  .value-chart__value { 
  }
}
@media screen and (min-width: 781px) and (max-width: 1279px) {
  .container__value-chart {
    color: #fff;
    justify-content: space-evenly;
    margin: 0 0 50px;
  }  
}
@media screen and (max-width: 1279px) {
  .value-chart__block-left .value-chart__value:nth-child(1) {
    background: #f0b0b0;
    padding: 20px;
  }
  .value-chart__block-left .value-chart__value:nth-child(2) {
    background: #f29090;
    padding: 20px;
  }
  .value-chart__block-right .value-chart__value:nth-child(1) {
    background: #f26565;
    padding: 20px;
  }
  .value-chart__block-right .value-chart__value:nth-child(2) {
    background: #d42e2e;
    padding: 20px;
  }
}
/* VALUE-CHART STYLES
––––––––––––––––––––––––– */
[data-inviewport="value-1"],[data-inviewport="value-2"],[data-inviewport="value-3"],[data-inviewport="value-4"] {
position: absolute !important;
  top: 100%;
  left: 0;
  border: 350px solid;
  border-top: none;
  border-bottom-left-radius: 375px;
  border-bottom-right-radius: 375px;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  animation-fill-mode: forwards;
  animation-duration: 0.4s;
  animation-timing-function: linear;
}
[data-inviewport="value-1"].is-inViewport { 
  z-index: 4;
  border-color: #f0b0b0;
  animation-name: rotate-one;
}

[data-inviewport="value-2"].is-inViewport { 
  z-index: 3;
  border-color: #f29090;
  animation-name: rotate-two;
  animation-delay: 0.4s;
}
[data-inviewport="value-3"].is-inViewport { 
  z-index: 2;
  border-color: #f26565;
  border-color: #f26565;
  animation-name: rotate-three;
  animation-delay: 0.8s;
}
[data-inviewport="value-4"].is-inViewport { 
  z-index: 1;
  border-color: #d42e2e;
  animation-name: rotate-four;
  animation-delay: 1.2s;
}
.value-chart {
  position: relative;
  width: 750px;
  height: 375px;
  overflow: hidden;
}
/*
.value-chart::before,
.value-chart::after {
  position: absolute;
}

.value-chart::before {
  content: "";
  width: inherit;
  height: inherit;
  border: 350px solid #fff;
  border-bottom: none;
  border-top-left-radius: 375px;
  border-top-right-radius: 375px;
}

.value-chart::after {
  content: "";
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  font-size: 1.1rem;
  font-weight: bold;
  color: cadetblue;
}

.value-chart li {
  position: absolute !important;
  top: 100%;
  left: 0;
  width: inherit;
  height: inherit;
  border: 350px solid;
  border-top: none;
  border-bottom-left-radius: 375px;
  border-bottom-right-radius: 375px;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  animation-fill-mode: forwards;
  animation-duration: 0.4s;
  animation-timing-function: linear;
}
.value-chart li:nth-child(1) {
  z-index: 4;
  border-color: #f0b0b0;
  animation-name: rotate-one;
}
.value-chart li:nth-child(2) {
  z-index: 3;
  border-color: #f29090;
  animation-name: rotate-two;
  animation-delay: 0.4s;
}
.value-chart li:nth-child(3) {
  z-index: 2;
  border-color: #f26565;
  animation-name: rotate-three;
  animation-delay: 0.8s;
}
.value-chart li:nth-child(4) {
  z-index: 1;
  border-color: #d42e2e;
  animation-name: rotate-four;
  animation-delay: 1.2s;
}*/

.value-chart span {
  position: absolute;
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  backface-visibility: hidden;
  animation: fade-in 0.4s linear forwards;
}
.value-chart li:nth-child(1) span {
  top: 50px;
  left: -220px;
  transform: rotate(-45deg);
}
.value-chart li:nth-child(2) span {
  left: -320px;
  width: 200px;
  top: 20px;
  transform: rotate(-90deg);
  animation-delay: 0.4s;
}
.value-chart li:nth-child(3) span {
  top: 100px;
  left: -300px;
  transform: rotate(-135deg);
  animation-delay: 0.8s;
}
.value-chart li:nth-child(4) span {
  top: 50px;
  left: -300px;
  transform: rotate(-180deg);
  animation-delay: 1.2s;
}
 .value-chart li:before {
  width: unset !important;
} 
/* VALUE-CHART ANIMATIONS
––––––––––––––––– */
@keyframes rotate-one {
  100% {
    transform: rotate(45deg);
    /**
    * 25% => 45deg
    */
  }
}
@keyframes rotate-two {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(90deg);
    /**
    * 25% => 45deg 
    * 45 + 45 => 90deg
    */
  }
}
@keyframes rotate-three {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(135deg);
    /**
    * 25% => 45deg 
    * 90 + 45 => 135deg
    */
  }
}
@keyframes rotate-four {
  0% {
    transform: rotate(135deg);
  }
  100% {
    transform: rotate(180deg);
    /**
    * 25% => 45deg   
    * 135 + 45 => 180deg
    */
  }
}
@keyframes fade-in {
  0%, 90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (min-width: 1280px) {
  .value-chart__block-left .value-chart__value,
  .value-chart__block-right .value-chart__value {
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
  }
  .value-chart__block-left .value-chart__value:nth-child(1),
  .value-chart__block-right .value-chart__value:nth-child(1) {
    width: 300px;
  }
  .value-chart__block-left .value-chart__value:nth-child(2),
  .value-chart__block-right .value-chart__value:nth-child(2) {
    width: 200px;
    margin-top: 50px;
  }
  .value-chart__block-right {
    text-align: right;
  }
  .value-chart__block-right .value-chart__value:nth-child(2) {
    margin-left: auto;
  }
  .value-chart {
    display: block;
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - ABOUT - MANAGEMENT TEAM / PARTNERS(REDUNANDT?)
* --------------------------------------------------------------------
*/
.partners__block-item {
  position: relative;
  font-size: 0;
  height: max-content;
  /*margin-bottom: 80px;*/
}
.partners__block-item:first-child {
  margin-top: 40px;
}
.partners__block-item img {
  width: 50%;
  overflow: hidden;
  height: 50%;
}
.partners__block-group {
  text-align: center;
}
.partners__block-group p {
  font-size: 16px;
  margin-bottom: 20px;
  background: #f6f6f6;
  margin: 0 -20px 40px -20px;
  padding: 20px 20px 40px;
  border-top: 1px solid #e1e3e4;
}
.partners__block-group-social {
  position: absolute;
  right: 10px;
  bottom: 10px;
  display: inline-flex;
}
.partners__block-group-social img {
  margin: 0 8px 10px;
  height: 24px;
}
.partners__block-item .partners_image_1 {
  margin: auto;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 0.3);
  border: 5px solid #f6f6f6;
  width: 200px;
  height: auto;
}
.partners__block-sig {
  margin-bottom: 20px;
}
.partners__member-title,
.partners__member-subheading {
  margin-bottom: 0;
  line-height: 1.2;
  color: #000;
  display: block;
}
.partners__member-title {
  font-size: 29px;
  display: block;
}
.partners__member-subheading {
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: 500;
}
.partners__block-expand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
}
.partners__block-expand .plus-button {
  margin-left: 40px;
}
.partners__block-expand-wrapper {
  overflow: hidden;
  height: 0;
  transition: height 0.2s ease-in-out;
}
.partners__block-item-expand {
  margin-bottom: 80px;
  background: #f6f6f6;
  margin: 0 -20px 60px -20px;
  padding: 0 20px;
  border-bottom: 5px solid #fb0440;
}
.partners__block-item-expand:last-child {
  margin-bottom: 30px;
}
.partners__block-expand-content table th {
  text-align: center;
}
.partners__block-expand-content table th img {
  margin: 5px;
  display: inline;
}
.partners__block-expand-content table td:first-child {
  width: max-content;
  font-weight: 700;
  width: 32%;
}
.partners__block-expand-content .partners__block-table td {
  padding: 10px 20px;
  background: #fff;
}
.partners__block-expand-content table {
  border: 1px solid #e1e3e4;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-top: 0 !important;
  margin-bottom: 30px;
}
@media screen and (max-width: 999px) {
  .partners__block-group p {
    margin: 0 -40px 40px -40px;
    padding: 20px 40px 40px;
  }
  .partners__block-item .partners_image_2 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 400px;
  }
  .partners__block-item .partners__block-group-social img {
    width: auto;
    height: 20px;
  }
  .partners__block-item .partners__block-group {
    bottom: 20px;
    left: 5%;
  }
  .partners__block-item-expand {
    margin: 0 -40px 60px -40px;
    padding: 0 40px;
    border-bottom: 1px solid #e1e3e4;
  }
}
@media screen and (min-width: 1000px) {
  .partners {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .partners__block-item {
    display: flex;
    padding: 25px;
    overflow: hidden;
    border: 5px solid #e6e6e6;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    border-radius: 5px;
  }
  .partners__block-sig {
    background: #e6e6e6;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    margin: -25px 60px -25px -80px;
    padding: 30px 40px 30px 80px;
    border-right: 1px solid #e1e3e4;
  }
  .partners__block-item img {
    max-width: 200px;
    width: 100%;
    height: 100%;
  }
  .partners__member-subheading {
    margin-bottom: 15px;
  }
  .partners__block-group {
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    margin: auto 0;
    margin-right: 40px;
    max-width: 550px;
  }
  .partners__block-group-skew {
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
  }
  .partners__block-group p {
  background: #fff;
  margin: unset;
  padding: unset;
  border-top: none;
}
  .partners_image_1 {
    border: 5px solid #fff;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
  }
  .partners_image_2 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .partners__block-item-expand { 
    padding: 20px;
    overflow: hidden;
    border-bottom: 1px solid #e1e3e4;
    border-left: 1px solid #e1e3e4;
    border-right: 1px solid #e1e3e4;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .partners__block-item-expand:last-child {
    margin-bottom: 20px;
  }
  .partners__block-expand-content {
    display: flex;
    justify-content: space-between;
  }
  .partners__block-expand-content table {
    margin-top: 2em !important;
    margin-bottom: 0;
  }
  .partners__block-expand-content table td:last-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 400px;
    padding-left: 0;
  }
  .partners__block-expand-content table td:first-child {
    width: 38%;
  }
  .partners__block-expand-content div:last-child {
    margin-left: 20px;
    width: 500px;
  }
  .partners__block-expand-content div:first-child {
    width: 40%;
  }
}
@media screen and (min-width: 1280px) {
  .partners__block-item-expand { 
    min-width: 900px;
  }
  .partners__block-expand-content table td:first-child {
    width: 36%;
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - ABOUT - WHY CHOOSE US
* --------------------------------------------------------------------
*/
.choose__background {
  display: inline-flex;
  margin: 0 -40px 50px;
  background: #ececec;
  border: 1px solid #e1e3e4;
  flex-wrap: wrap;
  justify-content: center;
}
.choose__background .choose__feature-container {
  justify-content: space-around;
  display: inline-flex;
  flex-wrap: wrap;
  margin: 80px 20px 50px;
}
.choose__feature-block {
  margin: 0 0 10px;
  width: calc(50% - 10px);
  padding: 30px;
  background: #fff;
  align-items: center;
  flex-direction: column;
  display: flex;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0 1px 2px #0000004d;
}
.choose__feature-block a {
  font-weight: 500;
}
.rte .choose__feature-block img {
  margin: 20px;
  width: 70%;
}
.choose__feature-block h3 {
  margin-top: 15px;
}
.choose__section {
  margin-top: 50px;
  text-align: center;
}
.choose__section a {
  color: #d42e2e;
  transition: color 0.2s ease-in-out;
}
.choose__section h2 {
  font-size: 26px;
  font-weight: 500;
  color: #000;
}
.choose__section .button {
  margin-top: 40px;
  color: #fff;
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
.choose__section .choose__collage {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 40px 0 80px;
}
.choose__section .choose__collage img {
  width: calc(50% - 1px);
  margin-bottom: 1px;
  margin-top: 0;
}
.choose__section .choose__collage img:last-child {
  width: 100%;
}
.choose__section .choose__brand-list {
  margin: 50px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.choose__section .choose__brand-item {
  margin-bottom: 20px;
  width: calc(50% - 30px);
}
.choose__section .choose__brand-logo {
  width: 150px;
  margin-bottom: 20px;
  margin: auto;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .choose__feature-block {
    width: calc(50% - 30px);
    margin: 0 0 30px;
  }
}
@media screen and (min-width: 1000px) {
  .choose__feature-block {
    width: calc(30% - 20px);
    margin: 0 20px 60px;
  }
  .choose__section .choose__brand-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 40px auto;
    width: 80%;
  }
  .choose__section .choose__brand-item {
    margin: 15px;
    flex: none;
    width: calc(50% - 30px);
  }
  .choose__section .choose__brand-logo {
    width: 200px;
  }
}
@media screen and (min-width: 1280px) {
  .choose__section .choose__brand-item {
    width: calc(30% - 30px);
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - ABOUT - REVIEWS
* --------------------------------------------------------------------
*/
.reviews__platform {
  margin: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 25px 25px;
  transition: all 0.3s ease-in-out !important;
  border-radius: 5px;
  text-align: center;
  align-items: center;
  width: 100%;
}
.reviews__platform:nth-child(1) {
  box-shadow: 0 1px 10px 0 rgba(2, 131, 78, 0.3);
}
.reviews__platform:nth-child(1):hover {
  box-shadow: 0 1px 10px 0 #02834e;
}
.reviews__platform:nth-child(1) img {
  margin: 0 0 22px;
}
.reviews__platform:nth-child(2) {
  box-shadow: 0 1px 10px 0 rgba(244, 180, 0, 0.4);
}
.reviews__platform:nth-child(2):hover {
  box-shadow: 0 1px 10px 0 #f4b400;
}
.reviews__platform:nth-child(2) img {
  margin: 25px auto;
  height: 75px;
  width: auto;
}
.reviews__platform .h3 {
  color: #000;
  font-weight: 500;
  font-size: 26px;
}
.reviews__background {
  display: flex;
  margin: 40px -40px 50px;
  background: #ececec;
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid #e1e3e4;
}
.reviews__section {
  flex: auto;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px 20px;
  display: flex;
}
.rte .reviews__section h2 {
  width: 100%;
  text-align: center;
}
.reviews__block-item {
  padding: 30px 30px 60px;
  background: #fff;
  border-radius: 5px;
  position: relative;
  margin: 20px 40px;
  box-shadow: 0 1px 2px #0000004d;
}
.reviews__block-item h4 {
  color: #000;
  font-weight: 500;
  margin-bottom: 5px;
  border-radius: 5px;
}
.rte .reviews__block-item img {
  margin: 0 0 5px;
}
.reviews__block-item a {
  display: flex;
  position: absolute;
  bottom: 20px;
  font-weight: 500;
}
.reviews__block-item a img {
  height: 24px;
  margin: 3px 5px 0 0;
}
.reviews__feature-container {
  display: block;
  float: left;
}
.reviews__feature-section {
  display: flex;
  justify-content: space-around;
  margin: 40px 0;
  flex-wrap: wrap;
}
.reviews__feature-item {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 0 20px;
}
.rte .reviews__feature-item img {
  height: 120px;
  width: auto;
  margin: 20px 0;
}
.rte .reviews__feature-item h3 {
  margin-top: 15px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .reviews__block-item {
    width: calc(45% - 15px);
    margin: 25px 20px;
  }
  .reviews__feature-item {
    width: calc(45% - 10px);
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1279px) {
  .reviews__platform {
    width: calc(45% - 20px);
  }
}
@media screen and (min-width: 1000px) {
  .reviews__feature-section {
    flex-wrap: nowrap;
  }
  .reviews__feature-item {
    margin: 0 10px;
    width: 25%;
  }
  .reviews__block-item {
    width: calc(30% - 15px);
    margin: 25px 20px;
  }
}
@media screen and (min-width: 1280px) {
  .reviews__platform {
    width: calc(35% - 20px);
  }
  .reviews__block-item {
    width: calc(30% - 5px);
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - ABOUT - HEADQUARTERS
* --------------------------------------------------------------------
*/
.headquarters__section {
  text-align: center;
  margin-top: 20px;
}
.headquarters__section iframe {
  width: 100%;
}
.headquarters__section table td:first-child {
  width: 45%;
  font-weight: bold;
}
@media screen and (min-width: 641px) {
  .headquarters__container {
    display: flex;
  }
  .headquarters__section {
    padding-left: 40px;
    text-align: left;
  }
  .headquarters__section iframe {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    border-radius: 5px;
  }
  .headquarters__section table td:first-child {
    width: 40%;
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - HELP - DELIVERY & RETURNS
* --------------------------------------------------------------------
*/
.content__step--block {
  margin: 20px 0 40px;
  width: 100%;
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}
.content__steps {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  width: 25%;
  text-align: center;
}
.content__circle-icon {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #d42e2e;
  color: #fff;
  font-size: 25px;
  margin: 0 auto;
  font-weight: 800;
  margin-bottom: 20px;
}
.content__circle-icon p {
  padding-top: 1px;
  text-align: center;
}
.rte .delivery__uk-flag {
  display: inline-block;
  margin: auto;
  height: 32px;
}
.product__info-table .table-wrapper,
.delivery__service-table .table-wrapper {
  white-space: unset;
}
.product__info-table table,
.delivery__service-table table {
  margin-top: 0;
}
.rte .product__info-table table th,
.rte .product__info-table table td {
  padding: 5px 10px;
}
.delivery__service-table table th,
.delivery__service-table table td {
  padding: 10px 10px;
}
.product__info-table .delivery__sub-heading td,
.delivery__service-table .delivery__sub-heading td {
  padding: 0 !important;
  background: #f9f9f9;
  font-weight: 500;
  color: #000;
}
.product__info-table th:first-child,
.product__info-table td:first-child,
.delivery__service-table th:first-child,
.delivery__service-table td:first-child {
  width: 42%;
}
.product__info-table th:last-child,
.product__info-table td:last-child,
.delivery__service-table th:last-child,
.delivery__service-table td:last-child {
  width: 27%;
  text-align: center;
}
.delivery__most-popular {
  border-radius: 5px;
  background: #fb0440;
  font-weight: bold;
  color: white;
  padding: 2px 4px;
}
@media screen and (max-width: 640px) {
  .delivery__most-popular {
    display: block;
    width: max-content;
  }
  .content__steps {
    width: 100%;
    margin: 0 0 20px;
  }
  .delivery-table .table-wrapper {
    white-space: unset;
  }
  .rte .product__info-table table th,
  .rte .product__info-table table td,
  .rte .delivery__service-table table th,
  .rte .delivery__service-table table td,
  .rte .delivery-table table th,
  .rte .delivery-table table td {
    padding: 10px 15px;
  }
  .rte .product__info-table table th:first-child,
  .rte .product__info-table table td:first-child,  
  .rte .delivery__service-table table th:first-child,
  .rte .delivery__service-table table td:first-child,
  .rte .delivery-table th:first-child,
  .rte .delivery-table td:first-child {
    width: 35%;
  }
  .rte .delivery-table th:last-child,
  .rte .delivery-table td:last-child {
    width: 30%;
  }
}
.return-form_layout .form__submit {
  width: 100%;
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - HELP - KLARNA - REDUNDANT? (NO, still used for PayPal. To be renamed and trimmed down)
* --------------------------------------------------------------------
*/
.klarna {
  display: flex;
  text-align: left;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  /*background-color: #f6f6f6;
  border: 1px solid #eae7e4;*/
  margin-bottom: 20px;
  margin-top: 10px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.klarna p {
  margin: 0 7px 0 14px;
}
.klarna button {
  text-decoration: underline;
}
.product-form__info-content .klarna img {
  height: 30px;
}
.klarna-title {
  text-align: center;
}
.klarna-title .klarna-logo {
  margin: 0 10px 0 0 !important;
  height: 50px;
  display: inline-flex !important;
}
.klarna-title span {
  margin-top: 6px;
}
.klarna-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
}
.klarna-grid .klarna-block {
  flex-direction: column;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.klarna-grid .klarna-right {
  flex-direction: column;
  width: 50%;
  display: flex;
  justify-content: center;
}
.klarna-grid .klarna-sub {
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}
.klarna-grid .klarna-block img {
  margin: 20px;
  padding: 25px;
  max-width: 70%;
}
@media screen and (max-width: 640px) {
  .klarna {
    font-size: 15px;
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - COMMUNITY - TECH EXPLAINED
* --------------------------------------------------------------------
*/
/* --- Tech Explained Mobile Dropdown Menu --- */
/* Dropdown Button */
.dropbtn {
  background-color: #e6e6e6;
  color: #333;
  padding: 5px 20px;
  font-size: 17px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  border: none;
  cursor: pointer;
  width: inherit;
  border-radius: 5px;
}
/* Dropdown button on hover & focus 
.dropbtn:hover, .dropbtn:focus {
  background-color: #fb1441;
}
*/
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: grid;
}
.rte .dropdown .h1 {
  border-bottom: none;
  margin-bottom: 0;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a,
.dropdown-content button {
  color: #677279 !important;
  font-weight: 700;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #e1e3e4;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
  display: contents;
}
/* --- END Tech Explained Mobile Dropdown Menu --- */
.glossary__background {
  display: flex;
  margin: 40px -40px 50px;
  background: #ececec;
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid #e1e3e4;
}
.glossary__section {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 50px 20px 70px;
}
.glossary__nav-blocks {
  display: flex;
  justify-content: space-around;
  margin: 40px 0 0;
  flex-wrap: wrap;
  padding: 0 10px;
}
.glossary__nav-blocks .nav-blocks {
  position: relative;
  box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 20px;
  width: 45%;
  display: flex;
  text-align: center;
  transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  margin: 0 0 20px;
  background: #f9f9f9;
  flex-direction: column;
  filter: grayscale(100%);
  justify-content: center;
  align-items: center;
}
.glossary__nav-blocks .nav-blocks h3 {
  text-align: center;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  display: block;
}
.glossary__nav-blocks .nav-blocks-checked {
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 30%);
  color: #d42e2e;
  border-bottom: 6px solid #fb0440;
  filter: grayscale(0%);
}
@media screen and (max-width: 640px) {
  .glossary__nav-blocks .nav-blocks-checked {
    box-shadow: 1px 2px 10px 0px rgb(0 0 0 / 30%);
    color: inherit;
    border: none;
    filter: grayscale(100%);  
  }
}
.nav-blocks__back {
  display: block;
  font-size: 17px;
  padding: 8px 20px;
  border-bottom: 1px solid #e1e3e4;
  margin: auto -21px;
}
.nav-blocks__back svg {
  margin-right: 8px;
  vertical-align: -1px;
  width: 8px;
  height: 12px;
}
@media screen and (min-width: 641px) {
  .glossary__nav-blocks {
    justify-content: space-around;
    padding: 0;
  }
  .glossary__nav-blocks .nav-blocks {
    width: 150px;
    max-width: 150px;
    margin: 0 0 40px;
  }
  .glossary__nav-blocks .nav-blocks:hover {
    cursor: pointer;
  }
}
.glossary-container .h1 {
    margin: 0;
  }
.rte .glossary__section h3 {
  width: 100%;
  text-align: center;
  font-size: 29px;
}
.glossary__block-item-vs {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.rte .glossary__block-item-vs h2 {
  font-size: 60px;
}
.glossary__block-item {
  padding: 30px 30px;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  position: relative;
  margin: 10px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 1px 2px #0000004d;
}
.glossary__block-item h2 {
  color: #000;
  font-weight: 500;
  margin-bottom: 5px;
  border-radius: 5px;
}
.glossary__block-item .glossary__switch {
  display: flex;
  justify-content: space-around;
}
.glossary__block-item .glossary__switch label {
  color: #fff;
  padding: 5px 10px;
  width: max-content;
  border-radius: 5px;
  font-weight: 500;
  min-width: 75px;
  margin: 0 5px;
}
.glossary__block-item .glossary__switch .glossary__switch-red {
  background: #d42e2e;
}
.glossary__block-item .glossary__switch .glossary__switch-black {
  background: #000;
}
.glossary__block-item .glossary__switch .glossary__switch-yellow {
  background: #ffbd00;
  color: #000;
}
.glossary__block-item .glossary__switch .glossary__switch-pink {
  background: #f8b3c5;
  color: #000;
}
.glossary__block-item .glossary__switch .glossary__switch-brown {
  background: #a07855;
}
.glossary__block-item .glossary__switch .glossary__switch-orange {
  background: #ff7d0a;
}
.glossary__block-item .glossary__switch .glossary__switch-clear {
  background: #fff;
  color: #000;
  border: 1px solid;
}
.glossary__block-item .glossary__switch .glossary__switch-blue {
  background: #6699cc;
}
.glossary__block-item .glossary__switch .glossary__switch-jade {
  background: #62c09c;
}
.glossary__block-item .glossary__switch .glossary__switch-green {
  background: #44d62c;
  color: #000;
}
.container-inner__glossary {
  display: flex;
  flex-wrap: wrap;
}
.container__glossary-block h1 {
  margin: 0 0 0.7em 0;
}
.container-inner__glossary .glossary__anchors {
  margin: auto;
  border-bottom: 3px dashed #ececec;
  padding: 10px 20px 20px;
}
.glossary__ruler {
  margin: 40px auto 0;
  max-width: 1200px;
}
.glossary__milestone {
  padding: 0;
  background-color: inherit;
  vertical-align: top;
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}
.glossary__milestone h2 {
  margin: 25px 0 10px;
  font-size: 26px;
}
.glossary__milestone img {
  margin: auto !important;
}
.glossary__content {
  padding: 30px 40px;
  position: relative;
  border-radius: 6px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  text-align: left;
}
.glossary__content-block {
  display: flex;
}
.glossary__content-block img {
  min-width: 100px;
  margin-left: 20px !important;
}
@media screen and (min-width: 1000px) {
  .glossary__block-item {
    width: 30%;
    margin: 20px 10px;
    margin-bottom: 25px;
  }
  .glossary__ruler {
    column-count: 2;
    column-gap: 0;
  }
  .glossary__milestone {
    padding: 10px 40px;
  }
  .container__glossary-block {
    padding: 0 40px;
  }
}
@media screen and (max-width: 1280px) {
  .glossary__block-item .glossary__switch {
    flex-wrap: wrap;
  }
  .glossary__block-item .glossary__switch label {
    margin: 5px;
  }  
}
@media screen and (max-width: 640px) {
  .glossary-container .h1 {
    border-bottom: none;
    margin: 0;
  }
  .container-inner__glossary .glossary__anchors {
    font-size: 16px;
    text-align: center;
  }
  .glossary__content-block {
    display: flex;
    flex-direction: column;
  }
  .glossary__content-block img {
    margin-top: 30px !important;
    margin-left: 0 !important;
  } 
}
.tech-spec-content {
 	margin-left: 20px; 
}
@media screen and (max-width: 640px) {
  .tech-spec-content {
    margin: auto;
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - COMMUNITY - PARTNER / GEAR FLEX
* --------------------------------------------------------------------
*/
.partner-container {
  margin: 40px 0 0;
}
.partner-container,
.gear-flex-container {
  display: flex; 
  flex-wrap: wrap;
  justify-content: space-around;
}
.partner-wrapper {
  width: 60%;
  margin-bottom: 40px;
  padding-right: 60px;
  text-align: center;
}
.gear-flex-wrapper {
  margin-bottom: 40px;
  padding-right: 40px;
  text-align: center;
}
.gear-flex-wrapper .table-wrapper {
  white-space: unset;  
}
.partner-container .return-form_layout {
  width: 40%;
  margin-bottom: 0;
}
.gear-flex-container .return-form_layout {
  width: 48%;
  margin-bottom: 0;
}
.gear-flex-container .notification__block {
  text-align: left; 
  margin-top: 20px; 
  padding: 20px 5px;
  background: inherit;
  border: inherit;
  font-size: 15px;
}
.gear-flex-steps td {
  background-color: #f9f9f9;
}
.gear-flex-steps td:first-child {
  font-weight: 700;
  font-size: 22px;
  background-color: #efefef;
}
.gear-flex-steps tr:first-child td:first-child {
  border-radius: 5px 0 0 0 !important;  
}
.gear-flex-steps tr:first-child td:last-child {
  border-radius: 0 5px 0 0 !important;  
}
.gear-flex-steps tr:last-child td:first-child {
  border-radius: 0 0 0 5px !important;
}
.gear-flex-steps tr:last-child td:last-child {
  border-radius: 0 0 5px 0 !important;
}
.gear-flex-examples {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gear-flex-examples img {
  width: 45%;
}
@media screen and (min-width: 1320px) {
  .gear-flex-container hr {
    display: none;
  }
}
@media screen and (max-width: 1319px) {
  .gear-flex-container {
    display: flex; 
    flex-direction: column;
  }
  .gear-flex-container hr {
    border-top: 2px dotted #ececec;
    border-bottom: none;
    border-left: none;
    margin: 40px 0;
  }
    .gear-flex-container .return-form_layout {
    width: unset;
  }
}
@media screen and (min-width: 801px) and (max-width: 1336px) {
  .gear-flex-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 800px) {
  .gear-flex-wrapper {
    padding-left: unset;
    padding-right: unset;
  }
}
@media screen and (max-width: 640px) {
  .partner-wrapper {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
  .partner-container .return-form_layout {
    width: 100%;
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - COMMUNITY - NEWSLETTER
* --------------------------------------------------------------------
*/
.newsletter__content {
  text-align: center;
}
.rte .newsletter__content h1 {
  margin: 20px;
}
.newsletter-form form {
  display: flex;
  justify-content: center;
  max-width: 600px;
  margin: 20px auto;
}
.newsletter-disclaimer {
  font-size: 14px;
  text-align: center;
  width: 60%;
  margin: auto;
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - COMMUNITY - AFFILIATE - REDUNDANT?
* --------------------------------------------------------------------
*/
.affiliate__beta {
  border-radius: 5px;
  background: #fb0440;
  font-weight: bold;
  color: white;
  padding: 2px 4px;
  vertical-align: top;
  font-size: 14px;
  margin-left: 5px;
}
.affiliate__upper {
  margin-top: 50px;
}
.rte .affiliate__upper img {
  margin: auto 40px auto 20px;
  width: 40%;
}
.affiliate__intro {
  margin-top: 20px;
  width: 100%;
}
.rte .affiliate__intro h2 {
  font-size: 36px;
  font-weight: 800;
  margin: 0 0 10px;
  text-align: left;
}
.rte .affiliate__intro h2 span {
  color: #fb0440;
  font-size: 42px;
}
.rte .affiliate__intro h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
}
.rte .affiliate__intro .button {
  margin: 30px 20px 0 0;
  width: 100%;
}
.rte .affiliate__logos {
  display: flex;
  justify-content: space-between;
}
.rte .affiliate__logos img {
  margin: 25px 10px 25px 0;
  width: 20%;
  align-self: center;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%) opacity(60%);
}
.affiliate__background {
  display: inline-flex;
  margin: 0 -40px 50px;
  background: #d42e2e;
  background: -moz-linear-gradient(90deg, #d42e2e 30%, #cf0070 100%);
  background: -webkit-linear-gradient(90deg, #d42e2e 30%, #cf0070 100%);
  background: linear-gradient(90deg, #d42e2e 30%, #cf0070 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d42e2e",endColorstr="#cf0070",GradientType=1);
  flex-wrap: wrap;
  -webkit-transform: skewy(-1deg);
  transform: skewy(-1deg);
  justify-content: center;
}
.affiliate__background .affiliate__feature-container {
  justify-content: space-around;
  -webkit-transform: skewy(1deg);
  transform: skewy(1deg);
  display: inline-flex;
  flex-wrap: wrap;
  margin: 50px 20px 50px;
}
.rte .affiliate__feature-container h2 {
  color: #fff;
  width: 100%;
}
.affiliate__report-block,
.affiliate__feature-block {
  margin: 0 0 15px;
  width: calc(100% - 30px);
  padding: 30px;
  background: #fff;
  border-radius: 5px;
}
.affiliate__feature-block {
  flex-direction: column;
  display: flex;
  text-align: center;
  align-items: center;
}
.affiliate__report-block {
  text-align: left;
}
.affiliate__feature-block a {
  font-weight: 500;
}
.rte .affiliate__feature-block img {
  margin: 20px;
  width: 75%;
}
.rte .affiliate__feature-block h3 {
  margin-top: 15px;
  font-size: 36px;
  font-weight: 800;
}
.rte .affiliate__report-block h2 {
  color: #000;
  text-align: center;
}
.rte .affiliate__report-block h3 {
  font-size: 20px;
  font-weight: 500;
  display: inherit;
  margin: 15px;
}
.rte .affiliate__report-block h3 img {
  width: 28px;
  margin: 0 10px 0 0;
  display: inline;
}
.affiliate__section {
  margin-top: 50px;
  text-align: center;
}
.affiliate__section a {
  color: #d42e2e;
  transition: color 0.2s ease-in-out;
}
.affiliate__section h2 {
  font-size: 26px;
  font-weight: 500;
  color: #000;
  text-align: center;
}
.affiliate__section .button {
  color: #fff;
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  width: 100%;
}
.affiliate__info-section {
  margin: 20px 0 60px;
}
.affiliate__info-section p {
  text-align: left;
}
.affiliate__table .notification__block,
.affiliate__block .notification__block {
  text-align: center;
}
.affiliate__block {
  margin-bottom: 40px;
}
.affiliate__table {
  text-align: center;
  margin-bottom: 40px;
}
.affiliate__table p {
  text-align: left;
}
.affiliate__table .table-wrapper {
  white-space: unset;
  margin-bottom: 30px;
}
.affiliate__table table {
  margin-top: 0;
}
.rte .affiliate__table table th,
.rte .affiliate__table table td {
  padding: 5px 15px;
}
.rte .affiliate__table table th:first-child,
.rte .affiliate__table table td:first-child {
  width: 35%;
}
.affiliate__table th:last-child,
.affiliate__table td:last-child {
  width: 30%;
  text-align: center;
}
.affiliate__terms {
  display: block;
  margin-top: 20px;
}
@media screen and (min-width: 641px) {
  .aff-button {
    padding: 0 30px !important;
    line-height: 48px !important;
  }
  .rte .affiliate__intro .button {
    margin-top: 30px;
    max-width: max-content;
  }
  .affiliate__section .button {
    width: max-content;
    margin-top: 40px;
  }
  .affiliate__table {
    padding: 0 40px;
  }
  .rte .affiliate__table table th,
  .rte .affiliate__table table td {
    padding: 5px 10px;
  }
  .rte .affiliate__table table th:first-child,
  .rte .affiliate__table table td:first-child {
    width: 65%;
  }
}
.rte .affiliate__product-links-img {
  box-shadow: 0 1px 5px 0 rgb(0 0 0 / 30%);
  padding: 40px;
  border-radius: 5px;
  margin: 20px auto 40px;
}
@media screen and (min-width: 641px) and (max-width: 999px) { 
  .affiliate__feature-block {
    width: calc(50% - 30px);
    margin: 0 0 30px;
  }
}
@media screen and (min-width: 1000px) {   
  .affiliate__upper {
    display: flex;
    justify-content: space-around;
  }
  .rte .affiliate__upper img {
    display: block;
  }
  .rte .affiliate__intro {
    padding: 0 40px;
  }
  .affiliate__info-section {
    display: flex;
    justify-content: space-around;
  }
  .affiliate__block {
    width: 50%;
    padding: 0 40px;
    margin-bottom: 0;
  }
  .affiliate__table {
    margin-bottom: 0;
  }
  .affiliate__report-block,
  .affiliate__feature-block {
    margin: 25px 20px 40px;
  }
  .affiliate__feature-block {
    width: calc(30% - 20px);
  }
  .affiliate__report-block {
    width: 50%;
  }
  .affiliate__report-block:last-child {
    width: 40%;
  }
}
@media screen and (min-width: 1280px) {
  .rte .affiliate__logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
  }
  .affiliate__report-block {
    width: 55%;
  }
  .affiliate__report-block:last-child {
    width: calc(40% - 20px);
  }
}
/**
* --------------------------------------------------------------------
* CONTENT PAGES - COMMUNITY - BLOG
* --------------------------------------------------------------------
*/
.shopify-section__blog-posts .section__nav-blocks {
  margin-top: 0;
}
.rte .article-item img {
  margin: 0;
}
.section__nav-back-button {
  left: 0;
  right: unset !important;
  -webkit-transform: translateX(-26px) !important;
  transform: translateX(-26px) !important;
  margin-left: 0 !important;
}
.nav-unavailable {
  background: #e9e9e9;
  cursor: not-allowed;
  opacity: 60%;
}
.eg-blog-sidebar {
  width: 30%;
  padding: 0 0 40px;
  margin-left: 40px;
  text-align: center;
}
.eg-blog-sidebar-content {
  border-radius: 5px;
  background: #f9f9f9;
  border: 1px solid #e1e3e4;
  padding: 20px;
}
.eg-blog-sidebar-content h2 {
  text-align: center;
}
.rte .eg-blog-sidebar-content h3 {
  margin: 10px 0;
}
.eg-blog-sidebar-content hr {
  margin: 20px 0;
}
.rte .eg-blog-sidebar-content .social-media__item-list {
  display: inline;
  margin: 0;
}
.rte .eg-blog-sidebar-content .social-media__item-list li:before {
  content: unset;
}
.blog-table .table-wrapper {
    white-space: unset;
  }
.rte .blog-table table th {
  padding: 10px 15px;
  font-weight: 500;
  font-size: 18px;
  color: #000;
  background-color: #efefef;
}
.rte .blog-table table th:last-child {
  padding: 10px 30px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .section__nav-back-button {
    margin-left: 30px !important;
  } 
}
@media screen and (max-width: 640px) {
  .section__nav-back-button {
    margin-left: 50px !important;
  }
}
.section__nav-back-button:hover {
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important;
}
.blog-sidebar .product-item .product-label {
  font-size: 13px;
}
.author__vip {
    width: max-content;
} 
.article__author-sig {
  background: #f6f6f6;
  display: inline-flex;
  padding: 40px 20px;
  flex-wrap: wrap;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}
.article__author-header {
  width: 100%;
  margin-bottom: 20px;
}
.article__author-header-content {
  -webkit-transform: skew(-20deg);
  background: #444;
  width: max-content;
  margin: -40px 0 0 -50px;
  border-bottom-right-radius: 5px;
}
.article__author-header-content p {
  color: #fff;
  padding: 15px 20px 15px 40px;
  height: max-content;
  font-family: Akira Expanded, sans-serif;
  line-height: 1;
  font-size: 20px;
  -webkit-transform: skew(20deg);
}
.article__author-content {
  text-align: center;
}
.article__author-sig img {
  margin-bottom: 20px;
}
.page__meta-item--author-footer {
  display: inline;
  font-weight: 500;
  color: #000;
  font-size: 24px;
}
.author__vip {
  border-radius: 5px;
  background: #fb0440;
  font-weight: bold;
  color: white;
  padding: 2px 4px;
  font-size: 10px;
  vertical-align: middle;
}
.blog__action-link {
  position: relative !important;
}
.blog__toc {
  background: #f6f6f6;
  padding: 40px;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.3);
  border-radius: 5px;
  font-size: 16px;
}
.blog__toc ol {
  list-style-type: decimal !important;
  font-weight: 500;
  color: #d42e2e;
}
.blog__toc ol ol {
  list-style-type: lower-alpha !important;
  font-weight: normal;
  color: #000;
}
.rte .blog__toc ol ol li {
  margin-bottom: 0;
}
.blog__toc li::before {
  display: none;
}
.recommendation__block {
  background: #FFFFcc;
  border: 1px solid #ffcf007a;
  padding: 20px 20px;
  margin-top: 20px;
}
.article__inner .article__content img {
  margin: 0 0 20px;
}
.blog__best-sellers-block {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  font-size: 14px;
  overflow: hidden;
}
.blog__best-sellers h2 {
  color: #000;
  text-align: center;
  width: 100%;
  font-size: 22px;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 30px;
}
.blog__best-sellers .product-item {
  width: 50%;
  padding: 0;
}
.blog__best-sellers .product-item::after {
  box-shadow: none;
}
.blog__best-sellers .product-item__title {
  font-size: 14px;
  text-align: center;
  -webkit-line-clamp: 4;
}
.blog__best-sellers .product-item__price-list,
.blog__best-sellers .testfreaks-item,
.blog__best-sellers .product-item__inventory {
  text-align: center;
}
.blog__best-sellers .product-item__image-wrapper {
  margin-bottom: 0;
}
.blog__best-sellers .product-item--list .price:not(.price--compare),
.blog__best-sellers .product-item--vertical .price:not(.price--compare) {
  font-size: 14px;
}
.blog__best-sellers .product-item--vertical .product-item__info {
  justify-content: unset;
}
.blog__best-sellers table {
  border-right: 1px solid #e1e3e4;
}
.blog__best-sellers table:first-child {
  font-weight: 500;
  text-align: left;
}
.blog__best-sellers table:last-child {
  border-right: none;
}
.blog__best-sellers td {
  padding: 0 10px;
}
.blog__best-sellers table {
  flex-grow: 1;
}
.blog__best-sellers tr {
  height: 55px;
  text-align: center;
}
.blog__best-sellers tr:nth-child(even) {
  background: #f9f9f9;
}
.blog__best-sellers tr:first-child {
  height: 150px;
}
.blog__best-sellers tr:nth-child(2),
.blog__best-sellers tr:nth-child(10) {
  height: 140px;
}
.blog__best-sellers .button--small {
  line-height: 32px;
}
.blog_hr {
  border-top: 2px dotted #ccc;
}
@media screen and (min-width: 641px) {
  .article__author-content {
    display: inline-flex;
    text-align: left;
  }
  .article__author-sig img {
    margin-right: 20px;
    margin-bottom: 0;
  }
  .blog__best-sellers-block {
    margin: 0 -50px 50px;
    flex-wrap: nowrap;
  }
  .blog__best-sellers .product-item {
    width: 16%;
  }
}




/**
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
* WORK IN PROGRESS - MOVE INTO RELEVANT SECTIONS ABOVE ONCE COMPLETE/LIVE
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
/**
* --------------------------------------------------------------------
* PARTNERS PAGE - NEW
* --------------------------------------------------------------------
*/
.partner-form-layout {
  margin: 40px;
}


/**
* --------------------------------------------------------------------
* UNSORTED
* --------------------------------------------------------------------
*/

.section-pitch {  
  /*background: rgb(212,46,46);
  background: -moz-linear-gradient(90deg, rgba(212,46,46,1) 30%, rgba(207,0,112,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(212,46,46,1) 30%, rgba(207,0,112,1) 100%);
  background: linear-gradient(90deg, rgba(212,46,46,1) 30%, rgba(207,0,112,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d42e2e",endColorstr="#cf0070",GradientType=1);*/
  padding: 10px 0 0;
  position: relative;
  color: #000;
  background: #fff;
  border: 1px solid #e1e3e4;
}
.section-pitch p {
  font-style: italic;
  border-bottom: 1px solid;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.pitch__content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-top: 30px;
  align-items: center;
}
.pitch__content div {
  position: relative;
}
.pitch__content div h3 {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: 2px;
  margin: 0;
}
.pitch__content h2 {
  font-size: 75px;
  margin: 0;
}
.pitch__content .section__action-link {
  color: #000;
  top: unset;
  bottom: -20px;
  font-size: 16px;
}
@media screen and (min-width: 1000px) {
  .section-pitch {  
    padding: 10px 0 80px;
  }
  .pitch__content {
    flex-direction: row;
  }
  .pitch__content div {
    max-width: 50%;
  }
}

@media screen and (max-width: 640px) {
  .pitch__logo {  
    width: 75%;
    margin: 50px;
  }
}




.switch__highlights {
  border-radius: 5px;
  background: #fb0440;
  font-weight: bold;
  color: white;
  padding: 2px 4px;
  vertical-align: top;
  font-size: 14px;
  margin-left: 5px;
}






/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  top: 2px;
}
.tooltip img {
  margin: 0 !important;
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  background: #fff;
  font-weight: 300;
  padding: 10px;
  min-width: 280px;
  border: 2px solid #333!important;
  border-radius: 5px;
  color: #000!important;
  font-size: 14px;
  text-align: left!important;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 30%);
  position: absolute;
  z-index: 1;
  left: 15px;
}

/* Tooltip text position*/
.tooltip .tooltiptext-pos1 {
  bottom: -140px;
}
.tooltip .tooltiptext-pos2 {
  bottom: 10px;
}
.tooltip .tooltiptext-pos3 {
  top: -10px;
}
.tooltip .tooltiptext-pos4 {
  bottom: 0;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}




.product-variant_out-of-stock {
  color: #999 !important;
}
.product-variant_out-of-stock img {
  opacity: 0.5;
}
.product-variant-image {
  margin: 20px 0 20px 0;
}
.product-variant-image-active img,
.product-variant-image-alt img {
  border-radius: 5px;
  margin-right: 20px;
}
.product-variant-image-active img {
    border: 2px solid #d42e2e;
    min-width: 105px;
}
.product-variant-image-alt img {
    border: 1px solid #e1e3e4;
    min-width: 105px;
}
.product-variant-image-text {
  display: flex;
  overflow-x: scroll;   
  max-width: 500px;
  cursor: grabbing;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
/* width */
.scroller__inner::-webkit-scrollbar,
.product-variant-image-text::-webkit-scrollbar {
  height: 5px;
  max-width: 500px;
  cursor: grabbing;
}
/* Track */
.scroller__inner::-webkit-scrollbar-track,
.product-variant-image-text::-webkit-scrollbar-track {
  background: #f6f6f6;
}
/* Handle */
.scroller__inner::-webkit-scrollbar-thumb,
.product-variant-image-text::-webkit-scrollbar-thumb {
  background: #ececec;
  border-radius: 100vw;
}
/* Handle on hover */
.scroller__inner::-webkit-scrollbar-thumb:hover, 
.product-variant-image-text::-webkit-scrollbar-thumb:hover {
  background: #999;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.product-variant-image-text a {
  padding-bottom: 20px;
  font-size: 13px;
  color: #000;
  font-weight: 800;
  text-align: center;
  display: flex;
  flex-direction: column;
  max-width: 125px;
}
.product-variant-image-text label {
  margin: 10px -10px 0;
  width: 100%;
  padding: 0 10px;
  line-height: 1.5;
}


.product-delivery-returns {
  display: block;
}
.product-delivery-returns-row {
  display: flex; 
  justify-content: space-between; 
  border-bottom: 1px solid #e1e3e4;
  padding: 5px 0;
  color: #000;
}
.product-delivery-returns-row:last-child {
  border-bottom: none;
}
.product-delivery-returns-row:hover{
  cursor: pointer;
}
.product-delivery-returns-row img {
  margin-right: 7px;
  margin-top: 3px;
}
.product-delivery-returns-row .plus-button--large {
  margin-top: 8px;
}



.product-card__tab {
  display: flex;
  justify-content: space-between; 
}
.product-card__header {
  padding: 20px 30px 10px;
  color: #000;
  font-weight: 800;
  line-height: 1;
  width: 50%;
}
.product-card__header .h4 {
  font-size: 26px !important;
}
.product-card__header-underline {
  border-bottom: 5px solid #fb0440;
  display: inline-block;
  line-height: 1.5;
}
.product-card__cut-out {
  -webkit-transform: skew(20deg);
  background-color: #f6f6f6;
  border-left: 1px solid #e1e3e4;
  width: 25%;
  margin: -1px -13px 0 0;
  max-height: 50px;
}
.card__tech-specs {
  padding: 0 30px 30px;
}
.product-block-list__item--description .rte ul li:not(:last-child) {
  margin-bottom: 25px;
}
@media screen and (max-width: 640px) {
  .product-card__tab {
    width: 100%;
  }
  .product-card__header {
    background: #f6f6f6;
    color: #000;
    font-weight: 800;
    font-size: 26px !important;
    line-height: 1;
    width: 100%;
    text-align: center;
    padding: 0;
  }
  .product-card__cut-out {
    display: none;
  }
  .product-block-list__item .h4 {
    padding: 20px 0 0 20px;
    text-align: left;
    margin-bottom: 0;
    font-weight: 800;
    font-size: 26px !important;
    width: 100%;
  }
  .product-card__header-underline {
    border-bottom: 0;
  }
  .card__tech-specs {
    margin-bottom: 0;
    margin: 10px 20px 20px;
    border: 1px solid #e1e3e4;
    background: #fff;
    border-radius: 10px;
    padding: 0 20px 20px;
  }
}




.product-modal .modal[aria-hidden=false] .modal__dialog {
  -webkit-transform: translate(0,0)scale(1);
  transform: translate(0,0)scale(1);
  transition: all 0.4s ease;
}
.product-modal .modal {
  justify-content: right;
}
.product-modal .modal__dialog {
  max-height: 100%;
  height: 100%;
  max-width: 500px;
  border-radius: 0;
  transform: translate(100%,0); 
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.product-modal .modal__dialog::-webkit-scrollbar {
  width: 0 !important;
}
.product-modal .notification__block {
  text-align: left;
  background: none;
  border: 2px dashed #ececec;
}
.product-modal .paypal_block {
  display: flex;
}
.product-modal .paypal_block img {
  margin-right: 10px;
}
.product-modal .paypal_block p {
  margin: auto 0;
}
.product-modal p {
  text-align: left !important;
}





.product-qv .price-list {
  margin-bottom: 10px;
}


.product-guide-links {
  margin: auto 0;
}


.page-404 img {
  max-width: 560px;
  margin-bottom: 30px;
}
.page-404 .empty-state {
  margin: 80px auto;  
}
.empty-state__description {
  margin-bottom: 30px;
  font-size: 20px;
}



.product-quicktips__content {
  padding: 20px;
  background: #fff;
  margin: 10px 20px 20px;
  border-radius: 10px;
}
.product-quicktips__content a {
  color: #d42e2e;
}
.product-quicktips__content .flickity-viewport {
min-height: 250px !important;
}
@media screen and (max-width: 640px) {
  .product-quicktips__content {
    border: 1px solid #e1e3e4;
    margin-bottom: 50px;
  }
}
.delivery__timer p {
  display: flex;
}
.rte .delivery__timer img {
  margin: 0 5px 0 0;
}
.delivery__timer .rte ul li:before {
  background: #333;
  height: 7px;
  width: 7px;
  left: -25px;
  top: 0.6em;
}

.delivery__timer .rte ul {
  margin-left: 30px;
}





.product-info-discount {
  margin: 20px 0;
  color: #fb0440 ;
  font-weight: 500;
}
.product-info-discount button {
  display: inline-flex;
  text-align: left;
}
.product-info-discount button img {
  margin-right: 5px;
}



/**
* --------------------------------------------------------------------
* EMAIL MARKETING ??? REDUNDANT? - IS THIS THE NEWSLETTER PAGE?
* --------------------------------------------------------------------
*/
.shopify-email-marketing-confirmation__container {
  padding: 40px !important;
  margin-top: 111px !important;
  max-width: 1000px !important;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: -2px -2px 20px 0px rgb(0 0 0 / 10%);
}
.shopify-email-marketing-confirmation__container h1 {
  display: none;
}
.shopify-email-marketing-confirmation__container p:nth-child(2) {
  margin-bottom: 40px;
  text-align: center;
  border-bottom: 2px solid #efefef;
  padding: 30px 0;
  font-size: 29px;
  line-height: 1.43;
  color: #000;
  font-weight: 500;
}
.shopify-email-marketing-confirmation__container p {
  text-align: center;
}



#subscribe-form #shopify-section-page-newsletter-template header {
  display: none;
}
#subscribe-form .container--narrow {
  box-shadow: none;
  border: none;
}
#subscribe-form .container--narrow .page__content {
  padding: 0;
  margin-bottom: 10px;
}
.subscribe-form__description {
  text-align: center;
}
#subscribe-form .newsletter-disclaimer {
    width: 75%;
    margin: auto;
}
@media screen and (max-width: 640px) {
  #subscribe-form #shopify-section-page-newsletter-template .newsletter-form form {
    display: unset;
  }
  #subscribe-form .newsletter-disclaimer {
    width: 100%;
  }
}



/**
* --------------------------------------------------------------------
* COLLECTIONS - PRODUCT ITEM CARD DESIGN
* --------------------------------------------------------------------
*/
.card-content,
.card-content-2 {
  display: none;
}
.collection__dynamic-part .product-item--vertical .product-item__action-button,
.collection__dynamic-part .product-item--vertical .product-item__action-list {
  display: none;
}
@media screen and (max-width: 999px) {
  .collection__dynamic-part .collection__toolbar {
    background: #f6f6f6;
    height: 45px;
    border-bottom: 1px solid #e1e3e4;
  }
}
@media screen and (min-width: 641px) {
  .collection__dynamic-part {
    box-shadow: none !important;
    width: 100%;
  }
  .layout .card:last-child {
    background: #f6f6f6;
  }
  .layout__section .card,
  .layout__section .collection .card {
    box-shadow: none !important;
  }
  .layout__section .card__section--tight {
    background: none;
    border-radius: 10px;
    border: none;
    box-shadow: none !important;
    padding: 0 30px 0 15px;
    margin-top: 30px;
    position: sticky;
    top: 8rem;
    overflow-y: scroll;
    height: calc(100vh - 200px);
  }
  .card__section--tight::-webkit-scrollbar {
    display: none;
  }
  .layout__section .card__header {
    border: 1px solid #e1e3e4;
    border-radius: 10px;
    background: white;
    margin: 0 1%;
  }
  .layout__section .collection__toolbar:not(.collection__toolbar--bordered) {
    box-shadow: none;
  }
  .collection__dynamic-part .collection__toolbar {
    box-shadow: none;
    padding: 0 10px;
  }
  .collection__toolbar-item {
    height: 58px;
  }
  .collection__dynamic-part .collection__toolbar-item--sort {
    margin-right: 0;
  }
  .collection__dynamic-part .product-list {
    background: none;
  }
  .collection__dynamic-part .product-item {
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 40px;
    background: none;
    padding: 0;
  }
  .collection__dynamic-part .product-item__image-wrapper {
    border-radius:10px;
    box-shadow: 0 1px 2px #0000004d;
    background: #fff;
    margin-bottom: 0;
    padding: 10px 10px;
    position: relative;
    overflow: hidden;
    transition: all .2s linear;
  }
 .collection__dynamic-part .product-item__image-wrapper:hover {
    box-shadow: 0 5px 10px #0000004d;
  }
  .collection__dynamic-part .product-item:after {
    box-shadow: none;
  }
  .collection__dynamic-part .product-item__info {
    margin-top: 10px;
  }
  .collection__dynamic-part .pagination {
    background: #f6f6f6;
    border-top: none;
  }
  .collection__dynamic-part .boost-pfs-filter-load-more,
  .brand__featured .collection__dynamic-part .boost-pfs-filter-load-more {
    background: #f6f6f6;
  }
  .container .boost-pfs-search-result-toolbar {
    display: none !important;
  }
  .brand__featured .card__section--tight {
    margin-top: 58px;
  }
  .brand__featured .collection__dynamic-part {
    background: #f6f6f6;
  }
  .brand__featured .layout {
    margin-top: 0 !important;
  }
  .collection__dynamic-part .product-label--keyboards {
    border: none;
    background: none;
    padding: 0;
  }
  .collection__dynamic-part .card-content {
    display: block;
    position: absolute;
    bottom: -42%;
    width: 100%;
    text-align: center;
    /*background-color: rgba(255,255,255,.7);*/
    border-top: 1px solid #e1e3e4;
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
  }
  .collection__dynamic-part .product-item--vertical .product-item__action-button,
  .collection__dynamic-part .product-item--vertical .product-item__action-list {
    margin: 10px 0 0px !important;
    display: block !important;
    width: 100%;
  }
  .collection__dynamic-part .product-item__image-wrapper:hover .card-content {
    bottom: 0;
    opacity: 100%;
  }
  .collection__dynamic-part .card-content-2 {
    display: block;
    position: absolute;
    top: 100%;
    padding-top: 25%;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.8);
    color: #333;
    transition: all .4s ease-in-out;
    opacity: 0;
    font-size: 14px;
  }
  .collection__dynamic-part .card-content-2 span {
    font-size: 18px;
    font-weight: 500;
  }
  .collection__dynamic-part .card-content-2 td {
    padding-left: 10px;
  }

  .collection__dynamic-part .card-content-2 td:first-child {
    padding-left: 10px;
    width: 35%;
  }
  
  .collection__dynamic-part .product-item__image-wrapper:hover .card-content-2 {
    top: 0; 
    opacity: 100%;
  }
  .collection__dynamic-part .product-item span:first-child {
    border-top-left-radius: 10px;
  }
  .collection__dynamic-part .sale__label-list {
    border-left: 2px solid;
    margin-left: 2px;
    padding-left: 2px;
  }
 .collection__dynamic-part  .product-item__inventory {
    font-size: 16px;
}
 .collection__dynamic-part .product-item__inventory img {
    height: 20px;
  }
}
@media screen and (max-width: 640px) {
  .collection__dynamic-part .collection__toolbar {
    border-bottom: none;
  }
}
/**
* --------------------------------------------------------------------
* COLLECTIONS - HEADER BANNER
* --------------------------------------------------------------------
*/
.collections-header {
  position: relative;
  max-height: 400px;
  /*height: 392px;*/
  margin: 0 1%;
  background: linear-gradient(45deg,#000 40%,#666);
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  box-shadow: 0 1px 2px #0000004d;
  border-radius: 10px;
}
.collections-header img {
  width: 100%;
}
.collections-header-content {
  position: absolute;
  bottom: 0;
  max-width: 40%;
  display: inline;
  align-items: center;
  color: #fff;
  background: #000000b5;
  border-top-right-radius: 10px;
  height: auto;
  padding: 20px 30px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
}
.header-sales .collections-header-content {
  border-right: none;
  border-top: none;
}
.header-sales .collections-header-content h2 {
  color: #000;
}
.collections-header-content h2 {
  font-family: akira expanded;
  font-size: 28px;
  text-align: left;
  line-height: 1;
  margin-bottom: 10px !important;
  color: #fff;
}
.collections-header-content p {
  margin-top: 10px;
}
.collections-header-content .extra-title {
  font-size: 16px;
  color: #777;
}
.header-sales {
  justify-content: center;
}
.header-content-sales {
  background: none;
  text-align: center;
  top: 0;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 38%;
}
.header-content-sales h2 {
  background: #fff;
  padding: 40px 50px;
  text-align: center;
  font-size: 40px;
  z-index: 1;
  margin-bottom: 0 !important;
  border-radius: 10px;
  width: 100%;
}
.header-content-sales p {
  color: #fff;
  padding: 10px 20px;
  margin: 0 20px;
  font-size: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 2px solid #ffff;
  border-top: none;
}
.collections-header-nav {
  position: absolute;
  bottom: 0;
  width: 55%;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
.collections-header-nav ul {
  display: flex;
  justify-content: center;
}
.collections-header-nav li {
  display: inline-block;
  margin: 0 10px;
  background: #000;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transition: all 0.4s ease;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.collections-header-nav li a {
  display: flex;
  padding: 5px 15px;
}
.collections-header-nav li:hover {
  color: #000;
  background: #fff;
}
@media only screen and (max-width: 1279px) {
  .header-content-sales {
    max-width: 80%;
  }
  .header-content-sales h2 {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 999px) {
  .collections-header {
    margin: 0;
    height: auto;
    max-height: 200px;
  }
  .collections-header img {
    max-width: unset;
    height: auto;
    width: 100%;
  }
  .collections-header-content {
    background: none;
    padding: 10px 20px;
    max-width: 75%;
  }
  .collections-header-content h2 {
    margin-bottom: 0 !important;
    color: #fff;
  }
  .collections-header-content p {
    display: none;
  }
  .collections-header-content .extra-title {
    color: #999;
  }
  .collections-header-nav {
    height: 100%;
    width: max-content;
    font-size: 14px;
    padding: 5px 0;
  }
  .collections-header-nav ul {
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    align-items: end;
  }
  .collections-header-nav li {
    margin: 0;
    width: max-content;
    border: 2px solid #fff;
    border-right: none;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    line-height: 1.5;
  }
  .collections-header-nav li a {
    padding: 5px 10px;
  }
 .header-content-sales  {
    padding: 10px;
    max-width: 70%;
  }
  .header-content-sales h2 {
    font-size: 20px;
    padding: 20px 0;
    color: #000;
  }
  .header-content-sales p {
    display: block;
    font-size: 14px;
    padding: 0;
    margin: 0;
    border: none;
    text-wrap: balance;
  }
}
@media only screen and (max-width: 640px) {
  .collections-header {
    border-radius: 0;
    min-height: 145px;
  }
   .collections-header img {
    max-width: unset;
    height: 145px;
    width: auto;
  }
  .header-content-sales h2 {
    background: none;
    padding: 5px 0;
    color: #fff;
  }
}
/**
* --------------------------------------------------------------------
* COLLECTIONS - ADVERT BLOCK DESIGN
* --------------------------------------------------------------------
*/
.collection__dynamic-part .collection__item-advert,
.collection__dynamic-part .collection__item-guide {
  overflow: hidden;
  background: linear-gradient(45deg,#000 10%,#f9f9f9 100%);
  /*background-color: linear-gradient(0deg,#cf0070 60%,#000 100%);*/
  background-color: black;
  margin-bottom: 50px;
  border-radius: 10px;
  box-shadow: 0 1px 2px #0000004d;
  transition: all 0.4s ease;
  animation: gradient 12s ease infinite;
  background-size: 400% 400%;
}
@keyframes gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
.collection__item-guide-header {
  position: absolute;
  text-align: center;
  background: #fb0440;
  padding: 10px;
  font-family: Akira Expanded;
  color: #fff;
  font-size: 16px;
}
.collection__item-guide:hover {
  box-shadow: 0 5px 10px #0000004d;
}
.collection__item-guide img {
  bottom: 0;
  position: absolute;
  width: 100%;
  transition: all 0.8s ease;
}
.collection__item-guide:hover img {
  transform: scale(1.2);
}
.collection__item-guide h2 {
  margin: 10px 0;
  color: #fff;
  text-align: left;
  padding: 0 20px; 
  font-family: akira expanded;
}
.collection__item-guide-content,
.collection__item-advert-content {
  position: absolute; 
  width: 100%;
}
.collection__item-guide-content {
  bottom: 0; 
}
.collection__item-advert-content {
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.collection__item-advert-content h2 {
  font-size: 24px;
}
.collection__item-guide-content h2 {
  font-size: 28px;
}
.collection__item-guide-quicktip {
  padding: 10px 20px;
  color: #fff;
  background-color: rgba(255,255,255,.3);
}
.collection__item-advert-content a {
  padding: 10px 0 10px;
  border-top: 1px solid #e1e3e4;
  font-weight: 500;
}
/**
* --------------------------------------------------------------------
* COLLECTIONS - FILTER DESIGN
* --------------------------------------------------------------------
*/
.collection__filter-wrapper {
  display: flex;
}
.boost-pfs-filter-option-title .boost-pfs-filter-option-title-heading span {
  color: #000 !important;
}
.boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li .boost-pfs-check-box {
  border-radius: 3px;
  top: 3px !important;
}
.boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-box .boost-pfs-filter-option-item>button {
  background: #fff;
  border-radius: 10px;
  font-weight: 500;
  transition: all 0.9s ease;
}
.boost-pfs-filter-option-tooltip:before {
  margin-bottom: 3px;
}
.boost-pfs-filter-tree-v .boost-pfs-filter-option-range {
  padding-bottom: 20px !important;
}
.boost-pfs-filter-tree-v .boost-pfs-filter-option-title-text:before {
  margin: 0 10px 2px 0 !important;
  transform: rotate(180deg);
}
.boost-pfs-filter-tree-v .boost-pfs-filter-option.boost-pfs-filter-option-collapsed .boost-pfs-filter-option-title-text:before {
  margin: 0 10px -2px 0 !important;
}
.boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li .boost-pfs-check-box {
  border: 2px solid #000 !important;
  width: 18px !important;
  height: 18px !important;
  overflow: hidden;
}
.boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li .boost-pfs-check-box:selected {
  background: #000;
}
.boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li.selected .boost-pfs-check-box:before {
  content: 'X' !important;
  padding-left: 5px;
  top: -5px !important;
  left: -2px !important;
  border: none !important;
  color: #fff !important;
  background: #000 !important;
  height: 20px !important;
  width: 20px !important;
  -ms-transform: rotate(0deg)!important;
  -webkit-transform: rotate(0deg)!important;
   transform: rotate(0deg)!important;
}
.boost-pfs-filter-option-content .boost-pfs-filter-option-item-list.boost-pfs-filter-option-item-list-multiple-list li {
  padding-left: 40px !important;
  margin-bottom: 15px !important;
}
.boost-pfs-filter-option-tooltip:before {
  width: 15px !important;
  height: 15px !important;
  border: 1px solid #677279 !important;
  background: #677279 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 100 !important;
}
.boost-pfs-filter-option-title .boost-pfs-filter-option-title-heading span {
  font-size: 16px !important; 
}
.boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-title {
  border-bottom: 1px solid #000 !important;
  padding-bottom: 5px !important;
}
.boost-pfs-filter-tree-v .boost-pfs-filter-option {
  border-top: none !important;
}
.boost-pfs-filter-tree-v .boost-pfs-filter-option .boost-pfs-filter-option-title .boost-pfs-filter-clear {
  border: 1px solid #000;
  border-radius: 5px;
  padding: 0 5px !important;
  color: #fff;
  background: #000;
}
.boost-pfs-filter-option-title h3 {
  display: none !important;
}
.card__title--small {
  display: none;
}
.boost-pfs-filter-option .boost-pfs-filter-option-content .boost-pfs-filter-option-amount {
  opacty: 1 !important;
}
.boost-pfs-filter-refine-by .boost-pfs-filter-option-title .boost-pfs-filter-clear-all {
  color: #fff;
  background: #000;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
}
.boost-pfs-filter-refine-by .boost-pfs-filter-refine-by-items .refine-by-item .refine-by-type span {
  display: none !important;
}
.boost-pfs-filter-tree-v .boost-pfs-filter-option-view-more-action, .boost-pfs-filter-tree-v .boost-pfs-filter-option-view-less-action {
  font-size: 14px;
  color: #000;
  opacity: unset !important;
  transition: all 0.3s ease;
}
.boost-pfs-filter-option-view-more-action:hover,
.boost-pfs-filter-option-view-less-action:hover {
    opacity: 1 !important;
}
.boost-pfs-filter-tree-v .boost-pfs-filter-refine-by, .boost-pfs-filter-refine-by-wrapper-v .boost-pfs-filter-refine-by {
  border-bottom: none;
}
.boost-pfs-filter-tree-v .boost-pfs-filter-option {
  margin-bottom: 10px;
}
.boost-pfs-filter-option-content .boost-pfs-filter-option-item-list .boost-pfs-filter-option-item {
  margin-bottom: 15px !important;
}
.boost-pfs-filter-load-more {
  padding: 0 !important;
}







/**
* --------------------------------------------------------------------
* PRODUCT - GUIDE BLOCK DESIGN
* --------------------------------------------------------------------
*/
.product-guide-block {
  box-shadow: 0 1px 2px #0000004d;
  width: calc(40% - 15px);
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  transition: all 0.4s ease;
}
.product-guide-block img {
  bottom: unset;
  height: 100%;
  width: auto;
}
.product-guide-content {
  background-image: linear-gradient(180deg, rgba(255, 0, 0, 0), #000);
}
.product-block-list__item--quicktips {
  width: calc(60% - 30px);
}
.quick-tips__guide {
  position: absolute;
  text-align: center;
  background: #fb0440;
  padding: 10px;
  font-family: Akira Expanded;
  color: #fff;
  font-size: 16px;
}
@media only screen and (max-width: 640px) {
  .product-block-list__item--quicktips {
    width: 100%;
  }
  .product-guide-block {
    width: calc(100%);
    display: block;
    height: 290px;
    border-radius: 0;
  }
  .product-guide-block img {
    height: auto;
  }
}




@media only screen and (max-width: 640px) {
  .product-block__hero {
    padding: 0 !important;
  }
}



.product-recommendations-section {
    background: #ececec;
    border: 1px solid #e1e3e4;
    padding: 40px 0;
    margin-bottom: 40px;
}

@media only screen and (max-width: 640px) {
  .product-recommendations-section {
    margin: 0 !important;
    border: none;
    border-top: 1px solid #e1e3e4;
  }
  .product-recommendations-section .section__header h2 {
    text-align: left;
  }
}





.fancy-button-body {
    height: 90px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
}

.fancy-button {
    all: unset;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.75);
   /* box-shadow: -0.15em -0.15em 0.15em -0.075em rgba(5, 5, 5, 0.25),
        0.0375em 0.0375em 0.0675em 0 rgba(5, 5, 5, 0.1);*/
}

.fancy-button::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: calc(100% + 0.3em);
    height: calc(100% + 0.3em);
    top: -0.15em;
    left: -0.15em;
    border-radius: inherit;
  /*  background: linear-gradient(-135deg,
            rgba(5, 5, 5, 0.5),
            transparent 20%,
            transparent 100%);*/
    filter: blur(0.0125em);
    opacity: 0.25;
    mix-blend-mode: multiply;
}

.fancy-button .fancy-button-outer {
    position: relative;
    z-index: 1;
    border-radius: inherit;
    transition: box-shadow 300ms ease;
    will-change: box-shadow;
  /*  box-shadow: 0 0.05em 0.05em -0.01em rgba(5, 5, 5, 1),
        0 0.01em 0.01em -0.01em rgba(5, 5, 5, 0.5),
        0.15em 0.3em 0.1em -0.01em rgba(5, 5, 5, 0.25);*/
}

.fancy-button:hover .fancy-button-outer {
    /*box-shadow: 0 0 0 0 rgba(5, 5, 5, 1), 0 0 0 0 rgba(5, 5, 5, 0.5),
        0 0 0 0 rgba(5, 5, 5, 0.25);*/
}

.fancy-button-inner {
    --inset: 0.035em;
    position: relative;
    z-index: 1;
    border-radius: inherit;
    padding: 5px 30px;
    background: #fb0440;
    transition: box-shadow 300ms ease, clip-path 250ms ease,
        background-image 250ms ease, transform 250ms ease;
    will-change: box-shadow, clip-path, background-image, transform;
    overflow: clip;
    clip-path: inset(0 0 0 0 round 5px);
    box-shadow:
        /* 1 */
        0 0 0 0 inset rgba(5, 5, 5, 0.1),
        /* 2 */
        -0.05em -0.05em 0.05em 0 inset rgba(5, 5, 5, 0.25),
        /* 3 */
        0 0 0 0 inset rgba(5, 5, 5, 0.1),
        /* 4 */
        0 0 0.05em 0.2em inset rgba(255, 255, 255, 0.25),
        /* 5 */
        0.025em 0.05em 0.1em 0 inset rgba(255, 255, 255, 1),
        /* 6 */
        0.12em 0.12em 0.12em inset rgba(255, 255, 255, 0.25),
        /* 7 */
        -0.075em -0.25em 0.25em 0.1em inset rgba(5, 5, 5, 0.25);
}

.fancy-button:hover .fancy-button-inner {
    clip-path: inset(clamp(1px, 0.0625em, 2px) clamp(1px, 0.0625em, 2px) clamp(1px, 0.0625em, 2px) clamp(1px, 0.0625em, 2px) round 5px);
    box-shadow:
        /* 1 */
        0.1em 0.15em 0.05em 0 inset rgba(5, 5, 5, 0.75),
        /* 2 */
        -0.025em -0.03em 0.05em 0.025em inset rgba(5, 5, 5, 0.5),
        /* 3 */
        0.25em 0.25em 0.2em 0 inset rgba(5, 5, 5, 0.5),
        /* 4 */
        0 0 0.05em 0.5em inset rgba(255, 255, 255, 0.15),
        /* 5 */
        0 0 0 0 inset rgba(255, 255, 255, 1),
        /* 6 */
        0.12em 0.12em 0.12em inset rgba(255, 255, 255, 0.25),
        /* 7 */
        -0.075em -0.12em 0.2em 0.1em inset rgba(5, 5, 5, 0.25);
}

.fancy-button .fancy-button-inner span {
    position: relative;
    z-index: 4;
    letter-spacing: -0.05em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0);
    background: #fff;
    -webkit-background-clip: text;
    background-clip: text;
    transition: transform 250ms ease;
    display: block;
    will-change: transform;
    text-shadow: rgba(0, 0, 0, 0.1) 0 0 0.1em;
    -webkit-user-select: none; 
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancy-button:hover .fancy-button-inner span {
    transform: scale(0.975);
}

.fancy-button:active .fancy-button-inner {
    transform: scale(0.975);
}