/** Shopify CDN: Minification failed

Line 2513:31 Expected identifier but found "var("
Line 2514:34 Expected identifier but found "var("
Line 2515:35 Expected identifier but found "var("
Line 2516:38 Expected identifier but found "var("
Line 2517:26 Expected identifier but found "var("
Line 2518:29 Expected identifier but found "var("
Line 9467:0 "@charset" must be the first rule in the file
Line 11623:45 Expected ")" to end URL token
Line 11623:54 Expected identifier but found ")"
Line 17119:37 Expected identifier but found whitespace

**/

@charset "utf-8";

@font-face {
  font-family: 'boxraw-icons';
  src:  url('https://cdn.shopify.com/s/files/1/0019/4497/7466/files/boxraw-icons.eot?v=1666374496');
  src:  url('https://cdn.shopify.com/s/files/1/0019/4497/7466/files/boxraw-icons.eot?v=1666374496') format('embedded-opentype'),
    url('https://cdn.shopify.com/s/files/1/0019/4497/7466/files/boxraw-icons.ttf?v=1666374494') format('truetype'),
    url('https://cdn.shopify.com/s/files/1/0019/4497/7466/files/boxraw-icons.woff?v=1666374494') format('woff'),
    url('https://cdn.shopify.com/s/files/1/0019/4497/7466/files/boxraw-icons.svg?v=1666374494') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block; 
}

.smile-launcher-frame-container {
    display: none;
}
iframe#admin-bar-iframe {
    display: none;
} 
main#main { 
  position:relative;
}  
.Header_FSB_Container { 
  background:var(--light-background);
  min-height: 32px; 
} 
.Header_FSB_Row  { 
    width: 100%;  
}
.Header_FSB_Row #fsb_background { 
  max-width: 800px;
  margin: 0 auto !important;
  overflow: hidden;
  z-index:0 !important;
  height: auto !important;
} 
.Header_FSB_Row #fsb_bar {
  position: static !important;
    padding: 7px 10px !important; 
  line-height: 1.65 !important;
  overflow: hidden;
  background:transparent !important;
}
#fsb_symbol, #fsb_amount {
    display: none;
} 
.tj-free-shipping #fsb_symbol, .tj-free-shipping #fsb_amount {
    display: inline-block;
    font-size: calc(var(--font-size-u-h8) - 1px) !important;
    font-family: var(--font-tertiary) !important;
} 

.Header_FSB_Container .shippingBar_wrapper {
    align-items: center;
}
.tj-free-shipping {
    line-height: 1;
}
.tj-free-shipping > span {
  font-family: var(--font-tertiary);
  font-style: var(--heading-font-style);
  font-weight: var(--font-weight-thin);
  color: #fff !important;
  font-size: calc(var(--font-size-u-h8) - 1px);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  direction: initial;
    line-height: 1.65;
}  
@media(max-width:767px) {
.tj-free-shipping > span { 
    font-size: calc(var(--font-size-u-h8) - 2px);
}  
}

div#reviews-io-polaris-modal { 
    position: fixed;
    z-index: 1000;
}
 
/**
 * ----------------------------------------------------------------------------------------------
 * This is a variation of Normalize.css (http://necolas.github.io/normalize.css/)
 * ----------------------------------------------------------------------------------------------
 */
/**
 * Base
 */
*,
*:before,
*:after {
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  font-size: var(--base-text-font-size);
}

body {
  margin: 0;
  font-family: var(--font-tertiary);
  font-weight: var(--text-font-weight);
  font-style: var(--text-font-style);
  color: var(--text-color);
  background: var(--background); 
  line-height: 1.65;
  letter-spacing: 0.015em;
} 
button {
  font-size: var(--base-text-font-size);
}
[hidden] {
  display: none !important;
}

/**
 * HTML5 display definitions
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Text-level semantic
 */
:active {
  outline: none;
}

a {
  color: inherit;
  background-color: transparent;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

small {
  font-size: 80%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  font-size: inherit;
  font-weight: inherit;
}

p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}

/**
 * Embedded content
 */
img {
  max-width: 100%;
  height: auto;
  border-style: none;
  vertical-align: top;
}

svg:not(:root) {
  overflow: hidden;
}

/**
 * Grouping content
 */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: var(--font-size-u-h5);
}

/**
 * Forms
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; 
  margin: 0;
}

button,
input[type=submit] {
  padding: 0;
  overflow: visible;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
  border-radius: 0;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: inherit;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: inherit;
}

input::placeholder,
textarea::placeholder {
  color: inherit;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 6px 10px 12px;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

/**
 * Tables
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*------------------------------------
 *   Grid LAYOUT
 *------------------------------------*/

.Grid {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -24px;
  font-size: 0;
}
.ProductList--grid { 
    display: table;
/*   
  --------------------------------
  Below Added by IMR for single product case
  --------------------------------*/
    display: flex;
    flex-flow: wrap;
}
.Grid__Cell {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 0 0 0 24px;
  margin: 0;
  vertical-align: top;
  font-size: 1rem; 
}

.Grid--center {
  text-align: center;
}

.Grid--center > .Grid__Cell {
  text-align: left;
}

.Grid__Cell--center {
  display: block;
  margin: 0 auto;
}

.Grid--right {
  text-align: right;
}

.Grid--right > .Grid__Cell {
  text-align: left;
}

.Grid--middle > .Grid__Cell {
  vertical-align: middle;
}

.Grid--bottom > .Grid__Cell {
  vertical-align: bottom;
}

.Grid--m {
  margin-left: -30px;
}

.Grid--m > .Grid__Cell {
  padding-left: 30px;
}

.Grid--l {
  margin-left: -50px;
}

.Grid--l > .Grid__Cell {
  padding-left: 50px;
}

.Grid--xl {
  margin-left: -50px;
}

.Grid--xl > .Grid__Cell {
  padding-left: 50px;
}

@media screen and (min-width: 1140px) {
  .Grid--m {
    margin-left: -60px;
  }

  .Grid--m > .Grid__Cell {
    padding-left: 60px;
  }

  .Grid--l {
    margin-left: -80px;
  }

  .Grid--l > .Grid__Cell {
    padding-left: 80px;
  }

  .Grid--xl {
    margin-left: -100px;
  }

  .Grid--xl > .Grid__Cell {
    padding-left: 100px;
  }
}

/*------------------------------------*\
    Grid WIDTHS
\*------------------------------------*/

.\31\/2, .\32\/4, .\36\/12 {
  width: 50%;
}

.\31\/3, .\34\/12 {
  width: 33.33333%;
}

.\32\/3, .\38\/12 {
  width: 66.66667%;
}

.\31\/4, .\33\/12 {
  width: 25%;
}

.\33\/4, .\39\/12 {
  width: 75%;
}

.\31\/12 {
  width: 8.33333%;
}

.\32\/12 {
  width: 16.66667%;
}

.\35\/12 {
  width: 41.66667%;
}

.\37\/12 {
  width: 58.33333%;
}

.\31\30\/12 {
  width: 83.33333%;
}

.\31\31\/12 {
  width: 91.66667%;
}

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

  .\31\/2--phone, .\32\/4--phone, .\36\/12--phone {
    width: 50%;
  }

  .\31\/3--phone, .\34\/12--phone {
    width: 33.33333%;
  }

  .\32\/3--phone, .\38\/12--phone {
    width: 66.66667%;
  }

  .\31\/4--phone, .\33\/12--phone {
    width: 25%;
  }

  .\33\/4--phone, .\39\/12--phone {
    width: 75%;
  }

  .\31\/12--phone {
    width: 8.33333%;
  }

  .\32\/12--phone {
    width: 16.66667%;
  }

  .\35\/12--phone {
    width: 41.66667%;
  }

  .\37\/12--phone {
    width: 58.33333%;
  }

  .\31\30\/12--phone {
    width: 83.33333%;
  }

  .\31\31\/12--phone {
    width: 91.66667%;
  }
}

@media screen and (min-width: 641px) and (max-width: 1007px) {
  .hidden-tablet {
    display: none !important;
  }

  .\31\/2--tablet, .\32\/4--tablet, .\36\/12--tablet {
    width: 50%;
  }

  .\31\/3--tablet, .\34\/12--tablet {
    width: 33.33333%;
  }

  .\32\/3--tablet, .\38\/12--tablet {
    width: 66.66667%;
  }

  .\31\/4--tablet, .\33\/12--tablet {
    width: 25%;
  }

  .\33\/4--tablet, .\39\/12--tablet {
    width: 75%;
  }

  .\31\/12--tablet {
    width: 8.33333%;
  }

  .\32\/12--tablet {
    width: 16.66667%;
  }

  .\35\/12--tablet {
    width: 41.66667%;
  }

  .\37\/12--tablet {
    width: 58.33333%;
  }

  .\31\30\/12--tablet {
    width: 83.33333%;
  }

  .\31\31\/12--tablet {
    width: 91.66667%;
  }
}

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

  .\31\/2--tablet-and-up, .\32\/4--tablet-and-up, .\36\/12--tablet-and-up {
    width: 50%;
  }

  .\31\/3--tablet-and-up, .\34\/12--tablet-and-up {
    width: 33.33333%;
  }

  .\32\/3--tablet-and-up, .\38\/12--tablet-and-up {
    width: 66.66667%;
  }

  .\31\/4--tablet-and-up, .\33\/12--tablet-and-up {
    width: 25%;
  }

  .\33\/4--tablet-and-up, .\39\/12--tablet-and-up {
    width: 75%;
  }

  .\31\/12--tablet-and-up {
    width: 8.33333%;
  }

  .\32\/12--tablet-and-up {
    width: 16.66667%;
  }

  .\35\/12--tablet-and-up {
    width: 41.66667%;
  }

  .\37\/12--tablet-and-up {
    width: 58.33333%;
  }

  .\31\30\/12--tablet-and-up {
    width: 83.33333%;
  }

  .\31\31\/12--tablet-and-up {
    width: 91.66667%;
  }
}

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

  .\31\/2--pocket, .\32\/4--pocket, .\36\/12--pocket {
    width: 50%;
  }

  .\31\/3--pocket, .\34\/12--pocket {
    width: 33.33333%;
  }

  .\32\/3--pocket, .\38\/12--pocket {
    width: 66.66667%;
  }

  .\31\/4--pocket, .\33\/12--pocket {
    width: 25%;
  }

  .\33\/4--pocket, .\39\/12--pocket {
    width: 75%;
  }

  .\31\/12--pocket {
    width: 8.33333%;
  }

  .\32\/12--pocket {
    width: 16.66667%;
  }

  .\35\/12--pocket {
    width: 41.66667%;
  }

  .\37\/12--pocket {
    width: 58.33333%;
  }

  .\31\30\/12--pocket {
    width: 83.33333%;
  }

  .\31\31\/12--pocket {
    width: 91.66667%;
  }
}

@media screen and (min-width: 1008px) and (max-width: 1239px) {
  .hidden-lap {
    display: none !important;
  }

  .\31\/2--lap, .\32\/4--lap, .\36\/12--lap {
    width: 50%;
  }

  .\31\/3--lap, .\34\/12--lap {
    width: 33.33333%;
  }

  .\32\/3--lap, .\38\/12--lap {
    width: 66.66667%;
  }

  .\31\/4--lap, .\33\/12--lap {
    width: 25%;
  }

  .\33\/4--lap, .\39\/12--lap {
    width: 75%;
  }

  .\31\/12--lap {
    width: 8.33333%;
  }

  .\32\/12--lap {
    width: 16.66667%;
  }

  .\35\/12--lap {
    width: 41.66667%;
  }

  .\37\/12--lap {
    width: 58.33333%;
  }

  .\31\30\/12--lap {
    width: 83.33333%;
  }

  .\31\31\/12--lap {
    width: 91.66667%;
  }
}

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

  .\31\/2--lap-and-up, .\32\/4--lap-and-up, .\36\/12--lap-and-up {
    width: 50%;
  }

  .\31\/3--lap-and-up, .\34\/12--lap-and-up {
    width: 33.33333%;
  }

  .\32\/3--lap-and-up, .\38\/12--lap-and-up {
    width: 66.66667%;
  }

  .\31\/4--lap-and-up, .\33\/12--lap-and-up {
    width: 25%;
  }

  .\33\/4--lap-and-up, .\39\/12--lap-and-up {
    width: 75%;
  }

  .\31\/12--lap-and-up {
    width: 8.33333%;
  }

  .\32\/12--lap-and-up {
    width: 16.66667%;
  }

  .\35\/12--lap-and-up {
    width: 41.66667%;
  }

  .\37\/12--lap-and-up {
    width: 58.33333%;
  }

  .\31\30\/12--lap-and-up {
    width: 83.33333%;
  }

  .\31\31\/12--lap-and-up {
    width: 91.66667%;
  }
}
 
@media screen and (min-width: 1240px) {
  .hidden-desk {
    display: none !important;
  }

  .\31\/2--desk, .\32\/4--desk, .\36\/12--desk {
    width: 50%;
  }

  .\31\/3--desk, .\34\/12--desk {
    width: 33.33333%;
  }

  .\32\/3--desk, .\38\/12--desk {
    width: 66.66667%;
  }

  .\31\/4--desk, .\33\/12--desk {
    width: 25%;
  }

  .\33\/4--desk, .\39\/12--desk {
    width: 75%;
  }

  .\31\/12--desk {
    width: 8.33333%;
  }

  .\32\/12--desk {
    width: 16.66667%;
  }

  .\35\/12--desk {
    width: 41.66667%;
  }

  .\37\/12--desk {
    width: 58.33333%;
  }

  .\31\30\/12--desk {
    width: 83.33333%;
  }

  .\31\31\/12--desk {
    width: 91.66667%;
  }
}
/* Create each media query */
@media screen and (min-width: 1500px) {
  .hidden-widescreen {
    display: none !important;
  }

  .\31\/2--widescreen, .\32\/4--widescreen, .\36\/12--widescreen {
    width: 50%;
  }

  .\31\/3--widescreen, .\34\/12--widescreen {
    width: 33.33333%;
  }

  .\32\/3--widescreen, .\38\/12--widescreen {
    width: 66.66667%;
  }

  .\31\/4--widescreen, .\33\/12--widescreen {
    width: 25%;
  }

  .\33\/4--widescreen, .\39\/12--widescreen {
    width: 75%;
  }

  .\31\/12--widescreen {
    width: 8.33333%;
  }

  .\32\/12--widescreen {
    width: 16.66667%;
  }

  .\35\/12--widescreen {
    width: 41.66667%;
  }

  .\37\/12--widescreen {
    width: 58.33333%;
  }

  .\31\30\/12--widescreen {
    width: 83.33333%;
  }

  .\31\31\/12--widescreen {
    width: 91.66667%;
  }
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp img {
  max-width: none;
}

.pswp--animate_opacity {
  opacity: 0.001;
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  will-change: opacity;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  cursor: var(--cursor-zoom-in-svg) 18 18, zoom-in;
  cursor: -webkit-image-set(var(--cursor-zoom-in-svg) 1x, var(--cursor-zoom-in-2x-svg) 2x) 18 18, zoom-in;
}

.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--background);
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.pswp__container {
  transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
  background: var(--background);
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/**
 * Custom UI
 */
.pswp__ui {
  position: absolute;
  visibility: hidden;
  width: 100%;
  bottom: 50px;
  opacity: 0;
  transform: translateY(35px);
  left: 0;
  text-align: center;
  transition: all 0.15s ease-in-out;
}

.pswp__button[disabled] {
  opacity: 0;
  pointer-events: none;
}

.pswp--animated-in .pswp__ui {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.pswp--animated-in .pswp__ui--hidden {
  visibility: hidden;
  opacity: 0;
}

.pswp__button--close {
  margin: 0 18px;
}

.pswp__button svg {
  pointer-events: none;
}

.pswp__error-msg {
  position: absolute;
  top: 40%;
  margin: 0 15px;
  padding: 8px 15px;
  background: #e6554d;
  color: #fff;
  text-align: center;
}

.js .no-js,
.no-js .hide-no-js {
  display: none !important;
}

.no-scroll {
  overflow: hidden; 
}

body:not(.is-tabbing) [tabindex]:focus,
body:not(.is-tabbing) button:focus,
body:not(.is-tabbing) input:focus,
body:not(.is-tabbing) select:focus,
body:not(.is-tabbing) textarea:focus {
  outline: none;
}

[data-scrollable] {
  overflow: auto;
  /*-webkit-overflow-scrolling: touch;*/
}

.Container {
  margin: 0 auto;
  padding: 0 24px;
}

.Container--narrow {
  max-width: 1200px;
}
.ArticleNav .Container--narrow,
.template-order .Container--narrow {
    max-width: 1420px;
}
.Container--extraNarrow {
  max-width: 800px;
}

/*
   This fixes an issue in IE10/11 when using min-height in flex children
   @info: https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*/
.FlexboxIeFix {
  display: flex;
  flex-direction: row;
}

@media screen and (min-width: 641px) {
  .Container {
    padding: 0 50px;
  } 
}

@media screen and (min-width: 1140px) {
  .Container {
    padding: 0 55px;
  }
}
/**
 * Very general typographic rules that are applied site wide
 */

.supports-hover .Link--secondary:hover,
.Link--secondary.is-active {
  color: var(--text-color-light);
}
.Link {
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  cursor:pointer;
}
.supports-hover .Link--primary:hover,
.Link--primary.is-active {
  color: var(--text-color);
}
.Link--underline {
  position: relative;
  display: inline-block;
  border-bottom: 1px solid;
  letter-spacing: 0.2em;
}

.Link--underline::before {
/*   content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: currentColor;
  transform: scale(1, 1);
  transform-origin: left center;
  transition: transform 0.2s ease-in-out; */
}

@media (-moz-touch-enabled: 0), (hover: hover) {
  .Link--underline:hover::before {
    transform: scale(0, 1);
  }
}

.Link--underlineShort::before {
  width: 100%;
}

.features--heading-uppercase .Link--underlineShort::before {
  width: calc(100% - 0.2em);
}

.Link--underlineNative {
  text-decoration: underline;
  text-underline-position: under;
}

.Heading {
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-style: var(--heading-font-style);
  color: var(--heading-color);
  transition: color 0.2s ease-in-out;
  letter-spacing: 0.1em;
}

.features--heading-uppercase .Heading { 
  text-transform: uppercase;
}

.Text--subdued {
  color: var(--text-color-light);
}

.Text--alignCenter {
  text-align: center !important;
}

.Text--alignRight {
  text-align: right !important;
}

.Icon-Wrapper--clickable {
  position: relative;
  background: transparent; /* This is used to increase the clickable area */
}

.Icon-Wrapper--clickable::before {
  position: absolute;
  content: "";
  top: -8px;
  right: -12px;
  left: -12px;
  bottom: -8px;
  transform: translateZ(0); /* Needed to avoid a glitch on iOS */
}

.Icon {
  display: inline-block;
  height: 1em;
  width: 1em;
  fill: currentColor;
  vertical-align: middle;
  stroke-width: 1px;
  background: none;
  pointer-events: none;
}

.u-visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
 
/*Headings without any media quiry -------------------------------------*/

.features--heading-large .u-h1 {
  font-size: calc(var(--font-size-u-h1) - 6px);
  line-height: 1;
}

	
	.features--heading-large .u-h2,
	.features--heading-large .Rte h2 {
		font-size: var(--font-size-u-h2);
/*         line-height: 1; */
	}
	
	.features--heading-large .u-h22,
	.features--heading-large .Rte h22 {
		font-size: calc(var(--font-size-u-h3) + 2px);
	}
	.features--heading-large .u-h24,
	.features--heading-large .Rte h24 {
		font-size: calc(var(--font-size-u-h2) - 2px);
	}
	
	.features--heading-large .u-h3,
	.features--heading-large .Rte h3 {
		font-size: var(--font-size-u-h3);
	}
	
	.features--heading-large .u-h4,
	.features--heading-large .Rte h4 {
		font-size: var(--font-size-u-h4);
	}
	
	.features--heading-large .u-h5,
	.features--heading-large .Rte h5 {
		font-size: var(--font-size-u-h5);
	}
	
	.features--heading-large .u-h6,
	.features--heading-large .Rte h6 {
		font-size: var(--font-size-u-h6); 
	}
	.features--heading-large .u-h7,
	.features--heading-large .Rte h7 {
		font-size: var(--font-size-u-h7);
	}
	
	.features--heading-large .u-h8,
	.features--heading-large .Rte h8  {
		font-size: var(--font-size-u-h8);
	}

@media screen and (min-width: 767px) {
   
/*Headings for Desktop above 767px -------------------------------------*/

	.features--heading-large .u-h1 {
		font-size: var(--font-size-u-h1);
	} 
 

}

.js .features--show-page-transition .PageTransition {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--background);
  z-index: 1000;
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  transition: all 0.25s ease;
}

/**
 * ----------------------------------------------------------------------------
 * Standard button
 * ----------------------------------------------------------------------------
 */

.Button,
.shopify-payment-button__button--unbranded,
input.spr-button-primary,
.spr-summary-actions-newreview,
.spr-button-primary:not(input),
.spr-pagination-prev > a,
.spr-pagination-next > a,
.btn,
#trigger-cart-button {
  position: relative;
  display: inline-block;
  padding: 7px 28px 9px;
  line-height: normal;
  border: 1px solid transparent;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: var(--font-size-u-h5);
  text-align: center; 
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-style: var(--heading-font-style); 
  letter-spacing: 0.1em;
  transition: ease all .25s;
  z-index: 1;
  -webkit-tap-highlight-color: initial;
} 
.Button--large,
.shopify-payment-button .shopify-payment-button__button,
#trigger-cart-button,
.step__footer__continue-btn {
    padding-top: 12px;
    padding-bottom: 14px;
}
.klaviyo-bis-trigger-wrapper  { 
    padding-bottom: 14px;
}
.klaviyo-bis-trigger-wrapper.klaviyo-bis-trigger-sticky {
  padding:0;
}
@media (-moz-touch-enabled: 0), (hover: hover) { 
  .features--show-button-transition .Button:not([disabled]):hover::before,
  .features--show-button-transition .shopify-payment-button__button--unbranded:not([disabled]):hover::before,
  .features--show-button-transition input.spr-button-primary:not([disabled]):hover::before,
  .features--show-button-transition .spr-summary-actions-newreview:not([disabled]):hover::before,
  .features--show-button-transition .spr-button-primary:not(input):not([disabled]):hover::before,
  .features--show-button-transition .spr-pagination-prev > a:not([disabled]):hover::before,
  .features--show-button-transition .spr-pagination-next > a:not([disabled]):hover::before {
    transform-origin: right center;
    transform: scale(0, 1);
  }
}

.Button[disabled],
.shopify-payment-button__button--unbranded[disabled],
input.spr-button-primary[disabled],
.spr-summary-actions-newreview[disabled],
.spr-button-primary:not(input)[disabled],
.spr-pagination-prev > a[disabled],
.spr-pagination-next > a[disabled] {
  cursor: not-allowed;
}


.shopify-payment-button__button--unbranded,
.spr-summary-actions-newreview,
.spr-button-primary:not(input) {
  color: var(--button-text-color);
  border-color: var(--button-background);
} 
.shopify-payment-button__button--unbranded::before,
.spr-summary-actions-newreview::before,
.spr-button-primary:not(input)::before {
  background-color: var(--button-background);
}

@media (-moz-touch-enabled: 0), (hover: hover) {
  .features--show-button-transition .shopify-payment-button__button--unbranded:not([disabled]):hover,
  .features--show-button-transition .spr-summary-actions-newreview:not([disabled]):hover,
  .features--show-button-transition .spr-button-primary:not(input):not([disabled]):hover {
    color: var(--button-background);
    background-color: transparent;
  }
}

.Button--secondary,
.spr-pagination-prev > a,
.spr-pagination-next > a {
  color: var(--text-color-light);
  border: 1px solid rgba(var(--text-color-light-rgb), 0.2);
} 

@media (-moz-touch-enabled: 0), (hover: hover) {
  .features--show-button-transition .Button--secondary:not([disabled]):hover,
  .features--show-button-transition .spr-pagination-prev > a:not([disabled]):hover,
  .features--show-button-transition .spr-pagination-next > a:not([disabled]):hover {
    color: var(--button-text-color);
    border-color: var(--button-background);
  }

  .features--show-button-transition .Button--secondary:not([disabled]):hover::before,
  .features--show-button-transition .spr-pagination-prev > a:not([disabled]):hover::before,
  .features--show-button-transition .spr-pagination-next > a:not([disabled]):hover::before {
    transform-origin: left center;
    transform: scale(1, 1);
  }
}

.Button--full {
  width: 100%;
}

.Button--stretched {
  padding-left: 40px;
  padding-right: 40px;
}

.Button--small {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  padding: 10px 20px;
}

.Button__SeparatorDot {
  display: inline-block;
  margin: 0 18px;
  content: "";
  height: 3px;
  width: 3px;
  border-radius: 100%;
  background: currentColor;
}

.ButtonWrapper {
  text-align: center;
}

/* We allow those buttons to have secondary state. The secondary state is displayed (for instance during loading time) when
   the class "Button--secondaryState" is added */
.Button__PrimaryState,
.Button__SecondaryState {
  display: block;
  transition: transform 0.4s cubic-bezier(0.75, 0, 0.125, 1), opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1);
}

.Button__SecondaryState {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  text-align: center;
  opacity: 0;
  transform: translate(-50%, 100%);
}

.Button--secondaryState .Button__PrimaryState {
  opacity: 0;
  transform: translateY(-100%);
}
.Button--secondaryState .Button__SecondaryState {
  opacity: 1;
  transform: translate(-50%, -50%);
}



.Button--primary,
.Button.btn-black{
  background: #000;
  color: #fff;    
  border-color: #000;
}
.Button:not([disabled]):hover,
.Button.btn-black:hover,
.btn:hover {
    background: var(--accent-primary);
    color: #fff;
    border-color: var(--accent-primary);   
}

.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded,
.Button.btn-accent-primary,
#klaviyo-bis-modal .btn,
#trigger-cart-button {
  background: var(--accent-primary);
  color: #fff;    
  border-color: var(--accent-primary);
} 
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover,
.Button.btn-accent-primary:hover,
#klaviyo-bis-modal .btn:hover,
#trigger-cart-button:hover {
  background: #fff;
  color: var(--accent-primary); 
  color: #000;
}
#klaviyo-bis-modal .btn,
#trigger-cart-button {
  background: #ffa587; 
  border-color: #ffa587; 
  font-size: 16px; 
  font-family: 'Antonio', sans-serif;
  font-weight: 700;    
} 
#klaviyo-bis-modal .btn {
  padding-top: 12px;
  padding-bottom: 14px;  
} 
#klaviyo-bis-modal .btn:hover,
#trigger-cart-button:hover { 
  color: #ffa587; 
}
 


button[data-testid="sheet-open-button"] {
    letter-spacing: 0.015em;
}
.Button.btn-white {
  background: #fff;
  color: #000;   
  border-color: transparent; 
} 
.Button.btn-white:hover {
  background: var(--accent-primary);
  color: #fff;    
} 
.Button.btn-grey {
  background: var(--color-grey);
  color: #fff;   
  border-color: transparent; 
} 
.Button.btn-grey:hover {
  background: #000;
  color: #fff;    
} 
.Button.btn-black-outlined {
  border-color: #000;
  background:transparent;
  color:#000;
}
.Button.btn-black-outlined:hover {
	background: #000;
    color: #fff;
    border-color: #000;
} 
.Button.btn-white-outlined {
  border-color: #fff;
  background:transparent;
  color:#fff;
}
.Button.btn-white-outlined:hover { 
  color:#fff;
  background: var(--accent-primary); 
  border-color: var(--accent-primary);
} 
.Button.btn-outlined, .Button.btn-outlined:hover { 
    border-color: inherit;
}
.btn-accent-primary-outlined {
  background:transparent;
  border-color: var(--accent-primary);
  color: var(--accent-primary);
}

.btn-less-padding {
  padding-top:9px;
  padding-bottom:10px;
}

/**
 * ----------------------------------------------------------------------------
 * Button group
 * ----------------------------------------------------------------------------
 */

.ButtonGroup {
  display: flex;
  flex-wrap: wrap;
/*   justify-content: center; */
  align-items: center;
  margin: 0 -12px;
}

.ButtonGroup__Item {
  margin: 12px;
}

.ButtonGroup__Item--expand {
  flex: 1 1 0;
}

.ButtonGroup--spacingSmall {
  margin: -5px;
}
.ButtonGroup--spacingSmall .ButtonGroup__Item {
  margin: 5px;
}

.ButtonGroup--sameSize .ButtonGroup__Item {
  flex: 0 1 auto;
  white-space: nowrap;
  max-width: 245px;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .ButtonGroup--sameSize .ButtonGroup__Item {
    flex: 1 1 0;
    /* There is a bug in IE11 so we're forced to use this trick */
  }
}

@media screen and (min-width: 641px) {
  @supports (display: inline-grid) {
    .ButtonGroup--sameSize {
      display: inline-grid;
      grid-template-columns: 1fr 1fr;
    }

    .ButtonGroup--sameSize .ButtonGroup__Item {
      max-width: none;
    }
  }
}

/**
 * ----------------------------------------------------------------------------
 * Round button
 *
 * Those buttons are not really button like the others, but they are used in
 * lot of different places to hold things like icons
 * ----------------------------------------------------------------------------
 */

.RoundButton,
.flickity-prev-next-button {
  position: relative;
  width: 45px;
  height: 45px;
  border: none;
  border-radius: 50%;
  background: var(--button-text-color);
  color: var(--button-background);
  cursor: pointer;
  text-align: center;
  z-index: 1;
  box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
  vertical-align: middle;
  line-height: 0;
  transform: scale(1.001); /* Avoid rounding error during animation in Chrome */
  transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, transform 0.2s ease-in-out, color 0.2s ease-in-out;
  overflow: hidden;
}

.RoundButton.is-active,
.flickity-prev-next-button.is-active {
  background: var(--button-background);
  color: var(--button-text-color);
  outline: none;
}

.RoundButton svg,
.flickity-prev-next-button svg {
  height: 15px;
  width: 15px;
  fill: currentColor;
}

.RoundButton--small {
  width: 35px;
  height: 35px;
}
.RoundButton--small svg {
  height: 14px;
  width: 14px;
}

.RoundButton--medium {
  width: 50px;
  height: 50px;
}

.RoundButton--medium svg {
  height: 18px;
  width: 18px;
}

.RoundButton--large {
  width: 55px;
  height: 55px;
}
.RoundButton--large svg {
  height: 15px;
  width: 15px;
}

.RoundButton--flat {
  box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
  color: rgba(var(--button-background-rgb), 0.5);
}

/* We allow those buttons to have secondary state. The secondary state is displayed (for instance during loading time) when
   the class "RoundButton--withSecondaryState" is added */
.RoundButton__PrimaryState,
.RoundButton__SecondaryState {
  display: block;
  transition: transform 0.4s cubic-bezier(0.75, 0, 0.125, 1), opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1);
}

.RoundButton__SecondaryState {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  text-align: center;
  opacity: 0;
  transform: translate(-50%, 100%);
}

.RoundButton--secondaryState .RoundButton__PrimaryState {
  opacity: 0;
  transform: translateY(-100%);
}

.RoundButton--secondaryState .RoundButton__SecondaryState {
  opacity: 1;
  transform: translate(-50%, -50%);
}

/* Animation states */


 
   

@media (-moz-touch-enabled: 0), (hover: hover) {
  .RoundButton:hover {
    transform: scale(1.1);
  }

  .RoundButton--small:hover {
    transform: scale(1.15);
  }

  .RoundButton:not([aria-expanded=true]):hover {
    color: var(--button-background);
  }
}
/**
 * ----------------------------------------------------------------------------------------------
 * Flickity styles
 * ----------------------------------------------------------------------------------------------
 */

.flickity-enabled {
  position: relative;
}

body:not(.is-tabbing) .flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: auto;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled {
  -webkit-tap-highlight-color: transparent;
}

.flickity-enabled.is-draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
}

.flickity-prev-next-button[disabled] {
  opacity: 0;
}

.flickity-prev-next-button svg {
  width: auto;
  height: 18px;
  stroke-width: 1.5px;
  stroke: currentColor;
}

/* ---- page dots ---- */
.flickity-page-dots {
  width: 100%;
  padding: 0;
  margin: 22px 0 0 0;
  list-style: none;
  text-align: center;
}

.flickity-page-dots .dot {
  position: relative;
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 6px;
  border-radius: 50%;
  cursor: pointer;
  background: transparent;
  border: 1px solid var(--border-color);
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out; /* This is used to increase the clickable area */
}

.flickity-page-dots .dot::before {
  position: absolute;
  content: "";
  top: -6px;
  right: -6px;
  left: -6px;
  bottom: -6px;
}

.flickity-page-dots .dot.is-selected {
  background: currentColor;
  border-color: currentColor;
}

@media screen and (min-width: 641px) {
  .flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    margin: 0 7px;
    border-width: 2px;
  }
}

/**
 * ----------------------------------------------------------------------------------------------
 * Default styling for site-wide carousel
 * ----------------------------------------------------------------------------------------------
 */

.Carousel {
  position: relative;
}

.Carousel--fixed,
.Carousel--fixed .flickity-viewport,
.Carousel--fixed .Carousel__Cell {
  height: 100%;
}

/* This allows to hide cells that are not first one until slider is loaded */
.Carousel:not(.flickity-enabled) .Carousel__Cell:not(.is-selected) {
  display: none;
}

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

.js .Carousel--fadeIn .flickity-slider {
  transform: none !important;
}

.js .Carousel--fadeIn .Carousel__Cell {
  left: 0 !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.js .Carousel--fadeIn .Carousel__Cell.is-selected {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.Carousel--insideDots .flickity-page-dots {
  position: absolute;
  width: auto;
  margin: 0;
  bottom: 20px;
  left: 20px;
}

.Carousel--insideDots .flickity-page-dots .dot {
  border-color: currentColor;
}

.Carousel--insideDots .flickity-page-dots .dot.is-selected {
  background: currentColor;
}

.Carousel--insideDots .flickity-prev-next-button {
  bottom: -25px;
  z-index: 1;
}

.Carousel--insideDots .flickity-prev-next-button.next {
  right: 25px;
}

.Carousel--insideDots .flickity-prev-next-button.previous {
  right: 75px;
  margin-right: 15px;
}

@media screen and (min-width: 1008px) {
  .Carousel--insideDots .flickity-page-dots {
    bottom: 28px;
    right: 24px;
    left: auto;
  }
}
/**
 * ----------------------------------------------------------------------------
 * Collapsible
 * ----------------------------------------------------------------------------
 */
.Collapsible {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  overflow: hidden;
}

.Collapsible + .Collapsible {
  border-top: none;
}

.Collapsible--padded {
  padding-left: 24px;
  padding-right: 24px;
}

.Collapsible__Button {
  display: block;
  position: relative;
  width: 100%;
  padding: 15px 18px 15px 0;
  text-align: left;
  cursor: pointer;
  line-height: 1.65;
}

.Collapsible__Plus {
  position: absolute;
  right: 0;
  top: calc(50% - (11px / 2));
  width: 11px;
  height: 11px;
}

.Collapsible__Plus::before,
.Collapsible__Plus::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  background-color: currentColor;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
 
.Collapsible__Plus::before {
  width: 11px;
  height: 1px;
  opacity: 1;
}

.Collapsible__Plus::after {
  width: 1px;
  height: 11px;
}

.Collapsible__Button[aria-expanded=true] .Collapsible__Plus::before,
.Collapsible__Button[aria-expanded=true] .Collapsible__Plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.Collapsible__Button[aria-expanded=true] .Collapsible__Plus::before {
  opacity: 0;
}

.Collapsible .Collapsible {
  margin-left: 16px;
  border: none;
}

.Collapsible .Collapsible .Collapsible__Button {
  padding: 11px 0;
}

.Collapsible__Inner {
  display: block;
  height: 0;
  visibility: hidden;
  transition: height 0.35s ease-in-out, visibility 0s ease-in-out 0.35s;
  overflow: hidden;
}

.Collapsible__Button[aria-expanded=true] + .Collapsible__Inner {
  visibility: visible;
  transition: height 0.35s ease-in-out;
}

.Collapsible__Content {
  padding-bottom: 18px;
}

.Collapsible .Linklist {
  margin-bottom: 4px;
}

.Collapsible .Linklist--bordered {
  margin-top: 16px;
  margin-bottom: 4px;
}

@media screen and (min-width: 641px) {
  /* When this class is applied to a collapsible, it will display as a collapsible on mobile but not on larger screen, where it will
     automatically appear is auto-expanded */
  .Collapsible--autoExpand {
    border: none;
    overflow: visible;
  }

  .Collapsible--autoExpand .Collapsible__Button {
    cursor: default;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 16px;
  }

  .Collapsible--autoExpand .Collapsible__Plus {
    display: none;
  }

  .Collapsible--autoExpand .Collapsible__Inner {
    height: auto;
    visibility: visible;
    overflow: visible;
  }

  .Collapsible--autoExpand .Collapsible__Content {
    padding-bottom: 0;
  }

  .Collapsible--autoExpand .Linklist {
    margin-bottom: 0;
  }

  .Collapsible--autoExpand {
    margin-bottom: 32px;
  }
}

@media screen and (min-width: 1008px) {
  .Collapsible--padded {
    padding-left: 30px;
    padding-right: 30px;
  } 
  .Collapsible--large .Collapsible__Content {
    padding-bottom: 45px;
  }
}
.Collapsible--large .Collapsible__Button {
    padding: 26px 20px 23px 0;
}
.Product__Tabs #Reviews_Collapsible .ruk_rating_snippet { 
    margin-top: -4px;
}

/**
 * ----------------------------------------------------------------------------
 * Base drawer
 * ----------------------------------------------------------------------------
 */
.Drawer {
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  width: calc(100vw - 65px); /* Interestingly, 100% does not work on iOS 9 and lower */
  height: 100vh;
  max-height: none;
  z-index: 20;
  transition: transform 0.5s var(--drawer-transition-timing), visibility 0.5s var(--drawer-transition-timing);
  background: var(--background);
  box-shadow: none;
  touch-action: manipulation; /* Animating box-shadow is slow, even on modern browsers, so we instead move it in a pseudo-element and animate opacity */
}

.Drawer:focus {
  outline: none;
}

.Drawer::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: 2px 0 10px rgba(54, 54, 54, 0.2), -2px 0 10px rgba(54, 54, 54, 0.2);
  opacity: 0;
  transition: opacity 0.5s var(--drawer-transition-timing);
}

.Drawer--secondary {
  background: var(--light-background);
}

.Drawer--fromLeft {
  transform: translateX(calc(-100vw + 65px));
}

.Drawer--fromRight {
  right: 0;
  left: auto;
  transform: translateX(calc(100vw - 65px));
}

.Drawer[aria-hidden=false] {
  visibility: visible;
  transform: translateX(0);
}

.Drawer[aria-hidden=false]::before {
  opacity: 1;
}

.Drawer__Container {
  width: 100%;
}

.Drawer--fromLeft .Drawer__Container {
  padding-left: 18px;
  padding-right: 24px;
}

.Drawer--fromRight .Drawer__Container {
  padding-left: 18px;
  padding-right: 18px;
}

.Drawer__Header {
  display: flex;
  align-items: center;
  position: relative;
  height: 50px;
  max-height: 60px;
  background: inherit;
  text-align: center;
  z-index: 1;
}

.Drawer__Header--flexible {
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  padding-top: 20px;
  padding-bottom: 20px;
}

.Drawer__Header--flexible .Drawer__Close {
  top: 25px;
}

@supports (--css: variables) {
  .Drawer__Header {
    height: var(--header-height);
  }
}

.Drawer__Header--center {
  justify-content: center;
}

.Drawer__Close {
  position: absolute;
  margin-left: 0;
  left: 18px;
  top: calc(50% - 7px);
  line-height: 0;
}

.Drawer__Close svg {
  width: 15px;
  height: 15px; 
}

.Drawer--fromRight .Drawer__Close {
  right: 18px;
  left: auto;
}

.Drawer__Header--bordered {
  box-shadow: 0 -1px var(--border-color) inset;
}

.Drawer--secondary .Drawer__Header--bordered {
  box-shadow: 0 -1px rgba(var(--border-color-rgb), 0.6) inset;
}

.Drawer--secondary .Collapsible {
  border-bottom-color: rgba(var(--border-color-rgb), 0.6);
}

.Drawer__Content {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
/*height: calc(100% - 100px);
  max-height: calc(100% - 100px);*/  /* This handles an edge case when the header is much bigger than the maximum size for content, but this only works on Safari as of today */ 
  height: calc(100% - 50px);
  max-height: calc(100% - 50px);
  }
#sidebar-cart .Drawer__Content {
  height: calc(100% - 92px);
  max-height: inherit;
  }
 .SidebarMenu .Drawer__Content { 
  height: calc(100% - 60px);
  max-height: calc(100% - 60px);
  }
.Drawer__Main {
  flex: 1 1 auto;
}

.Drawer__Footer {
  flex: none;
  box-shadow: 0 -1px var(--border-color);
}

.Drawer--secondary .Drawer__Footer {
  box-shadow: 0 -1px rgba(var(--border-color-rgb), 0.6);
}

.Drawer__Footer--padded {
  padding: 24px;
}

@supports (padding: max(0px)) {
  .Drawer__Footer--padded {
    padding-bottom: max(24px, env(safe-area-inset-bottom, 0px) + 24px);
  }
}

@media screen and (min-width: 641px) {
  .Drawer {
    width: 400px;
    transform: translateX(-100%);
  }

  .Drawer--small {
    width: 340px;
  }

  .Drawer--fromRight {
    transform: translateX(100%);
  }

  .Drawer__Header {
    max-height: 60px;
    min-height: 60px;
  }
 

  .Drawer--fromLeft .Drawer__Container,
  .Drawer--fromRight .Drawer__Container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .Drawer__Close {
    left: 30px;
  }

  .Drawer--fromRight .Drawer__Close {
    right: 18px;
    left: auto;
  }

  .Drawer__Close svg {
    stroke-width: 1.5px;
  }

  .Drawer__Footer--padded {
    padding: 24px 30px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Animation
 * ----------------------------------------------------------------------------
 */

[data-drawer-animated-left],
[data-drawer-animated-right] {
  opacity: 0;
  transition: opacity 0.5s ease 0.25s, transform 0.5s ease 0.25s;
}

.Drawer[aria-hidden=false] [data-drawer-animated-left],
.Drawer[aria-hidden=false] [data-drawer-animated-right] {
  opacity: 1;
  transform: translateX(0);
}

[data-drawer-animated-left] {
  transform: translateX(-65px);
}

[data-drawer-animated-right] {
  transform: translateX(65px);
}

[data-drawer-animated-top] {
  opacity: 0;
  transform: translateY(-45px);
  transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.Drawer[aria-hidden=false] [data-drawer-animated-top] {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
}

[data-drawer-animated-bottom] {
  opacity: 0;
  transform: translateY(45px);
  transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.Drawer[aria-hidden=false] [data-drawer-animated-bottom] {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
}
/**
 * ----------------------------------------------------------------------------
 * Basic form
 * ----------------------------------------------------------------------------
 */
.Form {
  width: 100%;
}

.Form__Item {
  position: relative;
  margin-bottom: 15px;
}

.Form__Input,
.Form__Textarea,
.spr-form-input-text,
.spr-form-input-email,
.spr-form-input-textarea {
  -webkit-appearance: none;
  display: block;
  padding: 12px 14px;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--border-color);
  width: 100%;
  line-height: normal;
  resize: none;
  transition: border-color 0.1s ease-in-out;
  background: transparent;
  font-size: var(--base-text-font-size);
  letter-spacing: 0.015em;
  font-family: var(--font-tertiary);
}
.template-customers .Form__Input,
.template-customers .Form__Textarea,
.template-customers .spr-form-input-text,
.template-customers .spr-form-input-email,
.template-customers .spr-form-input-textarea {
/*     border: 1px solid var(--border-color); */
/*     padding: 14px; */
}
.Form__Input:focus,
.Form__Textarea:focus,
.spr-form-input-text:focus,
.spr-form-input-email:focus,
.spr-form-input-textarea:focus {
  border-color: rgba(var(--text-color-rgb), 0.8);
  outline: none;
}

.Form__Input::-moz-placeholder, .Form__Textarea::-moz-placeholder, .spr-form-input-text::-moz-placeholder, .spr-form-input-email::-moz-placeholder, .spr-form-input-textarea::-moz-placeholder {
  color: var(--text-color-light);
  letter-spacing: 0.015em;
}

.Form__Input:-ms-input-placeholder, .Form__Textarea:-ms-input-placeholder, .spr-form-input-text:-ms-input-placeholder, .spr-form-input-email:-ms-input-placeholder, .spr-form-input-textarea:-ms-input-placeholder {
  color: var(--text-color-light);
  letter-spacing: 0.015em;
}


.Form__Input::placeholder,
.Form__Textarea::placeholder,
.spr-form-input-text::placeholder,
.spr-form-input-email::placeholder,
.spr-form-input-textarea::placeholder {
  color: var(--text-color-light);
}

.Form__Input::-moz-placeholder{var(--text-color-light);letter-spacing: 0.015em;}
.Form__Textarea::-moz-placeholder{var(--text-color-light);letter-spacing: 0.015em;}
.Form__Input:-ms-input-placeholder{var(--text-color-light);letter-spacing: 0.015em;}
.Form__Textarea:-ms-input-placeholder{var(--text-color-light);letter-spacing: 0.015em;}
.Form__Input::placeholder{var(--text-color-light);letter-spacing: 0.015em;}
.Form__Textarea::placeholder{var(--text-color-light);letter-spacing: 0.015em;}


.Form__FloatingLabel {
  position: absolute;
  bottom: calc(100% - 8px);
  left: 10px;
  padding: 0 5px;
  line-height: normal;
  color: var(--text-color-light);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  opacity: 0;
  background: rgba(var(--background-rgb), 0);
  pointer-events: none;
  transform: translateY(3px);
  transition: all 0.3s ease-in-out;
}

.Form__Input:not(:-moz-placeholder-shown) ~ .Form__FloatingLabel, .Form__Textarea:not(:-moz-placeholder-shown) ~ .Form__FloatingLabel {
  opacity: 1;
  background: var(--background);
  transform: translateY(0);
}

.Form__Input:not(:-ms-input-placeholder) ~ .Form__FloatingLabel, .Form__Textarea:not(:-ms-input-placeholder) ~ .Form__FloatingLabel {
  opacity: 1;
  background: var(--background);
  transform: translateY(0);
}

.Form__Input:not(:placeholder-shown) ~ .Form__FloatingLabel,
.Form__Textarea:not(:placeholder-shown) ~ .Form__FloatingLabel {
  opacity: 1;
  background: var(--background);
  transform: translateY(0);
}

.Form__Checkbox {
  position: absolute;
  opacity: 0;
}

.Form__Checkbox ~ label::before {
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  margin-right: 10px;
  border: 1px solid var(--border-color);
  vertical-align: -2px;
}

.Form__Checkbox ~ svg {
  position: absolute;
  top: 5px;
  left: 1px;
  width: 12px;
  height: 12px;
  transform: scale(0);
  transition: transform 0.2s ease-in-out;
  will-change: transform;
}

.Form__Checkbox:checked ~ label::before {
  border-color: var(--text-color);
}

.Form__Checkbox:checked ~ svg {
  transform: scale(1);
}

.Form__Alert,
.spr-form-message {
  margin-bottom: 20px;
}

.Form__Submit {
  display: block;
  margin-top: 20px;
}

.Form__Label,
.spr-form-label {
  display: block;
  padding-bottom: 8px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  text-transform: uppercase;
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-style: var(--heading-font-style);
    
  line-height: normal;
}

.Form--small .Form__Input,
.Form--small .Form__Textarea {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  padding-top: 10px;
  padding-bottom: 10px;
}

.Form--spacingTight .Form__Item {
  margin-bottom: 15px;
}

.Form--spacingTight .Form__Alert {
  margin-bottom: 20px;
}

@media screen and (min-width: 641px) {
  .Form__Item,
  .Form__Alert {
    margin-bottom: 30px;
  }

  .Form__Group {
    display: flex;
  }

  .Form__Group > .Form__Item {
    flex: 1;
  }

  .Form__Group > :nth-child(2) {
    margin-left: 30px;
  }

  .Form--spacingTight .Form__Group > :nth-child(2) {
    margin-left: 15px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Form elements
 * ----------------------------------------------------------------------------
 */

.Form__Header {
  margin-bottom: 24px;
  text-align: center;
}

.Form__Hint {
  margin: 24px 0 0 0;
}

.Form__Hint:not(:last-child) {
  margin-bottom: 32px;
}

.Form__Hint--center {
  text-align: center;
}

.Form__ItemHelp {
  position: absolute;
  right: 12px;
  top: 50%;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  color: var(--text-color-light);
  transform: translateY(-50%);
}

/**
 * ----------------------------------------------------------------------------
 * Styled select
 * ----------------------------------------------------------------------------
 */
select::-ms-expand {
  display: none;
}

.Select {
  position: relative;
  color: currentColor;
  line-height: 1;
  vertical-align: middle;
}

.Select svg {
  position: absolute;
  line-height: normal;
  pointer-events: none;
  vertical-align: baseline;
  fill: currentColor;
}

.Select select {
  /* Disable built-in styles */
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  color: inherit;
  cursor: pointer;
  border-radius: 0;
  line-height: normal; /* Remove the ugly blue background on IE when a value is selected */
}

.Select select:focus::-ms-value {
  background: var(--background);
  color: var(--text-color);
}

/* Make sure to have something easy to read... */
.Select option {
  background: white;
  color: black;
}

.Select--primary::after {
  content: "";
  position: absolute;
  right: 1px;
  top: 1px;
  height: calc(100% - 2px);
  width: 55px;
  background: linear-gradient(to right, rgba(var(--background-rgb), 0), rgba(var(--background-rgb), 0.7) 20%, var(--background) 40%);
  pointer-events: none;
}

.Select--primary select {
  width: 100%;
  height: 45px;
  padding-left: 14px;
  padding-right: 28px;
  border: 1px solid var(--border-color);
  background: var(--background);
}

.Select--primary select:active, .Select--primary select:focus {
  border-color: var(--text-color);
  outline: none;
}

.Select--primary svg {
  top: calc(50% - 5px);
  right: 15px;
  width: 10px;
  height: 10px;
  z-index: 1;
}

.Select--transparent select {
  padding-right: 15px;
  background: transparent;
  border: none;
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-style: var(--heading-font-style);
  font-size: inherit;
  text-transform: uppercase;
}



.Select--transparent svg {
  top: calc(50% - 3px);
  right: 0;
  height: 6px;
}

/**
 * ----------------------------------------------------------------------------
 * Select button (emulate a select button without the actual select)
 * ----------------------------------------------------------------------------
 */

.SelectButton {
  position: relative;
  color: currentColor;
  padding: 2px 18px 2px 0;
  background: transparent;
  border: none;
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-style: var(--heading-font-style);
  text-transform: uppercase;
}




.SelectButton svg {
  position: absolute;
  top: calc(50% - 3px);
  right: 0;
  height: 6px;
}


/*
 * INPUT PREFIX (allow to create small input with a prefixed value)
 */

.input-prefix {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
  border: 1px solid var(--border-color);
  font-size: var(--font-size-u-h6);
}

.input-prefix__field {
  padding: 0;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield;
  min-width: 0;
  width: 100%;
  background: transparent;
  border: none;
  text-align: end;
}

.input-prefix__field::-webkit-outer-spin-button,
.input-prefix__field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-prefix__field::-moz-placeholder {
  color: var(--text-color-light);
}

.input-prefix__field:-ms-input-placeholder {
  color: var(--text-color-light);
}

.input-prefix__field::placeholder {
  color: var(--text-color-light);
}

/*
 * RANGE ELEMENT
 * Styling range are pretty complex as each browsers has their own way to do it
 */

/* First we revert the styling of range elements */

.range {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}

.range::-webkit-slider-thumb {
  -webkit-appearance: none;
}

/* Chrome and Safari */

.range::-webkit-slider-thumb {
  position: relative;
  height: 10px;
  width: 10px;
  border-radius: 100%;
  border: none;
  background: var(--text-color);
  cursor: pointer;
  margin-top: -4px;
  z-index: 1;
}

.range::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: var(--border-color);
  border-radius: 4px;
  border: none;
}

/* Firefox */

.range::-moz-range-thumb {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  border: none;
  background: var(--text-color);
  cursor: pointer;
}

.range::-moz-range-progress,
.range::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  border-radius: 4px;
  border: none;
}

.range::-moz-range-progress {
  background-color: rgba(var(--text-color-rgb), 0.7);
}

.range::-moz-range-track {
  background-color: var(--border-color);
}

/* On non-hover devices, we make the thumb bigger */

@media not screen and (any-hover: hover) {
  .range::-webkit-slider-thumb {
    height: 18px;
    width: 18px;
    margin-top: -8px;
  }

  .range::-moz-range-thumb {
    height: 20px;
    width: 20px;
  }
}

/* Range group (when using double range, we need to rely on some clever trick) */

.range-group {
  height: 2px;
  background: linear-gradient(to right, var(--border-color) var(--range-min), rgba(var(--text-color-rgb), 0.7) var(--range-min), rgba(var(--text-color-rgb), 0.7) var(--range-max), var(--border-color) var(--range-max));
  border-radius: 4px;
}

.range-group .range {
  pointer-events: none;
  height: 2px;
  vertical-align: top;
}

.range-group .range::-webkit-slider-runnable-track {
  background: none;
}

.range-group .range::-webkit-slider-thumb {
  pointer-events: auto;
}

.range-group .range::-moz-range-progress,
.range-group .range::-moz-range-track {
  background: none;
}

.range-group .range::-moz-range-thumb {
  pointer-events: auto;
}

.range-group .range:last-child {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.HorizontalList {
  list-style: none;
  margin: -6px -8px;
}

.HorizontalList__Item {
  display: inline-block;
  margin: 6px 8px 6px 8px;
}

.HorizontalList__Item > .Link {
  display: inline-block;
}

.HorizontalList--spacingTight {
  margin-left: -8px;
  margin-right: -8px;
}

.HorizontalList--spacingTight .HorizontalList__Item {
  margin-right: 8px;
  margin-left: 8px;
}

.HorizontalList--spacingLoose {
  margin-left: -14px;
  margin-right: -14px;
}

.HorizontalList--spacingLoose .HorizontalList__Item {
  margin-right: 14px;
  margin-left: 14px;
}

.HorizontalList--spacingExtraLoose {
  margin-left: -17px;
  margin-right: -17px;
}

.HorizontalList--spacingExtraLoose .HorizontalList__Item {
  margin-right: 17px;
  margin-left: 17px;
}

.HorizontalList--spacingFill {
  display: flex;
  justify-content: space-around;
  justify-content: space-evenly;
}

.HorizontalList--spacingFill .HorizontalList__Item {
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 1140px) {
  .HorizontalList--spacingExtraLoose {
    margin-left: -21px;
    margin-right: -21px;
  }

  .HorizontalList--spacingExtraLoose .HorizontalList__Item {
    margin-right: 21px;
    margin-left: 21px;
  }
}
/**
 * ----------------------------------------------------------------------------
 * Image overlay
 * ----------------------------------------------------------------------------
 */

.Image--contrast {
  position: relative;
}

.Image--contrast::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(to top, rgba(4, 4, 4, 0.65), rgba(54, 54, 54, 0.2));
}

.Image--contrast > * {
  z-index: 1;
}

/**
 * ----------------------------------------------------------------------------
 * Image lazy loader (integrates with lazy sizes)
 * ----------------------------------------------------------------------------
 */

@-webkit-keyframes lazyLoader {
  0%, 100% {
    transform: translateX(-50%);
  }
  50% {
    transform: translateX(100%);
  }
}

@keyframes lazyLoader {
  0%, 100% {
    transform: translateX(-50%);
  }
  50% {
    transform: translateX(100%);
  }
}

.Image--fadeIn {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.Image--lazyLoaded.Image--fadeIn {
  opacity: 1;
}

.features--show-image-zooming .Image--zoomOut {
  transform: scale(1.1);
  opacity: 0;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.features--show-image-zooming .Image--lazyLoaded.Image--zoomOut {
  opacity: 1;
  transform: none;
}

/* If zoom is disabled we apply the same effect than fadeIn */
body:not(.features--show-image-zooming) .Image--zoomOut {
  opacity: 0;
  transition: opacity 0.3s ease;
}

body:not(.features--show-image-zooming) .Image--lazyLoaded.Image--zoomOut {
  opacity: 1;
}

.Image--slideRight,
.Image--slideLeft {
  transform: translateX(25px);
  opacity: 0;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.Image--slideLeft {
  transform: translateX(-25px);
}

.Image--lazyLoaded.Image--slideRight,
.Image--lazyLoaded.Image--slideLeft {
  opacity: 1;
  transform: translateX(0);
}

.Image__Loader {
  position: absolute;
  display: block;
  height: 2px;
  width: 50px;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  margin: auto;
  pointer-events: none;
  background-color: var(--border-color);
  z-index: -1;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}

.Image__Loader::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 200%;
  background-color: var(--heading-color);
}

.Image--lazyLoading + .Image__Loader {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.Image--lazyLoading + .Image__Loader::after {
  -webkit-animation: lazyLoader 3s infinite;
          animation: lazyLoader 3s infinite;
  -webkit-animation-timing-function: cubic-bezier(0.43, 0.43, 0.25, 0.99);
          animation-timing-function: cubic-bezier(0.43, 0.43, 0.25, 0.99);
}

/**
 * ----------------------------------------------------------------------------
 * Aspect ratio
 * ----------------------------------------------------------------------------
 */

.AspectRatio {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.AspectRatio::before {
  content: "";
  display: block;
}

.AspectRatio > img {
  max-height: 100%;
  max-width: 100%;
}

.AspectRatio--withFallback > img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.no-js .AspectRatio > img {
  display: none !important;
}

@supports (--css: variables) {
  /* For dynamic one, we use CSS variables, which makes it only compatible for newer browsers */
  .AspectRatio--withFallback {
    padding-bottom: 0 !important; /* For older browsers we use the padding-bottom trick, so make sure to remove it here */
  }

  .AspectRatio::before {
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }

  .AspectRatio > img,
  .no-js .AspectRatio > noscript img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}

.AspectRatio--square::before {
  padding-bottom: 100%;
}

.AspectRatio--short::before {
  padding-bottom: 75%;
}

.AspectRatio--tall::before {
  padding-bottom: 150%;
}

.AspectRatio--square > img,
.AspectRatio--short > img,
.AspectRatio--tall > img {
  position: absolute;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .AspectRatio--square > img,
  .AspectRatio--short > img,
  .AspectRatio--tall > img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.Image--lazyLoad[data-sizes=auto] {
  width: 100%; /* this is needed to help LazySizes calculate the correct size */
}
/**
 * ----------------------------------------------------------------------------
 * List ----- imr- these are using for mobile side menu
 * ----------------------------------------------------------------------------
 */

.Linklist {
  list-style: none;
  padding: 0;
}

.Linklist__Item {
  position: relative;
  display: block;
  margin-bottom: 10px;
  width: 100%;
  line-height: 1.5;
  text-align: left;
  transition: all 0.2s ease-in-out;
}

.Linklist__Item:last-child {
  margin-bottom: 0 !important;
}

.Linklist__Item::before,
.Linklist__Checkbox + .Link::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  top: calc(50% - 3px);
  left: 0;
  border-radius: 100%;
  background: var(--text-color);
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}

.Linklist__Item label {
  cursor: pointer;
}

.Linklist__Item > .Link {
  display: block;
  width: 100%;
  text-align: inherit;
}

.Linklist--spacingLoose .Linklist__Item {
  margin-bottom: 18px;
}

.Linklist__Item.is-selected {
  padding-left: 18px;
}

.Linklist__Item.is-selected::before,
.Linklist__Checkbox:checked + .Link::before {
  opacity: 1;
  transition-delay: 0.1s;
}

.Linklist__Checkbox + .Link {
  transition: padding 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.Linklist__Checkbox:checked + .Link {
  padding-left: 18px;
  color: var(--text-color);
}

.Linklist--bordered {
  margin-left: 8px;
  padding: 0 20px 0 25px;
  border-left: 1px solid var(--border-color);
}

.Linklist--bordered li:first-child .Linklist__Item {
  margin-top: 2px;
}

.Linklist--bordered li:last-child .Linklist__Item {
  margin-bottom: 2px;
}
 
 
/**
 * --------------------------------------------------------------------
 * MEDIA API
 *
 * All those colors have been defined by Shopify and standardized by them
 * --------------------------------------------------------------------
 */
 
.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  background: var(--light-background);
  border-color: rgba(var(--text-color-rgb), 0.05);
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
  color: var(--text-color);
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover {
  color: rgba(var(--text-color-rgb), 0.55);
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus {
  color: rgba(var(--text-color-rgb), 0.55);
  background: rgba(var(--text-color-rgb), 0.05);
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after {
  border-color: rgba(var(--text-color-rgb), 0.05);
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  background: var(--light-background);
  border-color: rgba(var(--text-color-rgb), 0.05);
}

.shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus {
  color: rgba(var(--text-color-rgb), 0.55);
}

/**
 * --------------------------------------------------------------------
 * VIDEO WRAPPER
 * --------------------------------------------------------------------
 */

.VideoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.VideoWrapper iframe,
.VideoWrapper object,
.VideoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* For native one we use a different thing */
.VideoWrapper--native::after {
  display: none;
}

.VideoWrapper--native .plyr,
.VideoWrapper--native video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.VideoWrapper--native .plyr__video-wrapper,
.VideoWrapper--native video {
  height: 100%;
}

/**
 * --------------------------------------------------------------------
 * 3D MODEL WRAPPER
 * --------------------------------------------------------------------
 */

.ModelWrapper {
  position: relative;
  padding-bottom: 100%;
}

.ModelWrapper .shopify-model-viewer-ui,
.ModelWrapper model-viewer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/**
 * ----------------------------------------------------------------------------
 * Anchor
 * ----------------------------------------------------------------------------
 */
.Anchor {
  display: block;
  position: relative;
  top: -75px;
  visibility: hidden;
}

@supports (--css: variables) {
  .Anchor {
    top: calc(-1 * (var(--header-height))); /* + var(--announcement-bar-height)));*/
  }
}

/**
 * ----------------------------------------------------------------------------
 * Loading bar
 * ----------------------------------------------------------------------------
 */

.LoadingBar {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0;
  opacity: 0;
  background: var(--heading-color);
  transition: width 0.25s ease-in-out;
  z-index: 50;
  pointer-events: none;
}
.LoadingBar.is-visible {
  opacity: 1;
}
@media screen and (min-width: 641px) {
  .LoadingBar {
    height: 3px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Placeholder (used within the theme editor only)
 * ----------------------------------------------------------------------------
 */

.PlaceholderSvg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.PlaceholderSvg--dark {
  background: dimgray;
  fill: #a1a1a1;
}

.PlaceholderBackground {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  opacity: 0.7;
}

.PlaceholderBackground__Svg {
  height: 100% !important;
  width: auto !important;
  min-width: 100%;
}

/**
 * ----------------------------------------------------------------------------
 * Quantity selector
 * ----------------------------------------------------------------------------
 */

.QuantitySelector {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--border-color);
  white-space: nowrap; 
}

.QuantitySelector svg {
  width: 10px;
  height: 10px;
  stroke-width: 1.5px;
  vertical-align: -1px;
}

.QuantitySelector__Button {
  display: inline-block;
  padding: 3px 9px 4px; /* this allows to slightly increase the clickable area */
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.QuantitySelector__CurrentQuantity,
.plus-bundle__current_quantity {
  display: inline-block;
  width: 20px;
  padding: 0;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
  text-align: center;
  background: transparent;
  border: none;
}

.QuantitySelector--large .QuantitySelector__CurrentQuantity,
.QuantitySelector--large .plus-bundle__current_quantity {
  width: 35px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.QuantitySelector--large .QuantitySelector__Button {
  padding: 10px 20px;
}

.QuantitySelector--large svg {
  width: 11px;
  height: 11px;
}

@media screen and (min-width: 641px) {
  .QuantitySelector__Button {
    padding: 3px 14px 5px 14px;
  }

  .QuantitySelector__CurrentQuantity {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  }
}

/**
 * ----------------------------------------------------------------------------
 * Product price
 * ----------------------------------------------------------------------------
 */

.Price {
  display: inline-block;
}
.CartItem__Price {
    color: #000;
}
.Price--highlight {
  color: var(--product-sale-price-color);
}

.Price--compareAt {
  position: relative;
  margin-left: 10px;
}

.Price--compareAt::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -0.4em;
  width: calc(100% + 0.8em);
  height: 1px;
  background: currentColor;
}

/**
 * ----------------------------------------------------------------------------
 * Color swatch
 * ----------------------------------------------------------------------------
 */

.ColorSwatch {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: top;
  cursor: pointer;
  background-size: cover;
}

.ColorSwatch::after {
  content: "";
  position: absolute;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  top: -3px;
  left: -3px;
}

.ColorSwatch:hover::after {
  border: 1px solid var(--border-color);
}

.ColorSwatch--small {
  width: 16px;
  height: 16px;
}

.ColorSwatch--large {
  width: 36px;
  height: 36px;
}

.ColorSwatch--white {
  outline: 1px solid var(--border-color);
  outline-offset: -1px;
}

.ColorSwatch.is-active::after,
.ColorSwatch__Radio:checked + .ColorSwatch::after {
  border: 1px solid currentColor !important;
}

.ColorSwatch__Radio {
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}

.ColorSwatchList .HorizontalList__Item {
  position: relative;
}

.Collapsible .ColorSwatchList {
  padding-top: 4px;
  padding-bottom: 10px;
}

.Collapsible--autoExpand .ColorSwatchList {
  padding-top: 8px;
  padding-bottom: 12px;
}

 

/**
 * ----------------------------------------------------------------------------
 * Alerts
 * ----------------------------------------------------------------------------
 */

.Alert,
.spr-form-message {
  display: block;
  padding: 10px 20px;
  white-space: normal;
  font-size: 1rem;
  word-break: break-all;
  word-break: break-word;
  text-shadow: none;
}

.Alert--large {
  padding: 18px 20px;
}
 
.Alert--error,
.spr-form-message-error {
  background: #e4c4c4;
  color: #cb2b2b;
}

.Alert--success,
.spr-form-message-success {
  background: #d2e4c4;
  color: #307a07;
}

.Alert__ErrorList {
  list-style: none;
}

@media screen and (min-width: 641px) {
  .Alert--large {
    padding: 18px 30px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Segment
 * ----------------------------------------------------------------------------
 */

.Segment + .Segment {
  margin-top: 50px;
}

.Segment__Title {
  margin-bottom: 24px;
  padding-bottom: 10px;
/*   border-bottom: 1px solid var(--border-color); */
  color: var(--text-color-light);
}
.template-order .Segment__Title { 
	border-bottom: 1px solid var(--border-color); 
}
.Segment__Title--flexed {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Segment__ActionList {
  margin-top: 16px;
}

.Segment__ActionItem {
  line-height: 1.4;
}

.Segment__ActionItem + .Segment__ActionItem {
  margin-left: 20px;
}

.Segment__ButtonWrapper {
  margin-top: 32px;
}

@media screen and (min-width: 641px) { 
  .Segment__ActionList {
    margin-top: 24px;
  }
}

@media screen and (min-width: 1140px) {
  .Segment + .Segment {
    margin-top: 65px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Empty state
 * ----------------------------------------------------------------------------
 */

.EmptyState {
  margin: 140px 0;
  text-align: center;
}

.EmptyState__Action {
  display: inline-block;
  margin-top: 20px;
}

@media screen and (min-width: 641px) {
  .EmptyState {
    margin: 200px 0;
  }
}

@media screen and (min-width: 1140px) {
  .EmptyState {
    margin: 250px 0;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Spinner
 * ----------------------------------------------------------------------------
 */

@-webkit-keyframes bouncingSpinnerAnimation {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

@keyframes bouncingSpinnerAnimation {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

.BouncingSpinner {
  display: block;
  text-align: center;
}

.BouncingSpinner > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: currentColor;
  border-radius: 100%;
  -webkit-animation: bouncingSpinnerAnimation 1.4s infinite ease-in-out both;
          animation: bouncingSpinnerAnimation 1.4s infinite ease-in-out both;
}

.BouncingSpinner > span:first-child {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}

.BouncingSpinner > span:nth-child(2) {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

/**
 * ----------------------------------------------------------------------------
 * Video
 * ----------------------------------------------------------------------------
 */

.Video__PlayButton {
  display: inline-block;
  transition: transform 0.2s ease-in-out;
  height: 50px;
  width: 50px;
  cursor: pointer;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
}

@media (-moz-touch-enabled: 0), (hover: hover) {
  .Video__PlayButton:hover {
    transform: scale(1.1);
  }
}

.Video__PlayButton svg {
  width: 50px;
  height: 50px;
  pointer-events: none;
  color:#fff;
}

/**
 * ----------------------------------------------------------------------------
 * Announcement bar
 * ----------------------------------------------------------------------------
 */

.AnnouncementBar {
  position: relative;
  text-align: center;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
  z-index: 1;
}

.AnnouncementBar__Wrapper {
  padding: 12px 15px;
}

.AnnouncementBar__Content {
  color: inherit;
  margin: 0;
}

@media screen and (min-width: 641px) {
  .AnnouncementBar {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  }
}

/**
 * ----------------------------------------------------------------------------
 * Share buttons
 * ----------------------------------------------------------------------------
 */

.ShareButtons {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}

.ShareButtons__Item {
  display: table-cell;
  width: 60px;
  height: 45px;
  min-height: 45px;
  color: var(--text-color-light);
  text-align: center;
  vertical-align: middle;
  background: var(--background);
  border: 1px solid var(--border-color);
  outline: 1px solid transparent;
  outline-offset: -1px;
  transition: all 0.2s ease-in-out;
}

.ShareButtons__Item svg {
  height: 18px;
  width: 18px;
  vertical-align: -2px;
}
.ShareButtons__Item--facebook:hover,
.no-supports-hover .ShareButtons__Item--facebook {
  background: #4469af;
  color: #fff;
  border-color: #4469af;
  outline: 1.5px solid #4469af;
}

.ShareButtons__Item--pinterest:hover,
.no-supports-hover .ShareButtons__Item--pinterest {
  background: #c8232c;
  color: #fff;
  border-color: #c8232c;
  outline: 1.5px solid #c8232c;
}

.ShareButtons__Item--twitter:hover,
.no-supports-hover .ShareButtons__Item--twitter {
  background: #00aced;
  color: #fff;
  border-color: #00aced;
  outline: 1.5px solid #00aced;
}

@media screen and (min-width: 641px) {
  .ShareButtons {
    width: auto;
  }
}
  

/**
 * ----------------------------------------------------------------------------
 * Shopify CAPTCHA
 * ----------------------------------------------------------------------------
 */

.shopify-challenge__container {
  margin-top: 80px;
  margin-bottom: 80px;
  text-align: center;
}

.shopify-challenge__container .shopify-challenge__button {
  position: relative;
  display: inline-block;
  padding: 14px 28px;
  line-height: normal;
  border: 1px solid transparent;
  border-radius: 0;
  text-transform: uppercase;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  text-align: center;
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-style: var(--heading-font-style);
  background: var(--button-background);
  color: var(--button-text-color);
} 

/**
 * ----------------------------------------------------------------------------
 * TOOLTIP
 * ----------------------------------------------------------------------------
 */

@media (-moz-touch-enabled: 0), (hover: hover) {
  [data-tooltip] {
    position: relative;
  }

  [data-tooltip]::before {
    position: absolute;
    content: attr(data-tooltip);
    bottom: 70%;
    left: 70%;
    padding: 4px 11px 3px 11px;
    white-space: nowrap;
    border: 1px solid var(--border-color);
    background: var(--light-background);
    color: var(--text-color-light);
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
    z-index: 1;
  }

  [data-tooltip]:hover::before {
    opacity: 1;
    visibility: visible;
  }
}

/**
 * -------------------------------------------------------------
 * PRICE RANGE
 * -------------------------------------------------------------
 */

.price-range {
  display: block;
  -webkit-padding-before: 5px;
          padding-block-start: 5px;
}

.price-range__input-group {
  display: flex;
  align-items: center;
}

.price-range__input {
  flex: 1 0 0;
  min-width: 0; /* Required for Firefox */
}

.price-range__delimiter {
  margin-inline: 15px;
}

.price-range__range-group {
  position: relative;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}

.no-js .price-range__range-group {
  display: none !important; /* When JS is disabled we only rely on the input field */
}

@media not screen and (any-hover: hover) {
  /* On non-touch device the thumb are bigger so we need to adjust the spacing */
  .price-range {
    -webkit-padding-before: 7px;
            padding-block-start: 7px;
  }
}

/**
 * -------------------------------------------------------------
 * RATING
 * -------------------------------------------------------------
 */

.rating {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

.rating__stars {
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 1px;
  -moz-column-gap: 1px;
       column-gap: 1px;
}

.rating__star {
  color: var(--product-star-rating);
  width: 12px;
  height: 12px;
}

.rating__star--empty {
  color: var(--text-color-light)l
}

.rating__caption {
  -webkit-margin-start: 8px;
          margin-inline-start: 8px;
}
.Modal {
  position: fixed;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  top: 50%;
  left: 50%;
  width: 480px;
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 40px);
  padding: 15px 20px 20px 20px;
  z-index: 20;
  opacity: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: rgba(0,0,0,0.75);
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

@supports (--css: variables) {
  .Modal {
    max-height: calc(var(--window-height) - 40px);
  }
}

.Modal[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
}

.Modal--dark {
  background: var(--secondary-elements-background);
  color: var(--secondary-elements-text-color);
}

.Modal--dark .Rte h1,
.Modal--dark .Rte h2,
.Modal--dark .Rte h3,
.Modal--dark .Rte h4,
.Modal--dark .Rte h5,
.Modal--dark .Rte h6 {
  color: var(--secondary-elements-text-color);
}

.Modal--fullScreen {
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: none;
}
.Modal--medium {width:740px;}
.Modal--pageContent {padding: 20px;}
.Modal--videoContent {
  justify-content: center;
  background: #000; /* Full theatre experience ! */
  color: #fff;
}

.Modal .Heading:not(.Link) {
/*   color: inherit; */
}

.Modal__Header {
  margin-bottom: 30px;
  text-align: center;
}

.Modal__Close {
    display: block;
    margin: 0 auto 0 auto;
    flex-shrink: 0;
    position: absolute;
    top: -10px;
    right: -10px;
}
.Modal__Close--outside {
  position: absolute;
  margin-top: 0;
  top: 20px;
  right: 20px;
  line-height: 0;
  opacity: 0.5;
  transition: opacity 0.2s ease-in-out;
  z-index: 1;
}
.Modal__Close--outside:hover {
  opacity: 1;
} 
.Modal__Close--outside svg {
  height: 16px;
  width: 16px;
  stroke-width: 1.25px;
}
.Modal--fullScreen .Modal__Close--outside {
  right: 20px;
  top: 20px;
}
.Modal__Content iframe {display: none;}
.Modal[aria-hidden=false] .Modal__Content iframe {
  display: block;
}

/* We override some styles for common elements like table */
.Modal__Content th,
.Modal__Content td {
  border-color: var(--secondary-elements-border-color) !important;
}

.Modal__Content thead th:empty,
.Modal__Content tbody th {
/*   background: var(--secondary-elements-background) !important; */
}

@media screen and (min-width: 641px) {
  .Modal:not(.Modal--pageContent) {
    padding: 35px 40px 40px 40px;
  }
}

@media screen and (min-width: 1008px) {
  .Modal {
    flex-direction: column;
  } 

  .Modal--pageContent .Modal__Content {
    flex: 1 0 0;
  }

  .Modal__Close:not(.Modal__Close--outside) { 
    flex-shrink: 0;
  }
}
@media screen and (max-width: 767px) {
.Mobile--fullScreen {
    max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: none;
}
} 
/**
 * ----------------------------------------------------------------------------
 * A11Y
 * ----------------------------------------------------------------------------
 */
.PageSkipLink:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: var(--text-color);
  background-color: var(--background);
  padding: 10px;
  z-index: 10000;
  transition: none;
}

/**
 * ----------------------------------------------------------------------------
 * Page overlay
 * ----------------------------------------------------------------------------
 */
.PageOverlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  background: #363636;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.PageOverlay.is-visible {
  opacity: 0.5;
  visibility: visible;
}

/**
 * ----------------------------------------------------------------------------
 * Page header
 * ----------------------------------------------------------------------------
 */
.PageHeader {
  position: relative;
  margin: 35px 0;
} 
.PageHeader--withBackground {
  display: flex;
  margin: 0;
  width: 100%;
  min-height: 450px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-size: cover;
  color: #fff;
  overflow: hidden;
}

.PageHeader--withBackground .Heading,
.PageHeader--withBackground .Rte a:not(.Button) {
  color: #fff;
  -webkit-text-decoration-color: #fff;
          text-decoration-color: #fff;
}

.PageHeader__ImageWrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
}
@supports (--css: variables) {
  .PageHeader__ImageWrapper {
    top: calc(-1 * 0px - 0px * 0);
    top: calc(-1 * var(--announcement-bar-height, 0px) - var(--header-height, 0px) * var(--use-unsticky-header, 0));
    height: calc(100% + 0px + 0px * 0);
    height: calc(100% + var(--announcement-bar-height, 0px) + var(--header-height, 0px) * var(--use-unsticky-header, 0));
  }
}

.PageHeader .SectionHeader__Heading,
.PageHeader .SectionHeader__Description {
  margin-top: 0 !important;
}

.PageHeader .Alert {
  margin-top: 22px;
}

.PageHeader__Back {
  display: inline-block;
  margin-bottom: 25px;
} 
.PageHeader__Back .Arrow {
    transform: rotate(90deg);
    height: 12px; 
  margin-right: 12px; 
  vertical-align: -2px; 
}
/* Double selector is just to increase specificity and avoid !important */
.PageHeader--withBackground .SectionHeader.SectionHeader {
  position: relative;
  padding: 60px 0 80px 0;
}
@supports (--css: variables) {
  .PageHeader--withBackground .SectionHeader.SectionHeader {
    margin-top: calc(var(--header-height) * 0);
    margin-top: calc(var(--header-height) * var(--header-is-transparent, 0));
  }
}

@media screen and (max-width: 640px) {
  .PageHeader .SectionHeader__Heading {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 641px) {
  .PageHeader {
    margin: 50px 0;
  } 
.Product_Banner_Content .PageHeader {
      margin-top: 40px;
}
  .PageHeader--withBackground {
    min-height: 450px;
    margin-top: 0;
    margin-bottom: 0;
  }
 
  @supports (--css: variables) {
    .PageHeader--withBackground {
      min-height: calc(380px + var(--header-height) * 0);
      min-height: calc(380px + var(--header-height) * var(--header-is-transparent, 0));
    }
  }

  .PageHeader--small.PageHeader--withBackground {
    min-height: 420px;
  }
  @supports (--css: variables) {
    .PageHeader--small.PageHeader--withBackground {
      min-height: calc(350px + var(--header-height) * 0);
      min-height: calc(350px + var(--header-height) * var(--header-is-transparent, 0));
    }
  }

  .PageHeader--large.PageHeader--withBackground {
    min-height: 480px;
  }
  @supports (--css: variables) {
    .PageHeader--large.PageHeader--withBackground {
      min-height: calc(410px + var(--header-height) * 0);
      min-height: calc(410px + var(--header-height) * var(--header-is-transparent, 0));
    }
  }

  .PageHeader--withBackground .SectionHeader.SectionHeader {
    margin-top: 50px;
    padding: 40px 0;
  }
  @supports (--css: variables) {
    .PageHeader--withBackground .SectionHeader.SectionHeader {
      margin-top: calc(var(--header-height) * 0);
      margin-top: calc(var(--header-height) * var(--header-is-transparent, 0));
    }
  }
}
@media screen and (min-width: 1140px) {
  .PageHeader--withBackground {
    min-height: 550px;
  }
  @supports (--css: variables) {
    .PageHeader--withBackground {
      min-height: calc(450px + var(--header-height) * 0);
      min-height: calc(450px + var(--header-height) * var(--header-is-transparent, 0));
    }
  }

  .PageHeader--small.PageHeader--withBackground {
    min-height: 500px;
  }
  @supports (--css: variables) {
    .PageHeader--small.PageHeader--withBackground {
      min-height: calc(400px + var(--header-height) * 0);
      min-height: calc(400px + var(--header-height) * var(--header-is-transparent, 0));
    }
  }

  .PageHeader--large.PageHeader--withBackground {
    min-height: 620px;
  }
  @supports (--css: variables) {
    .PageHeader--large.PageHeader--withBackground {
      min-height: calc(520px + var(--header-height) * 0);
      min-height: calc(520px + var(--header-height) * var(--header-is-transparent, 0));
    }
  }
}
@media screen and (min-width: 1800px) {
  .PageHeader--withBackground {
    min-height: 650px;
  }
  @supports (--css: variables) {
    .PageHeader--withBackground {
      min-height: calc(600px + var(--header-height) * 0);
      min-height: calc(600px + var(--header-height) * var(--header-is-transparent, 0));
    }
  }

  .PageHeader--small.PageHeader--withBackground {
    min-height: 600px;
  }
  @supports (--css: variables) {
    .PageHeader--small.PageHeader--withBackground {
      min-height: calc(550px + var(--header-height) * 0);
      min-height: calc(550px + var(--header-height) * var(--header-is-transparent, 0));
    }
  }

  .PageHeader--large.PageHeader--withBackground {
    min-height: 700px;
  }
  @supports (--css: variables) {
    .PageHeader--large.PageHeader--withBackground {
      min-height: calc(650px + var(--header-height) * 0);
      min-height: calc(650px + var(--header-height) * var(--header-is-transparent, 0));
    }
  }
}
/**
 * ----------------------------------------------------------------------------
 * Page layout (to create two columns) and content
 * ----------------------------------------------------------------------------
 */

.PageLayout__Section:first-child {
  margin-bottom: 60px;
}

.PageLayout__Section--sticky {
  position: sticky;
  top: 75px;
  align-self: flex-start;
}

.PageLayout:not(:only-child) {
  margin-top: 35px;
  margin-bottom: 35px;
}

@supports (--css: variables) {
  .PageLayout__Section--sticky {
    top: calc(var(--header-height) + 20px);
  }
}

@media screen and (min-width: 641px) {
  .PageLayout {
    display: flex;
    flex-wrap: nowrap;
  }

  .PageLayout:not(:only-child) {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .PageLayout__Section {
    flex: 1 0 0;
  }

  .PageLayout__Section:first-child {
    margin-bottom: 0;
  }

  .PageLayout__Section--secondary {
    flex: 1 1 200px;
    max-width: 200px;
  }

  .PageLayout__Section + .PageLayout__Section {
    margin-left: 50px;
  }
}
@media screen and (min-width: 641px) and (max-width: 1007px) {
  .PageLayout--breakLap {
    display: block;
  }

  .PageLayout--breakLap .PageLayout__Section:first-child {
    margin-bottom: 60px;
  }

  .PageLayout--breakLap .PageLayout__Section + .PageLayout__Section {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 1008px) {
  .PageLayout__Section--secondary {
    flex-basis: 235px;
    max-width: 235px;
  }
}
@media screen and (min-width: 1140px) {
  .PageLayout__Section + .PageLayout__Section {
    margin-left: 80px;
  }

  .PageLayout__Section--secondary {
    flex-basis: 290px;
    max-width: 290px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Page spacing wrapper
 * ----------------------------------------------------------------------------
 */
.PageSpacingWrapper {
  margin-bottom: 60px;
}

/**
 * ----------------------------------------------------------------------------
 * Page content
 * ----------------------------------------------------------------------------
 */
.PageContent {
  max-width: 1000px;
  margin: 35px auto;
}

.PageContent--fitScreen {
  display: flex;
  min-height: calc(100vh - 120px);
  align-items: center;
}
@supports (--css: variables) {
  .PageContent--fitScreen {
    min-height: calc(var(--window-height) - var(--header-height) - 0px - 120px);
    min-height: calc(var(--window-height) - var(--header-height) - var(--announcement-bar-height, 0px) - 120px);
    /* 120px is the margin */
  }
}

.PageContent--narrow {
  max-width: 680px;
}

.PageContent--extraNarrow {
  max-width: 400px;
}

.PageHeader + .PageContent {
  margin-top: 0;
}

@media screen and (min-width: 641px) {
  .PageContent {
    margin-bottom: 80px;
    margin-top: 80px;
  }

  .PageContent--fitScreen {
    min-height: calc(100vh - 160px);
  }
  @supports (--css: variables) {
    .PageContent--fitScreen {
      min-height: calc(var(--window-height) - var(--header-height) - 0px - 160px);
      min-height: calc(var(--window-height) - var(--header-height) - var(--announcement-bar-height, 0px) - 160px);
      /* 160px is the margin */
    }
  }
}
.Pagination {
  margin: 40px 0;
  text-align: center;
/*   font-family: var(--font-primary);
  font-weight: var(--font-weight-bold); */
  font-style: var(--heading-font-style);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  line-height: 1;
}

.Pagination--tight {
  margin: 30px 0 !important;
}

.Pagination__Nav {
  display: inline-block;
  list-style: none;
}

.Pagination__NavItem {
  display: inline-block;
  padding: 10px 12px;
  margin: 0 5px;
  border-bottom: 2px solid transparent;
  color: var(--color-grey);
  font-size: var(--font-size-u-h5);
}
.Pagination__NavItem svg {
  width: 6px;
  height: 10px; 
} 
.Pagination__NavItem:hover { 
  color: var(--text-color); 
} 
.Account_Page_Wrapper .no_orders { 
    padding: 30px 0;
}
.Account_Page_Wrapper .no_orders .btnsRow {
  margin-top:10px;
}
.Account_Page_Wrapper .no_orders .btnsRow .Button {
    min-width: 200px; 
}
.Pagination__NavItem.is-active{
  color: var(--text-color);
  border-bottom-color: var(--text-color); 
}
.template-order .AccountTable th:nth-child(2) {
    width: 48%;
} 
.Popover {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 10;
  box-shadow: 0 -2px 10px rgba(54, 54, 54, 0.2);
  touch-action: manipulation;
  transform: translateY(100%);
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.Popover--secondary {
  background: var(--background);
}

.Popover[aria-hidden=false] {
  transform: translateY(0);
  visibility: visible;
}

.Popover__Header {
  position: relative;
  padding: 13px 20px;
  border-bottom: 1px solid rgba(var(--border-color-rgb), 0.4);
  text-align: center;
}

.Popover__Close {
  position: absolute;
  left: 20px;
  top: calc(50% - 7px);
  line-height: 0;
}
.Popover__Close svg {
  stroke-width: 1.1px;
}

.Popover__ValueList {
  list-style: none;
  max-height: 385px;
  padding: 18px 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.Popover__Value {
  display: block;
  padding: 12px 20px;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: var(--text-color-light);
  text-align: center;
  transition: color 0.2s ease-in-out;
}

.Popover__Value:focus {
  background: var(--background);
  outline: none;
}

.Popover__ValueList .Popover__Value:hover, .Popover__Value.is-selected {
  color: var(--text-color);
}

.Popover__FooterHelp {
  width: 100%;
  padding: 18px 20px;
  text-align: center;
  border-top: 1px solid rgba(var(--border-color-rgb), 0.4);
}

@supports (padding: max(0px)) {
  .Popover__ValueList {
    max-height: calc(385px + env(safe-area-inset-bottom, 0px));
    padding-bottom: max(18px, env(safe-area-inset-bottom, 0px) + 18px);
  }
}

@media screen and (min-width: 1008px) {
#header-currency-popover-0 { 
    top: auto !important;
}
.Popover:not(#header-currency-popover-0) {
    transform: none;
    width: auto;
    bottom: auto;
    left: auto;
    opacity: 0;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  }
  .Popover:not(#header-currency-popover-0)::before {
    content: "";
    position: absolute;
    right: 40px;
    width: 10px;
    height: 10px;
    border-style: solid;
  }

  .Popover--noWrap:not(#header-currency-popover-0) {
    white-space: nowrap;
  }

  .Popover--withMinWidth {
    min-width: 375px;
  }

  .Popover--positionBottom:not(#header-currency-popover-0)::before {
    bottom: 100%;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
    filter: drop-shadow(0 -2px 2px rgba(54, 54, 54, 0.2));
  }

  .Popover--positionTop::before {
    top: 100%;
    border-width: 10px 10px 0 10px;
    border-color: var(--light-background) transparent transparent transparent;
    filter: drop-shadow(0 2px 2px rgba(54, 54, 54, 0.2));
  }

  .Popover--positionLeft::before {
    left: 100%;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent var(--light-background);
    filter: drop-shadow(2px 0 2px rgba(54, 54, 54, 0.2));
  }

  .Popover--positionTop.Popover--alignCenter::before,
  .Popover--positionBottom.Popover--alignCenter::before {
    left: calc(50% - 10px);
  }

  .Popover--positionLeft.Popover--alignCenter::before {
    top: calc(50% - 10px);
  }

  .Popover--positionLeft.Popover--alignBottom::before {
    top: 15px;
  }

  .Popover--positionLeft.Popover--alignTop::before {
    bottom: 10px;
  }

  .Popover:not(#header-currency-popover-0)[aria-hidden=false] {
    opacity: 1;
    transform: none;
  }

  .Popover:not(#header-currency-popover-0) .Popover__Header {
    display: none;
  }

  .Popover:not(#header-currency-popover-0) .Popover__Value {
    padding-left: 50px;
    padding-right: 50px;
    text-align: right;
  }

  .Popover--withMinWidth .Popover__Value,
  .Popover__ValueList--center .Popover__Value {
    text-align: center;
  }

  .Popover--small.Popover--positionTop::before {
    border-width: 8px 8px 0 8px;
  }
  .Popover--small.Popover--positionBottom:not(#header-currency-popover-0)::before {
    border-width: 0 8px 8px 8px;
  }
  .Popover--small:not(#header-currency-popover-0) .Popover__Value {
    padding: 5px 32px;
  } 
  .features--heading-large .Popover--small:not(#header-currency-popover-0) .Popover__Value {
    font-size: var(--font-size-u-h7);
  }
}
.Rte {
  word-break: break-word;
  /* Prevent long words to go outside the container */
  /* Simple, minimum clearfix added to every RTE text to avoid issue with float */
}
.Rte::after {
  content: "";
  display: block;
  clear: both;
}
.Rte iframe {
  max-width: 100%;
}
.Rte img {
  display: block;
  margin: 0 auto;
}
.Rte a:not(.Button) {
  color: var(--link-color);
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(var(--link-color-rgb), 0.6);
          text-decoration-color: rgba(var(--link-color-rgb), 0.6);
  text-underline-position: under;
  transition: color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
}
.Rte a:not(.Button):hover {
  color: var(--text-color);
  -webkit-text-decoration-color: rgba(var(--text-color-rgb), 0.6);
          text-decoration-color: rgba(var(--text-color-rgb), 0.6);
}
.Rte p:not(:last-child),
.Rte ul:not(:last-child),
.Rte ol:not(:last-child) {
  margin-bottom: 1.6em;
}
.Rte img,
.Rte blockquote,
.Rte .VideoWrapper,
.Rte .Form {
  margin-top: 2.4em;
  margin-bottom: 2.4em;
}
.Rte ul, .Rte ol {
  margin-left: 30px;
  padding-left: 0;
  list-style-position: outside;
}
.Rte li {
  padding: 0;
}
.Rte h1,
.Rte h2,
.Rte h3,
.Rte h4,
.Rte h5,
.Rte h6 {
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-style: var(--heading-font-style);
  color: var(--heading-color);
  transition: color 0.2s ease-in-out;
}
.features--heading-uppercase .Rte h1,
.features--heading-uppercase .Rte h2,
.features--heading-uppercase .Rte h3,
.features--heading-uppercase .Rte h4,
.features--heading-uppercase .Rte h5,
.features--heading-uppercase .Rte h6 {
  text-transform: uppercase;
}
.Rte h1 {
  margin: 2.2em 0 0.8em;
}
.Rte h2 {
/*   margin: 2.2em 0 0.9em; */
}
.Rte h3 {
  margin: 2.2em 0 1.2em;
}
.Rte h4 {
  margin: 2.2em 0 1.4em;
}
.Rte h5 {
  margin: 2.2em 0 1.6em;
}
.Rte h6 {
  margin: 2.2em 0 1.8em;
}
.Rte blockquote {
  margin-left: 0;
  padding: 6px 0 6px 40px;
  font-size: 1.15em;
  line-height: 1.75;
  border-left: 3px solid rgba(var(--border-color-rgb), 0.6);
}
.Rte p:last-child,
.Rte blockquote:last-child,
.Rte ul:last-child,
.Rte ol:last-child,
.Rte h1:last-child,
.Rte h2:last-child,
.Rte h3:last-child,
.Rte h4:last-child,
.Rte h5:last-child,
.Rte h6:last-child {
  margin-bottom: 0;
}

/**
 * ----------------------------------------------------------------------------
 * POLICY PAGES
 * ----------------------------------------------------------------------------
 */

.shopify-policy__container {
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 680px;
}

@media screen and (min-width: 1008px) {
  .Rte img,
  .Rte .VideoWrapper,
  .Rte .Form {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .Rte blockquote {
    margin-left: 40px;
  }
}
.shopify-section--hidden {
  display: none;
}

.shopify-section--bordered + .shopify-section--bordered {
  border-top: 1px solid var(--border-color);
}

/* When a spacing is applied to a bordered section, as it is isolated, we use padding, otherwise margin */
.Section--spacingNormal {
  margin: 50px 0;
}

.Section--spacingLarge,
.Section--spacingExtraLarge {
  margin: 90px 0;
}

.shopify-section--bordered > .Section--spacingNormal {
  padding: 50px 0;
  margin-top: 0;
  margin-bottom: 0;
}

.shopify-section--bordered > .Section--spacingLarge,
.shopify-section--bordered > .Section--spacingExtraLarge {
  padding: 90px 0;
  margin-top: 0;
  margin-bottom: 0;
}

.SectionHeader:not(:only-child) {
  margin-bottom: 40px;
}

.SectionHeader--center {
  text-align: center;
}

/*
  This is just a hack to slightly increase the selector specificity. What this does is actually taking into account the line height (1.65)
  and removing the remaining amount in both direction (0.65 / 2 => 0.325) to have more easier and consistent alignments
*/
.SectionHeader__Heading.SectionHeader__Heading,
.SectionHeader__SubHeading.SectionHeader__SubHeading {
  margin-top: -0.325em;
  margin-bottom:20px;
  line-height: normal;
}

.SectionHeader__SubHeading + .SectionHeader__Heading,
.SectionHeader__SubHeading + .SectionHeader__TabList,
.SectionHeader__Description {
  margin-top: 10px;
}

.SectionHeader__Description {
  max-width: 530px;
} 

.SectionHeader__Description a {
  text-decoration: underline;
  -webkit-text-decoration-color: currentColor;
  text-decoration-color: currentColor;
  text-underline-position: under;
}

.SectionHeader--center .SectionHeader__Description {
  margin-left: auto;
  margin-right: auto;
}

.SectionHeader__ButtonWrapper {
  margin-top: 20px;
}

.SectionHeader__IconHolder {
  margin-top: 30px;
}

/* The SectionFooter is usually use at the end of a given section to redirect somewhere else */
.SectionFooter {
  margin-top: 50px;
  text-align: center;
}

@media screen and (min-width: 641px) {
  .SectionHeader__Heading--emphasize {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 22px)) !important;
  }
}
@media screen and (min-width: 1008px) {
  .Section--spacingNormal {
    margin: 80px 0;
  }

  .Section--spacingLarge {
    margin: 120px 0;
  }

  .Section--spacingExtraLarge {
    margin: 145px 0;
  }

  .shopify-section--bordered > .Section--spacingNormal {
    padding: 80px 0;
  }

  .shopify-section--bordered > .Section--spacingLarge {
    padding: 120px 0;
  }

  .shopify-section--bordered > .Section--spacingExtraLarge {
    padding: 145px 0;
  }

  .SectionHeader:not(:only-child) {
    margin-bottom: 70px;
  }

  .SectionHeader__Description {
    margin-top: 24px;
  }

  .SectionHeader__ButtonWrapper {
    margin-top: 30px;
  }

  .SectionFooter {
    margin-top: 80px;
  }
}
.TableWrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.Table,
.Rte table {
  width: 100%;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  border-collapse: separate;
  white-space: nowrap;
}
.Table th,
.Table td,
.Rte table th,
.Rte table td {
  padding: 18px 10px;
  border-bottom: 1px solid var(--border-color);
  text-align: left;
}
.Table th:first-child,
.Table td:first-child,
.Table tfoot td:empty + td,
.Rte table th:first-child,
.Rte table td:first-child,
.Rte table tfoot td:empty + td {
/*   padding-left: 0; */
}
.Table th:last-child,
.Table td:last-child,
.Rte table th:last-child,
.Rte table td:last-child {
  padding-right: 0;
}
.Table th,
.Rte table th {
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-style: var(--heading-font-style);
  text-transform: uppercase;
}
.template-customers .Table th,
.template-customers .Rte table th { 
  font-family: var(--font-tertiary);
  font-weight: var(--font-weight-regular); 
} 
.Table thead th:first-child:empty,
.Table tbody th:first-child,
.Rte table thead th:first-child:empty,
.Rte table tbody th:first-child {
  position: sticky;
  left: 0;
  min-width: 40px;
  max-width: 100px;
  z-index: 1;
  background: var(--background);
  white-space: normal;
}
.Table tbody th:first-child,
.Rte table tbody th:first-child {
  border-right: 1px solid var(--border-color);
}
.Table tfoot td:empty,
.Rte table tfoot td:empty {
  border-bottom: none;
}
.Table--large td {
  padding-top: 25px;
  padding-bottom: 25px;
}
.Table--noBorder tbody tr:not(:last-child) td {
  border-bottom: none;
}

@media screen and (min-width: 1140px) {
  .Table,
  .Rte table {
    white-space: normal;
  }

  .Table--large td {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.TabList {
  white-space: nowrap;
/*   overflow: auto;
  -webkit-overflow-scrolling: touch; */
}

.TabList__Item {
  position: relative;
}
.TabList__Item::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 1px;
  left: 0;
  height: 1px;
  width: 0;
  background: var(--accent-primary);
  transition: width 0.25s ease-in-out;
}

.TabList__Item + .TabList__Item {
  margin-left: 28px;
}

.TabList__Item.is-active::after {
  width: 100%;
}
.features--heading-uppercase .TabList__Item.is-active {
  color:var(--accent-primary);
}
.features--heading-uppercase .TabList__Item.is-active::after {
  width: calc(100% - 0.2em);
  height:2px;
}

.TabPanel {
  display: none;
}

.TabPanel[aria-hidden=false] {
  display: block;
}

@media screen and (min-width: 641px) {
  .TabList__Item + .TabList__Item {
    margin-left: 45px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Layout override
 * ----------------------------------------------------------------------------
 */

.template-customers .OrderAddresses .Grid__Cell + .Grid__Cell {
  margin-top: 50px;
}

@media screen and (min-width: 641px) and (max-width: 1007px) {
  .template-customers .OrderAddresses .Grid__Cell + .Grid__Cell {
    margin-top: 0;
  }
}

@media screen and (min-width: 1140px) {
  .template-customers .OrderAddresses .Grid__Cell + .Grid__Cell {
    margin-top: 65px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Addresses
 * ----------------------------------------------------------------------------
 */

.AddressList .Grid__Cell {
  margin-bottom: 40px;
}

.AccountAddress span {
  display: inline-block;
  margin-bottom: 12px;
}

@media screen and (max-width: 640px) {
  .Modal--address {
    height: 100%;
    width: 100%;
    max-width: none;
    max-height: none;
  }

  .Modal--address .Modal__Header {
    margin-top: 35px;
  }
}

@media screen and (min-width: 641px) and (max-width: 1007px) {
  .OrderAddresses {
    width: 100%;
    max-width: none;
  }
}

@media screen and (min-width: 641px) {
  .AddressList .Grid__Cell {
    margin-bottom: 60px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Account table
 * ----------------------------------------------------------------------------
 */

.AccountTable th {
  padding-top: 0;
  padding-bottom: 10px;
  font-size: var(--font-size-u-h4);
}

.AccountTable tfoot {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}

.AccountTable tfoot span + span {
  padding-left: 18px;
}
@media screen and (max-width: 450px) {
.AccountTable tfoot span + span { 
    white-space: break-spaces;
}
}
.AccountTable .CartItem__PriceList {
  margin-bottom: 0;
}

@media screen and (max-width: 640px) {
  .AccountTable .CartItem__ImageWrapper {
    width: 70px;
    min-width: 70px;
  }
}
/**
 * ----------------------------------------------------------------------------
 * Article inner
 * ----------------------------------------------------------------------------
 */

.Article__ImageWrapper {
  overflow: hidden;
  height: 215px;
}

.Article__Image {
  position: relative;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}

@supports (--css: variables) {
  .Article__Image {
    height: calc(100% + 0px);
    height: calc(100% + var(--announcement-bar-height, 0px));
    top: calc(-1 * 0px);
    top: calc(-1 * var(--announcement-bar-height, 0px));
  }
}

.Article__Wrapper {
  position: relative;
  max-width: 620px;
  margin: 0 auto 90px auto;
  padding: 24px 24px 0 24px;
  background: var(--background);
}

.Article__Header {
  margin-bottom: 35px;
}

.Article__Meta {
  margin-bottom: 18px;
}

.Article__MetaItem + .Article__MetaItem::before {
  position: relative;
  display: inline-block;
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 100%;
  margin: 0 15px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
  vertical-align: middle;
  background: currentColor;
}

.Article__Footer {
  margin-top: 45px;
}

.Article__ShareButtons {
  margin-top: 42px;
}

@media screen and (min-width: 641px) {
  .Article__Wrapper {
    margin-bottom: 40px;
    padding: 40px 50px 0 50px;
  }

  .Article__ImageWrapper {
    height: 335px;
  }

  .Article__ImageWrapper + .Article__Wrapper {
    margin-top: -45px;
  }

  .Article__Header {
    margin-bottom: 45px;
  }

  .Article__Footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 65px;
  }

  .Article__ShareButtons {
    margin-top: 0;
  }
}

@media screen and (min-width: 1008px) {
  .Article__Wrapper {
    max-width: 780px;
  }

  .Article__ImageWrapper {
    height: 450px;
  }

  .Article__ImageWrapper + .Article__Wrapper {
    margin-top: -70px;
  }
}

@media screen and (min-width: 1140px) {
  .Article__ImageWrapper {
    height: 600px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Comments
 * ----------------------------------------------------------------------------
 */

.Article__CommentForm {
  margin-top: 40px;
}

.Article__Comments,
.Article__CommentFormWrapper {
  margin: 80px 0;
}

.Article__Comments .Pagination {
  margin-top: 40px;
}

.ArticleComment {
  margin-top: 35px;
}

.ArticleComment + .ArticleComment {
  padding-top: 35px;
  border-top: 1px solid var(--border-color);
}

.ArticleComment__Body {
  margin-bottom: 18px;
}

.ArticleComment__Date {
  margin-left: 15px;
}

@media screen and (min-width: 641px) {
  .Article__Comments,
  .Article__CommentFormWrapper {
    margin: 105px 0;
  }

  .Article__Comments .Pagination {
    margin-top: 80px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Toolbar
 * ----------------------------------------------------------------------------
 */

.ArticleToolbar {
  position: fixed;
  display: flex;
  top: 0;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 15px 30px 16px 30px;
  background: var(--secondary-elements-background);
  color: var(--secondary-elements-text-color);
  z-index: 2;
  pointer-events: none;
  transform: translateY(-100%);
  opacity: 0;
  will-change: transform, opacity;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

@supports (--css: variables) {
  .ArticleToolbar {
    top: calc(0 * var(--header-height));
    top: calc(var(--use-sticky-header, 0) * var(--header-height));
  }
}

.ArticleToolbar.is-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.ArticleToolbar.hidden-phone.is-scrolled--down {
    top: 0 !important;
}
.ArticleToolbar .Link:hover,
.ArticleToolbar__Nav .Link:hover svg{
  color: var(--secondary-elements-text-color);
}

.ArticleToolbar .Text--subdued {
  color: var(--secondary-elements-text-color-light);
}

.ArticleToolbar__ArticleTitle {
  position: relative;
/*   display: inline-flex; */
  max-width: 285px;
  width: 285px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--secondary-elements-text-color);
   display: inline-block;
   vertical-align: middle;
}

.ArticleToolbar__ShareList {
  display: inline-block;
}

.ArticleToolbar__ShareList .HorizontalList {
  display: inline-block;
  margin-left: 20px;
}

.ArticleToolbar__Nav {
  display: inline-block;
  margin-left: 50px;
}

.ArticleToolbar__Nav svg {
  color: var(--secondary-elements-text-color-light);
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.ArticleToolbar__NavItemSeparator {
  display: inline-block;
  position: relative;
  content: "";
  width: 1px;
  height: 12px;
  margin: 0 18px;
  background: var(--secondary-elements-text-color-light);
  vertical-align: -1px;
}

.ArticleToolbar__NavItem svg {
    vertical-align: -1px;
    width: 12px;
    height: 12px;
}

.ArticleToolbar__NavItem--prev svg {
  margin-left: 4px;
}

.ArticleToolbar__NavItem--next svg {
  margin-right: 4px;
}

@media screen and (min-width: 1008px) {
  .ArticleToolbar__ArticleTitle {
    max-width: 400px;
    width: 400px;
  }
}

@media screen and (min-width: 1200px) {
  .ArticleToolbar {
    padding-left: 50px;
    padding-right: 50px;
  }

  .ArticleToolbar__ArticleTitle {
    max-width: 550px;
    width: 550px;
  }

  .ArticleToolbar__Nav {
    margin-left: 70px;
  }
} 
@media screen and (max-width: 767px) {
.ArticleToolbar {display: none;}
}
/**
 * ----------------------------------------------------------------------------
 * Article navigation
 * ----------------------------------------------------------------------------
 */

.ArticleNav {
  padding: 75px 0;
  background: var(--secondary-elements-background);
  color: var(--secondary-elements-text-color);
}

.ArticleNav .Heading {
  color: inherit;
}

.ArticleNav__Item {
  display: block;
}

.ArticleNav__Image {
  height: 350px;
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 640px) {
  .ArticleNav .Grid__Cell + .Grid__Cell {
    margin-top: 50px;
  }
}

@media screen and (min-width: 641px) {
  .ArticleNav {
    padding: 60px 0;
  }
}
/**
 * ----------------------------------------------------------------------------
 * Article item
 * ----------------------------------------------------------------------------
 */

.ArticleListWrapper {
  max-width: 1260px;
  margin: 0 auto 60px auto;
}

.ArticleList {
  margin-bottom: -60px;
}

.ArticleList .Grid__Cell {
  margin-bottom: 60px;
}

.js .features--show-element-staggering .ArticleItem {
  visibility: hidden;
}

.ArticleItem__ImageWrapper {
  display: block;
  margin-bottom: 22px;
  background-size: cover;
  overflow: hidden;
}

.ArticleItem__Image {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
}

 

.ArticleItem__Content {
  margin: 0 8px;
}

.ArticleItem__Category {
  display: block;
  margin-bottom: 16px;
}

.ArticleItem__Excerpt {
  margin-bottom: 4px;
}

@media screen and (min-width: 641px) {
  .ArticleList--withFeatured .Grid__Cell:first-child {
    margin-bottom: 40px;
  }

  .ArticleItem__Content {
    margin: 0 18px;
  }
}

@media screen and (min-width: 1008px) {
  .ArticleListWrapper {
    margin-bottom: 100px;
  }

  .ArticleList {
    margin-bottom: -100px;
  }

  .ArticleList .Grid__Cell {
    margin-bottom: 100px;
  }

  .ArticleList--withFeatured .Grid__Cell:first-child {
    margin-bottom: 60px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Blog
 * ----------------------------------------------------------------------------
 */

.Blog__RssLink {
  margin-left: 14px;
  vertical-align: baseline;
}

.Blog__RssLink svg {
  width: 10px;
  height: 10px;
}

.Blog__TagList {
  padding-top: 8px;
}

.Blog__TagList .Link.is-active::after {
  display: block;
  content: "";
  width: calc(100% - 0.15em);
  height: 1px;
  background: currentColor;
}

@media screen and (max-width: 640px) {
  .Blog__TagList .HorizontalList__Item {
    margin: 5px 10px;
  }
}

@media screen and (min-width: 641px) {
  .ArticleList + .Pagination {
    margin-top: 80px;
  }
}
/**
 * ----------------------------------------------------------------------------
 * General
 * ----------------------------------------------------------------------------
 */
@-webkit-keyframes cartEmptyOpening {
  from {
    transform: translate(-50%, calc(-50% + 35px));
    opacity: 0;
  }
  to {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes cartEmptyOpening {
  from {
    transform: translate(-50%, calc(-50% + 35px));
    opacity: 0;
  }
  to {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}

.Cart__ShippingNotice {
  position: sticky;
  top: 0;
  margin-bottom: 0;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  border-bottom: 1px solid var(--border-color);
  line-height: normal;
  z-index: 1;
  background: var(--background);
}

.Cart__Empty { 
  width: 100%;
  padding: 40px 18px 45px;
  text-align: center;
/*   -webkit-animation: cartEmptyOpening 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: cartEmptyOpening 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); */
}
.Cart__Empty .Button {
    min-width: 150px;
}
@media screen and (min-width: 641px) {
  .Cart__ShippingNotice {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }
}

/**
 * ----------------------------------------------------------------------------
 * Items
 * ----------------------------------------------------------------------------
 */

.CartItemWrapper {
  overflow: hidden;
}

.CartItem {
  display: table;
  table-layout: fixed;
  margin: 10px 0;
  width: 100%;
}

.CartItem__ImageWrapper,
.CartItem__Info {
  display: table-cell;
  vertical-align: middle;
}

.CartItem__ImageWrapper {
  width: 90px;
  min-width: 90px;
  text-align: center;
}

.CartItem__Info {
  padding-left: 25px;
}

.CartItem__Title {
  width: 100%;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}
.CartItem__Title,
.CartItem__Variant,
.CartItem__PlanAllocation,
.CartItem__PropertyList,
.SideCart_Nosto_Item_Title {
  margin-bottom: 0.45em;
}
.SideCart_Nosto_Item_Title {
    display: block;
}
.CartItem__Meta,
.CartItem__LinePriceList,
.CartItem__DiscountList {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

.CartItem__PropertyList {
  list-style: none;
  font-style: italic;
}

.CartItem__DiscountList {
  list-style: none;
}

.CartItem__Discount {
  display: inline-block;
  margin-top: 6px;
  padding: 4px 8px;
  background: rgba(var(--product-sale-price-color-rgb), 0.1);
  color: var(--product-sale-price-color);
}

.CartItem__Discount svg {
  margin-right: 4px;
  vertical-align: text-bottom;
}

.CartItem__Discount + .CartItem__Discount {
  margin-top: 4px;
}

.CartItem__UnitPriceMeasurement {
  margin-top: 4px;
}

.CartItem__Actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10px;
}

.CartItem__Remove {
  margin: 8px 0 0; 
}

.CartItem__Remove::before {
  background: var(--text-color-light);
} 
 
/**
 * ----------------------------------------------------------------------------
 * Bottom
 * ----------------------------------------------------------------------------
 */

.Cart .Drawer__Footer,
.Cart__OffscreenNoteContainer {
  padding: 1px 10px 12px 10px !important;
}

.Cart__Checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

.Cart__OffscreenNoteContainer {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: var(--background);
  border-top: 1px solid var(--border-color);
  transform: translateY(100%);
  transition: transform 0.25s ease-in-out;
}

.Cart__OffscreenNoteContainer[aria-hidden=false] {
  transform: translateY(0);
  box-shadow: 1px 0 6px rgba(54, 54, 54, 0.2);
}

.Cart__Note {
  margin-top: 10px;
}

.Cart__Taxes {
  margin-bottom: 8px;
}

.Cart__Discount svg {
  margin-right: 8px;
  vertical-align: sub;
}

.has-note-open[aria-hidden=false] .Drawer__Header,
.has-note-open[aria-hidden=false] .Drawer__Main {
  opacity: 0.4;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

@supports (padding: max(0px)) {
  .Cart .Drawer__Footer,
  .Cart__OffscreenNoteContainer {
    padding-bottom: max(24px, env(safe-area-inset-bottom, 0px) + 24px);
  }
}

@media screen and (min-width: 641px) {
  .Cart .Drawer__Footer,
  .Cart__OffscreenNoteContainer {
    padding: 1px 10px 20px 10px !important;
  }

  .Cart__NoteButton + .Cart__Taxes {
    margin-top: 4px;
  }

  @supports (padding: max(0px)) {
    .Cart .Drawer__Footer,
    .Cart__OffscreenNoteContainer {
      padding-bottom: max(30px, env(safe-area-inset-bottom, 0px) + 30px);
    }
  }
}

/**
 * ----------------------------------------------------------------------------
 * Adjustments for dedicated cart page
 * ----------------------------------------------------------------------------
 */

.Cart--expanded .Cart__Footer {
  padding-top: 25px;
  border-top: 1px solid var(--border-color);
}

.Cart--expanded .Cart__Recap {
  text-align: right;
}

.Cart--expanded .Cart__Recap,
.Cart--expanded .Cart__Recap .Cart__Checkout {
  margin-top: 16px;
}

.Cart--expanded .Cart__Checkout {
  margin-left: auto;
}

@media screen and (max-width: 640px) {
  .CartItem__Info ~ .CartItem__Actions,
  .CartItem__Info ~ .CartItem__LinePriceList {
    display: none;
  }
}

@media screen and (min-width: 641px) {
  .Cart--expanded .Cart__ItemList {
    display: table;
    table-layout: auto;
    border-spacing: 0 30px;
    width: 100%;
  }

  .Cart--expanded .Cart__Head {
    display: table-header-group;
  }

  .Cart--expanded .Cart__HeadItem {
    display: table-cell;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
  }

  .Cart--expanded .CartItem {
    display: table-row;
  }

  .Cart--expanded .CartItem__Info {
    max-width: 300px;
    width: 300px;
  }

  .Cart--expanded .CartItem__Info > .CartItem__Actions {
    display: none;
  }

  .Cart--expanded .CartItem__Info ~ .CartItem__Actions,
  .Cart--expanded .CartItem__Info ~ .CartItem__LinePriceList {
    display: table-cell;
    vertical-align: middle;
  }

  .Cart--expanded .CartItem__QuantitySelector {
    margin-bottom: 6px;
  }

  .Cart--expanded .Cart__Footer {
    display: table;
    width: 100%;
    table-layout: fixed;
  }

  .Cart--expanded .Cart__Recap,
  .Cart--expanded .Cart__NoteContainer {
    display: table-cell;
  }

  .Cart--expanded .Cart__NoteContainer {
    width: 340px;
  }

  .Cart--expanded .Cart__Checkout {
    width: auto;
  }
}

@media screen and (min-width: 1140px) {
  .Cart--expanded .CartItem__Info {
    max-width: 425px;
    width: 425px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Shipping estimator
 * ----------------------------------------------------------------------------
 */

.ShippingEstimator__Results {
  height: 0;
  overflow: hidden;
  transition: height 0.25s ease-in-out;
}

.ShippingEstimator__Error,
.ShippingEstimator__ResultsInner {
  margin-top: 32px;
}

.ShippingEstimator__Results p {
  margin-bottom: 0.5em;
}

@media screen and (max-width: 640px) {
  .ShippingEstimator__Submit {
    width: 100%;
  }

  .ShippingEstimator__Country,
  .ShippingEstimator__Province,
  .ShippingEstimator__Zip {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 641px) {
  .ShippingEstimator__Form {
    display: flex;
  }

  .ShippingEstimator__Form > *:not(:first-child) {
    margin-left: 20px;
  }

  .ShippingEstimator__Country,
  .ShippingEstimator__Province {
    margin-bottom: 0;
  }

  .ShippingEstimator__Zip {
    margin-bottom: 0;
    max-width: 130px;
  }
}
/**
 * ----------------------------------------------------------------------------
 * Collection item (for list of collections)
 * ----------------------------------------------------------------------------
 */

.CollectionList::after {
  content: "flickity";
  display: none;
}

.CollectionItem {
  display: block;
}

.CollectionItem__Wrapper {
  position: relative;
  height: 500px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.CollectionItem__Wrapper--small {
  height: 450px;
}

.CollectionItem__Wrapper--large {
  height: 550px;
}

.CollectionItem__ImageWrapper {
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
}

.features--show-image-zooming .CollectionItem__ImageWrapper {
  transform: scale(1);
  transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.CollectionItem__Image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.CollectionItem__Content {
  position: absolute;
  padding: 0 24px;
  margin-bottom: 0 !important;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: left;
}

.CollectionItem__Content--bottomCenter,
.CollectionItem__Content--middleCenter {
  text-align: center;
}

.CollectionItem__Content--bottomRight,
.CollectionItem__Content--middleRight {
  text-align: right;
}

.CollectionItem__Content--bottomLeft,
.CollectionItem__Content--bottomRight,
.CollectionItem__Content--bottomCenter {
  bottom: 24px;
  top: auto;
  left: 0;
  transform: none;
}

@media (-moz-touch-enabled: 0), (hover: hover) {
  .features--show-image-zooming .CollectionItem:hover .CollectionItem__ImageWrapper {
    transform: scale(1.2);
  }
}

@media screen and (max-width: 640px) {
  .CollectionList--grid {
    margin: 12px 12px 12px 12px;
  }

  .CollectionList--grid .CollectionItem {
    padding: 12px;
  }

  .CollectionList:not(.CollectionList--grid) .CollectionItem__Content--bottomLeft,
  .CollectionList:not(.CollectionList--grid) .CollectionItem__Content--bottomRight,
  .CollectionList:not(.CollectionList--grid) .CollectionItem__Content--bottomCenter {
    bottom: 70px;
  }
}

@media screen and (min-width: 641px) {
  .CollectionList {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .CollectionList::after {
    content: ""; /* disable Flickity */
  }

  .CollectionList--spaced {
    margin: 15px;
  }

  .CollectionList--spaced .CollectionItem {
    padding: 15px;
  }

  .CollectionItem {
    display: block !important;
    flex: 0 1 0;
    min-width: 50%;
  }

  .CollectionItem--expand {
    flex-grow: 1;
  }

  .CollectionItem__Content {
    padding: 0 40px;
  }

  .CollectionItem__Content--bottomLeft,
  .CollectionItem__Content--bottomRight,
  .CollectionItem__Content--bottomCenter {
    bottom: 40px;
  }
}

@media screen and (min-width: 1140px) {
  .CollectionItem {
    min-width: 33.33333%;
  }

  .CollectionItem__Wrapper {
    height: 600px;
  }

  .CollectionItem__Wrapper--small {
    height: 500px;
  }

  .CollectionItem__Wrapper--large {
    height: 700px;
  }

  .CollectionItem__Content {
    padding: 0 50px;
  }

  .CollectionItem__Content--bottomLeft,
  .CollectionItem__Content--bottomRight,
  .CollectionItem__Content--bottomCenter {
    bottom: 50px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Collection toolbar
 * ----------------------------------------------------------------------------
 */

.CollectionToolbar {
  position: sticky;
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: var(--background);
  box-shadow: 1px 1px var(--border-color), -1px -1px var(--border-color);
  z-index: 2;
}

.CollectionToolbar--top {
  top: var(--header-base-height);
}

@supports (--css: variables) {
  .CollectionToolbar--top {
    top: calc(var(--header-height) * 0);
    top: calc(var(--header-height) * var(--use-sticky-header, 0));
  }
}

.supports-sticky .CollectionToolbar--bottom {
  bottom: 0; /* as of today the best polyfill I've found does not support polyfilling sticky on bottom. As a consequence on those old
                browsers, the stickiness is always at the top */
}

.CollectionToolbar__Group {
  display: flex;
  flex: 1 0 auto;
}

.CollectionToolbar__Item {
  flex: 1 0 auto;
  padding: 13px 0;
  border-left: 1px solid var(--border-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
.CollectionToolbar__Item .Arrow {
    width: 10px;
    height: 10px; 
}
.CollectionToolbar__Item .Arrow:before { 
    filter: invert(55%);
}
.CollectionToolbar__Item--sort .Icon--select-arrow {
  height: 6px;
  margin-left: 2px;
  pointer-events: none;
}

.CollectionToolbar__Item--layout {
  flex: none;
  width: 95px;
  line-height: 1;
  cursor: auto;
  cursor: initial;
}

.CollectionToolbar__LayoutType {
  margin: 0 6px;
  opacity: 0.2;
  transition: opacity 0.25s ease-in-out;
}

.CollectionToolbar__LayoutType svg {
  width: 18px;
  height: 18px;
}

.CollectionToolbar__LayoutType.is-active {
  opacity: 1;
}

@media screen and (max-width: 640px) {
  .CollectionToolbar__Item:first-child {
    border-left: none;
  }
}

@media screen and (min-width: 641px) {
  .CollectionToolbar--reverse,
  .CollectionToolbar__Group {
    flex-direction: row-reverse;
  }

  .CollectionToolbar__Group {
    flex: none;
  }

  .CollectionToolbar__Item {
    padding: 18px 0;
  }

  .CollectionToolbar__Group .CollectionToolbar__Item {
    padding-left: 45px;
    padding-right: 45px;
  }

  .CollectionToolbar__Item--layout {
    border-left: none;
    width: 115px;
    border-right: 1px solid var(--border-color);
    white-space: nowrap;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Collection filters
 * ----------------------------------------------------------------------------
 */

.CollectionFilters .Collapsible:first-child {
  border-top: none;
}

.CollectionFilters__ClearButton {
  margin-top: 24px;
}

@media screen and (min-width: 641px) {
  .CollectionFilters .Drawer__Main {
    padding-top: 35px;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Product item
 * ----------------------------------------------------------------------------
 */

.ProductItem {
  text-align: center;
  white-space: normal;
}

.js .features--show-element-staggering .ProductList--grid .ProductItem {
  visibility: hidden;
}

.ProductItem__Wrapper {
  position: relative;
}

.ProductItem__ImageWrapper {
  display: block;
}

.ProductItem__Image--alternate {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0 !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ProductItem__LabelList {
  position: absolute;
  left: 10px;
  top: 6px;
  text-align: left;
}

.ProductItem__Label {
  display: block;
  font-size: calc(var(--font-size-u-h8) - 1px);
  margin: 4px 0;
  padding: 2px 6px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.ProductItem__Info {
  margin-top: 18px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

.features--heading-uppercase .ProductItem__Info {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
}

.ProductItem__Info--left {
  text-align: left;
}

.ProductItem__Info--right {
  text-align: right;
}

.ProductItem__Rating {
  margin-top: 4px;
  margin-bottom: 4px;
}

.ProductItem__Vendor,
.ProductItem__Title {
  display: block;
  margin-bottom: 4px;
}

.ProductItem__ColorSwatchList {
  margin-top: 15px;
}

.ProductItem__ColorSwatchItem {
  display: inline-block;
  margin: 0 5px;
}

.ProductItem__ColorSwatchList + .ProductItem__PriceList {
  margin-top: 12px;
}

.ProductItem__UnitPriceMeasurement {
  margin-top: 4px;
}

@media (-moz-touch-enabled: 0), (hover: hover) {
  .features--show-price-on-hover .ProductItem__PriceList--showOnHover {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.35s ease-in-out;
  }

  .features--show-price-on-hover .ProductItem:hover .ProductItem__PriceList--showOnHover {
    opacity: 1;
    transform: translateY(0);
  }

  .ProductItem__ImageWrapper--withAlternateImage:hover .ProductItem__Image {
    opacity: 0 !important;
  }

  .ProductItem__ImageWrapper--withAlternateImage:hover .ProductItem__Image--alternate {
    opacity: 1 !important;
  }
}

@media (-moz-touch-enabled: 1), (hover: none) {
  .ProductItem__Image--alternate {
    display: none; /* This prevents the image to be lazy-loaded */
  }
}

@media screen and (max-width: 640px) {
  .ProductItem__Rating .rating__star {
    width: 10px;
    height: 10px;
  }

  .ProductItem__Rating .rating__caption {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 9px));
  }
}

@media screen and (min-width: 641px) { 
  .ProductItem__Info {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }

  .features--heading-uppercase .ProductItem__Info {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  }
}

@media screen and (min-width: 1008px) {
  .ProductItem--horizontal {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .ProductItem--horizontal .ProductItem__Wrapper {
    display: flex;
    align-items: center;
  }

  .ProductItem--horizontal .ProductItem__ImageWrapper {
    min-width: 100px;
  }

  .ProductItem--horizontal .ProductItem__Info {
    margin: 0 30px 0 40px;
    text-align: left;
  }

  .ProductItem--horizontal .ProductItem__ViewButton {
    flex-shrink: 0;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Product grid
 * ----------------------------------------------------------------------------
 */

.CollectionInner {
  margin-top: 24px;
}

.ProductList--grid {
  padding: 0 12px;
}

@media screen and (max-width: 640px) {
  .ProductList--grid {
    margin-left: -10px;
  }

  .ProductList--removeMargin {
    margin-bottom: -35px !important;
  }

  .ProductList--grid > .Grid__Cell {
    padding-left: 10px;
    margin-bottom: 35px;
  }
}

@media screen and (min-width: 641px) {

  .ProductList--grid {
    padding: 0 24px;
    margin-left: -20px;
  }

  .ProductList--removeMargin {
    margin-bottom: -50px !important;
  }

  .ProductList--grid > .Grid__Cell {
    padding-left: 20px;
    margin-bottom: 50px;
  }
}
 
@media screen and (min-width: 1008px) {
    
  .CollectionInner {
    display: flex;
    margin-top: 50px;
  }

  .CollectionInner__Sidebar {
    position: sticky;
    top: 200px;
    flex: none;
    align-self: flex-start;
    width: 200px;
    margin: 0 16px 0 24px;
    padding-bottom: 50px;
  }

  @supports (--css: variables) {
    .CollectionInner__Sidebar {
      top: calc(var(--header-height) + 50px);
    }
  }

  @supports (--css: variables) {
    .CollectionInner__Sidebar--withTopToolbar {
      top: calc(var(--header-height) * 0 + 105px);
      top: calc(var(--header-height) * var(--use-sticky-header, 0) + 105px);
    }
  }

  .CollectionInner__Products {
    flex: 1 0 0;
  }

  .CollectionInner__Sidebar .Collapsible {
    padding: 0;
  }
}

@media screen and (min-width: 1140px) {
  .CollectionInner__Sidebar {
    margin-right: 10px;
    margin-left: 50px;
  }

  .CollectionInner .Pagination {
    margin-bottom: 80px;
  }

  .ProductList--grid {
    padding: 0 50px;
  }

  .ProductList--grid[data-desktop-count="2"] {
    margin-left: calc(-1 * var(--horizontal-spacing-two-products-per-row));
  }

  .ProductList--grid[data-desktop-count="2"] > .Grid__Cell {
    padding-left: var(--horizontal-spacing-two-products-per-row);
    margin-bottom: var(--vertical-spacing-two-products-per-row);
  }

  .ProductList--removeMargin[data-desktop-count="2"] {
    margin-bottom: calc(-1 * var(--vertical-spacing-two-products-per-row)) !important;
  }

  .ProductList--grid[data-desktop-count="4"],
  .ProductList--grid[data-desktop-count="3"] {
    margin-left: calc(-1 * var(--horizontal-spacing-four-products-per-row));
  }

  .ProductList--grid[data-desktop-count="4"] > .Grid__Cell,
  .ProductList--grid[data-desktop-count="3"] > .Grid__Cell {
    padding-left: var(--horizontal-spacing-four-products-per-row);
    margin-bottom: var(--vertical-spacing-four-products-per-row);
  }

  .ProductList--removeMargin[data-desktop-count="4"],
  .ProductList--removeMargin[data-desktop-count="3"] {
    margin-bottom: calc(-1 * var(--vertical-spacing-four-products-per-row)) !important;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Product carousel
 * ----------------------------------------------------------------------------
 */

.ProductList--carousel .Carousel__Cell {
  width: 62%;
  padding: 0 12px;
  vertical-align: top;
}

@media screen and (max-width: 640px) {
  .template-search .ProductList--grid,
  .template-collection .ProductList--grid {
    margin-bottom: 20px; /* hack, would require some better code */
  }
}

@media screen and (max-width: 1007px) {
  /* On phone and tablet we do not use the carousel but instead use a free scroll, which offers better performance */
  .ProductListWrapper {
    overflow: hidden;
  }

  .ProductList--carousel {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 30px; /* This is a trick to hide the scrollbar on iOS */
    margin-bottom: -30px;
  }

  .ProductList--carousel .Carousel__Cell {
    display: inline-block !important;
  }

  .ProductList--carousel .Carousel__Cell:first-child {
    margin-left: 19%; /* This is (100% - 62%) / 2, where 62% is the width of a single cell */
  }
  .ProductList--carousel .Carousel__Cell:last-child {
    margin-right: 19%; /* This is (100% - 62%) / 2, where 62% is the width of a single cell */
  }
}

@media screen and (min-width: 641px) and (max-width: 1007px) {
  .ProductList--carousel .Carousel__Cell {
    width: 48%;
    padding: 0 15px;
  }

  .ProductList--carousel .Carousel__Cell:first-child {
    margin-left: 26%; /* This is (100% - 48%) / 2, where 48% is the width of a single cell */
  }
  .ProductList--carousel .Carousel__Cell:last-child {
    margin-right: 26%; /* This is (100% - 48%) / 2, where 48% is the width of a single cell */
  }
}

@media screen and (min-width: 1008px) {
  .ProductList--carousel {
    margin: 0;
    overflow:hidden;
  }

  .ProductList--carousel::after {
    content: "flickity";
    display: none;
  }

  .ProductList--carousel .Carousel__Cell {
    width: 33.3333%;
    left: 0;
    padding: 0 calc(var(--horizontal-spacing-four-products-per-row) / 2);
    margin-left: 0;
  }

  .ProductList--carousel .flickity-prev-next-button {
    top: calc(50% - 45px);
    width: 45px;
    height: 45px;
    stroke-width: 1px;
  }

  .ProductList--carousel .flickity-prev-next-button.next {
    right: -50px;
  }

  .ProductList--carousel .flickity-prev-next-button.previous {
    left: -50px;
  }
}

@media screen and (min-width: 1140px) {
  .ProductList--carousel .Carousel__Cell {
    width: 25%;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Product shop now
 * ----------------------------------------------------------------------------
 */
 
.Faq__Section {
  margin-bottom: 20px;
}

.Faq__Section ~ .Faq__Section {
  margin-top: 34px;
}

.Faq__Item {
  position: relative;
  margin: 14px 0;
}

.Faq__Icon {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--text-color-light);
  transition: all 0.3s ease-in-out;
}

.Faq__Icon svg {
  width: 8px;
  height: 10px;
  vertical-align: baseline;
}

.Faq__Item[aria-expanded=true] .Faq__Icon {
  transform: rotateZ(90deg);
  color: var(--heading-color);
}

.Faq__ItemWrapper {
  padding-left: 26px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.Faq__Question {
  display: block;
  width: 100%;
  margin-bottom: 0;
  text-align: left;
    font-size: var(--font-size-u-h5);
}

.Faq__AnswerWrapper {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: height 0.25s ease-in-out, visibility 0s ease-in-out 0.25s;
}

.Faq__Item[aria-expanded=true] .Faq__AnswerWrapper {
  visibility: visible;
  transition: height 0.25s ease-in-out;
}

.Faq__Answer {
  padding: 16px 0 22px 0;
}

.Faq__Item--lastOfSection .Faq__Answer {
  padding-bottom: 0;
}

.FaqSummary {
  list-style: none;
  margin: 0;
  padding: 0;
}

.FaqSummary__Item {
  margin-bottom: 12px;
}

.FaqSummary__Item.is-active::after {
  width: 100%;
}

.FaqSummary__Link {
  display: block;
}

.FaqSummary__LinkLabel {
  position: relative;
  display: inline-block;
}

.FaqSummary__LinkLabel::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  transform: scale(0, 1);
  transform-origin: left center;
  background: currentColor;
  transition: transform 0.2s linear;
}

.FaqSummary__Item.is-active .FaqSummary__LinkLabel::after {
  transform: scale(1, 1);
}

@media screen and (min-width: 641px) {
  .Faq__Section {
    margin-bottom: 34px;
  }

  .Faq__Section ~ .Faq__Section {
    margin-top: 60px;
  }
}
/**
 * As of today this section is displayed on the home page only
 */

.FeatureText {
  text-align: center;
}

.FeatureText__ContentWrapper {
  padding-left: 0;
  padding-right: 0;
}

.FeatureText__ImageWrapper {
  overflow: hidden;
} 

.FeatureText .SectionHeader__Description {
  margin-top: 25px;
  margin-bottom: 20px;
}



@media screen and (min-width: 641px) {
  .FeatureText__Content {
/*     max-width: 430px; */
    margin: 0 auto;
  }

  .FeatureText--withImage {
    display: table;
    width: 100%;
    text-align: left;
    table-layout: fixed;
  }

  .FeatureText--withImage .FeatureText__ContentWrapper,
  .FeatureText--withImage .FeatureText__ImageWrapper {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
  }

  .FeatureText--withImage .FeatureText__ContentWrapper {
    padding: 20px;
  } 

  .FeatureText--imageRight .FeatureText__Content,
  .FeatureText--imageRight .AspectRatio {
    margin-left: 0;
    margin-right: 0;
  }

  .FeatureText--imageRight .AspectRatio {
    text-align: right;
  }

  .FeatureText--imageRight .FeatureText__ContentWrapper {
    padding-right: 55px;
    padding-left: 0;
  }

  .FeatureText--imageLeft .FeatureText__ContentWrapper {
    padding-left: 55px;
    padding-right: 0;
  }

  .FeatureText--imageLeft .FeatureText__Content,
  .FeatureText--imageLeft .AspectRatio {
    margin-left: 0;
    margin-right: 0;
  }

  .FeatureText--imageLeft .AspectRatio {
    text-align: left;
  }
}
 
 
@media screen and (max-width: 767px) {
.FeatureText--imageLeft {
    display: flex;
    flex-direction: column;
  }
.FeatureText--imageRight {
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.FeatureText--withImage .FeatureText__ContentWrapper { 
    padding-bottom: 0;
}
.FeatureText--withImage .FeatureText__ContentWrapper,
.FeatureText--withImage .FeatureText__ImageWrapper {
    display: block;
    width: 100%; 
}
.FeatureText__ImageWrapper { 
    margin-bottom: 40px;
}
}

.shopify-section--bordered + .shopify-section--footer {
  border-top: 1px solid var(--footer-border-color);
}

.Footer { 
  background: var(--footer-background); 
}

.Footer__Title,
.Footer .Link--primary:hover {
  color: var(--footer-heading-color);
}

.Footer .Form__Input::-moz-placeholder {
  color: var(--footer-text-color);
}

.Footer .Form__Input:-ms-input-placeholder {
  color: var(--footer-text-color);
}

.Footer .Link--secondary:hover,
.Footer .Form__Input::placeholder {
  color: var(--footer-text-color);
}

.Footer__Block {
  margin-top: 48px;
}

.Footer__Block:first-child {
  margin-top: 0;
}

.Footer__Title {
  margin-bottom: 16px;
}

.Footer__Social { 
  text-align:right; 
  color: var(--footer-text-color);
}

.Footer__Content + .Footer__Newsletter {
  margin-top: 18px;
}

.Footer__Aside {
  text-align: center;
}

.Footer__Inner + .Footer__Aside {
  margin-top: 0;
}

.Footer__LocalizationForm {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.Footer__LocalizationItem + .Footer__LocalizationItem {
  margin-left: 30px;
}

.Footer__ThemeAuthor {
  margin-top: 4px;
}

.Footer__PaymentList {
  margin: 54px -24px 0 -24px;
  padding-top: 28px;
  border-top: 1px solid var(--footer-border-color);
}

.Footer__PaymentList svg {
  opacity: 0.8;
  width: 38px;
  height: 24px;
}

.Footer__StoreName {
  color: var(--footer-text-color);
}

@media screen and (min-width: 641px) {
  .Footer {
    padding: 0;
  }

  .Footer__Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -25px;
    margin-right: -25px;
  }

  .Footer__Block {
/*     flex: 1 1 50%; */
    margin-top: 0;
    margin-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
  } 

  .Footer__Aside {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid var(--color-dark-grey);
  } 

  .Footer__Localization {
    width: 100%;
  }

  .Footer__LocalizationForm {
    justify-content: flex-start;
  }

  .Footer__StoreName {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  }

  .Footer__PaymentList {
    padding: 0;
    margin: 0 -8px;
    border: none;
  }
}

@media screen and (min-width: 1140px) {
  .Footer__Inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .Footer--center .Footer__Inner {
    justify-content: center;
  }

  .Footer__Block {
/*  flex: 0 1 auto; */
    flex: 1 1 0;
  }

  .Footer__Block--newsletter {
    flex-basis: 305px;
  }
}
@media screen and (min-width: 1008px) {
  .Footer__Block--text,
  .Footer__Block--newsletter {
    flex-basis: 270px;
  }
}
@media screen and (min-width: 1180px) {
  .Footer__Block--text,
  .Footer__Block--newsletter {
/*     flex-basis: 600px; */
    flex-basis: 40%;
  }
}
.GiftCard {
  text-align: center;
}

.GiftCard__Wrapper {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}

.GiftCard__Redeem {
  margin-bottom: 30px;
}

.GiftCard__IllustrationWrapper {
  position: relative;
  margin: 40px 0;
}

.GiftCard__CodeHolder {
  position: absolute;
  display: inline-block;
  margin: 0 auto;
  bottom: 20px;
  left: 50%;
  white-space: nowrap;
  padding: 12px 20px;
  background: #fff;
  border-radius: 3px;
  transform: translateX(-50%);
}

.GiftCard__QrCode {
  margin: 20px 0;
}

.GiftCard__QrCode img {
  margin: 0 auto;
}
/**
 * ----------------------------------------------------------------------------
 * Main header
 * ----------------------------------------------------------------------------
 */

.shopify-section--header { 
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  position: -webkit-sticky;
  position: sticky;
}
  
.Header .Heading,
.Header .Link--secondary,
.Header .Link--primary:hover {
  color: var(--header-heading-color);
}

.Header .Text--subdued,
.Header .Link--primary,
.Header .Link--secondary:hover {
  color: var(--header-light-text-color);
}

.Header {
  background: var(--header-background);
  color: var(--header-heading-color);
  box-shadow: 0 -1px var(--color-dark-grey) inset;
  transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.Header__Wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px;
}

.Header__Logo {
  position: relative;
  margin-bottom: 0;
}

.Header__LogoLink,
.Header__LogoImage {
  display: block;
} 
.Header__LogoLink {
  text-align: center;
}
.Header__LogoImage {
  width:136px;
  fill:#fff;
  margin: 0 auto;
  transition: opacity 0.3s ease-in-out;
}

.Header__LogoImage--transparent {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.Header__Icon {
  display: inline-block;
  line-height: 1;
  transition: color 0.2s ease-in-out;
}  
.Header__Icon .Hamburger_Icon {
    width: 22px;
    height: 22px;
}
.Header__Icon span {
  display: block;
}

.Header__Icon + .Header__Icon {
  margin-left: 15px;
}

.supports-sticky .Search[aria-hidden=true] + .Header--transparent {
  background: transparent;
}

.supports-sticky .Search[aria-hidden=true] + .Header--transparent .Header__LogoImage--primary:not(:only-child) {
  opacity: 0;
}

.supports-sticky .Search[aria-hidden=true] + .Header--transparent .Header__LogoImage--transparent {
  opacity: 1;
}

.supports-sticky .Search[aria-hidden=true] + .Header--transparent .Header__Icon svg {
  filter: drop-shadow(0 1px rgba(0, 0, 0, 0.25));
}

.supports-sticky .Search[aria-hidden=true] + .Header--transparent .Header__Icon,
.supports-sticky .Search[aria-hidden=true] + .Header--transparent .HorizontalList__Item > .SelectButton,
.supports-sticky .Search[aria-hidden=true] + .Header--transparent .HorizontalList__Item > .Heading,
.supports-sticky .Search[aria-hidden=true] + .Header--transparent .Header__LogoLink > .Heading,
.supports-sticky .Search[aria-hidden=true] + .Header--transparent .Text--subdued {
  color: currentColor;
}

.Header__Icon .Icon--nav {
  height: 15px;
  width: 22px;
}

.Header__Icon .Icon--cart {
  width: 17px;
  height: 20px;
}

.Header__Icon .Icon--search {
  position: relative;
  top: 1px; /* for pixel perfect */
  width: 18px;
  height: 17px;
}

.Header__FlexItem {
  display: flex;
  justify-content: center;
}

.Header__FlexItem--fill {
  flex: 1 0 0;
  align-items: center;
}

.Header__FlexItem--fill:last-child {
  justify-content: flex-end;
}

.Header__CartDot {
  position: absolute;
  top: 2px;
  right: -6px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--header-heading-color);
  box-shadow: 0 0 0 2px var(--header-background);
  transform: scale(0);
  transition: all 0.3s ease-in-out;
}

.Header__CartDot.is-visible {
  transform: scale(1);
}

.Search[aria-hidden=true] + .Header--transparent .Header__CartDot {
  box-shadow: none;
  background-color: currentColor;
}

@media screen and (min-width: 641px) {
  .Header__Wrapper {
    padding: 18px 30px;
  }

  .Header__LogoImage {
    max-width: 100%;
  }

  .Header__Icon + .Header__Icon {
    margin-left: 15px;
  }

  .Header__Icon .Icon--nav-desktop {
    height: 17px;
    width: 24px;
  }

  .Header__Icon .Icon--cart-desktop {
    height: 23px;
    width: 19px;
  }

  .Header__Icon .Icon--search-desktop {
    position: relative; 
    width: 21px;
    height: 21px;
  }

  .Header__Icon .Icon--account {
    position: relative; 
    width: 16px;
    height: 16px;
  }

  .Header--withIcons .Header__SecondaryNav {
    position: relative;
    top: 1px; /* for pixel perfect alignment with icons */
    margin-right: 32px;
  }
}

@media screen and (min-width: 1140px) {
  .js .Header__Wrapper {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }

  .Header:not(.Header--sidebar) .Header__Wrapper {
    padding: 25px 30px;
  }

  .Header__Localization {
    display: inline-block;
  }
 

  .Header--inline .Header__FlexItem:first-child .Header__LocalizationForm,
  .Header--logoLeft .Header__FlexItem:first-child .Header__LocalizationForm,
  .Header--center .Header__FlexItem:first-child .Header__LocalizationForm {
    display: none;
  }
 
  .Header--logoLeft .Header__FlexItem--fill:last-child,
  .Header--center .Header__FlexItem--fill:last-child {
    flex: none;
  }
/* 
  .Header--center .Header__Wrapper.Header__Wrapper { 
    padding-bottom: 24px;
  }

  .Header--center .Header__MainNav {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 18px;
    width: 100%;
    text-align: center;
  }

  .Header--center .Header__MainNav .HorizontalList {
    margin-left: 0;
    margin-right: 0;
  }

  .Header--center .Header__FlexItem {
    margin-bottom: 40px;
  }

  .Header--center .Header__FlexItem--increaseSpace {
    margin-bottom: 80px;
  }

  .Header--center .Header__SecondaryNav .Header__LocalizationForm {
    display: none;
  }
 */
  .Header--initialized .Header__Wrapper {
    opacity: 1;
  }
}

/**
 * ----------------------------------------------------------------------------
 * Desktop nav
 * ----------------------------------------------------------------------------
 */

.Header__LinkSpacer {
  position: absolute;
  display: block;
  bottom: 0;
  color: transparent;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.Header__LinkSpacer::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: scale(0, 1);
  transform-origin: left center;
  border-bottom: 3px solid var(--header-heading-color);
  transition: transform 0.3s, opacity 0.3s;
}

.Header:not(.Header--transparent) .HorizontalList__Item.is-expanded .Header__LinkSpacer::after,
.Header:not(.Header--transparent) .HorizontalList__Item.is-active .Header__LinkSpacer::after {
  opacity: 1;
  transform: scale(1, 1);
}

/**
 * ----------------------------------------------------------------------------
 * Dropdown menu
 * ----------------------------------------------------------------------------
 */

.DropdownMenu {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 100%;
  padding: 25px 0;
  min-width: 200px;
  max-width: 270px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  background: var(--header-background);
  border: 1px solid var(--color-dark-grey);
  border-top: none;
  transition: all 0.3s ease-in-out;
}

.DropdownMenu::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  background: var(--header-heading-color);
  width: 100%;
  height: 2px;
  transform: scale(0, 1);
  transform-origin: left center;
  transition: transform 0.3s;
}

.DropdownMenu[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
}

.DropdownMenu[aria-hidden=false]::before {
  transform: scale(1, 1);
}

.DropdownMenu[aria-hidden=false] .DropdownMenu {
  display: block;
}

.DropdownMenu [aria-haspopup] {
  position: relative;
}

.DropdownMenu .Link {
  padding-left: 25px;
  padding-right: 40px;
}

.DropdownMenu svg {
  position: absolute;
  width: 6px;
  top: calc(50% - 4px);
  height: 10px;
  right: 20px;
  transition: transform 0.2s ease-in-out;
}

.DropdownMenu .Linklist__Item:hover svg {
  transform: translateX(4px);
}

.DropdownMenu .Linklist__Item:hover > .Link--secondary {
  color: var(--header-light-text-color);
}

.DropdownMenu .DropdownMenu {
  display: none;
  left: 100%;
  top: -26px;
  border-top: 1px solid var(--color-dark-grey);
}

.DropdownMenu .DropdownMenu::before {
  display: none;
}

.DropdownMenu .DropdownMenu--reversed {
  left: auto;
  right: 100%;
}

/**
 * ----------------------------------------------------------------------------
 * Mega menu
 * ----------------------------------------------------------------------------
 */

.MegaMenu {
  position: absolute;
  padding: 20px 0;
  width: 100%;
  left: 0;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  max-height: 600px;
  overflow: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  text-align: left;
  background: var(--header-background);
  border-top: 1px solid var(--color-dark-grey); 
  -o-transition: height .6s cubic-bezier(.23,1,.32,1),opacity .2s ease-in-out,transform .3s ease-in-out;
  -ms-transition: height .6s cubic-bezier(.23,1,.32,1),opacity .2s ease-in-out,transform .3s ease-in-out;
  -moz-transition: height .6s cubic-bezier(.23,1,.32,1),opacity .2s ease-in-out,transform .3s ease-in-out;
  -webkit-transition: height .6s cubic-bezier(.23,1,.32,1),opacity .2s ease-in-out,transform .3s ease-in-out;
  transition: height .6s cubic-bezier(.23,1,.32,1),opacity .2s ease-in-out,transform .3s ease-in-out;
  height: 0;
}
.MegaMenu::-webkit-scrollbar {
    display: none;
}
@supports (--css: variables) {
  .MegaMenu {
    max-height: calc(100vh - var(--header-height));
  }
}

.MegaMenu[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.MegaMenu__Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; 
  max-width: 1450px;
  margin: 0 auto;
  padding: 0 10px; /* each menu has 40px margin, but header has 50px, so we normalize it here */
}

.MegaMenu--spacingEvenly .MegaMenu__Inner {
  justify-content: space-around;
  justify-content: space-evenly; /* space-evenly is not supported everywhere */
  justify-content: center;
}

.MegaMenu--spacingCenter .MegaMenu__Inner {
  justify-content: center;
}

@supports (display: grid) {
  .MegaMenu--grid .MegaMenu__Inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
}

.MegaMenu__Item {
  margin: 20px 40px;
  flex-shrink: 1;
}

.MegaMenu__Item--fit {
  flex-shrink: 0;
}

.MegaMenu__Title {
  display: block;
  margin-bottom: 20px;
}

.MegaMenu__Push {
/*display: inline-block;
  vertical-align: top;
  width: 100%; */
  position:relative;
  text-align: center; 
}

.MegaMenu__Push--shrink {
  width: 50%;
}

.MegaMenu__Push--shrink:first-child {
  padding-right: 15px;
}

.MegaMenu__Push--shrink:last-child {
  padding-left: 15px;
}

.MegaMenu__PushImageWrapper {
  margin: 8px auto 20px auto;
  max-width: 100%;
  overflow: hidden;
}
.MegaMenu__PushImageWrapper.AspectRatio {
    transition: opacity 0.3s;
}
.MegaMenu__PushImageWrapper.AspectRatio:hover img {
    opacity: 0.5;
}
.MegaMenu__PushContent { 
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
    width: 80%;
}
.MegaMenuHoverBg {
    margin-top: -1px;
    background: #000;
    border-bottom: 1px solid var(--color-dark-grey);
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    height: 0;
    -o-transition: all .6s cubic-bezier(.23,1,.32,1);
    -ms-transition: all .6s cubic-bezier(.23,1,.32,1);
    -moz-transition: all .6s cubic-bezier(.23,1,.32,1);
    -webkit-transition: all .6s cubic-bezier(.23,1,.32,1);
    transition: all .6s cubic-bezier(.23,1,.32,1);
}
.Menu_is_Opened .MegaMenu__Item {
    transform: translate(1.5rem);
    -o-transition: height .6s cubic-bezier(.23,1,.32,1),opacity .4s ease-in-out,transform .3s ease-in-out;
    -ms-transition: height .6s cubic-bezier(.23,1,.32,1),opacity .4s ease-in-out,transform .3s ease-in-out;
    -moz-transition: height .6s cubic-bezier(.23,1,.32,1),opacity .4s ease-in-out,transform .3s ease-in-out;
    -webkit-transition: height .6s cubic-bezier(.23,1,.32,1),opacity .4s ease-in-out,transform .3s ease-in-out;
    transition: height .6s cubic-bezier(.23,1,.32,1),opacity .4s ease-in-out,transform .3s ease-in-out;
}
.Menu_is_Opened .is-expanded .MegaMenu__Item {
    transform: translate(0);
}


@media (-moz-touch-enabled: 0), (hover: hover) {
  .MegaMenu__Push img {
    transform: scale(1);
    transition: opacity 0.3s ease, transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .MegaMenu__Push:hover img {
    transform: scale(1.2);
  }
}
/**
 * ----------------------------------------------------------------------------
 * Image with text overlay section
 * ----------------------------------------------------------------------------
 */

.ImageHero {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-size: cover;
  background-position: center;
  min-height: 380px;
  width: 100%;
  overflow: hidden;
}

.ImageHero--small {
  min-height: 330px;
}

.ImageHero--large {
  min-height: 480px;
}

.ImageHero__ImageWrapper,
.ImageHero__Image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

@media screen and (min-width: 1008px) and (-moz-touch-enabled: 0), screen and (min-width: 1008px) and (hover: hover) {
  .ImageHero__Image--parallax {
    background-attachment: fixed;
  }
}

.ImageHero__ImageWrapper--hasOverlay::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.ImageHero__Wrapper {
  z-index: 1;
}

.ImageHero__ContentOverlay {
  position: relative;
  flex-basis: 425px;
  flex-grow: 0;
  padding: 0 15px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
}

.ImageHero__TextContent {
  position: absolute;
  padding: 0 24px;
  margin-bottom: 0 !important;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* We allow embedding a video within an image hero */
.ImageHero iframe {
  position: absolute;
  height: 100%;
  width: 200%;
  left: -50%;
  pointer-events: none;
}

.ImageHero--large iframe {
  width: 250%;
  left: -75%;
}

.ImageHero--preserveRatio {
  min-height: 0;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.ImageHero--preserveRatio iframe {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.ImageHero iframe[src] {
  pointer-events: auto; /* When data saver is on in Chrome, it will just set the src but prevents autoplay, so we need to make sure that we make it clickable */
}

.ImageHero__Block {
  margin: 40px auto;
  padding: 38px 20px;
  max-width: 250px;
  box-shadow: 0 1px 20px rgba(54, 54, 54, 0.3);
}

.ImageHero__Block--small {
  max-width: 165px;
}

.ImageHero__Block--large {
  max-width: 320px;
}

.ImageHero__BlockHeading {
  margin: -0.325em 0 18px 0;
}

.ImageHero__BlockContent + .ImageHero__BlockLink {
  margin-top: 18px;
}

@media screen and (max-width: 640px) {
  .ImageHero__Block {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  }
}

@media screen and (min-width: 641px) {
  .ImageHero {
    min-height: 450px;
  }

  .ImageHero--small {
    min-height: 400px;
  }

  .ImageHero--large {
    min-height: 500px;
  }

  .ImageHero iframe {
    width: 100%;
    height: 200%;
    left: 0;
  }

  .ImageHero__Block {
    padding: 48px 15px;
    max-width: 380px;
  }

  .ImageHero__Block--small {
    max-width: 240px;
  }

  .ImageHero__Block--large {
    max-width: 520px;
  }

  .ImageHero__TextContent {
    padding: 0 40px;
    bottom: 40px;
    top: auto;
    left: 0;
    transform: none;
    text-align: left;
  }
}

@media screen and (min-width: 1140px) {
  .ImageHero {
    min-height: 500px;
  }

  .ImageHero--small {
    min-height: 450px;
  }

  .ImageHero--large {
    min-height: 600px;
  }

  .ImageHero__TextContent {
    padding: 0 50px;
    bottom: 50px;
  }
}
.NewsletterPopup {
  position: fixed;
  bottom: 15px;
  left: 15px;
  width: calc(100% - 30px);
  padding: 24px 30px 30px 30px;
  background: var(--newsletter-popup-background);
  color: var(--newsletter-popup-text-color);
  z-index: 50;
  text-align: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  visibility: hidden;
  transform: translateY(25px);
  opacity: 0;
  transition: all 0.5s var(--drawer-transition-timing);
}

.NewsletterPopup .Heading {
  color: inherit;
}

.NewsletterPopup .Form__Input::-moz-placeholder {
  color: rgba(var(--newsletter-popup-text-color-rgb), 0.6);
}

.NewsletterPopup .Form__Input:-ms-input-placeholder {
  color: rgba(var(--newsletter-popup-text-color-rgb), 0.6);
}

.NewsletterPopup .Form__Input::placeholder {
  color: rgba(var(--newsletter-popup-text-color-rgb), 0.6);
}

.NewsletterPopup .Form__Input {
  border-color: rgba(var(--newsletter-popup-text-color-rgb), 0.4);
}

.NewsletterPopup .Form__Input:focus {
  border-color: var(--newsletter-popup-text-color);
}

.NewsletterPopup .Button {
  color: var(--newsletter-popup-background);
  border-color: var(--newsletter-popup-text-color);
}
 

@media screen and (max-width: 640px) {
  @supports (padding: max(0px)) {
    .NewsletterPopup {
      bottom: max(15px, env(safe-area-inset-bottom, 0px) + 15px);
    }
  } 
}

@media (-moz-touch-enabled: 0), (hover: hover) {
  .NewsletterPopup .Button:not([disabled]):hover {
    color: var(--newsletter-popup-text-color);
    background-color: transparent;
  }
}

.NewsletterPopup[aria-hidden=false] {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.NewsletterPopup__Close {
  position: absolute;
  right: 15px;
  top: 15px;
}

.NewsletterPopup__Close svg {
  display: block;
  width: 15px;
  height: 15px;
}

.NewsletterPopup__Content a {
  text-decoration: underline;
  text-underline-position: under;
}

.NewsletterPopup__Form {
  margin-top: 32px;
}

@media screen and (min-width: 641px) {
  .NewsletterPopup {
    max-width: 385px;
    right: 25px;
    bottom: 25px;
    left: auto;
    padding-top: 35px;
  }

  .NewsletterPopup__Close svg {
    width: 18px;
    height: 18px;
  }
}
.Password {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  width: 100%;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
}

/**
 * ----------------------------------------------------------------------------
 * Header
 * ----------------------------------------------------------------------------
 */
.Password__Header {
  position: relative;
  text-align: center;
}

.Password__Logo {
  display: block;
  line-height: 1;
}

.Password__LogoImage {
  vertical-align: middle;
}

.Password__LockAction {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.Password__LockAction svg {
  margin-left: 10px;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
}

/**
 * ----------------------------------------------------------------------------
 * Content
 * ----------------------------------------------------------------------------
 */
.Password__Content {
  width: 470px;
  max-width: 100%;
  margin: 35px auto;
}

.Password__Newsletter {
  margin-bottom: 10px;
}

.Password__Card {
  padding: 24px;
  background: var(--light-background);
  text-align: center;
}

.Password__Message {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

.Password__Form {
  margin-top: 28px;
}

.Password__Form .Button {
  flex: none;
  margin-bottom: 0;
  margin-top: 15px;
  width: 100%;
}

.Password__Social {
  padding: 22px 25px 22px 28px;
  background: var(--background);
  text-align: center;
}

.Password__ShareButtons {
  margin-top: 15px;
}

@media screen and (min-width: 641px) {
  .Password__Content {
    margin: 80px auto;
  }

  .Password__Card {
    padding: 45px 60px 50px 60px;
  }

  .Password__Form .Button {
    width: auto;
    margin-top: 0;
  }

  .Password__Social {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }

  .Password__ShareButtons {
    margin-top: 0;
    margin-left: 15px;
    flex-shrink: 0;
  }
}
/**
 * ----------------------------------------------------------------------------
 * Footer
 * ----------------------------------------------------------------------------
 */
.Password__Footer {
  text-align: center;
}

.Password__AdminLink {
  display: block;
  margin-top: 15px;
}

.Password__Footer svg {
  width: 70px;
  height: 20px;
  vertical-align: bottom;
  margin-left: 2px;
}

@media screen and (min-width: 641px) {
  .Password__Footer {
    display: flex;
    justify-content: space-between;
    text-align: left;
  }

  .Password__AdminLink {
    margin-top: 0;
  }
}
/**
 * ----------------------------------------------------------------------------
 * Modal
 * ----------------------------------------------------------------------------
 */
.Password__Modal {
  display: flex;
  justify-content: center;
}
/**
 * ----------------------------------------------------------------------------
 * Product (general)
 * ----------------------------------------------------------------------------
 */
.Product {
  position: relative;
  margin: 0 auto 50px auto;
  max-width: 1700px;
}

.Product--fill {
/*   max-width: none; */
}

@media screen and (min-width: 641px) {
  .Product {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1008px) {
  .Product__Wrapper {
    max-width: calc(100% - 470px);
    margin-left: 0;
  }
}
@media screen and (min-width: 1140px) {
  .Product__Wrapper {
    max-width: calc(100% - 528px);
  }

  .Product--small .Product__Slideshow {
    max-width: 400px;
  }

  .Product--medium .Product__Slideshow {
    max-width: 550px;
  }
}
@media screen and (min-width: 1500px) {
  .Product__Wrapper {
    max-width: calc(100% - 500px);
  }
}
/**
 * ----------------------------------------------------------------------------
 * Product gallery
 * ----------------------------------------------------------------------------
 */
.Product__Gallery {
  position: relative;
  margin-bottom: 28px;
}

.Product__ViewInSpace {
  background: rgba(var(--text-color-rgb), 0.08);
  /* This color is defined by Shopify spec */
}
.Product__ViewInSpace[data-shopify-xr-hidden] {
  visibility: hidden;
}
@media screen and (min-width: 1008px) {
  .Product__ViewInSpace[data-shopify-xr] {
    display: none;
  }
}
.Product__ViewInSpace svg {
  margin: -1px 12px 0 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.Product__Slideshow::after {
  content: "flickity";
  display: none;
}

.Product__SlideItem {
  position: relative;
}

.Product__SlideItem--hidden {
  visibility: hidden;
}

.Product__Slideshow.flickity-enabled .Product__SlideItem:not(.is-selected) .plyr__control {
  /* This is a quick fix to prevent the controls to gain focus until if the slide is not visible */
  visibility: hidden;
}

.Product__Video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

.Product__SlideshowNav {
  display: none;
}

.Product__SlideshowNavBadge {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 1;
  pointer-events: none;
}
.Product__SlideshowNavBadge svg {
  display: block;
  width: 20px;
  height: 20px;
}

.Product__SlideshowMobileNav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 24px 0 24px;
}
.Product__SlideshowMobileNav .flickity-page-dots {
  display: inline-block;
  margin-top: 0;
  width: auto;
}
.Product__SlideshowMobileNav .dot {
  vertical-align: middle;
}

.Product__SlideshowNavArrow {
  position: relative;
  /* This is used to increase the clickable area */
}
.Product__SlideshowNavArrow::before {
  position: absolute;
  content: "";
  top: -18px;
  right: -18px;
  left: -18px;
  bottom: -18px;
  transform: translateZ(0);
  /* Needed to avoid a glitch on iOS */
}
.Product__SlideshowNavArrow svg {
  display: block;
  width: 6px;
  height: 9px;
}

.Product__SlideshowNavArrow--previous {
  margin-right: 24px;
}

.Product__SlideshowNavArrow--next {
  margin-left: 24px;
}

@media screen and (min-width: 641px) {
  .Product__Gallery {
    margin-bottom: 65px;
  }
}
@media screen and (min-width: 1008px) {
  .Product__Gallery {
/*     margin-top: 50px; */
    margin-left: 50px;
  }

  .Product__SlideshowNav--dots {
    display: block;
  }

  .Product__SlideItem {
    display: block;
  }

  .Product__Slideshow--zoomable .Product__SlideItem--image {
    cursor: var(--cursor-zoom-in-svg) 18 18, zoom-in;
    cursor: -webkit-image-set(var(--cursor-zoom-in-svg) 1x, var(--cursor-zoom-in-2x-svg) 2x), zoom-in;
  }

  /* Dots */
  .Product__SlideshowNav--dots .Product__SlideshowNavScroller {
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
  }
  @supports (--css: variables) {
    .Product__SlideshowNav--dots .Product__SlideshowNavScroller {
      top: calc(50% + (var(--header-height) / 2));
    }
  }

  .Product__SlideshowNavDot {
    display: block;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: 2px solid var(--border-color);
    background: transparent;
    transition: all 0.2s ease-in-out;
  }
  .Product__SlideshowNavDot:not(:last-child) {
    margin-bottom: 12px;
  }

  .Product__SlideshowNavDot.is-selected {
    border-color: var(--heading-color);
    background: var(--heading-color);
  }

  /* Thumbnails */
  .Product__SlideshowNavImage {
    position: relative;
    display: block;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
  }
  .Product__SlideshowNavImage:not(:last-child) {
    margin-bottom: 18px;
  }

  .Product__SlideshowNavImage.is-selected {
    border-color: var(--heading-color);
  }

  .Product__SlideshowNavPlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
  }
  .Product__SlideshowNavPlay svg {
    width: 30px;
    height: 30px;
    transition: transform 0.2s ease-in-out;
  }

  /* When the gallery is stack we have various adjusments to do */
  .Product__Gallery--stack {
    /* On desktop we use a different apparition effect than fade in if images are stacked */
    /* Thumbnails */
  }
  .Product__Gallery--stack .Product__SlideshowNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
  }
  .Product__Gallery--stack .Product__SlideshowNav--dots {
    left: -30px;
  }
  .Product__Gallery--stack .Product__Slideshow::after {
    content: "";
    /* Disable Flickity */
  }
  .Product__Gallery--stack .Product__Slideshow .Image--fadeIn {
    transform: translateY(50px);
    opacity: 0;
    transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .Product__Gallery--stack .Product__Slideshow .Image--lazyLoaded.Image--fadeIn {
    transform: translateY(0);
    opacity: 1;
  }
  .Product__Gallery--stack .Product__SlideItem {
    margin-bottom: 30px;
    visibility: visible;
    opacity: 1;
  }
  .Product__Gallery--stack .Product__SlideItem:last-child {
    margin-bottom: 0;
  }
  .Product__Gallery--stack .Product__SlideshowNav--thumbnails {
    position: sticky;
    padding: 0 0 50px 0;
    top: var(--header-base-height);
    margin-bottom: -50px;
    width: 70px;
  }
  @supports (--css: variables) {
    .Product__Gallery--stack .Product__SlideshowNav--thumbnails {
      top: calc(var(--header-height) + 25px);
    }
  }
}
@media screen and (min-width: 1140px) {
  .Product__Gallery {
    margin-bottom: 80px;
  }

  .Product__Slideshow {
    margin-left: auto;
    margin-right: auto;
  }

  .Product__Gallery--withThumbnails .Product__SlideshowNav--dots {
    display: none;
  }
  .Product__Gallery--withThumbnails .Product__SlideshowNav--thumbnails {
    display: block;
  }

  .Product__Gallery--stack.Product__Gallery--withThumbnails {
    display: flex;
  }
  .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__Slideshow,
  .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__SlideshowNav {
    flex: 1 0 auto;
  }
  .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__SlideshowNav {
    flex-grow: 0;
  }
  .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__Slideshow {
    padding-left: 50px;
  }

  .Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .Product__SlideshowNav {
    margin: 10px -10px -10px -10px;
    text-align: center;
  }
  .Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .Product__SlideshowNavImage {
    display: inline-block;
    width: 70px;
    margin: 10px;
    vertical-align: top;
  }
  .Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .flickity-page-dots {
    display: none;
  }
}
/**
 * ----------------------------------------------------------------------------
 * Product aside and info
 * ----------------------------------------------------------------------------
 */
.Product__Info,
.Product__Aside {
  max-width: 100%;
  margin: 0 auto;
}

.Product__Info--noGallery {
  padding-top: 24px;
}

@media screen and (min-width: 641px) {
  .Product__Aside .Section {
    max-width: 630px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1008px) {
  .Product__Info .Container {
    padding-left: 0;
    padding-right: 0;
  }
  .Product__InfoWrapper {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
  }

  .Product__Info {
    position: sticky;
    top: var(--header-base-height);
    right: 0;
    width: 375px;
    margin: 0px 55px -40px 50px;
    padding-top: 41px;
    padding-bottom: 40px;
  }
  @supports (--css: variables) {
    .Product__Info {
      top: calc(var(--header-height) + 25px);
    }
  }

  .Product__Aside {
    max-width: 820px;
    padding-left: 50px;
  }

  .Product__Aside .SectionHeader {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1140px) {
  .Product__Info {
    width: 422px;
  }
}
@media screen and (min-width: 1500px) {
  .Product__Info {
    margin-right: 50px;
  }
}
/**
 * ----------------------------------------------------------------------------
 * Action list
 * ----------------------------------------------------------------------------
 */
@-webkit-keyframes shareItemAnimation {
  0% {
    transform: translateY(0%);
  }
  25% {
    opacity: 0;
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    transform: translateY(-100%);
  }
  75% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes shareItemAnimation {
  0% {
    transform: translateY(0%);
  }
  25% {
    opacity: 0;
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    transform: translateY(-100%);
  }
  75% {
    opacity: 1;
    transform: translateY(0%);
  }
}
.Product__ActionList {
  position: absolute;
  top: 30px;
  right: 25px;
  z-index: 1;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.Product__ActionList.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.Product__ActionItem {
  display: block;
  position: relative;
}

.Product__ActionItem + .Product__ActionItem {
  margin-top: 15px;
}

.Product__ShareList {
  display: block;
  position: absolute;
  visibility: hidden;
  top: 100%;
  right: 0;
  color: var(--text-color);
}

.Product__ActionItem .Icon--share {
  margin-left: -1px;
}

.Product__ShareItem {
  display: block;
  margin: 15px 0 15px auto;
  padding: 7px 15px 7px 17px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--light-background);
  border-radius: 25px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  white-space: nowrap;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
  transition: all 0.45s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.Product__ShareItem:active, .Product__ShareItem:focus {
  color: var(--light-background);
  background: var(--text-color);
  outline: none;
}
.Product__ShareItem:nth-child(2) {
  transition-delay: 0.1s;
}
.Product__ShareItem:nth-child(3) {
  transition-delay: 0s;
}
.Product__ShareItem svg {
  margin-right: 12px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  vertical-align: sub;
  transform: translateZ(0);
}
.Product__ShareItem:hover svg {
  -webkit-animation: shareItemAnimation 0.5s ease-in-out forwards;
          animation: shareItemAnimation 0.5s ease-in-out forwards;
}
.Product__ShareList[aria-hidden=false] {
  visibility: visible;
}
.Product__ShareList[aria-hidden=false] .Product__ShareItem {
  opacity: 1;
  transition-delay: 0s;
}
.Product__ShareList[aria-hidden=false] .Product__ShareItem:nth-child(2) {
  transition-delay: 0.1s;
}
.Product__ShareList[aria-hidden=false] .Product__ShareItem:nth-child(3) {
  transition-delay: 0.2s;
}

@media screen and (min-width: 1008px) {
  .Product__ShareList {
    top: auto;
    bottom: 100%;
  }

  .Product__ShareItem {
    transition-delay: 0s;
  }
  .Product__ShareItem:nth-child(3) {
    transition-delay: 0.2s;
  }

  .Product__ShareList[aria-hidden=false] .Product__ShareItem {
    transition-delay: 0.2s;
  }
  .Product__ShareList[aria-hidden=false] .Product__ShareItem:nth-child(3) {
    transition-delay: 0s;
  }
}
/**
 * ----------------------------------------------------------------------------
 * Product meta and info
 * ----------------------------------------------------------------------------
 */
.ProductMeta { 
  padding-bottom: 24px;
  margin-bottom: 0; 
}

.ProductMeta__ImageWrapper {
  display: block;
  margin-bottom: 32px;
}

.ProductMeta__Vendor {
  margin-bottom: 20px;
}

.ProductMeta__Title {
  margin-bottom: 0;
}

.ProductMeta__PriceList {
  margin-top: 15px;
  margin-bottom: 12px;
}

.ProductMeta__Price.Price--compareAt {
  margin-left: 12px;
}

.ProductMeta__UnitPriceMeasurement {
  margin-top: 5px;
}

shopify-payment-terms {
  display: block;
  margin-top: 12px;
  text-align: left;
}

.ProductMeta__TaxNotice {
  margin-top: 5px;
}

.ProductMeta__Description,
.ProductMeta__Text {
  margin: 24px 0;
  text-align: left;
}

.ProductMeta__Rating {
  margin-top: 4px;
}

.ProductMeta__ShareButtons {
  display: flex;
  align-items: center;
  margin: 24px 0;
}

.ProductMeta__ShareTitle {
  margin-right: 6px;
}

.ProductMeta__ShareList {
  font-size: 0;
}

.ProductMeta__ShareItem {
  display: inline-block;
  margin: 0 7px;
}
.ProductMeta__ShareItem svg {
  display: block;
  width: 12px;
  height: 12px;
  opacity: 0.6;
  transition: opacity 0.2s ease-in-out;
}
.ProductMeta__ShareItem:hover svg {
  opacity: 1;
}

/* When the description is set after the product form, layout changes a bit */
.ProductForm ~ .ProductMeta__Description {
  border-top: none;
  padding-top: 0;
}
.ProductForm ~ .ProductMeta__Description .ProductMeta__ShareButtons {
  margin-bottom: 2px;
}

.Product__QuickNav {
  position: relative;
  margin-top: 40px;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
.Product__QuickNav a {
  display: block;
  padding: 11px 16px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: rotateX(0deg);
}
.Product__QuickNav a:last-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: rotateX(180deg);
}
.Product__QuickNav svg {
  position: absolute;
  right: 18px;
  top: calc(50% - 5px);
  height: 10px;
  width: 8px;
}

.Product__QuickNavWrapper {
  transition: 0.6s;
  transform-style: preserve-3d;
}

.Product__QuickNav.is-flipped .Product__QuickNavWrapper {
  transform: rotateX(180deg);
}
 
/**
 * ----------------------------------------------------------------------------
 * Product form
 * ----------------------------------------------------------------------------
 */

.ProductForm__Variants {
  margin-top: 24px; 
  margin-bottom: 16px;
} 

.no-js .ProductForm__Option:not(.no-js) {
  display: none;
}

.ProductForm__Item {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 10px 28px 10px 14px;
  border: 1px solid var(--border-color);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ProductForm__Item .Icon--select-arrow {
  position: absolute;
  top: calc(50% - 5px);
  right: 15px;
  width: 10px;
  height: 10px;
}

.ProductForm__Label {
  display: block;
  margin-bottom: 8px;
}

.ProductForm__LabelLink {
  float: right;
  text-decoration: underline;
  text-underline-position: under;
}

.ProductForm__SelectedValue {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 220px;
  vertical-align: top;
}

.ProductForm__OptionCount {
  float: right;
  margin-right: 14px;
}

.ProductForm__Inventory {
  margin-top: 24px;
  margin-bottom: 24px;
  font-style: italic;
}

.ProductForm__QuantitySelector {
  margin-top: 24px;
  margin-bottom: 24px;
}

.ProductForm__Error {
  margin-top: 10px;
  text-align: center;
}

.ProductForm__AddToCart {
  display: flex;
  align-items: center;
  justify-content: center;
}

/**
 * ----------------------------------------------------------------------------
 * Featured image
 * ----------------------------------------------------------------------------
 */
.Product__FeatureImageWrapper {
  overflow: hidden;
  background-size: cover;
}

.Product__FeatureImage {
  height: 415px;
  background-size: cover;
  background-position: center;
}

@media screen and (min-width: 641px) {
  .Product__FeatureImage {
    height: 500px;
  }
}
@media screen and (min-width: 1140px) {
  .Product__FeatureImage {
    height: 600px;
  }

  .Product__FeatureImage--small {
    height: 500px;
  }

  .Product__FeatureImage--large {
    height: 700px;
  }
}
/**
 * ----------------------------------------------------------------------------
 * Product tabs
 * ----------------------------------------------------------------------------
 */
.Product__Tabs {
  margin: 20px 0;
  flex-direction: column;
  flex-wrap: initial;
  display: flex;
}

@media screen and (max-width: 640px) {
  .Product__Tabs .Collapsible__Content {
    padding-top: 6px;
  }
} 
  .Product__Tabs .Collapsible__Content { 
    padding-bottom: 18px;
  }
/**
 * ----------------------------------------------------------------------------
 * Variant slideshow (for color carousel)
 * ----------------------------------------------------------------------------
 */
@-webkit-keyframes variantSelectorInfoOpeningAnimation {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  50% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes variantSelectorInfoOpeningAnimation {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  50% {
    transform: translateY(10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes variantSelectorInfoClosingAnimation {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-10px);
    opacity: 0;
  }
}
@keyframes variantSelectorInfoClosingAnimation {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-10px);
    opacity: 0;
  }
}
.VariantSelector {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background: var(--background);
  padding: 24px 0;
  z-index: 10;
  box-shadow: 0 -2px 10px rgba(54, 54, 54, 0.2);
  transform: translateY(100%);
  visibility: hidden;
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.VariantSelector[aria-hidden=false] {
  transform: translateY(0);
  visibility: visible;
}

.VariantSelector__Item {
  padding: 0 10px;
  width: 60%;
}

.VariantSelector__Info {
  position: relative;
  margin: 48px 24px 0 24px;
}

.VariantSelector__ImageWrapper[aria-hidden="true"] {
  display: none;
}

.VariantSelector__ChoiceList {
  margin-bottom: 34px;
}

.VariantSelector__Choice {
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-animation: 0.15s variantSelectorInfoClosingAnimation forwards ease-in-out;
          animation: 0.15s variantSelectorInfoClosingAnimation forwards ease-in-out;
}

.VariantSelector__Choice.is-selected {
  -webkit-animation: 0.3s variantSelectorInfoOpeningAnimation forwards ease-in-out;
          animation: 0.3s variantSelectorInfoOpeningAnimation forwards ease-in-out;
}

.VariantSelector__Choice:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}

.VariantSelector__ChoiceColor,
.VariantSelector__ChoicePrice {
  display: table-cell;
  width: 50%;
  text-align:center;
  vertical-align: middle;
}

.VariantSelector__ChoiceColor {
  border-right: 1px solid var(--border-color);
}

.VariantSelector__ColorSwatch {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 15px;
  vertical-align: sub;
  background-size: cover;
}

.VariantSelector__ColorSwatch--white {
  outline: 1px solid var(--border-color);
}

.VariantSelector__ChoicePrice {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
}

@media screen and (max-width: 640px) {
  .VariantSelector .flickity-prev-next-button {
    display: none;
  }
}

@media screen and (min-width: 641px) {
  /* Starting from tablet, the look and feel of this selector is completely different and look like a modal */
  .VariantSelector {
    top: 50%;
    bottom: auto;
    left: 50%;
    width: 80%;
    padding-bottom: 34px;
    max-height: 100%;
    max-width: 800px;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
    overflow: auto;
  }

  .VariantSelector[aria-hidden=false] {
    transform: translate(-50%, -50%);
    opacity: 1;
  }

  .VariantSelector__Item {
    padding: 0 25px;
    width: 46%;
  }

  .VariantSelector .flickity-prev-next-button.next {
    top: calc(50% - 45px);
    right: 20px;
  }

  .VariantSelector .flickity-prev-next-button.previous {
    top: calc(50% - 45px);
    left: 20px;
  }

  .VariantSelector__Info {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }

  .VariantSelector__ChoicePrice {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }
}

@media (min-width: 800px) and (max-height: 950px) {
  .VariantSelector__ImageWrapper {
    max-width: 290px !important;
  }
}

 
/**
 * ----------------------------------------------------------------------------
 * Shopify payment button
 * ----------------------------------------------------------------------------
 */
.ProductForm__AddToCart + .payment_button_disable,
.PDP_Button_with_Wishlist + .payment_button_disable,
#preorderwarning_varient_click + .payment_button_disable {
    margin-top: 12px;
}
.shopify-payment-button { 
  text-align: center;
}
.shopify-payment-button__more-options {
  position: relative;
  display: inline-block;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  width: auto;
  line-height: normal;
}
.shopify-payment-button__more-options[aria-hidden=true] {
  display: none;
}
.shopify-payment-button__more-options::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -1px;
  background: currentColor;
  transform: scale(1, 1);
  transform-origin: left center;
  transition: transform 0.2s ease-in-out;
}
@media (-moz-touch-enabled: 0), (hover: hover) {
  .shopify-payment-button__more-options:hover::before {
    transform: scale(0, 1);
  }
}

.shopify-payment-button__more-options:hover:not([disabled]) {
  text-decoration: none;
}
@charset "UTF-8";
/**
 * ----------------------------------------------------------------------------
 * Product reviews (integration with Shopify Reviews free app)
 * ----------------------------------------------------------------------------
 */
#shopify-product-reviews {
  margin: 18px 0 28px 0 !important;
  overflow: visible !important;
}
#shopify-product-reviews .spr-header-title,
#shopify-product-reviews .spr-summary-starrating,
#shopify-product-reviews .spr-summary-caption,
#shopify-product-reviews .spr-review-reportreview,
#shopify-product-reviews .spr-pagination,
#shopify-product-reviews .spr-form-title {
  display: none;
}
#shopify-product-reviews .spr-container {
  padding: 0;
  border: none;
}
#shopify-product-reviews .spr-container,
#shopify-product-reviews .spr-content {
  display: flex;
  flex-direction: column;
}
#shopify-product-reviews .spr-header,
#shopify-product-reviews .spr-form {
  order: 2;
}
#shopify-product-reviews .spr-content,
#shopify-product-reviews .spr-reviews {
  order: 1;
}
#shopify-product-reviews .spr-form {
  margin: -4px 0 0 0;
  padding: 0;
}
#shopify-product-reviews .spr-icon {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
}
#shopify-product-reviews .spr-form-input .spr-icon {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}
#shopify-product-reviews .spr-icon + .spr-icon {
  margin-left: 3px;
}
#shopify-product-reviews .spr-icon-star-empty {
  opacity: 0.25;
}
#shopify-product-reviews .spr-icon-star-empty::before {
  content: "";
}
#shopify-product-reviews .spr-starrating.spr-form-input-error a {
  color: inherit;
}
#shopify-product-reviews .spr-reviews {
  margin: -6px 0 35px 0;
}
#shopify-product-reviews .spr-review {
  position: relative;
  padding: 0 0 30px 0;
  border: none;
  margin: 0;
}
#shopify-product-reviews .spr-review + .spr-review {
  margin-top: 26px;
}
#shopify-product-reviews .spr-review-header {
  position: static;
  margin-bottom: 12px;
}
#shopify-product-reviews .spr-review-header-starratings {
  margin-bottom: 0;
}
#shopify-product-reviews .spr-review-header-title {
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-style: var(--heading-font-style);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  text-transform: uppercase;
}
#shopify-product-reviews .spr-review-header-byline {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  font-style: normal;
  opacity: 1;
  color: var(--text-color-light);
}
#shopify-product-reviews .spr-review-header-byline strong {
  font-weight: normal;
}
#shopify-product-reviews .spr-review-content {
  margin-bottom: 0;
}
#shopify-product-reviews .spr-review-reply {
  margin: 18px 0 6px 0;
  padding: 0 0 0 14px;
  background: none;
  border-left: 3px solid var(--border-color);
  font-style: italic;
}
#shopify-product-reviews .spr-summary-actions {
  display: block;
}
#shopify-product-reviews .spr-review-reply-shop {
  float: none; 
}
#shopify-product-reviews .spr-summary-actions-newreview,
#shopify-product-reviews .spr-button-primary:not(input) {
  width: 100%;
}
#shopify-product-reviews input.spr-button-primary {
  border-color: var(--button-background);
  background: var(--button-background);
  color: var(--button-text-color);
  width: 100%;
}
#shopify-product-reviews .spr-pagination-prev,
#shopify-product-reviews .spr-pagination-next {
  display: block;
  position: relative;
  margin-bottom: 20px;
}
#shopify-product-reviews .spr-pagination-prev > a,
#shopify-product-reviews .spr-pagination-next > a {
  width: 100%;
}
#shopify-product-reviews .new-review-form {
  margin-top: 20px; 
}
#shopify-product-reviews .spr-form-contact-name,
#shopify-product-reviews .spr-form-contact-email,
#shopify-product-reviews .spr-form-contact-location,
#shopify-product-reviews .spr-form-review-title,
#shopify-product-reviews .spr-form-review-rating,
#shopify-product-reviews .spr-form-review-body {
  margin-bottom: 15px;
}

@media screen and (min-width: 641px) {
  #shopify-product-reviews {
    margin: 8px 40px 28px 0 !important;
  }
  #shopify-product-reviews .spr-review-header-title {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  }
  #shopify-product-reviews .spr-review-header-byline,
  #shopify-product-reviews .spr-review-content-body {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  }
  #shopify-product-reviews .spr-header {
    align-self: flex-start;
    width: 100%;
  }
  #shopify-product-reviews .spr-summary-actions-newreview,
  #shopify-product-reviews .spr-button-primary:not(input),
  #shopify-product-reviews input.spr-button-primary,
  #shopify-product-reviews .spr-pagination-prev > a,
  #shopify-product-reviews .spr-pagination-next > a {
    width: auto;
    float: none;
  }
  #shopify-product-reviews .spr-form-contact-name,
  #shopify-product-reviews .spr-form-contact-email,
  #shopify-product-reviews .spr-form-contact-location,
  #shopify-product-reviews .spr-form-review-title,
  #shopify-product-reviews .spr-form-review-rating,
  #shopify-product-reviews .spr-form-review-body {
    margin-bottom: 25px;
  }
  #shopify-product-reviews .spr-summary-actions {
    display: flex;
  }
  #shopify-product-reviews .spr-pagination-prev,
  #shopify-product-reviews .spr-pagination-next {
    margin: 0 20px 0 0;
  }
  #shopify-product-reviews .spr-pagination-prev > a,
  #shopify-product-reviews .spr-pagination-next > a {
    display: block;
  }
}
@media screen and (min-width: 1008px) {
  #shopify-product-reviews {
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 1140px) {
  #shopify-product-reviews {
    margin-right: 100px !important;
  }
}
.Search {
  display: block;
  position: absolute;
  top: 100%;
  width: 100%;
  background: var(--background);
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
 /*  transform: translateY(-25px);*/
 /* transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out, visibility 0.15s ease-in-out; */
  z-index: -1;
}

.Search[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.Search__Inner {
  padding: 14px 18px;
  max-height: calc(100vh - 60px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@supports (--css: variables) {
  .Search__Inner {
    max-height: calc(100vh - var(--header-height) - 88px);
    /* 88px is the height of bottom bar on iOS */
  }
}

.Search__SearchBar {
  display: flex;
  align-items: center;
}

.Search__Form {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 0 auto;
}
.Search__Form .Icon--search {
  width: 18px;
  height: 17px;
}
.Search__Form .Icon--search-desktop {
  width: 21px;
  height: 21px;
} 
.Search__Input {
  background: none;
  width: 100%;
  border: none; 
  vertical-align: middle;
  letter-spacing: 0.015em; 
  text-align: center; 
  font-size: var(--font-size-u-h5);
  font-weight: var(--font-weight-light); 
  font-family: var(--font-tertiary), 'boxraw-icons'; 
  caret-color: var(--color-light);
}
.Search__Input.Search__input_hide_caret { 
  caret-color: transparent;
}
.Search__Input::-moz-placeholder {
  color: var(--text-color-light);
}
.Search__Input:-ms-input-placeholder {
  color: var(--text-color-light);
}
.Search__Input::placeholder {
  color: var(--text-color-light);
}
.Search__Input::-ms-clear {
  display: none;
}
.Search__Input_Placeholder {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%); 
    font-size: var(--font-size-u-h5);
      font-weight: var(--font-weight-light);
    white-space: nowrap;
    border-right: 1px solid transparent;
    pointer-events: none;
    -webkit-animation: blink-cursor .5s step-end infinite alternate;
    animation: blink-cursor .5s step-end infinite alternate; 
    color: transparent;
    line-height: 1.15;
}
.Search__Input_Placeholder.focused {
  border-color: var(--color-light);
}
.Search__Input_Placeholder .Icon {
    width: 14px;
    height: 14px;
    fill: var(--color-light);
    vertical-align: -2px; 
  opacity: 0;
}
.Search__Close {
  color: var(--text-color-light);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
  line-height: 1;
  top: 0;
  padding: 20px;
  position: absolute;
  right: 4px;
}

.Search__Results {
  display: none;
  margin-top: 30px;
  margin-bottom: 30px;
}

.Search__Results[aria-hidden=false] {
  display: block;
}

@media screen and (max-width: 640px) {
  .Search__Results .ProductItem__Wrapper {
    display: flex;
    align-items: center;
  }
  .Search__Results .Grid__Cell + .Grid__Cell {
    margin-top: 25px;
  }
  .Search__Results .ProductItem__ImageWrapper {
    width: 70px;
    min-width: 70px;
    margin-right: 25px;
  }
  .Search__Results .ProductItem__Info {
    margin-top: 0;
    text-align: left;
  }
}
@media screen and (min-width: 641px) {
  .Search__Inner {
    padding: 28px 50px;
  }  

  .Search__Close {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
  }
  .Search__Close svg {
    stroke-width: 1.25px;
  }

  .Search__Results {
    margin-top: 70px;
    margin-bottom: 48px;
  }
}
 
 
/**
 * ----------------------------------------------------------------------------
 * Sidebar
 * ----------------------------------------------------------------------------
 */
.SidebarMenu {
  height: 100%;
  background: var(--navigation-background);
  color: var(--navigation-text-color);
}

.SidebarMenu .Heading,
.supports-hover .SidebarMenu .Link--primary:hover {
  color: var(--navigation-text-color);
}

.SidebarMenu .Text--subdued {
  color: var(--navigation-text-color-light);
}

.SidebarMenu .Collapsible,
.SidebarMenu .Linklist {
  border-color: var(--navigation-border-color);
}

.SidebarMenu__Nav .Collapsible:first-child {
/*   border-top: none; */
}

/* We need to do that to add extra padding for scroll, as Safari on Mac and iOS has some issue with directly adding a padding-bottom */
.SidebarMenu .Drawer__Main::after {
  display: block;
  content: "";
  height: 35px;
}

.SidebarMenu__Nav--secondary {
  margin-top: 28px;
  margin-bottom: 28px;
}

.SidebarMenu .Drawer__Footer {
/*   display: flex;
  align-items: center;
  justify-content: center; */
  width: 100%;
  min-height: 48px;
  box-shadow: 0 1px var(--navigation-border-color) inset;
  color: var(--navigation-text-color-light);
}

.SidebarMenu__CurrencySelector,
.SidebarMenu__Social {
  flex: 1 0 auto;
  margin: 0;
  padding: 6px 0;
}

.SidebarMenu__CurrencySelector {
  width: 120px;
  flex: none;
  text-align: center;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
}
.SidebarMenu__CurrencySelector .Select {
  display: inline-block;
}

@supports (padding: max(0px)) {
  .SidebarMenu__CurrencySelector,
  .SidebarMenu__Social {
/*     padding-bottom: max(6px, env(safe-area-inset-bottom, 0px) + 6px); */
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px) + 6px);
  }
}

/* All this code is pretty ugly hack just to comply with some Shopify strict rules... */
@supports (display: grid) {
  .SidebarMenu__Social {
    display: grid;
    grid-template-columns: repeat(auto-fit, 34px);
    justify-content: space-evenly;
    text-align: center;
  }
}

.SidebarMenu__CurrencySelector + .SidebarMenu__Social {
  border-left: 1px solid var(--navigation-border-color);
}

.SidebarMenu .Drawer__Content::before,
.SidebarMenu .Drawer__Footer::before {
  position: absolute;
  content: "";
  width: 100%;
  pointer-events: none;
  z-index: 1;
}

.SidebarMenu .Drawer__Content::before {
  top: 0;
  height: 25px;
  background-image: linear-gradient(var(--navigation-background), rgba(var(--navigation-background-rgb), 0.6) 40%, rgba(var(--navigation-background-rgb), 0));
}

.SidebarMenu .Drawer__Footer::before {
  bottom: 100%;
  height: 30px;
  background-image: linear-gradient(rgba(var(--navigation-background-rgb), 0), rgba(var(--navigation-background-rgb), 0.6) 40%, var(--navigation-background));
}

@media screen and (min-width: 1008px) {
  .SidebarMenu .Drawer__Content::before {
    height: 40px;
  }

  .SidebarMenu .Drawer__Main {
    padding-top: 26px;
  }

  .SidebarMenu .Drawer__Main::after {
    height: 60px;
    /* same here, Safari has some issues with adding padding-bottom :( */
  }

  .SidebarMenu .Drawer__Footer::before {
    height: 70px;
  }
}
/**
 * ----------------------------------------------------------------------------
 * Slideshow
 * ----------------------------------------------------------------------------
 */
.shopify-section--slideshow {
  position: relative;
}

.Slideshow--fullscreen {
  height: 100vh;
}

@supports (--css: variables) {
  .js .Slideshow--fullscreen {
    height: calc(var(--window-height) - (var(--header-height) * 0) - 0px);
    height: calc(var(--window-height) - (var(--header-height) * var(--header-is-not-transparent, 0)) - var(--announcement-bar-height, 0px));
    max-height: 100vh;
  }
}
/* Slideshow transition are handled in JavaScript, so while we use Flickity, we need to disable any transition */
.js .Slideshow__Carousel .Slideshow__Slide {
  transition: none;
}
.js .Slideshow__Carousel .Slideshow__Slide.is-selected {
  visibility: hidden;
}

.Slideshow__ImageContainer {
  height: 100%;
}

.Slideshow--fullscreen .Slideshow__Image {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  /* polyfill for IE */
}

.Slideshow__Image {
  z-index: 0;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  .js .Slideshow__Image {
    opacity: 0;
  }
}
.Slideshow__Content {
  position: absolute;
  padding: 0 24px;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.Slideshow__Content--middleLeft,
.Slideshow__Content--bottomLeft {
  text-align: left;
}
.Slideshow__Content--middleLeft .ButtonGroup,
.Slideshow__Content--bottomLeft .ButtonGroup {
  justify-content: flex-start;
}

.Slideshow__Content--middleRight,
.Slideshow__Content--bottomRight {
  text-align: right;
}
.Slideshow__Content--middleRight .ButtonGroup,
.Slideshow__Content--bottomRight .ButtonGroup {
  justify-content: flex-end;
}
.Slideshow__Content--bottomLeft,
.Slideshow__Content--bottomCenter,
.Slideshow__Content--bottomRight {
  top: auto;
  bottom: 70px;
  left: 0;
  transform: none;
}

.js .Slideshow__Content .SectionHeader {
  opacity: 0;
}

.Slideshow__ScrollButton {
  position: absolute;
  left: calc(50% - 25px);
  bottom: -25px;
}

.Slideshow__Carousel--withScrollButton {
  margin-bottom: 25px;
}

.Slideshow--fullscreen .Slideshow__ScrollButton {
  bottom: 10px;
}
.Slideshow--fullscreen .Slideshow__Carousel--withScrollButton {
  max-height: calc(100% - 35px);
  margin-bottom: 0;
}

@media screen and (min-width: 1008px) {
  .Slideshow__Content {
    padding: 0 70px;
  }
}
.store-availability-container {
  margin-top: 30px;
}

.store-availability-information {
  display: flex;
  align-items: baseline;
}

.Icon--store-availability-in-stock {
  position: relative;
  width: 13px;
  height: 9px;
}

.Icon--store-availability-out-of-stock {
  position: relative;
  width: 11px;
  height: 10px;
}

.store-availability-information-container {
  margin-left: 6px;
}

.store-availability-information__title {
  margin-bottom: 2px;
}

.store-availability-information__stock {
  margin-bottom: 5px;
}

.store-availability-information__stock,
.store-availability-information__link,
.store-availability-list__item-info {
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}

.store-availability-list__item:first-child {
  margin-top: 25px;
}

.store-availability-list__item {
  margin-top: 30px;
}

.store-availability-list__location,
.store-availability-list__stock {
  margin-bottom: 5px;
}

.store-availability-list__stock svg {
  margin-right: 3px;
}

.store-availability-list__contact {
  line-height: 1.45;
}

.store-availability-list__stock .Icon--store-availability-in-stock {
  top: -1px;
}

.store-availability-list__contact p {
  margin-bottom: 0; /* Remove the margin of the formatted address by Shopify */
}

/* Modal */

.store-availabilities-modal__product-information {
  text-align: left;
}


/* CUSTOM STYLE START 
===========================================================================*/

.font-primary {font-family: var(--font-primary);}
.font-secondary {font-family: var(--font-secondary);}
.font-tertiary {font-family: var(--font-tertiary);} 
.Caption {letter-spacing: 0.2em;}
.Rte .font-weight-700, .font-weight-bold, .font-weight-700 {font-weight:var(--font-weight-bold);}
.Rte .font-weight-600, .font-weight-medium, .font-weight-600 {font-weight: var(--font-weight-medium);}
.Rte .font-weight-500, .font-weight-thin, .font-weight-500 {font-weight:var(--font-weight-thin);}
.Rte .font-weight-400, .font-weight-regular, .font-weight-400 {font-weight:var(--font-weight-regular);}
.Rte .font-weight-300, .font-weight-light, .font-weight-300 {font-weight:var(--font-weight-light);} 
.uppercase{text-transform:uppercase;}
/* .underline{border-bottom: 1px solid;line-height:1.2;} */
.text-center{text-align:center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.float-left{float:left;}
.float-right{float:right;} 
.bg-white {background: #fff;}
.bg-black {background: #000;}
.bg-accent {color: #f94141;}
.color-accent {color: #f94141;}
.color-accent-primary {color:var(--accent-primary);}
.color-black{color:#000;}
.color-white{color:#fff;}
.color-light{color:var(--color-light);}
.color-light-grey{color:var(--color-light-grey);}
.color-dark-grey{color:var(--color-dark-grey);}
.color-grey{color:var(--color-grey);}
.d-flex{display:flex;}
.align-items-center{align-items:center;}
.align-items-end{align-items:end;}
.align-items-start{align-items:start;}  
.flex-flow-wrap{flex-flow: wrap;}  
.flex-flow-column{flex-flow: column;}
.justify-content-start{justify-content:start;}
.justify-content-between{justify-content:space-between;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-around{justify-content:space-around;} 
.justify-content-left{justify-content:left;}
.flex-wrap{ flex-flow:wrap;}
.flex-column{ flex-flow:column;}
.col-gap-5{column-gap:5px;}
.col-gap-10{column-gap:10px;}
.col-gap-15{column-gap:15px;}
.col-gap-20{column-gap:20px;}
.col-gap-25{column-gap:25px;}
.col-gap-30{column-gap:30px;}
.col-gap-40{column-gap:40px;}
.row-gap-5{row-gap:5px;}
.row-gap-10{row-gap:10px;}
.row-gap-15{row-gap:15px;}
.full-width{width:100%;}
.m-0{margin:0;}
.mt-0{margin-top:0;}
.mb-0{margin-bottom:0 !important;}
.mb-50{margin-bottom: 50px !important;}
.p-0{padding:0;}
.pt-0{padding-top:0;}
.pb-0{padding-bottom:0;}
.for-desktop{display:block;}
.for-desktop-search{display:block;}
.for-mobile{display:none;}
.font-size-14{font-size:14px;}
.font-size-15{font-size:15px;}
.font-size-16{font-size:16px;}
.text-transform-normal {text-transform: initial;}
.line-height-normal {line-height: 1.65;} 
.line-height-1 {line-height: 1;} 
.letter-spacing-0 {letter-spacing:0;}
.letter-spacing-body{letter-spacing: 0.015em;}
@media screen and (max-width: 767px) {
.for-desktop{display:none;}
.for-desktop-search{display:none !important;}
.for-mobile{display:block;} 
} 

.faq_tabContent .Collapsible__Inner a {
    display: inline-block;
    border-bottom: 1px solid;
    color: #000;
}
.Link--underline.color-light {
    color: #000;
}
.Link--underline.color-light:hover,
.SideCart_join_Link:hover,
.faq_tabContent .Collapsible__Inner a:hover {
    color: var(--color-light);
}
/* .Account_Page_Wrapper .Heading, */   
.MegaMenu__Push,
.Ftr_Newsletter_Wrapper .success_message .Heading,
.PDP_Mobile_Carousel .product__tag {
  line-height: 1.2;
} 
.loading {
    position: relative;
    background: #e7e7e7;
    margin: 1rem 0;
    overflow:hidden;
    height: .5rem; 
    border-radius: 3px; 
}
.loading:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateX(-100px);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
    animation: loading 0.8s infinite;
} 
.loading.mini-loading {width: 20%;}
.loading.small-loading {width: 50%;}
.loading.large-loading {width: 75%;}
@keyframes loading {
  100% {
    transform: translateX(100%);
 }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.css_loader {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid black;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 0 auto;
    display: inline-block;
}
.Check__Row .checkOuter input {
  position: absolute;
  opacity: 0;
}
.Check__Row .checkOuter label {
    position: relative;
    padding-left: 27px;
    cursor: pointer; 
}
.Check__Row .checkOuter label:before,
.Check__Row .checkOuter label:after {
    position: absolute;
    content: "";  
    border-radius: 50px;
}
.Check__Row .checkOuter label:before {
    width: 20px;
    height: 20px;
    border: 1px solid;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.Check__Row .checkOuter label:after {
    width: 12px;
    height: 12px;
    left: 4px; 
    top: 50%;
    transform: translate(0,-50%);
}
 
.checkOuter.check-white label {color: #fff;}
.checkOuter.check-black label {color: #000;}

.Check__Row .checkOuter input:checked + label:before { 
    border-color: var(--accent-primary);
}
.Check__Row .checkBoxOuter input:checked + label:before { 
    background: var(--accent-primary);
}

.checkOuter input:checked + label:after,
.checkOuter.check-white input:checked + label:after,
.checkOuter.check-black input:checked + label:after {
  background: var(--accent-primary);
}
.Check__Row .checkBoxOuter label:before {
  width: 18px;
  height: 18px; 
  border-radius: 0;
}
.Check__Row .checkBoxOuter label:after {
    border-radius: 0;
    background: transparent; 
} 
.Check__Row .checkBoxOuter input:checked + label:after{
  content: "\2713";
  border-radius: 0;
  background: transparent;
  font-size: var(--font-size-u-h8); 
  left: 5px;
  width: auto;
  height: auto;
  color: #fff;
} 
.hide-no-js img{width:100%;} 
.Header .Header__Icon:hover,
.Header .Link--primary:hover,
.Header .Link--secondary:hover,
.Footer__Social .Link:hover { transition: color .2s ease-in-out,opacity .2s ease-in-out;opacity: .7;}

.Header--logoLeft .Header__FlexItem--logo,
.Header--center .Header__FlexItem--logo { 
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
} 


.SidebarMenu__Nav .Link svg {
    fill: var(--navigation-text-color-light);
    width: 15px;
    vertical-align: -2px;
    margin-right: 5px;
} 
.SidebarMenu .Collapsible, .SidebarMenu .Linklist {border-color: #fff40;}
.BlackCard_Access_sm {margin-top: 30px;}
.BlackCard_Access_sm .BC_icon_text {
    fill: #fff;
    width: 110px;
    margin-bottom: 4px;
}
.BlackCard_Access_sm p {line-height: 18px;}
.footerTop {
    background: #f2f2f2;
    padding: 40px 0 35px;
    margin-bottom: 34px; 
} 
.Ftr_Newsletter_Wrapper .Email_Lbl {
    margin-bottom: 6px;
    display: table;
}
.klaviyo_helptext {
    margin-bottom: 6px;
}
.Klaviyo_Newsletter_Footer .Text__Content .Heading {
    margin-bottom: 6px;
}
.Klaviyo_Newsletter_Footer .fieldsSet { 
    padding-right: 15px;
}
.Klaviyo_Newsletter_Footer .NL__Form__Wrap input[type="email"] {
	border: 0;
    border: 1px solid #0d0d0d;
    padding: 10px; 
    background: transparent;
    border-radius: 0;  
    margin-right: 40px; 
}
.Klaviyo_Newsletter_Footer .fieldsSet input::-webkit-input-placeholder { color: var(--color-light-grey);}
.Klaviyo_Newsletter_Footer .fieldsSet input::-moz-placeholder { color: var(--color-light-grey);}
.Klaviyo_Newsletter_Footer .fieldsSet input:-ms-input-placeholder { color: var(--color-light-grey);}
.Klaviyo_Newsletter_Footer .fieldsSet input:-moz-placeholder {  color: var(--color-light-grey);}
.Klaviyo_Newsletter_Footer .CheckBox_Row {margin: 15px 0 8px;}
.Klaviyo_Newsletter_Footer .CheckBox_Row .Heading {margin-right: 40px;}
.Klaviyo_Newsletter_Footer .klaviyo_submit_button {padding: 7px 24px 9px;font-weight: var(--font-weight-medium);white-space: nowrap;} 
.Klaviyo_Newsletter_Footer .disclaimer_txt {
    line-height: 1.4;
    display: inline-block;
} 
.disclaimer_txt a {border-bottom: 1px solid;}
.Ftr_Newsletter_Wrapper .checkOuter {margin-right: 26px;}
.Ftr_Newsletter_Wrapper .checkOuter.last-check {margin-right: 0;}
.Ftr_Newsletter_Wrapper .success_message {padding: 27px 0;} 
.Ftr_Newsletter_Wrapper .klaviyo_subheader {font-size: var(--font-size-u-h6);}
@media screen and (max-width: 1023px) {
.Klaviyo_Newsletter_Footer .fieldsSet,
.Klaviyo_Newsletter_Footer .NL__Form__Wrap input[type="email"] {padding-right: 20px;margin-right:0;}
.Ftr_Newsletter_Wrapper .klaviyo_helptext.Heading {width: 100%;margin-bottom: 5px;}
}
@media screen and (max-width: 767px) {
.Klaviyo_Newsletter_Footer .Grid__Cell {width: 100%;}
.Ftr_Newsletter_Wrapper .klaviyo_field_group {flex-flow: wrap;}

.Klaviyo_Newsletter_Footer .fieldsSet, .Klaviyo_Newsletter_Footer .NL__Form__Wrap input[type="email"] {padding-right: 0;}  
.Klaviyo_Newsletter_Footer .klaviyo_form_submit,
.Klaviyo_Newsletter_Footer .klaviyo_submit_button {width: 100%;margin-top:10px;margin-bottom: 8px;}
.Klaviyo_Newsletter_Footer .Text__Content {margin-bottom: 12px;text-align:center;} 
.Klaviyo_Newsletter_Footer .CheckBox_Row {margin-top: 20px;}
.Klaviyo_Newsletter_Footer .disclaimer_txt {
    text-align: center;
}
}
.Footer__Inner .Heading {font-weight: var(--font-weight-medium);}
.Footer__Block.Collapsible {border: 0;}
.Linklist_Wrap .Collapsible__Button {padding:0;}
.Footer__Social .HorizontalList__Item { 
    margin-left: 8px;
    margin-right: 8px;
}
.Linklist-footer-first .Footer__Title,
.Linklist-firstfooter .Footer__Title {
    display: none;
}
.Footer__Block--links .Linklist__Item > .Link {color:var(--color-light);}
.Footer__Block--links .Linklist__Item > .Link:hover {color: #929292;}
.Linklist-footer-first .Linklist__Item > .Link,
.Linklist-firstfooter .Linklist__Item > .Link {
    font-family: var(--font-primary); 
    text-transform: uppercase;
    font-size: var(--font-size-u-h5);
    padding-top: 1px;
  color:#fff;
}
  
.Footer__Social .Icon {font-size: 1.2em;}
  
.Footer_Bottom_Links .Link {color: var(--color-light);}
.status_online {
    width: 10px;
    height: 10px;
    background: #59c522;
    display: inline-block;
    border-radius: 50px;
    vertical-align: -1px;
    margin-left: 5px;
}
.country_select_box { 
    max-width: 375px;
    margin-bottom: 80px;
}
.country_select_box .CountrySelector {
    cursor: pointer; 
    border-bottom: 1px solid #929292;
    padding-top: 8px;
    padding-bottom: 6px;
}   
.CountrySelector .selector_arrow {
/*
    width: 15px;
    height: 20px;
    position: relative;
    margin-left: 10px;
*/
}
.CountrySelector .selector_arrow:after {
/*
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI4NC45IDI4NC45Ij48cGF0aCBkPSJtMjgyIDc2LjUtMTQuMi0xNC4zYTkgOSAwIDAgMC0xMy4xIDBMMTQyLjUgMTc0LjQgMzAuMyA2Mi4yYTkgOSAwIDAgMC0xMy4yIDBMMyA3Ni41YTkgOSAwIDAgMCAwIDEzLjFsMTMzIDEzM2E5IDkgMCAwIDAgMTMuMSAwbDEzMy0xMzNhOSA5IDAgMCAwIDAtMTN6Ii8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 11px;
    content: "";
    display: inline-block;
    width: 15px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0; 
    filter: invert(1);
*/
}
.Footer_Bottom_Row {padding:15px 0;} 

.Linklist_Wrap.Linklist-footer-first .Collapsible__Inner, .Linklist_Wrap.Linklist-firstfooter .Collapsible__Inner {
    height: auto !important;
    visibility: visible;
}
.Header__Wrapper {position: relative;}
.Header__MainNav_Wrap {
    flex: none;
}
 .Footer__Copyright {
    color: var(--footer-text-color);
}
@media (max-width: 1239px) {
.Header__MainNav_Wrap{display:none;}
.Header_Account_Icon {display:none;}
}
.Header__Icon .Icon--hamburger {
    width: 24px;
    height: 18px;
}
.Footer__Copyright svg {
    width: 58px;
    fill: var(--color-light);
    margin-left: 4px;
}
.Footer_Bottom_Left .country_select_box {
    margin-bottom: 2px;
      padding: 0;
}
.Footer_Bottom_Left .country_select_box .CountrySelector {
border-bottom:0;
  padding:0;
}
.Footer_Bottom_Left .CountrySelector .Heading {
    line-height: 1;
    padding-top: 1px;
}
 
@media screen and (min-width: 1008px) {
.Linklist_Wrap .Collapsible__Button { 
  pointer-events: none;
  cursor: text;
}
.Linklist_Wrap .Collapsible__Button .Collapsible__Plus {display:none;}
.Linklist_Wrap .Collapsible__Inner { 
    height: auto !important;
    visibility: visible;
}
.Product__Gallery--stack .Product__SlideItem { 
    width: 50%;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    float: left;
}
}

@media screen and (max-width: 1007px) {
 
.footerTop { 
    margin-bottom: 26px;
}
.Footer__Inner { 
  flex-direction: column; 
} 
.Footer__Inner .Collapsible__Content { 
    padding-top: 8px;
    border-bottom: 1px solid var(--color-dark-grey);
    margin-bottom: 20px;
}
.Footer__Title {
    margin-bottom: 10px; 
}
.Linklist-firstfooter .Linklist__Item {
  margin-top: 15px;
}
.Linklist-firstfooter .Linklist__Item > .Link {
  font-size:var(--font-size-u-h4);
}
.Linklist-firstfooter .Collapsible__Content {
    padding-bottom: 0;
}
.Footer__Block {
    margin-top: 11px;
    margin-bottom: 0;
} 
.Footer__Social { 
  text-align: left;
  margin: 26px -12px 10px -12px;
}
.country_select_box {
    max-width: 100%;
    width: 100%;
    margin-bottom: 40px;
}
.country_select_box .Footer__Title {
    text-align: left;
}
.country_select_box .CountrySelector {
    float: left;
} 
.Footer__Social .HorizontalList__Item {
    margin-left: 10px;
    margin-right: 10px;
} 
.Footer_Bottom_Left {
    flex-flow: wrap;
    row-gap: 12px;
}
.Footer_Bottom_Links {
    justify-content: end;
    row-gap: 8px;
}
}
@media screen and (max-width: 767px) {
.Footer_Bottom_Row > div { 
  text-align: left;
  width: 100%;
  margin-bottom: 24px;
}
.Footer_Bottom_Row .Footer_Bottom_Left {
    margin-top: 16px;
}
.Footer_Bottom_Row,
.footer_Bottom_Right {flex-flow: column;}
.Footer_Bottom_Links {
    justify-content: start;
    margin-bottom: 10px;
    margin-top: 10px;
}
.Footer_Bottom_Links .Linklist {
        justify-content: start;
} 
.Footer_Bottom_Links .Linklist li {margin: 10px 0;}
 
.Footer__Copyright {color: var(--color-light);}
.Footer__Copyright svg {fill: var(--color-light);} 
.Footer__Aside { 
    border-top: 0;
}
}
@media screen and (max-width: 640px) {
.Header__LogoImage {
    width: 122px !important;
}
.Header__Icon .Icon--account { 
    width: 17px;
    height: 17px;
}
}


/* Banner Section Style START --------------------*/ 
.Video_Banner_Section .Video__Banner {
    height: calc(100vh - 32px);
}
.Video__Banner video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.Banner__Section:not(.Video_Banner_Section) {
  margin-top: 10px;
  margin-bottom: 10px;
} 
.Banner__Section.section-space-top,
.Banner__Image_with_Text.section-space-top {margin-top:50px;}
.Banner__Section.section-space-bottom,
.Banner__Image_with_Text.section-space-bottom  {margin-bottom:50px;}
.Add_Overlay{position:relative;z-index: 0;}
.Add_Overlay:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(4, 4, 4, 0.65)), to(rgba(54, 54, 54, 0.2)));
    background-image: linear-gradient(to top, rgba(4, 4, 4, 0.65), rgba(54, 54, 54, 0.2));
}

.Banner__Section .ButtonGroup {display:block;margin-top: 24px;}
.Banner__Section .Hero__Image {position:relative;overflow:hidden;}
.Banner__Section .Hero__Content {
  position:absolute;
  z-index: 1;
  padding:40px;
  
} 
.Single_Banner_Section .Hero__Content,
.Video_Banner_Section .Hero__Content,
.Triple_Banner_Section .Hero__Content {
  min-width: 260px;
}  
.Banner__Section .Heading {color:#fff;} 
.Banner__Section .bordered_heading {
  border: 1px solid;
  padding: 9px 10px 12px;
  border-radius: 5px;
}
.Banner__Section .Heading.u-h1 {
    font-size: var(--font-size-u-h1);
	line-height:1;
}


.Banner__Section .Heading.color-black {color: #000;}
.Text_Block_Section .SectionHeader__Heading.Heading {line-height: normal;}
.Heading_BorderLine {
  position: relative;
  padding-bottom: 14px;
}
.Heading_BorderLine:after {
  position: absolute;
  content: "";
  left:0; 
  bottom:0;
  width:60px;
  height:2px;
  background: #a80506;
}
.text-left .Heading_BorderLine:after { 
  transform: none;
  left:0;
  right:auto;
}
.text-center .Heading_BorderLine:after { 
  right:auto;
  left:50%; 
  transform: translate(-50%,0);
} 
.text-right .Heading_BorderLine:after { 
  transform: none;
  right:0;
  left:auto;
} 


.Banner__Section .SectionHeader__SubHeading.Text {
    font-size: var(--font-size-u-h5);
    color: #fff;
    margin-bottom: 10px;
/*     font-family: var(--font-secondary);
    font-style: italic;  */
} 
.Banner__Section .top-left { 
  top:0;
  left:0;
}
.Banner__Section .top-right { 
  top:0;
  right:0;    
  text-align:right;
}
.Banner__Section .top-center { 
  top:0;
  width: 100%;
  text-align: center;
}
.Banner__Section .hero-left {
  left:0;
  top:50%;   
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.Banner__Section .hero-right {
  right:0;
  top:50%;   
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align:right;
}
.Banner__Section .hero-middle {   
  top: 50%;
  left:50%; 
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.Banner__Section .bottom-left { 
  bottom:0;
  left:0;
}
.Banner__Section .bottom-right { 
  bottom:0;
  right:0;    
  text-align:right;
}
.Banner__Section .bottom-center { 
  bottom:0;
  width: 100%;
  text-align: center;
}
.Banner__Image_with_Text .Button{
  margin-top: 30px;
}
.Text_Block_Section .Text_Content a,
.Banner__Image_with_Text .SectionHeader__Description a {
  text-decoration: none;
  border-bottom: 1px solid;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
} 
.Banner__Image_with_Text .Link{
  margin-top: 14px;
  opacity:1;
}  
.Banner__Image_with_Text .SectionHeader__Description a:hover,
.Banner__Image_with_Text .Link:hover,
.Text_Block_Section .Text_Content a:hover { 
    opacity: .7;
}

.Divider_Space_Section .Divider_Row { 
  width: 100%;
  height: 1px;
  margin: 0 auto;
}
.Divider_Space_Section .Divider_Row.color-white {background: #333; }
.Divider_Space_Section .Divider_Row.color-black {background: #ccc; }

.Image_Carousel_Banner .swiper-pagination-bullet { 
  opacity: .5;
  background: #fff;  
} 
.Image_Carousel_Banner .swiper-pagination-bullet-active { 
    background: #fff;
    opacity: 1;
}

@media(min-width:1200px) {
.Banner__Section .hero-left,
.Banner__Section .bottom-left,
.Banner__Section .top-left{
  left:100px; 
}
.Banner__Section .hero-right,
.Banner__Section .bottom-right,
.Banner__Section .top-right{
  right:100px;
}   
}
@media(min-width:1600px) {
.Banner__Section .hero-left,
.Banner__Section .bottom-left,
.Banner__Section .top-left {
  left:140px; 
}
.Banner__Section .hero-right,
.Banner__Section .bottom-right,
.Banner__Section .top-right {
  right:140px;
}  
} 
@media(min-width:641px) {
.template-index .Banner__Section .Heading.u-h1,
.womens-landing-page .Banner__Section .Heading.u-h1 { 
    line-height: 1.2;
}
.Double_Banner_Wrap {
/*   padding: 30px 50px 0; */
  column-gap: 10px;
}
.Double_Banner_Wrap .Hero__Content {
    min-width: 340px;
}
.Join_BlackCardBanner .Heading.u-h1 {
  font-size: var(--font-size-u-h1);
}
}

@media(max-width:767px) {
.text-left-mobile {
  text-align: left;
}
.text-center-mobile {
  text-align: center;
}
.text-right-mobile {
  text-align: right;
}

.Banner__Section .top-left-mobile {
  bottom:auto;
  top:0;
  left:0;
  -webkit-transform: none;
  transform: none;
  text-align:left;
}
.Banner__Section .top-right-mobile { 
  top:0;
  bottom:auto;
  right:0;    
  text-align:right;
  -webkit-transform: none;
  transform: none;
  text-align:right;
}
.Banner__Section .top-center-mobile { 
  top:0;
  bottom:auto;
  left:0;
  width: 100%;
  text-align: center;
  -webkit-transform: none;
  transform: none;
}
  
.Heading_BorderLine:after { 
  right:auto;
  left:50%; 
  transform: translate(-50%,0);
}  
.TextIcon_Blocks_Row{
  flex-flow: column;
  row-gap: 60px;
} 
.Banner__Section.Mobile_Stacked_Banner .Hero__Content {
    position: relative;
    background: #a80506;
    margin-top: -50px;
    margin-left: auto;
    margin-right: auto; 
    max-width: 86%;
    transform: none;
    left: 0;
}
.Banner__Image_with_Text .Video__Banner video {
    position: static; 
    transform: none; 
    height: auto; 
}
.Video__Banner video { 
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);  
    width: 100%;
    height: 100%;
    object-fit: cover;
}
}

@media(max-width:640px) {
.Banner__Section .Hero__Content { padding: 35px 25px;}
.Banner__Section .top-left-mobile {
  bottom:auto;
  top:0;
  left:0;
  -webkit-transform: none;
  transform: none;
  text-align:left;
}
.Banner__Section .top-right-mobile { 
  top:0;
  bottom:auto;
  right:0;    
  text-align:right;
  -webkit-transform: none;
  transform: none;
  text-align:right;
}
.Banner__Section .top-center-mobile { 
  top:0;
  bottom:auto;
  left:0;
  width: 100%;
  text-align: center;
  -webkit-transform: none;
  transform: none;
}
.Banner__Section .hero-left-mobile {
  left:0;
  top:50%;   
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align:left;
}
.Banner__Section .hero-right-mobile {
  right:0;
  top:50%;   
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align:right;
}
.Banner__Section .hero-middle-mobile {   
  top: 50%;
  left:0; 
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  text-align: center;
}
.Banner__Section .bottom-left-mobile {
  top:auto;
  bottom:0;
  left:0;
  -webkit-transform: none;
  transform: none;
  text-align:left;
}
.Banner__Section .bottom-right-mobile { 
  top:auto;
  bottom:0;
  right:0;    
  text-align:right;
  -webkit-transform: none;
  transform: none;
  text-align:right;
}
.Banner__Section .bottom-center-mobile { 
  top:auto;
  bottom:0;
  left:0;
  width: 100%;
  text-align: center;
  -webkit-transform: none;
  transform: none;
}
.Banner__Section .Heading.SectionHeader__Heading,
.PDB_Section .hero__content .Heading { 
    line-height: 1.2;
} 
.Banner__Section .ButtonGroup {
    display: block;
    margin-top: 20px;
}
.Video__Banner { 
    position: relative;
}
.Video_Banner_Section .Video__Banner {
/*     height: calc(100vh - 80px); */
}
.Video__Banner video { 
/*     position: absolute;
    z-index: 1;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);  
    width: 100%;
    height: 100%;
    object-fit: cover; */
}
.stack_on_mobile {
    flex-flow: column;
    row-gap: 10px;
}
} 

.Join_BlackCardBanner {
    background: url(https://cdn.shopify.com/s/files/1/1147/5966/files/ground-bg-3.jpg?v=1598024660) center no-repeat;
    background-size: cover;
    padding: 40px 0;
}
.Join_BlackCardBanner, .Join_BlackCardBanner .Heading {color: #fff;}
.Join_BlackCardBanner .bc-icon-img {
    vertical-align: inherit;
    margin: 0 4px; 
    display: inline;
    fill: #fff;
    height: 24px; 
}
.Join_BlackCardBanner img.grid-view-item__image {max-width: 310px;}
@media (max-width: 767px){
.Join_BlackCardBanner img.grid-view-item__image {max-width: 200px;}
.Join_BlackCardBanner .FeatureText__ContentWrapper {
    padding-left: 0;
    padding-right: 0;
}
.Join_BlackCardBanner .Heading.u-h1 {font-size: calc(var(--font-size-u-h1) - 6px);}
.Join_BlackCardBanner .bc-icon-img {height: 19px;}
}
@media (max-width: 640px) {
.Join_BlackCardBanner {
    background: url(https://cdn.shopify.com/s/files/1/0019/4497/7466/files/BC_Section_BG_Mobile_New2.jpg?v=1627642142) center no-repeat;
    background-size: cover;
    padding: 25px 0;
} 
}
.Discount__MovingWrap { 
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.Discount__MovingWrap::-webkit-scrollbar {display: none;}
.Discount__MovingWrap .Section__Item {min-width: 23.76rem;}
.DiscountBanner_Section .Discount_Banner {position: relative;}
.DiscountBanner_Section .Discount_Banner:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.3);
    z-index: 0;
}
.DiscountBanner_Section .Discount_Banner .imgWrap {
    background-size: cover;
    background-repeat: no-repeat; 
} 
.DiscountBanner_Section .Discount_Banner .Box_Content {
    position: absolute; 
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}

/* Side Cart Custom Styling START ================================= */
.Progressbar_Wrap {
    width: 100%;
    height: 8px;
    border-radius: 10px;
    margin: 10px auto;
}
.Progressbar {
    height: 100%;
    border-radius: 10px;
    transition: ease all 0.3s;
}
.Progress_Grey {background: #e1e1e1;}
.Progress_Grey .Progressbar {background: #888;}
.Progress_Grey .Progress_Green {background: #5cbb28;}
.Progress_Green {background: #5cbb28;}
.Drawer_ShippingProgress {
	padding: 12px 0 4px;
    line-height: 1;
}
.Drawer_ShippingProgress .Progressbar_Wrap {max-width:260px; }
.Earn__points__Container {
  padding-top:10px;
  padding-bottom:10px;
}
.Drawer_ShippingProgress h3 span,
.Cart_FS_Message span {
    text-transform: lowercase;
    display: inherit;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-u-h8);
}
.Drawer_ShippingProgress h3 span:first-letter,
.Cart_FS_Message span:first-letter {
    text-transform: uppercase;
}
.Earn__points {
  font-size:var(--font-size-u-h8);
  line-height: 16px;
}
.Earn__points .BC_icon {width:16px;}
.Earn__points .BC_icon_text {
    vertical-align: -1px;
    width: 63px;
}
.CartItem__Title .CartItem__Color_Size {display: block;}
.CartItem__Variant {line-height: 1;}
#cust-cart-drawer {
  background: #f7f8f9;
  padding-top: 14px;
  padding-bottom: 11px;
}
#cart_drawer_large_title_loader {margin:6px 0;}
/* Side Cart Custom Styling END ================================= */


/* PDP GALLERY START 
=======================================================================*/
 
.PDP_POP_Slider {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1000;
  display:none; 
} 
.PDPSwiper { margin: 0 auto; }
.PDPSwiper .zoomImg { 
  margin: 0 auto;
  position:relative; 
  background-repeat: no-repeat;
  pointer-events: auto;
  cursor: zoom-in; 
  background-size: 80vw;
} 
.PDPSwiper .zoomImg img:hover{opacity:0;}
.PDPSwiper .swiper-slide img {  
  width: auto;
  max-width: max-content;
  max-height: max-content; 
}
 
.Product__Images .zoomImg {background: #fff !important;}
.swiper-initialized .swiper-button-disabled {display:none;}

@media (min-width: 1008px){
.Product__Images .swiper-slide img,
.PDPSwiper .swiper-slide img {
  padding:0;
  border:0;
} 
.PDP_POP_Thumb {
  position: fixed;
  left: 30px;
  top: 50%; 
  z-index: 999; 
  transform: translate(0,-50%); 
  background:#fff;
  padding:30px 0;
/*   max-height: 81%; */
  max-height: 38rem;
} 
.PDP_POP_Thumb:before,
.PDP_POP_Thumb:after {
    background: white;
    width: 100%;
    height: 80%;
    position: absolute;
    content: ""; 
    z-index: 99;
}
.PDP_POP_Thumb:before { bottom: 100%;}
.PDP_POP_Thumb:after { top: 100%;}
.PDP_POP_Thumb .swiper-slide img {
  padding:0; 
  border-color: #fff; 
}
.PDP_POP_Thumb .swiper-slide-thumb-active img {border: 1px solid #000 !important;}
span.popup_close {
    position: absolute;
    right: 20px;
    top: 14px; 
    cursor: pointer;
  	z-index:9; 
}
.popup_close svg {
    height: 16px;
    width: 16px;
    stroke-width: 1.25px;
}
.PDP_POP_Thumb .swiper-slide { 
  cursor:pointer;
  padding: 5px 0;
  height: auto !important;
  width: 3.924rem;
} 
.PDP_POP_Thumb .Image--fadeIn {opacity: 1;} 
.PDP_POP_Thumb .swiper-button {
    left: 0;
    right: auto;
    background: #fff;
    width: 100%; 
    color: #000;
}
.PDP_POP_Thumb .popup-thumb-prev {
    top: 5px;
    bottom: auto; 
} 
.PDP_POP_Thumb .popup-thumb-next {
    bottom: -17px;
    top: auto; 
} 
.PDP_POP_Thumb .swiper-button:after{ 
    position: absolute;
    left: 50%;
    transform: translate(-50%,-0) rotate(90deg);
} 
.PDP_POP_Thumb .swiper-button-disabled {
  display: block;
  opacity: 0;
  cursor: auto !important;
} 
.PDP_POP_Thumb .swiper-slide video {
width: 100%;
vertical-align: middle;
}
} 
.PDP_Mobile_Carousel {overflow:hidden;}
.PDPSwiper .zoomImg {height:100%;}
.PDPSwiper .swiper-wrapper,
.PDPSwiper .swiper-slide { 
  height:100% !important;
}
 
.PDP_POP_Slider .swiper-button:after,
.PDP_Mobile_Carousel .swiper-button:after {font-size: var(--font-size-u-h3);color:#000;}
.Product__Images .swiper-slide img{
/*   border: 1px solid transparent;padding: 1px; */
  background:#fff;}
.Product__Images .swiper-slide-thumb-active img {border: 1px solid #c5c5c5 !important;}
.Product__Images .swiper-slide video{width:100%;}

  
@media (min-width: 1008px){
.Product__Slideshow--New { 
  display: inline-block;
  width: 100%;
  margin-left: auto;
  margin-right: auto; 
  padding-left: 0; 
}
.product_colors_set .Product_Color_Item {
width:76px;
min-height:96px;
}
}

.Product__SlideItem.cust-hide {display: none !important;}
.PDP_Mobile_Carousel .Product__SlideItem.cust-hide {display: block !important;}

@media (max-width: 1007px){
 
.ShowMoreLess_Imgs_Btn { 
    display: none !important;
}
.Product__Gallery {
    display: block !important;
    margin-bottom: 25px;
}
.Product__ActionList {display: none;}
.Product__Images .PDP_Mobile_Carousel {
    position: relative; 
} 
.Product__Images .swiper-pagination { 
    z-index: 1;
    bottom: 20px;
} 
.Product__Images .swiper-pagination .swiper-pagination-bullet-active { 
    background: #000;
} 
.PDP_POP_Slider {display:none !important; }
}
.PDP_Mobile_Carousel .swiper-button-disabled {
    display: none;
} 
 
 
.Breadcrumbs_Wrapper {
    margin-top: 14px;
    margin-bottom: 14px;
    padding: 7px 0;
}
.breadcrumbs__item {
    display: inline-block;
}
.breadcrumbs__item:not(:last-child):after { 
    display: inline-block;
    content: "/";
    width: 10px;
    height: 10px;
    margin: 0 0.2em; 
} 
.ProductMeta__Title span {
    display: block; 
    margin-bottom: 10px;
}
.reviewStrip {margin-top: 20px;}
.ruk_rating_snippet br {display: none;}
.colors_set_preloader { 
    padding: 0 0 1px;
} 
.colors_set_preloader .loading { 
    height: 101px;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    margin:0;
} 
.product_colors_set{width:100%;margin-bottom: 10px;position: relative;overflow:hidden;}
.product_colors_set .swiper-button { 
    width: 15px;
    background: #000;
    background-size: 0.9rem;
    background-position: center; 
    margin-top: 0; 
    height: calc(100% - 32px); 
    top: 32px;
}
.product_colors_set .product-colors-next { right:0;}
.product_colors_set .product-colors-prev { left:0;}
.product_colors_set .swiper-button:after {
    font-size: var(--font-size-u-h8);
    color: #fff;
    font-weight: 800;
}
.product_colors_set .Product_Color_Item--active {border: 1px solid var(--accent-primary);}
 
@media(max-width:767px) {
.colors_set_preloader .loading {
    height: 77px; 
}
}
@media(max-width:640px) {
.ProductMeta__Title { 
    line-height: 1.2;
    margin-top: 6px;
    margin-bottom: 10px;
}
}

.Sizing_labels h5.Heading {
    margin-top: 7px;
    line-height: 1.6;
} 
.sizechartlink svg {
    width: 18px;
    fill: #888;
    vertical-align: -5px; 
    margin-right: 3px;
  display:none;
}
.sizechartlink span {
  color: #888;
  border-bottom: 1px solid;
  line-height: 1.7;
}
.SizeSwatchList { 
    margin-top: 10px;
    margin-left: -3px;
    margin-right: -3px; 
}
.SizeSwatchList .SizeSwatch_Element { margin: 0 3px;  }
.SizeSwatchList .SizeSwatch_Element.Out_of_Stock label,
.Nosto_Bundle_3PK .content_side .swatch .swatch-element.Out_of_Stock label {
    color: #c4c4c4; 
/*     overflow: hidden; */
    position: relative;
}
.Out_of_Stock .OOS_Size_SVG {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}
.Out_of_Stock .OOS_Size_SVG line { 
  stroke: #bbb;
  stroke-width:1;
}
.Out_of_Stock .notify_svg {
    display: block;
    width: 12px;
    fill: #000;
    position: absolute;
    bottom: 2px;
    right: 4px;
}
.SizeSwatchList .SizeSwatch_Element.Out_of_Stock input:checked+label,
.SizeSwatchList .SizeSwatch_Element.Out_of_Stock label:hover {
    background: #fff;
    color: #000;
} 
.SizeSwatchList .SizeSwatch_Element.Out_of_Stock input:checked+label .notify_svg,
.SizeSwatchList .SizeSwatch_Element.Out_of_Stock label:hover .notify_svg {
    fill: #000;
}
.SizeSwatchList .SizeSwatch_Element.Out_of_Stock input:checked+label .OOS_Size_SVG line,
.SizeSwatchList .SizeSwatch_Element.Out_of_Stock label:hover .OOS_Size_SVG line,
.Nosto_Bundle_3PK .swatch .swatch-element.Out_of_Stock input:checked+label .OOS_Size_SVG line,
.Nosto_Bundle_3PK .swatch .swatch-element.Out_of_Stock label:hover .OOS_Size_SVG line {
    stroke: var(--accent-primary);
}
.LS_Message {color: #b06667;margin-bottom: 14px;}
.LS_Message + .ProductForm__BuyButtons {
/*   margin-top: 14px; */
}
.Model_Info {
    width: 100%;
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 15px;
    text-align: left; 
}
.Product__Tabs .Model_Info {margin-top: 0;} 
.Product_SocialSharing {position: relative;margin-top: 24px;}
.Product_SocialSharing .sharing_trig { max-width: 68px;cursor: pointer;transition: ease all .25s;}
.Product_SocialSharing .sharing_trig:hover {color: #000;}
.Product_SocialSharing .sharing_trig:hover {opacity:1;}
.Product_SocialSharing .sharing_trig svg {
    width: 14px;
    min-width: 14px;
    margin-right: 10px;
}
.Share_Heading:hover {color: #000;}
.Product_SocialSharing .sharingMenu .SharingMenu_Heading { 
    float: left;
    margin-top: 9px;
    margin-right: 15px;
}
.Product_SocialSharing .sharingList { list-style: none; } 
.Product_SocialSharing .sharingList li span {
    width: 36px;
    height: 36px;
    margin: 0 auto;
    background: #ccc;
    border-radius: 6px; 
}
.Product_SocialSharing .sharingList li svg {
    fill: #fff;
    width: 20px;
    max-height: 20px;
}
.Product_SocialSharing .sharingMenu { 
    display:none;
	position: absolute;
    top: 34px;
    background: #eee;
    padding: 12px 18px 12px;
    z-index: 99;
}
.Product_SocialSharing .sharingList li.url span {background: #1d1d1d;}
.Product_SocialSharing .sharingList li.fb span {background: #113f8d;}
.Product_SocialSharing .sharingList li.tw span {background: #209eff;}
.Product_SocialSharing .sharingList li.pin span {background: #ab0a00;}
.Product_SocialSharing .sharingList li.env span {background: #020202;}
.Product_SocialSharing .sharingList li.wa span {background: #25D366;}
.Product_SocialSharing .sharingList li.pin a {
    font-size: 0;
    border-radius: 6px;
    width: 36px;
    height: 36px;
    background-position: center;
    background-size: 20px !important;
    display: flex;
    background: #dd0808;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.Product_Info_VideoBlock > .Heading {
    margin: 20px 0;
}
.Product_Info_VideoBlock .text-center {
    margin-top: 15px;
}
.Product_Info_VideoBlock > .Heading {
  line-height: normal;
}
.VideoIframe_Wrap { 
    position: relative;
    padding-top: 56.25%;
    margin-top: 10px;
}
.VideoIframe_Wrap iframe {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}  


/* Nosto section Styling START
=====================================================*/
.nosto_index_section {
  overflow:hidden;
}
 


.Nosto_Rec_Section.PDP_Nosto_Rec .Nosto_Rec_Slider,
.Nosto_Rec_Section.Checkout_Nosto_Rec .Nosto_Rec_Slider {
    overflow: hidden;
}
.Nosto_Rec_Container.Centered,
.Product_Detailed_Banners .Container {
  max-width: 1700px;
  padding: 0 24px;
}
.Nosto_Rec_Container .Headings_Wrap {
    row-gap: 8px;
}
.Nosto_Rec_Container .Headings_Wrap .SectionHeader__Heading {
  margin: 5px 0 0; 
  line-height: 1;
} 
.Nosto_Rec_Container .Headings_Wrap .SectionHeader__SubHeading{ 
  line-height: 1;
  margin: 0;
}
.Nosto_Rec_Container .Nosto_ViewAll_Btn { 
  white-space: nowrap;
} 
.Nosto_Rec_Section { 
  margin:0 auto 70px; 
  margin-top:1.6em;
  position:relative;
} 
.Nosto_Rec_Slider { 
  overflow: visible;
    display: flex;
    flex-direction: column;
    touch-action: pan-y;
}
.Nosto_Rec_Slider .swiper-slide {width: calc(20% - 8px);list-style:none;}
.Nosto_Rec_Section .Nosto_Item_Img_Container {position: relative;}
.Nosto_Rec_Slider .Nosto_Item_Img {
  padding-top:125%;
  overflow: hidden;
  background-image: url("$!product.thumb(9)");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { 
    cursor: not-allowed; 
    pointer-events: auto;
}
.Nosto_Rec_Section .swiper-button,
.Blog_Posts_Slider_Container .swiper-button { 
    background-color: #E5E5E5;
    width: 30px;
    height: 30px;
    padding: 7px;
    border-radius: 50%;
    top: -45px; 
    margin-top: 0;
    opacity: .7;
    transition: ease all .25s;
}
.Nosto_Rec_Section .swiper-button:hover,
.Blog_Posts_Slider_Container .swiper-button:hover {  
      opacity: 1;
}
.Nosto_Rec_Section .swiper-button-next.swiper-button-disabled, .Nosto_Rec_Section .swiper-button-prev.swiper-button-disabled,
.Blog_Posts_Slider_Container .swiper-button-next.swiper-button-disabled, .Blog_Posts_Slider_Container .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
}
.Nosto_Rec_Section .swiper-button-prev,
.Blog_Posts_Slider_Container .swiper-button-prev { 
    right: 40px;
    left: auto;
}
.Nosto_Rec_Section .swiper-button-next,
.Blog_Posts_Slider_Container .swiper-button-next { 
    right:0;
}
.Nosto_Rec_Section .swiper-button:after,
.Blog_Posts_Slider_Container .swiper-button:after {
    color: #000;
    font-size: 10px;
    font-weight: 900; 
}
.Nosto_Item_Title { 
  margin: 18px 0 0; 
  overflow-wrap: break-word;
  white-space: normal;
  line-height: 1.2em;
  min-height: 1em;
}
.template-index .Nosto_Rec_Container .Headings_Wrap .SectionHeader__Heading,
.template-index .Nosto_Item_Title,
.template-index .ProductItem__Price  {
/*   color:#fff; */
}
.Nosto_Rec_Section .Nosto_Item_Size_Select {
    display: none;
    float: right;
    border-radius: 0;
    float: right !important;
    width: 70px !important;  
    border: 1px solid rgb(221, 221, 221);
    line-height: 1em;
    height: 25px;
    padding: 0px 10px; 
}
.Nosto_Rec_Section .Nosto_Rec_Error {
  display: none;
  background-color: rgb(255, 182, 193);
  border-radius: 4px;
  padding: 1em;
  margin-bottom: 10px;
} 
#custom-loader + .C_add_to_cart,
#custom-loader + .sizeName {
  display:none;
} 
.Nosto_Rec_Section .Nosto_Sizes_Container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; 
    max-height: 0;
    overflow: hidden;
    transition: 0.3s max-height ease;
}
.Nosto_Rec_Section .Nosto_Item_Img_Container:hover .Nosto_Sizes_Container {max-height: 100%;}
.Nosto_Rec_Section .Nosto_Quick_Add:not(.Nosto_Quick_Add_Btn ) {
    background: #fff;  
    padding: 10px 10px 0;  
    transition: 0.5s background-color ease,0.5s color ease;
}
.Nosto_Rec_Section .Nosto_SizeSelect_List { 
  padding: 15px 0 10px;
  list-style:none;
  background: #fff;
  margin-left: -2px;
  margin-right: -2px;
} 
.unavail_size_svg, .notify_svg, .OOS_Size_SVG {display: none;}
.Nosto_Rec_Section .Nosto_SizeSelect_ListItem.nosto-unavailable {
    color: #ccc;
    pointer-events: none;
}
.soldout .unavail_size_svg,
.unavailable .unavail_size_svg,
.nosto-unavailable .unavail_size_svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #ccc;
}
.Nosto_Rec_Section .Nosto_Quick_Add_Btn {
  padding: 7px 12px; 
  line-height: 1.8;
  width: calc(100% - 20px);
  margin: 0 auto 10px;
  display: table;
  cursor:pointer;
}
.Nosto_Rec_Section .Nosto_ATC_Btn {
    padding: 10px 28px;
    margin-top: 12px;
  display:none;
}

.Home_Nosto_Rec .Nosto_Rec_Slider.swiper-css-mode>.margin-left-0 {
/*   margin-right: -24px; */
    width: calc(100% + 24px); 
}
.Home_Nosto_Rec .Nosto_Rec_Slider.swiper-css-mode>.swiper-wrapper:not(.margin-left-0) {  
/*   margin-right: -24px; */
/*     margin-left: -24px; */
    width: calc(100% + 24px); 
}

.Nosto_ViewAll_Btn {display:none;}


.Nosto_Blog_Above_Slider .swiper-wrapper {
    margin: 0;
    padding: 0;
} 
.template-article .Rte .Nosto_Item_Title {
   font-size: var(--font-size-u-h7);
   line-height: 1.2em !important; 
}
.template-article .Nosto_Item_Title a {
    text-decoration: none !important;
    font-family: var(--font-tertiary);
    text-transform: initial;
    letter-spacing: 0.015em;
    color: #000 !important;
    line-height: 1.2em !important;
}
.template-article .Nosto_Item_Title {
    margin: 18px 0 0 !important; 
} 
.template-article .Nosto_Rec_Section .Nosto_SizeSelect_ListItem { 
  white-space: nowrap; 
}
.template-article .ProductItem__LabelList,
.template-article .Nosto_Rec_Section .Nosto_SizeSelect_ListItem, 
.template-article .ProductItem__PriceList {
    font-family: var(--font-tertiary) !important;
}
.Nosto_on_BlackBG .Nosto_Item_Title,
.Nosto_on_BlackBG .Nosto_Item_Title span,
.Nosto_on_BlackBG .ProductItem__Price {color: #fff;}

@media screen and (min-width: 641px) {
.Nosto_Rec_Container.Centered { 
  padding: 0 50px; 
} 
}
@media screen and (min-width: 1008px) {
.Nosto_Rec_Container.Centered { 
  padding: 0 55px; 
} 
}
@media(max-width:1024px) {
.Nosto_Rec_Slider .swiper-slide,
.Nosto_Preloaders_Container .Nosto_Rec_Slider .swiper-slide {width: calc(25% - 12px);margin-right: 12px;}
.Nosto_Rec_Section .Nosto_Sizes_Container { 
    display: none;
} 
}
@media(max-width:768px) {
.Nosto_Rec_Slider .swiper-slide,
.Nosto_Preloaders_Container .Nosto_Rec_Slider .swiper-slide {width:44.5%;margin-right: 12px;}
.Nosto_Rec_Slider .swiper-button {display:none;}
}
@media(max-width:767px) {
.Nosto_Rec_Slider .swiper-slide,
.Nosto_Preloaders_Container .Nosto_Rec_Slider .swiper-slide {width:65.2%;margin-right: 12px;} 
.Nosto_ViewAll_Btn {display:block;}
}
@media(max-width:640px) {
.Nosto_Rec_Container .Headings_Wrap .SectionHeader__Heading {
  font-size:calc(var(--font-size-u-h3) + 2px);
}
.Nosto_Rec_Section { 
  margin-bottom: 45px;  
} 
}
/* Nosto section Styling END
=====================================================*/


/* Nosto Bundle Product Page START 
========================================================*/
.Nosto_Bundle_Section {margin-top: 40px;}
.Nosto_Bundle_Section .nosto-bundle-images-section {
    padding-top: 16px;
}
.Nosto_Bundle_Section .Bundle_Slide_Content {display: none;}
.Nosto_Bundle_Section .nosto_element ul li{list-style: none;}
.Nosto_Bundle_Section .nosto_element .nosto-title { 
    margin-bottom: 0; 
}
.Nosto_Bundle_Section .Nosto_Bundle_Container {
    border: 1px solid #d9d9d9;
    padding: 15px;  
} 
.Nosto_Bundle_Section .nosto-bundle-details-section { 
  padding: 20px 0; 
} 
.Nosto_Bundle_Section .Nosto_Bundle_Container .nosto-bundle-list { margin: 0 -20px;}

.Nosto_Bundle_Section .Nosto_Bundle_Container .nosto-bundle-details-section .nosto-bundle-list {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  padding: 15px 0;
  margin: 0;
}
.Nosto_Bundle_Section .nosto_element .Nosto_Bundle_Container .nosto-bundle-item {
  position:relative;
/*   width: 33.3333%; */
  padding:0 20px;
  margin:0; 
  cursor: pointer;
}
.Nosto_Bundle_Section .nosto_element .nosto-bundle-images-section .nosto-bundle-item {
    max-width: 210px;
}
.Nosto_Bundle_Section .Nosto_Bundle_Container .nosto-bundle-item.bundle_Items_2:before {
    position: absolute;
    content: "+";
    right: auto;
    left: -7px;
    top: calc(50% - 30px);
    font-size: 30px; 
}  
.Nosto_Bundle_Section .nosto_element .productitem--image {margin:0;} 

.Nosto_Bundle_Section .nosto_element .nosto-bundle-details-section .nosto-bundle-item {
  width: 100%; 
  padding: 14px 0;
}
.Nosto_Bundle_Section .nosto_element .nosto-bundle-details-section .nosto-bundle-item:last-child {
  border-bottom:0; 
}
 
.Nosto_Bundle_Section .Bundle_Product_Detail_Wrap .Check_Column {
    position: relative; 
}
.Nosto_Bundle_Section .nosto_element .Check_Column .nosto-checkbox {   
  width: 24px;
  height: 24px;
  transition: 0.5s border ease, 0.5s background-color ease;
  padding: 4px;
}
.Nosto_Bundle_Section .nosto_element .nosto-bundle-item[nosto-bundle-selected] .nosto-checkbox {
    background-color: var(--accent-primary);
    border: 2px solid var(--accent-primary);
}
.Nosto_Bundle_Section .nosto_element .nosto-checkbox {
    border: 2px solid var(--accent-primary);
}
.Nosto_Bundle_Section .nosto_element .nosto-checkbox img{ 
    opacity:0; 
}
.Nosto_Bundle_Section .nosto-bundle-item[nosto-bundle-selected] .nosto-checkbox img{
    opacity: 1;
}
.Nosto_Bundle_Section .Bundle_Product_Detail_Wrap .Info_Column { 
    padding-left: 12px; 
} 
.Nosto_Bundle_Section .Product_Color {
    display: block; 
    margin: 5px 0 10px; 
} 
.Nosto_Bundle_Section .Bundle_Product_Detail_Wrap .Variant_Column {
  width: 90px;
  min-width: 90px;
}
.Nosto_Bundle_Section .Bundle_Product_Detail_Wrap .Variant_Column select {
    border-color: #ddd;
    padding: 5px 4px; 
    -webkit-border-radius: 0;
      border-radius: 0;
}  
.Nosto_Bundle_Section .BundleSlider_Trig .Collapsible__Plus {
    position: absolute;
    right: 0;
    width:16px;
    top: calc(50% - 6px);
    transition:ease all .25s;
} 
.Nosto_Bundle_Section .nosto_element .nosto-bundle-bottom .nosto-bundle-atc { 
    margin-top: 12px;
    margin-bottom: 12px; 
} 
.Nosto_Bundle_Section #nosto-btn[disabled="true"] {
    opacity: 0.6;
    cursor: not-allowed !important;
}
.Bundle_TotalRow .Price--highlight.black-price {
    color: var(--color-light);
}

.BundleSlider_Trig.Opened .Collapsible__Plus::before {opacity: 0;}
.BundleSlider_Trig.Opened .Collapsible__Plus::before {transform: translate(-50%, -50%) rotate(90deg);}
.BundleSlider_Trig.Opened .Collapsible__Plu::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.Nosto_Bundle_Container #empty-message {
    margin-bottom: 10px;
    margin-top: 8px;
} 
.Bundle_TotalRow.collapsed {
    border-top: 1px solid #d9d9d9;
    margin-top: 20px;
    padding-top: 14px;
}
.Bundle_TotalRow .BundleSlider_Trig {
    position: relative;
    cursor: pointer;
} 
@media(max-width:1007px) {
.Nosto_Bundle_Section { margin-bottom: 30px;}
.Nosto_Bundle_Section .nosto_element .nosto-title { margin-top: 0 !important;}
}
/* Nosto Bundle Product Page END 
========================================================*/


/* Boxer Bundle 3PK Section START */
.Nosto_Bundle_3PK { 
    border: 1px solid #d9d9d9;
    padding: 15px;
    margin-top:20px;
}
.Nosto_Bundle_3PK .img_side {
  width: 138px;
  min-width: 138px; 
  margin-right: 15px;
  padding: 10px;
} 
.Nosto_Bundle_3PK .content_side .Heading { 
  margin-bottom: 0px; 
} 
 
.Nosto_Bundle_3PK .content_side .SizeSet {
  margin-top: 15px;  
}
.Nosto_Bundle_3PK .content_side .SizeSet .SizeHeading {
    margin-bottom: 6px;
    line-height: 1;
}
.Nosto_Bundle_3PK .content_side .SizeSet .SizeHeading.color-red {
	color: var(--product-sale-price-color);
}
 
.Nosto_Bundle_3PK .content_side .Button {
    padding-top: 11px;
    padding-bottom: 11px;
}

.Nosto_Bundle_3PK .content_side .swatch.clearfix { 
  margin: 0 -3px 1em;
} 
.Nosto_Bundle_3PK .content_side .swatch.clearfix.size-select-error {
    border: 1px solid var(--product-sale-price-color);;
    column-gap: 6px;
    margin-left: 0px;
    margin-right: 0;
}
.Nosto_Bundle_3PK .content_side .swatch.clearfix.size-select-error:before,
.Nosto_Bundle_3PK .content_side .swatch.clearfix.size-select-error:after,
.Nosto_Bundle_3PK .content_side .swatch input {
    display:none;
}
.Nosto_Bundle_3PK .content_side .swatch .swatch-element {
    width: 100%;
    text-align: center;
    margin: 0 3px;
    position: relative;
}
.Nosto_Bundle_3PK .content_side .swatch.size-select-error .swatch-element {
    margin: 0;
}
.Nosto_Bundle_3PK .content_side .swatch .swatch-element label {
    padding: 5px 0;
    display: block;
    cursor: pointer;
    height: 30px;
    line-height: 19px;
    border: 1px solid #c5c5c5;
    transition: ease all .25s;
}


.Nosto_Bundle_3PK .content_side .swatch .swatch-element:hover label,
.Nosto_Bundle_3PK .content_side .swatch .swatch-element input:checked + label {
    border-color: var(--accent-primary);
    background: var(--accent-primary);
    font-weight: var(--font-weight-medium);
    color: #fff;
} 
.Nosto_Bundle_3PK .content_side .swatch .swatch-element.Out_of_Stock input:checked+label,
.Nosto_Bundle_3PK .content_side .swatch .swatch-element.Out_of_Stock label:hover {
    background: #fff;
    color: #000; 
}
.Nosto_Bundle_3PK .content_side .swatch .swatch-element.Out_of_Stock {
    cursor: not-allowed !important;
}
.Nosto_Bundle_3PK .content_side .swatch .swatch-element.Out_of_Stock label {
    pointer-events: none;
}
.Nosto_Bundle_3PK .content_side .swatch .swatch-element.Out_of_Stock:hover label {
  background: #fff;
  color: #c4c4c4;
  border-color: #c5c5c5;
}

@media(max-width:479px) {
.Nosto_Bundle_3PK .img_side {
  width: 120px;
  min-width: 120px; 
  padding: 5px;
}
}
/* Boxer Bundle 3PK Section END */

/* Side Cart Nosto START
=================================================================*/
.Side_Cart_Nosto .Nosto_Title {padding: 10px;}
.SideCart_Nosto_Items_List {
  list-style:none;
  padding: 0 20px;
  margin: 0;
  border-bottom: 1px solid #f7f8f9;
  background: #f7f8f9;
}
.SideCart_Nosto_Item {padding: 20px 0;}
.Side_Cart_Nosto .SideCart_Nosto_Items_List > li+li {border-top: 1px solid #fff;}
.SideCart_Nosto_Item_Img {max-width: 90px;} 
.SideCart_Nosto_Item_Title > span {display: block;}
.SideCart_Nosto_Item_Sizes {
    max-width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(//cdn.shopify.com/s/files/1/2325/8929/files/arrow-down.png?6613408391136467583);
    background-size: 10px auto; 
    background-repeat: no-repeat; 
    margin: 5px 0;
    border-radius: 0;
    padding: 6px 30px 6px 5px;
    border: 1px solid #ccc;
    width: 120px;
    background-position: calc(100% - 10px) center;
}
.SideCart_Nosto_Item_SlctSize {
    float: right;
    height: 40px;
    margin-top: 3px;
}
.SideCart_Nosto_Item_SlctSize .Button,
.SideCart_Nosto_Item_AddBtn .Button {
  padding: 6px 10px 7px;
  width: 94px;
}
.SideCart_Nosto_Item_SlctSize .Button[disabled] {opacity: .5;}
.SideCart_Nosto_Item_AddBtn {
    float: right;
}
.SideCart_Nosto_Item_SlctSize .Button .css_loader,
.SideCart_Nosto_Item_AddBtn .Button .css_loader {
    width: 16px;
    height: 16px;
}
@media (max-width: 501px) {
.CartItem__ImageWrapper,
.SideCart_Nosto_Item_Img {max-width: 80px;} 
.SideCart_Nosto_Item_Img {min-width: 80px;}
.SideCart_Nosto_Item_Sizes {
    width: 82px ; 
}
.SideCart_Nosto_Item_SlctSize .Button { 
    padding: 6px 8px 7px;
    width: 84px;
}
}

/* Side Cart Nosto END
=================================================================*/

.PDP_Featured_Gallery {
  width:100%;
  float:left;
}
.Featured_Gallery_container {
  width:100%;
  margin:0 auto;
  max-width:2000px;
}
.PDP_FeatureImageWrapper { float:left;} 
.PDP_FeatureImageWrapper img {
  max-width:100%;
  float:left;
  padding:5px;
}
.PDP_FeatureImageWrapper:nth-child(1) img { 
    padding: 5px 10px;
}
.PDP_FeatureImageWrapper:nth-child(2) img {
    padding-left: 10px;
  	padding-bottom: 10px;
}
.PDP_FeatureImageWrapper:nth-child(3) img {
    padding-right: 10px;
   	padding-bottom: 10px;
}
.PDP_FeatureImageWrapper:first-child , .PDP_FeatureImageWrapper:last-child{width:100%; }
.PDP_FeatureImageWrapper:nth-child(2),.PDP_FeatureImageWrapper:nth-child(3){width:50%;}
  
.color-red{color:#f94141;}
.size-select-error {
    border: 1px solid #f94141;
    column-gap: 6px;
    margin-left: 0px;
    margin-right: 0;
}
.size-select-error:before,
.size-select-error:after{display:none;}
.size-select-error .SizeSwatch_Element {margin: 0;}
.Product__Images .PDPItem__Tag {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 2;
    color: #fff;
}
.New_Tag, 
.SoldOut__Tag,
.ComingSoon__Tag,
.ComingSoon_Tag,
.PreOrder__Tag {background: #000; }
.Discount_Tag {background: #dd0808;}
.ShowMoreLess_Imgs_Btn { 
  position: absolute;  
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  opacity:0; 
}
.ShowMoreLess_Imgs_Btn.NowWork {opacity: 1; }

/* Sticky ATC button UPDATES START
==============================================================*/
.Mobile_sticky_ATC.Button,
.Parent_notify_me_when_avalible_sticky.Button { 
  position: fixed;
  bottom: 0;
  left: 0;
  z-index:10;  
  background: transparent;
  border: 0;
  padding: 15px; 
  opacity: 0;
  visibility: hidden;
  transition: ease all .25s;
}  
.Mobile_sticky_ATC.Button .C_add_to_cart_sticky,
.Parent_notify_me_when_avalible_sticky.Button .C_notify_me_when_avalible_sticky {
  background: var(--accent-primary);
  border: 1px solid var(--accent-primary); 
  display: inline-block;  
  border-radius: 5px;
  font-size: 0;
  padding: 0;
  opacity: 0;
  width:0; 
  transition:ease all .25s;
}
.Mobile_sticky_ATC.Button:hover,
.Parent_notify_me_when_avalible_sticky.Button:hover {
    background: transparent;
    color:#fff;
    border-color: transparent; 
}
.Mobile_sticky_ATC.Button .C_add_to_cart_sticky:hover,
.Parent_notify_me_when_avalible_sticky.Button .C_notify_me_when_avalible_sticky:hover {
    background: #fff;
    color:#000;
    border-color: var(--accent-primary); 
} 
.Mobile_sticky_ATC.show.super-hide,
.Mobile_sticky_ATC.super-hide {
    display: none !important;
}
 
@media(max-width:640px) {
.Mobile_sticky_ATC.show,
.Parent_notify_me_when_avalible_sticky.show {
  opacity: 1;
  visibility: visible;
}  
.Mobile_sticky_ATC.show .C_add_to_cart_sticky,
.Parent_notify_me_when_avalible_sticky.show .C_notify_me_when_avalible_sticky {
  width: 100%;
  font-size: var(--font-size-u-h5); 
  opacity: 1; 
  padding: 12px 28px 14px;
}
.klaviyo-bis-trigger-sticky {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}
.klaviyo-bis-trigger-sticky .Button {
    transition: ease all .25s;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    font-size: 0;
    padding: 0;
    opacity: 0;
    width: 0 !important;
    display: block !important;
    margin: 0 !important;
}
.klaviyo-bis-trigger-sticky .Button.show {
    font-size: 18px;
    padding: 18px 28px;
    opacity: 1;
    width: 100% !important;
    border-radius: 0;
}
}
/* Sticky ATC button UPDATES END
==============================================================*/

@media(max-width:1007px) {
.Meta_Colors_Group {
    display: flex;
    flex-flow: column;
}
.colors_set_preloader { order: 1;}
.product_colors_set  { order: 2;margin-bottom: 18px;}
.ProductMeta { order: 3;padding-bottom: 0;margin-bottom: 0;}
 
.Product__InfoWrapper {margin-top: 14px;}
.Collapsible--large .Collapsible__Button {
  padding-top: 20px;
  padding-bottom: 20px;
}

.Product__Tabs .Collapsible--large .Collapsible__Button {
    padding-top: 22px;
    padding-bottom: 18px;
}
.Product__Tabs {margin-bottom: 32px;margin-top: 40px;}
.Product__Images .PDPItem__Tag { 
    right: 8px;
    top: 4px; 
}
}
@media(max-width:767px) {
.Product_SocialSharing .sharingMenu { padding-bottom: 10px;}
.Product_SocialSharing .sharingList { column-gap: 8px;}
.Product_SocialSharing .sharingMenu .Heading {margin-right: 10px;}
.Product_SocialSharing .sharingList li span,
.Product_SocialSharing .sharingList li.pin a {
    width: 32px;
    height: 32px;
}
.Product_SocialSharing .sharingMenu .SharingMenu_Heading {  
    margin-top: 5px; 
}
}
@media (max-width: 374px) {
.Product_SocialSharing .sharingList {
    width: 100%;
    padding-top: 8px;
}
}
.Modal_Inner {
  max-width: 740px;
  margin: 0 auto;
  background:#fff;
  padding: 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
  position: relative;
} 

/* Login/Register Pages Style START
-------------------------------------------------------------------------------*/

#customer_login .Form__Header .BC_icon_text, #create_customer .Form__Header .BC_icon_text {width: 90px;}
.Devider_Line {
  margin-top: 11px;
  margin-bottom: 9px; 
  position: relative;
  z-index: 0;
}
.Devider_Line .Form__Title {  
  display: table;
  margin: 0 auto;
  padding: 0 15px;
  background: #fff;
}
.Devider_Line:after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  margin-top: -1px;
  width: 100%;
  height: 1px;
  z-index: -1;
  background: #ddd;
}
.FB_Login_btn {
  width: 100%;
  background: #3a579b;
  color: #fff;
  border-radius: 0;
  display: flex;
  align-items: center;
  padding: 0;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
}
.Button.FB_Login_btn:hover { 
  background: #38508a; 
  border-color: #38508a;
  box-shadow: 0 0 3px 3px rgb(57 96 160 / 30%);
}
.FB_Login_btn .fbicn {
  width: 48px;
  min-width: 48px;
  height: 48px;
  line-height: 40px;
  padding: 5px;
  font-size: calc(var(--font-size-u-h3) + 2px);
  color: #38508a;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 1px;
} 
.FB_Login_btn .fbicn svg {
    fill: #3a579b;
    width: 16px;
}
.FB_Login_btn .fbtxt {width: 100%;}
.abcRioButtonContentWrapper span span {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: var(--font-size-u-h5);
    font-family: var(--font-primary);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.1em;
}
/* Login/Register Pages Style START
-------------------------------------------------------------------------------*/

/* Product Page > Reviews Tab Styling 
=============================================================================== */
.ElementsWidget-prefix .ElementsWidget .ElementsWidget__header .header__group.header__group--left {
margin-bottom: 10px;
}
.ElementsWidget-prefix .R-SM .ElementsWidget__subheader .subheader__group:first-child {
    padding-bottom: 2px !important;
}
.ElementsWidget-prefix .ElementsWidget .ElementsWidget__search .R-Field__input { 
    border-color: rgba(0,0,0,0.15) !important;
}  
.ElementsWidget-prefix .ElementsWidget .ElementsWidget__search .R-Field__input { 
    min-height: 30px !important; 
    max-height: 30px !important;
}
.ElementsWidget-prefix .R-TextHeading--inline { 
    font-family: var(--font-primary);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.1em;
}
.ElementsWidget-prefix .R-BadgeElement .R-BadgeElement__icon {width: 26px !important;}
.ElementsWidget-prefix .R-TextBody--xxxxs {
    font-size: var(--font-size-u-h6) !important; 
    color: #888 !important;
} 
.ElementsWidget-prefix .ElementsWidget .cssVar-authorName { 
    font-family: var(--font-primary);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-u-h4) !important; 
    text-transform: uppercase!important;
    margin-bottom: 0;
    letter-spacing: 0.1em;
    margin-top: 6px;
} 

.ElementsWidget-prefix .u-displayInlineBlock.u-removeWhitespace { display:none !important;}
.ElementsWidget-prefix .ElementsWidget .R-ContentList .R-ContentList__item {
margin-bottom:15px !important;
padding-bottom:15px !important;
}
.ElementsWidget-prefix .R-flex-row.R-flex-row--noMargin .u-marginBottom--sm {margin-bottom: 0!important;}
.ElementsWidget-prefix .u-marginBottom--md {margin-bottom: 10px!important;}
.ElementsWidget-prefix .R-BadgeElement .R-BadgeElement__text .cssVar-badgeElement__text { 
    background: #eee;
    border-radius: 3px;
    padding: 0 6px;
    font-size: var(--font-size-u-h6);
} 
.ElementsWidget-prefix .ElementsWidget__subheader .subheader__group.u-textRight--all {
    text-align: left !important;
}
.ElementsWidget-prefix .R-TabControls .R-TabControls__item>.R-TextHeading,
.ElementsWidget-prefix .R-TextHeading--xxxs,
.ElementsWidget-prefix .R-TextHeading--xxs.R-TextHeading--inline { 
  text-transform: uppercase !important;
  font-family: var(--font-primary);
}  
.ElementsWidget-prefix .R-TextHeading--xxs {
    font-size: .8em !important;
}
.ElementsWidget-prefix .R-TextBody--xxxs,
.ElementsWidget-prefix .R-TextHeading--xxxxs{ 
    color: #888!important;
}
.ElementsWidget-prefix .R-TextHeading--xxxxs {
    font-weight: 400 !important;
}
.ElementsWidget-prefix .subheader__group.u-textRight--all .R-TabControls { 
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.ElementsWidget-prefix .R-TextBody--xxxs.u-textDecoration--underline:hover {color:#000!important;}
.ElementsWidget-prefix .R-TabControls__item.u-marginBottom--sm {
    margin-bottom: -1px !important;
    border-bottom-width: 1px !important;
    padding-bottom: 5px;
}
 .ElementsWidget-prefix .R-PaginationControls .R-PaginationControls__item > .R-TextHeading {
  font-weight:400!important;
   color:#888 !important; 
   margin:0 auto !important;
 }
.ElementsWidget-prefix .R-PaginationControls .R-PaginationControls__item.isActive { 
    border-bottom: 2px solid #000 !important;  
} 
.ElementsWidget-prefix .R-PaginationControls .R-PaginationControls__item.isActive > .R-TextHeading,
.ElementsWidget-prefix .R-PaginationControls .R-PaginationControls__item:hover .R-TextHeading { 
   color:#000 !important;
}
.ElementsWidget-prefix .ElementsWidget__footer.u-textRight--all,
.dialog__inner .R-ProductPreviewList {display: none;}
#ReviewsWidget .R-RatingStars{cursor: pointer;} 
.ElementsWidget-prefix .R-TextHeading--xxs.R-TextHeading--inline {
    font-size: var(--font-size-u-h3) !important;  
    font-weight: var(--font-weight-bold) !important;
}
.R-TextBody.R-TextBody--xs.u-whiteSpace--prewrap.u-textLeft--all {margin-top: 20px;}
.ElementsWidget-prefix [r-tooltip-position-align=topLeft]::after { left:0 !important;}
.ElementsWidget-prefix [r-tooltip-size='140']::after {
    min-width: 100% !important;
}
.ElementsWidget-prefix [r-tooltip-position-align=topLeft]::before {
    left: 50% !important;
    margin-left: -6px !important;
} 
.ElementsWidget-prefix .R-Button:hover{
    color: #000 !important;
    background-color: #fff !important;
}
a.R-TabControls__item.R-TabControls__item--logo.u-marginBottom--sm.u-marginLeft--md {
    float: right; 
} 
.ricon-thin-arrow--down {
    font-size: 11px;
} 
.R-DropUpDownMenu__item .R-TextHeading,
.ElementsWidget-prefix .R-TabControls .R-DropUpDownMenu-container>.R-TextHeading,
.subheader__group .R-TabControls .R-TabControls__item>.R-TextHeading {
    font-size: var(--font-size-u-h8) !important;
    font-family: var(--font-tertiary);
    letter-spacing: 0.2em !important;
    font-weight: var(--font-weight-thin) !important;  
}
.ElementsWidget-prefix .R-TextBody,
.R-TextBody.R-TextBody--xs.u-whiteSpace--prewrap.u-textLeft--all,
.ElementsWidget-prefix .ElementsWidget .ElementsWidget__search .R-Field__input, 
.ElementsWidget-prefix .R-BadgeElement .R-BadgeElement__text .cssVar-badgeElement__text { 
    letter-spacing: 0.015em !important;  
}
.subheader__group.u-textRight--all .R-TabControls .R-TabControls__item {
  padding-left: 12px;
  padding-right: 12px;
  border-bottom-width: 2px !important;
}
.ElementsWidget__list .item__inner .u-marginBottom--md > .R-TextHeading,
.ElementsWidget-prefix .u-displayInlineBlock .R-TextHeading,
.ElementsWidget-prefix .header__group .R-TextHeading--md {
    letter-spacing: 0.015em !important;
}
@media screen and (max-width: 640px) {
.subheader__group.u-textRight--all .R-TabControls .R-TabControls__item {
    padding-left: 8px;
    padding-right: 8px; 
}
.ElementsWidget-prefix .u-marginLeft--md {
    margin-left: 15px!important;
}
.subheader__group .R-TabControls .R-TabControls__item>.R-TextHeading {
/*     font-size: var(--font-size-u-h7) !important; */
    letter-spacing: 0.1em !important;
}
.ElementsWidget-prefix .u-marginLeft--md.R-TabControls__item--logo {
    margin-left: 0 !important;
}
}
/* CUSTOM BNPL STYLE START 
=====================================================*/
.BNPL_Services_PDP {margin: 0 0 20px;}
.BNPL_Services_PDP .bnpl_strip,
#country-based-partial-payment-display .bnpl_strip {margin-bottom: 12px;} 
#country-based-partial-payment-display .afterpay-paragraph.visible { margin-bottom:10px !important; }
.BNPL_Services_PDP .sezzle_serve {
/*   cursor:pointer; */
}
 
.BNPL_Services_PDP .bnpl_strip .logoWrap img,
#country-based-partial-payment-display .bnpl_strip .logoWrap img {
 max-width: 78px;
 width: 78px;
}
.BNPL_Services_PDP .bnpl_strip p,
#country-based-partial-payment-display .bnpl_strip p { 
    text-transform: initial;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.1;
    text-align:left;
}
.BNPL_Services_PDP .bnpl_strip.strip_last,
#country-based-partial-payment-display .bnpl_strip.strip_last{
    margin-bottom: 2px;
}
.BNPL_popup.modal {
    max-width: 600px !important;
    left: 50%;
    bottom: auto;
    top: 50% !important;
    transform: translate(-50%,-50%);
    width: 100%;
    overflow: hidden;
    height: auto;
    padding: 0;
    box-shadow: none !important;
    background: transparent !important;
} 
.BNPL_popup.modal .close-modal {
    top: 12px;
    right: 15px;
}
.BNPL_popup.modal iframe {
    width: 100%;
    border: 0;
    height: calc(100% + 3.2em);
    background: transparent; 
}
#LayBuy_popup { height: 482px; }
#Klarna_popup { height: 540px; }
#Klarna_popup a.close-modal{display:none;}
.BNPL_Services_PDP .infoWrap a u { 
  font-family: var(--font-secondary);
  text-transform: initial;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 479px) {
.BNPL_Services_PDP .bnpl_strip,
#country-based-partial-payment-display .bnpl_strip { 
/*     flex-flow: column; */
    align-items: baseline;
}
}
/* CUSTOM BNPL STYLE END 
=====================================================*/
 .ProductForm__AddToCart[disabled="disabled"] {/*pointer-events: none;*/} 
.nosto-container.Nosto_Rec_Section {display: none;}
.Nosto_Rec_Slider .nosto-select-hover-container {display: none;}
.product_colors_set .Product_Color_Item {max-width: 100px;}
.cartInfo__topBar {
  background: #1d1d1d;
  padding: 8px 0; 
} 
.cartInfo__topBar .PageContent {margin: 0 auto;}  
.infoCol { 
  color: #fff;  
  min-width: 135px;
  line-height: 18px;
  padding-right: 15px;
}
.infoCol:hover { color: #fff;} 
.cartInfo__topBar .Icon_Wrap {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border: 1px solid #fff;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}
.cartInfo__topBar svg {
    width: 26px;
    fill: #fff;
    margin: 0 auto;
    height: 20px;
}
#custom-star-message .Icon_Wrap svg {
    width: 22px;
}
@media screen and (max-width: 1040px) {
.cartInfo__topBar .PageContent {
    width: 100%;
    max-width: 100%;
    padding: 0 20px;
}
}
@media screen and (max-width: 767px) {
.cartInfo__topBar .infoCol { 
    min-width: 154px;
    line-height: 14px;
    padding-right: 10px;
    font-size: 12px;
} 
.cartInfo__topBar .Icon_Wrap {
    width: 36px;
    min-width: 36px;
    height: 36px; 
}
.cartInfo__topBar svg {width: 20px;}
#custom-star-message .Icon_Wrap svg {
    width: 19px;
}
}

@media screen and (max-width: 766px) {
.cartInfo__topBar { 
    overflow: auto;
}
}

#custom-free-ship-msg-cart_a_b,
.Cart_ShippingProgress {    
    padding: 8px !important; 
    min-height: 45px;  
/*     background-color: #f7f8f9 !important; */
    padding: 5px; 
    height: 100%;
}

.template-cart .CartItem__Variant {
    font-weight: 400;
    color: var(--text-color-light);
}
.template-cart .CartItem__PriceList {
    margin-top: 15px; 
    margin-bottom: 10px;
}
.template-cart .CartItem__Remove {margin-top: 12px;}
.Payment_Icons_CartPage {margin-top: 16px;}
.ServicePayIcons {margin-left: 5px;}

@media screen and (min-width: 641px) {
.template-cart .QuantitySelector__Button {padding: 7px 14px 8px;}
}
@media screen and (max-width: 640px) {
.CartItem__Info {position: relative;}
.CartItem__Actions {
    position: absolute;
    right: 0;
    bottom: 5px;
}
.CartItem__Remove {
    margin-top: 4px;
    margin-bottom: 8px;
}
.ServicePayIcons {
    margin-left: 0;
    margin-top: 10px;
}
.Payment_Icons_CartPage {
    margin-top: 25px;
    order: 2;
} 
}

.template-checkout .breadcrumb__link {color: #737373;}  



/* Blog Page START
==========================================================================*/
.Article__Body {
    font-family: var(--font-secondary);
    font-size: var(--font-size-u-h4);
    color: #444;
    letter-spacing: 0;
/*  line-height: 2; */
    line-height: 1.75;
} 
.ArticleToolbar__ShareList .HorizontalList__Item svg {vertical-align: -1px;}
.features--heading-large .Article__Content h1 {
  font-size: calc(var(--font-size-u-h2) + 2px);
  line-height: 1.65;
}
.Article__Content {font-size: 140%;}
.Article__Body h1,
.Article__Body h2{margin: 2.2em 0 0.8em;} 
.Fig_Caption {
  color: #808080;
  font-size: 70%;
  font-style:italic;
  margin-top: 10px; 
} 
.Rte figure img{margin-bottom: 0px;}
iframe#instagram-embed-0, iframe#instagram-embed-1, iframe#instagram-embed-2, iframe#instagram-embed-3, iframe#instagram-embed-4, iframe#instagram-embed-5, iframe#instagram-embed-6, iframe#instagram-embed-7, iframe#instagram-embed-8, iframe#instagram-embed-9, iframe#instagram-embed-10 {
   margin: 0 auto 40px !important;
}
.Article__Wrapper .blogbtn a.Link--underline2 {
    padding: 12px 50px 14px !important;
    font-size: var(--font-size-u-h5) !important;
    border-radius: 5px !important;
    font-family: var(--font-primary) !important;
    font-weight: var(--font-weight-bold) !important;
    letter-spacing: 0.1em;
    line-height: normal;
    color: #000;
    border: 1px solid #000;
    text-decoration: none;
    transition: ease all .25s;
}
.Article__Wrapper .blogbtn a.Link--underline2:hover {  
    background: var(--accent-primary);
    border-color: var(--accent-primary);
}
.BackTo_Blogs_Btn {margin-top: 12px;}
.acc_strip .Back_Trig .Arrow,
.BackTo_Blogs_Btn  .Arrow {
    transform: rotate(90deg);
} 
.BackTo_Blogs_Btn .Arrow {
    vertical-align: -4px;
}
.cbb-also-bought-product-price-container {text-align: left !important;}
.nosto-product-name span {
  display: block;
  color: var(--color-grey);
  font-size: 15px;
}
.cbb-recommendations-variant-select {
    margin: 4.3px 0px !important;
    font-size: 15px !important; 
}
span.cbb-also-bought-product-price {letter-spacing: 0px !important;}
.template-blog .ImageHero .ImageHero__Image:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,.5));
  background-image: -webkit-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,.5));
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,.5));
  left: 0;
  top: 0;
}
.Article__VideoWrapper{
  position:relative;
  background-color:#000;
  padding-top:60px;
} 
.Article__VideoWrapper:after{
  position:absolute;
  content:"";
  top:0;
  bottom:0;
  right:0;
  left:0;
  background:transparent;
  z-index:1;
}
.template-article.features--heading-large .ArticleItem__Title,
.template-blog.features--heading-large .ArticleItem__Title {
  font-size: var(--font-size-u-h4);
  line-height: 1.4;
}
#disqus_thread {
/*   padding-top: 40px; */
  font-family: "Helvetica Neue",arial,sans-serif !important;
}
.do-not-sell {display: none !important;}
.btn-for-FreeShip {
    padding: 6px 15px;
    margin: 20px 0 10px;
}

.template-article .Rte h1,
.template-article .Rte h2,
.template-article .Rte h3,
.template-article .Rte h4,
.template-article .Rte h5,
.template-article .Rte h6 {
  line-height: 1.65;
  letter-spacing: 0.1em;
}
.template-article .Rte h3 {font-size: calc(var(--font-size-u-h3) + 4px);}
.template-article .Rte h4 {font-size: calc(var(--font-size-u-h4) + 4px);}
.template-article .Rte h5 {font-size: calc(var(--font-size-u-h5) + 4px);}
.template-article .Rte h6 {font-size: calc(var(--font-size-u-h6) + 4px);}
.template-article .Rte h7 {font-size: calc(var(--font-size-u-h7) + 4px);}
.template-article .Rte h8 {font-size: calc(var(--font-size-u-h8) + 4px);}

.template-article figure {
    margin: 0 40px;
}
 .Blog_BackToTop {
    position: fixed;
    bottom: 1.5em;
    right: 12px;
    text-decoration: none;   
    background: white;
    border-radius: 100px;
    z-index: 60000;
    transition:ease all .25s;
    border: 1px solid #fff;
  }
  .Blog_BackToTop svg {
    vertical-align: middle;
    fill: #555;
    width:32px;
    transition:ease all .25s;
  }  
  .Blog_BackToTop:hover svg { 
    fill: #000;
  }
  .hide {
    display: none!important;
  }
.Article__Body .Fig_Caption { 
    margin-bottom: 20px;
    font-family: var(--font-tertiary);
}

@media(max-width:1007px) {
.Breadcrumbs_Wrapper {display:none;}
.Article__Content {
    line-height: 1.7;
    font-size: 125%;
}
}
@media(max-width:767px) {
  .Blog_BackToTop { 
    bottom: 1em;
    right: 14px; 
  }
  .Blog_BackToTop svg { 
    width:40px; 
  }  
.Article__Body { 
    font-size: var(--font-size-u-h5); 
}
}
@media(max-width:640px) {
.BackTo_Blogs_Btn {
    margin-top: 40px;
}
.template-article figure {
    margin: 0;
}
}

/* Account Page 2021 Styling START
========================================================================================*/
.Account_Page_Wrapper {
  display:inline-block;
  width:100%;
}
.Account_Page_Wrapper .pointsCount_for_loader {
    width: 100%;
}
.Account_Page_Wrapper .User_Status {
  padding-top: 20px;
  padding-bottom: 20px;
}
.Account_Page_Wrapper .userinfo .UserTitle > .Heading {line-height: 1.2;}
.Account_Page_Wrapper .userinfo .UserTitle {  margin-bottom: 10px;} 
.Account_Page_Wrapper .Points_Info { margin-bottom: 30px;}  
.Account_Page_Wrapper .pointsCount svg {
    width: 30px;
    margin-right: 10px; 
}
.Account_Page_Wrapper .pointsCount .Heading {
  margin-right: 6px; 
  margin-bottom: 0; 
}   
.Account_Page_Wrapper .Account_Nav_Wrapper { 
  position: sticky; 
  z-index: 2;
  top: var(--header-height);
  padding-top: 8px;
      background: #fff;
}
.Account_Page_Wrapper .Account_Nav_Wrapper .Account_Nav {  border-bottom: 2px solid #ccc; }
.Account_Page_Wrapper .Account_Nav ul { 
  padding: 0;
  list-style: none;  
}  
.Account_Page_Wrapper .Account_Nav ul li a {
  position:relative;
  display: block;
  padding: 10px 20px;
  color: #9b9b9b;
  white-space: nowrap;
}
.Account_Page_Wrapper .Account_Nav ul li a:after {
  position:absolute;
  content:"";
  left:0;
  bottom:-1px;
  width:0;
  height:2px;
  background:#000;
  transition:ease all .3s;
}
.Account_Header { 
    background: #f2f2f2;
    padding: 10px 0 1px;
} 
.Account_Page_Wrapper .Account_Nav ul li.active a,
.Account_Page_Wrapper .Account_Nav ul li a:hover { color:#000; } 

.Account_Page_Wrapper .Account_Nav ul li.active a:after { width:100%;}
.Account_Page_Wrapper .Account_Smmary {
  display: inline-block;
  width: 100%;
  padding: 45px 0 30px; 
}
.tabcontent{display:none;}
.Account_Page_Wrapper .Points_Info .Link {border-bottom: 1px solid;}
.Account_Page_Wrapper .Acc_Rewards_Section {
    padding-top: 20px;
    padding-bottom: 55px;
}
.Account_Page_Wrapper .Account_Smmary .UserPoints, 
.Account_Page_Wrapper .Acc_Rewards_Section .Section_Header {max-width: 450px;} 
.Earning_Ways_Row {  
    margin: 30px 0 0; 
    overflow: auto;
    padding-bottom: 15px; 
}  
.Earning_Ways_Row .Earning_Ways_Box img {
    width: 50px;
    min-width: 50px; 
    backface-visibility: hidden; 
}  
.Earning_Ways_Row .Earning_Ways_Box .UsersIcon img {
    width: 32px;
    min-width: 32px;  
}
.Earning_Ways_Row .Earning_Ways_Box .imageBoX {margin-right: 18px;} 
.Member_Badge {   
    font-size: 15px; 
    padding: 4px 8px; 
    background: #000; 
    background: -moz-linear-gradient(45deg, #000 0%, #2b2b2b 100%);
    background: -webkit-linear-gradient(45deg, #000 0%,#2b2b2b 100%);
    background: linear-gradient(45deg, #000 0%,#2b2b2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#2b2b2b',GradientType=1 );
    border: 2px solid #353535;
}
.Member_Badge .Member_Badge_Icon {width: 24px;}
.Account_Page_Wrapper .Member_Badge {     
    padding: 6px 8px 7px; 
      transition: none;
}
.Account_Page_Wrapper .Member_Badge:hover{
  background:#000;
  border-color:#000;
}
.Account_Page_Wrapper .Refer_Section { padding-bottom: 70px;}
.Account_Page_Wrapper .Refer_Section .SharingBlock {background: #f2f2f2;}
.Account_Page_Wrapper .ReferBox {
    max-width: 400px;
    margin: 0 auto;
    padding: 30px;
} 
.Account_Page_Wrapper .SharingBlock .copyCodeField {
    padding: 4px 5px; 
    border-bottom: 1px solid #000;
}
.Account_Page_Wrapper .copyCodeField input {
    background: transparent;
    border: 0;
    padding: 8px 0px; 
    text-transform: none;
}
.Account_Page_Wrapper .copyCodeField .copy_code { 
    margin-left: 15px;
    cursor: pointer;
    border: 0; 
}
.Account_Page_Wrapper .copyCodeField .copy_code svg { 
    width: 16px;
    margin-left: 5px;
}
.Account_Page_Wrapper .copyCodeField .copy_code span i {
    color: #07d827;
    font-size: 16px;
    margin-left: 4px;
    margin-right: 2px;
}
.Account_Page_Wrapper .ReferBox_Foot {
    background: #f2f2f2;
    margin-top: 10px;
    padding: 22px 22px 20px;
}
.Account_Page_Wrapper .Social_Sharing button { 
  padding: 0 10px;
  margin: 0 10px;
  border: 0;
  height: 40px;
}
.Account_Page_Wrapper .Social_Sharing button svg {
  width: 24px;
  height: auto;
  max-height: 24px;
}
.Referal_Img_col .ImgWrap {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
}
.Referal_Img_col .ImgWrap img {opacity: 0;}
.Account_Page_Wrapper #settings_link {padding-bottom: 5px;}
.Account_Page_Wrapper .setting_accordions {padding: 35px 0;}
.Account_Page_Wrapper .acc_strip .acc_trig { 
  padding: 15px 6px; 
  cursor: pointer;
  border-bottom: 1px solid #cfcfcf;
}
.acc_strip .Arrow {
    transform: rotate(-90deg);
}
.Account_Page_Wrapper .setting_accordions .Back_Trig {  
  cursor: pointer;
} 
.Account_Page_Wrapper .setting_accordions .Back_Trig .Arrow {
    margin-right: 14px;
    vertical-align: 1px;
    margin-top: 5px;
}
.Account_Page_Wrapper .acc_content {
  padding-top: 15px;
  display:none;
} 
.Account_Page_Wrapper .Orders_Strip {
  padding: 15px 0 0;
  border-bottom: 1px solid #cfcfcf; 
} 
.Account_Page_Wrapper .Orders_Header_Strip {padding: 28px 0;}
.Account_Page_Wrapper .Info_side .data_row {margin-bottom: 15px;}
.Account_Page_Wrapper .Info_side .data_row h3 {min-width: 110px;}
.Account_Page_Wrapper .setting_accordions .Segment__ActionList form {display: inherit;} 
 
.Account_Page_Wrapper .setting_accordions .Segment {
  border: 1px solid #e8e8e8;
  padding: 15px 20px 20px;
} 
.Account_Page_Wrapper .Link.LogoutLink {
  display: table;
  margin-bottom: 30px; 
  color: #1D1D1D99;
  padding: 1px 0;
}
#loading_wrap_created_date {
  margin-top: 19px;
  margin-bottom: 0;
  max-width: 260px;
} 
#loading_wrap_smilepoints {
  margin-top: -5px;
  margin-bottom: 43px;
  max-width: 150px;
}  
.pointsDetail_popup .PopInner_Box {
    padding: 0 10px;
}
.pointsDetail_popup .modal_head { 
    margin: 20px auto 50px;
    max-width: 240px;
}
.pointsDetail_popup .modal_head p { 
      color: #777;
}
.pointsDetail_popup .modal_head .strikeCard_img {
  width: 30px;
  margin-bottom: 20px; 
  border-radius: 5px;
}
.pointsDetail_popup li p  {
      color: #777; 
}
.modal_head .Heading {
    line-height: 1; 
}
.pointsDetail_popup ul {
    list-style: none;
}
.pointsDetail_popup ul li {
    display:flex;
    margin-bottom:30px;
}
.Account_Page_Wrapper .pointsDetail_popup ul li .Number_Wrap {
    border: 1px solid #000;
    width: 28px;
    min-width: 28px;
    height: 28px;
    border-radius: 50px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Account_Page_Wrapper .pointsDetail_popup ul li .Number_Wrap span {
    line-height: 1;
}
.pointsDetail_popup ul li h5 {margin-bottom: 5px;} 
.logout-custom {
    margin-bottom: 40px;
}

@media (min-width: 768px) {
.Referal_Img_col {padding-left: 0;}
} 
@media only screen and (min-width: 900px) {
.pointsDetail_popup .PopInner_Box {
    padding: 0 40px;
}
}
@media (max-width: 1239px) {
.Account_Page_Wrapper .Account_Nav_Wrapper { 
  padding: 0;
}
}
 
@media (max-width: 767px) {
.Account_Page_Wrapper .Account_Nav ul {   
  overflow-x: auto;
  padding: 1px 0;
}  
.Account_Page_Wrapper .Account_Smmary .UserPoints, .Account_Page_Wrapper .Acc_Rewards_Section .Section_Header {
    max-width: 100%;
    width: 100%;
} 
.Acc_Refer_Section .Grid .Grid__Cell,
.Orders_Strip_inner>div,
.Orders_Strip_inner .Button{width: 100%;}
.Acc_Refer_Section .Grid .Referal_Txt_col {order: 2;} 
.Account_Page_Wrapper .Orders_Strip {padding: 23px 0 25px;}
.Account_Page_Wrapper .Orders_Header_Strip {padding: 28px 0 24px;}
.Action_side {margin: 5px 0;}
.pointsDetail_popup .modal_head {margin: 20px auto 30px;}
.Account_Page_Wrapper .Heading.u-h2,
.Account_Page_Wrapper .Heading.u-h22 {
    font-size: var(--font-size-u-h3);
}  
.Earning_Ways_Row .Earning_Ways_Box .UsersIcon img {
    width: 28px;
    min-width: 28px;
}
.Earning_Ways_Row .Earning_Ways_Box img {
    width: 42px;
    min-width: 42px; 
}
}
@media (max-width: 640px) {
.Account_Page_Wrapper .Points_Info { justify-content: space-between;}
}
@media (max-width: 479px) { 
.Account_Page_Wrapper .UserTitle .Member_Badge {
    font-size: var(--font-size-u-h6);
    min-width: fit-content;
}
.Account_Page_Wrapper .Account_Nav ul { 
    justify-content: space-between;
}
.Account_Page_Wrapper .Account_Nav ul li a { 
  padding: 10px 8px; 
  font-size: var(--font-size-u-h7);
}
}
 
/* Account Page END====================================================== */


/* Black Card Page START
================================================================*/
.BlackCard_Page_Wrapper_2021 { 
  background: #fff;
  position: relative;
  z-index: 0;
}
.BlackCard_Page_Wrapper_2021 .Container{
/*     max-width: 1200px; */
} 
.BlackCard_Page_Wrapper_2021 .Heading {
  line-height: 1.2;
  margin-bottom: 10px;
}
.BC_HeaderSection {
  padding-top: 70px;
  padding-bottom: 70px;
  background: url(https://cdn.shopify.com/s/files/1/1147/5966/files/ground-bg-3.jpg?v=1598024660) center center no-repeat;
  background-size: cover;
  position:relative;
  z-index:0;
}
.BC_HeaderSection:before {
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  top:0;
  left:0;
  background: rgba(0,0,0,.5);
  z-index:-1;
} 
.BC_HeaderSection .contentBox img { 
  width: 150px;
  margin-bottom: 25px; 
  backface-visibility: hidden;
  border-radius: 3px;
}
.BC_HeaderSection .btnsWrap {margin-top: 45px;  }
.BC_HeaderSection .btnsWrap .Button { min-width: 230px;}
.BC_HeaderSection .Link {  
  margin-top: 8px;
}  
.BC_customerInfo .Button {
    min-width: 230px;
    margin-top: 15px;
}
.BC_customerInfo .Button:hover,
.BlackCard_Page_Wrapper_2021 .joinSection .Button:hover {
    border-color: var(--accent-primary); 
} 
.BlackCard_Join_Section {
    background: #000;
    padding: 40px 0;
}

.BlackCard_Page_Wrapper_2021 .howItWorks {
    padding: 0 0 60px;
    background: #000; 
   margin-bottom:35px;
} 
.BlackCard_Page_Wrapper_2021 .WorkSteps_Row {  
    overflow: auto;
    padding-bottom: 15px;
    margin-top:18px;
} 
 
.BlackCard_Page_Wrapper_2021 .howItWorks .StepBox { 
  background: rgba(29, 29, 29, 0.9);
  padding: 25px 20px; 
  width: 25%; 
}
 
.BlackCard_Page_Wrapper_2021 .howItWorks .StepBox .Caption { 
  margin-bottom: 10px; 
}
.BlackCard_Page_Wrapper_2021 .howItWorks .StepNum { margin-right: 15px;}
.BlackCard_Page_Wrapper_2021 .howItWorks .StepNum span {
    width: 28px;
    height: 28px;
    border: 1px solid; 
    border-radius: 50px; 
    font-size: var(--font-size-u-h8);
}
  
 
.BlackCard_Page_Wrapper_2021 .Refer_Section {
  display: inline-block;
  width: 100%;
  margin-bottom: 35px;
  margin-top: 35px;
}
 
.BlackCard_Page_Wrapper_2021 .Refer_Section .SharingBlock_Outer {
  background: #1a1a1a;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 24px;
}
.BlackCard_Page_Wrapper_2021 .Refer_Section .SharingBlock {
  padding: 50px; 
  height: 100%; 
  max-width: 450px;
} 
.BlackCard_Page_Wrapper_2021 .Refer_Section .SharingBlock .Button { 
  margin-top: 10px;
  min-width:230px;
}
.referalImg_col .ImgWrap {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:100%;
}
.referalImg_col .ImgWrap img {opacity: 0;}
 

.BC_EarvRedeem_Section {
    padding: 40px 0 70px;
} 
.BC_EarvRedeem_Section .textSide_col .Section_Header {
    max-width: 360px;
} 
.BC_EarvRedeem_Section .points_navigator {
  position: relative;
  list-style: none;
  z-index: 0;
}
.BC_EarvRedeem_Section .points_navigator:before {
  position:absolute;
  content:"";
  width:100%;
  height:8px;
  background:#B9B9B9;
  top:50%;
  margin-top:-4px;
  border-radius:5px;
  z-index: -1;
}
.BC_EarvRedeem_Section .points_navigator li {
    width: 19px;
    height: 19px;
    border-radius: 50px;
    border: 1px solid transparent;
    cursor: pointer;
}
.BC_EarvRedeem_Section .points_navigator li:hover { 
  border-color:#000;
}
.BC_EarvRedeem_Section .points_navigator li span {
  position:relative;
  display: block;
  width:100%;
  height:100%;
  background:#B9B9B9;
  border-radius: 50px;
} 
.BC_EarvRedeem_Section .points_navigator li span small {
  position: absolute;
  top: 34px;
  background: #000; 
  padding: 8px 12px;
  border-radius: 10px;
  white-space: nowrap;
  left: 50%;
  transform: translate(-50%,0);
  display:none;
}
.BC_EarvRedeem_Section ul.points_navigator li span small:before {
  position:absolute;
  content:"";
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:10px solid #000;
  top:-10px;
  left:50%;
  margin-left:-10px;
}
.BC_EarvRedeem_Section ul.points_navigator li.active span small{
display:block;
}
.BC_EarvRedeem_Section .points_navigator li:hover span,
.BC_EarvRedeem_Section .points_navigator li.active span {
    background: #000; 
}
.template-page-black-card-2021 .ui-tooltip {
    box-shadow: none;
    border: 0 !important;
    background: #000;
    color: #fff;
    font-size: var(--font-size-u-h6);
    font-family: var(--font-primary);
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
    padding: 4px 12px;
    border-radius: 10px;
}
.template-page-black-card-2021 .ui-tooltip:before {
  position:absolute;
  content:"";
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:10px solid #000;
  top:-10px;
  left:50%;
  margin-left:-10px;
}
 
.BC_Earning_Ways_Section {
    padding: 30px 0 60px;
}
.BC_Earning_Ways_Section .for-mobile{display:none;}
.BC_customerInfo {
    margin-top: 50px;
}
.Earning_Ways_Row { 
    margin: 30px 0 0; 
    overflow: auto;
    padding-bottom: 15px; 
  scrollbar-color: blue white;
  scrollbar-width: thin;
}    
/* WebKit and Chromiums */
.Earning_Ways_Row ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: white;
}
.Earning_Ways_Row::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.Earning_Ways_Row::-webkit-scrollbar-thumb {  
  background: #c1c1c1;
  border-radius: 10px;
}
.Earning_Ways_Row::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
.Earning_Ways_Row::-webkit-scrollbar-track {  
  background: #f1f1f1;
  border-radius: 10px;
}

.Earning_Ways_Row .Earning_Ways_Box .usersIcon img {
    width: 32px;
    min-width: 32px;  
}
.Earning_Ways_Row .Earning_Ways_Box .imageBoX {
    margin-right: 18px;
}
.Earning_Ways_Row .Earning_Ways_Box .TxtWrap .uppercase { 
  white-space: nowrap;
  margin-bottom:0;
}
.Earning_Ways_Row .Earning_Ways_Box .TxtWrap span {
  color: var(--text-color-light); 
} 
  
.BC_Tiers_Section {
    padding: 80px 0 55px;
    background: #000;
}
.BC_Tiers_Section .Section_Header {
    max-width: 400px;
}
.BC_Tiers_Section .BC_Tiers_Row {
  margin: 0;
  margin-top: 40px; 
  padding-bottom: 25px;
  overflow: auto;
}
.BC_Tiers_Section .BC_Tiers_Row::-webkit-scrollbar {
  height: 8px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  width:100%;
  max-width:500px;
  margin:0 auto;
}
.BC_Tiers_Section .BC_Tiers_Row::-webkit-scrollbar-thumb:horizontal{
  background: #BEBEBE;
  border-radius: 10px;
  cursor:pointer;
}
.BC_Tiers_Section .BC_Tiers_Row .BC_Tiers_Col {
    width: 25%;
    min-width: 200px;
} 
.BC_Tiers_Section .Tiers_Badge {  
  padding: 4px 15px;
  column-gap: 8px;
  border: 1px solid #353535;
  border-radius: 5px;
  background: #000;
  background: -moz-linear-gradient(left,  #000 0%, #3d3d3d 100%);
  background: -webkit-linear-gradient(left,  #000 0%,#3d3d3d 100%);
  background: linear-gradient(to right,  #000 0%,#3d3d3d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#3d3d3d',GradientType=1 );
}
.BC_Tiers_Section .Tiers_Col_Head { 
  border-bottom: 1px solid #333; 
  padding-bottom: 12px;
  margin-bottom: 25px;
  column-gap: 15px;
/*   overflow-x: auto; */
} 
 
.BC_Tiers_Section .Tiers_Col_Head h5 {
    max-width: calc(100% - 125px);
/*   white-space: nowrap; */
}
.BC_Tiers_Section .Tiers_Badge img {
    width: 24px;
} 
.BC_Tiers_Section .Tiers_Badge .Heading { 
    line-height: 1.65;
}
.BC_Tiers_Section .Tiers_list li {
    list-style: none;
    margin: 15px 0;
}
.BC_Tiers_Section .Tiers_list li img {
    width: 22px; 
    backface-visibility: hidden;
}
.BC_Tiers_Section .Tiers_list li .Caption { 
  margin-bottom: 0; 
} 
.BC_Tiers_Section .Tiers_Badge { 
    padding: 3px 10px;  
}
.BC_Tiers_Section .Tiers_list li img {width: 24px; }
 
.BlackCard_Page_Wrapper_2021 .BC_Offers_Row {
    margin-top: 50px;
}
.BlackCard_Page_Wrapper_2021 .BC_Offers_Section {
    padding: 60px 0 35px;
}
.BlackCard_Page_Wrapper_2021 .BC_Offers_Section .Section_Header {
    max-width:280px;
}
.BC_Offers_Section .OfferBox .imageBoX {
  position: relative; 
  margin-bottom: 12px; 
} 
.BC_Offers_Section .OfferBox .imageBoX .bgImg {opacity: .4;}
.BC_Offers_Section .OfferBox .imageBoX .logoImg {
  max-height: 55px;
  max-width: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.BlackCard_Page_Wrapper_2021 .BC_Offers_Row .OfferBox {
  width: 20%;
  min-width: 120px;
}



/* FAQ's Section Styling START 
-----------------------------------------------------------*/
  
.FAQ__Section_BlackCard {
    padding-top: 70px;
    padding-bottom: 90px;
}
.BlackCard_Page_Wrapper_2021 .FAQ__Section_BlackCard .Collapsible__Button > strong {
    color: #000;
}  

.faq_tabContent .Collapsible__Button[aria-expanded="true"] + .Collapsible__Inner {
    margin-bottom: 20px;
}
.faq_tabContent .Collapsible__Inner p { 
    line-height: 1.65;
}
.faq_tabContent .Collapsible__Button {
    padding: 24px 18px 24px 0;
}  



.jobpost_block table.header_table {
    border-collapse: collapse;
    font-size: 15px;
}
.jobpost_block table.header_table td { 
  border: 0;
  padding: 10px 20px 10px 0; 
  white-space: normal;
  display:inline-block;
}
@media screen and (max-width: 767px) {
  .jobpost_block table.header_table td ul {
    width: 65%;
  }
}
.jobpost_block table.header_table td .Heading {  white-space: nowrap;}
.jobpost_block .header_table td:last-child {width: 100%;}
.jobpost_block .bordered_box {
  border: 1px solid #1d1d1d;
  margin-top: 2.2em;
  padding:20px;
}
.jobpost_block .bordered_box h2.Heading { 
    background: #1d1d1d;
    padding: 9px 20px;
    margin: -20px -20px 20px;
}
.jobpost_block .bordered_box ul {margin-left: 18px;}
.jobpost_block .TableWrapper {
    margin: 0 !important;
    overflow: hidden !important;
}
.jobpost_block .bordered_box li {
    margin: 10px 0;
}
/* FAQ's Section Styling END 
-----------------------------------------------------------*/ 
 
.BlackCard_Page_Wrapper_2021 .joinSection { 
  padding: 0 0 100px; 
}
.BlackCard_Page_Wrapper_2021 .joinSection .Heading { 
  margin-bottom: 25px;
}
.BlackCard_Page_Wrapper_2021 .joinSection .Button {
    min-width: 200px;
} 
.BlackCard_Join_Section .SectionHeader__Heading.Heading { 
    margin-bottom: 12px;
}
.BlackCard_Join_Section img.grid-view-item__image {
    max-width: 310px;
}


@media(min-width:641px) { 
.BlackCard_Join_Section .FeatureText__ContentWrapper {
    padding-left: 0;
    padding-right: 40px;
}
}
@media(max-width:1007px) {  
.BlackCard_Join_Section .FeatureText__ContentWrapper {
 padding-right:0;
}
}
@media(min-width:768px) {
.referalImg_col {padding-left:0;}
}
 
 
@media(max-width:900px) { 
.BlackCard_Page_Wrapper_2021 .howItWorks .StepBox { 
    min-width: 260px;
}
.BC_EarvRedeem_Section .points_navigator_bar {
    padding: 0; 
}
}

@media(max-width:767px) { 
  
.BC_HeaderSection { 
  padding-top: 50px;
  padding-bottom: 10px;
}
.BC_HeaderSection .contentBox img {
    width: 120px;
}
.BlackCard_Join_Section img.grid-view-item__image {
    max-width: 200px;
} 
.BlackCard_Join_Section .FeatureText__ContentWrapper {
    padding: 30px 0;
} 
.BlackCard_Join_Section .SectionHeader__Heading.Heading {
    margin-bottom: 4px;
}
.Refer_Section .Grid {flex-flow: wrap;}
.Refer_Section .Grid .referalTxt_col {width: 60%;}
.Refer_Section .Grid .referalImg_col {width: 40%;}
.BC_Refer_Section .Grid .referalImg_col {background: #1a1a1a;} 
.BlackCard_Page_Wrapper_2021 .howItWorks {
  padding: 30px 0 50px;
  margin-bottom:0;
}
.BC_Earning_Ways_Section {padding: 60px 0 40px;}
.BC_Earning_Ways_Section .for-mobile{
  display:block;
  max-width: 230px;
}
.BlackCard_Page_Wrapper_2021 .BC_Offers_Row,
.BlackCard_Page_Wrapper_2021 .WorkSteps_Row { 
    column-gap: 15px; 
} 
.BC_Offers_Section .OfferBox .imageBoX .logoImg {
    max-height: 44px;
    max-width: 95px;
}
.BlackCard_Page_Wrapper_2021 .Refer_Section > .Container {
    padding: 0;
}
.BlackCard_Page_Wrapper_2021 .Refer_Section .SharingBlock {
    padding: 25px 0 25px 25px;
}
.BlackCard_Page_Wrapper_2021 .Refer_Section .SharingBlock .Heading {  
      font-size: calc(var(--font-size-u-h3) + 2px);
}
.BlackCard_Page_Wrapper_2021 .Refer_Section .SharingBlock .Button { 
    min-width: 100%;
}
.BC_EarvRedeem_Section .points_navigator_bar { 
    margin-top: 30px;
  padding: 0 36px;
} 
.BC_EarvRedeem_Section ul.points_navigator li span small { 
    font-size: var(--font-size-u-h8); 
    padding: 7px 8px 5px;
}
.BlackCard_Page_Wrapper_2021 .Refer_Section {
  margin-bottom: 25px;
  margin-top: 0;
}
 
.BC_EarvRedeem_Section {
    padding: 25px 0 40px;
}
.Earning_Ways_Row { 
    margin: 40px 0 0;
}
.BC_Tiers_Section {
    padding: 60px 0 45px; 
} 
.BC_Tiers_Section .BC_Tiers_Row .BC_Tiers_Col { 
    min-width: 244px;
}
.BC_Tiers_Section .BC_Tiers_Row { 
    column-gap: 22px; 
} 
.BC_Tiers_Section .Tiers_Badge .Heading {
    font-size: var(--font-size-u-h6); 
}
.BC_Tiers_Section .Tiers_list li .Heading { 
    font-size: var(--font-size-u-h5);
}
.FAQ__Section_BlackCard {
    padding-top: 50px;
    padding-bottom: 50px;
} 
.BlackCard_Page_Wrapper_2021 .FAQ__Section_BlackCard .faq_tabs {
    margin-top: 0px;
} 
.BlackCard_Page_Wrapper_2021 .joinSection {
    padding: 0 0 60px;
}
}
@media(max-width:640px) {
.BlackCard_Join_Section { 
      padding:25px 0;
}
}

/* Black Card Style end
================================================================*/
 
 
.CountrySelector .C_Flag {
    width: 16px;
    height: 16px;
    border-radius: 50px;
    border: 1px solid #999;
    overflow: hidden;
    margin-right: 8px;
    display: flex;
    justify-content: center;
}
 
.CountrySelector_Mobile {margin-top: 11px;}
.CountrySelector_Mobile .CountrySelector {
padding: 12px 18px 8px;
}
.SidebarMenu__Social { 
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
}
.SidebarMenu__Social .HorizontalList__Item { 
    margin-left: 12px;
    margin-right: 12px;
}
.SidebarMenu .Drawer__Main:after {
    display: none; 
}    
.SidebarMenu .Drawer__Footer:before {
    bottom: 100%;
    height: 30px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(40%,rgba(0,0,0,.6)),to(black));
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6) 40%,black);
}

 




/* Collection Page Style START
========================================================================*/
main#main .shopify-section.margin-0-important {margin:0 !important;}
.ProductItem__Title {
  line-height:1.3;
}
.ProductItem__Title .Product_Color,
.Nosto_Item_Title span {
  display:block;
  margin: 4px 0;
} 

.Product_Thumb_Img_Wrapper {
  position: relative;
}
.size-variants-custom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
/*   background-color: #fff; */
  max-height: 0;
  overflow: hidden;
  transition: 0.3s max-height ease;
}
.ProductItem:hover .size-variants-custom {
  max-height: 100%;
} 
.nosto-quick-add {
  text-align: center;
  color: #000;
  font-family: var(--font-primary) !important;
  padding: 10px;
  font-size: 15px!Important;
  font-weight: var(--font-weight-bold) !important;
  transition: 0.5s background-color ease,0.5s color ease;
} 
.size-variants-custom ul {
  display: flex;
  justify-content: space-around; 
  list-style: none!Important;
  background: #fff;
  margin-left: -2px;
  margin-right: -2px;
}  
.size-variants-custom ul li.not-available {
  color: #ccc !important;
  cursor: not-allowed;
}
.size-variants-custom ul li.not-available:hover {
    background: #fff;
    color: #cccccc;
    border-color: #ccc;
}
.size-variants-custom ul li.not-available svg {
  display: block;
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  fill: #ccc;
}
.quick-add-title {
  background: #fff;
  text-align: center;
  padding: 10px;
  transition: 0.5s background-color ease,0.5s color ease;
}
.nosto_element .nosto-quick-add.one {
  background: #000;
  color: #fff !important;
  border-radius: 100px;
  padding-bottom: 10px !important;
  margin-bottom: 10px;
}
.size-variants-custom .Button.size-add-cart-custom {
  padding: 7px 28px;
  font-size: 15px;
  line-height: 1.8;
}   
.Product_Thumb_Img_Wrapper .size-variants-custom .Button.size-add-cart-custom {
    width: calc(100% - 20px);
    margin: 0 auto 10px;
    display: table;
}

@media(max-width:767px) {
  .size-variants-custom {
    display:none;
  }
} 

.ProductItem__LabelList { z-index: 1;}
 
.ProductItem__LabelList .NewRelease__Badge,
.ProductItem__LabelList .SoldOut__Badge,
.ProductItem__LabelList .ComingSoon__Badge,
.ProductItem__LabelList .PreOrder__Badge,
.CartItem__Info .PreOrder__Badge {
    background: #000;
}
.ProductItem__LabelList .Discount__Badge {
    background: #dd0808; 
}
.Product__Label.includes_free_shipping{display:none;}
.Product__Label {
    position: absolute;
    bottom: 6px;
    width: 100%;
    opacity: .85;
}
.Product__Label span {
    display: flex;
    background: #fff;
    margin: 0 6px;
    padding: 6px 10px 5px;
    justify-content: center;
    line-height: 1;
    letter-spacing: 0.1em;
    font-size: calc(var(--font-size-u-h8) - 1px);
}
.CartItem__Info .ProductItem__Label { 
    margin: 6px 0;
}
/* Collection Sidebar Filter Styling START 
======================================================*/ 
.SB_Filter_Block {
    border-bottom: 1px solid #ddd;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    display: inline-block;
}
.SB_Filter_Block .SB_Filter_Header {
  position: relative; 
  cursor:pointer; 
}
.SB_Filters_List { 
  list-style: none;
  margin-top: 15px;
}
.SB_Filter_Standard .SB_Filters_List li {
color: var(--color-light);   
}
.SB_Filter_Standard .SB_Filters_List .Selected_Option {
font-weight:bold;  
}
.SB_Filter_Block.price .SB_Filters_List {
    padding-right: 2px;
}
.SB_Filter_Standard .SB_Filters_List .SB_Filters_Label {
  display: inline-block; 
  width: 100%; 
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  line-height: 1.5;
  position: relative;
}
.SB_Filter_Standard .SB_Filters_List .SB_Filters_Label a {
  display: block;  
  padding-left:22px; 
}
.SB_Filter_Standard .SB_Filters_List .SB_Filters_Label:before {
    display: inline-block;
    position: absolute;
    content: "";
    left: 1px;
    top: 3px;
    width: 14px;
    height: 14px;
    background: 0 0;
    -ms-box-shadow: 0 0 0 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 20%);
    box-shadow: 0 0 0 1px rgb(0 0 0 / 20%);
      z-index: -1;
} 
.SB_Filter_Standard .SB_Filters_List .Selected_Option .SB_Filters_Label:after {
    display: block;
}
.SB_Filter_Standard .SB_Filters_List .Selected_Option .SB_Filters_Label:before {
    background: var(--accent-primary);
      -ms-box-shadow: 0 0 0 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 0 1px var(--accent-primary);
    box-shadow: 0 0 0 1px var(--accent-primary);
}
.SB_Filter_Standard .SB_Filters_List .SB_Filters_Label:after {
    position: absolute;
    content: "";
    width: 9px;
    height: 6px;
    top: 6px;
    left: 4px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    background: 0 0;
    -ms-transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}
.SB_Filters_List .SB_Filters_Label .SB_Filters_Count,
.SB_Filter_Standard .SB_Filters_List .SB_Filters_Label input,
.SB_Filter_Colors .SB_Filters_List .SB_Filters_Label input
.SB_Filter_Colours .SB_Filters_List .SB_Filters_Label input {
    display: none;
}
 
.SB_Filter_Block.stock-size .SB_Filters_List,
.SB_Filter_Block.SB_Filter_Sizes .SB_Filters_List {
    margin-left: -8px;
    margin-right: -8px;
}
.SB_Filter_Block.stock-size .SB_Filters_List li,
.SB_Filter_Block.SB_Filter_Sizes .SB_Filters_List li{
    width: 33%;
    padding: 0 8px;
    margin: 6px 0;
    float: left;
    text-align: center;
    display: flex;
}
.SizeSwatch__Radio {display: none;}
.SizeSwatch, 
.SB_Filter_Block.stock-size .SB_Filters_List .SB_Filters_Label,
.SB_Filter_Block.SB_Filter_Sizes .SB_Filters_List .SB_Filters_Label,
.Nosto_Rec_Section .Nosto_SizeSelect_ListItem,
.size-variants-custom ul li {
    display: inline-block;
    text-align: center;
    min-width: 36px;
    padding: 6px;
    line-height: 26px;
    color: #000;
    border: 1px solid #c5c5c5;
    transition: ease all .25s;
    cursor: pointer; 
} 
.SB_Filter_Block.SB_Filter_Sizes .SB_Filters_List .SB_Filters_Label {
  padding: 0;
} 
.SB_Filter_Block.SB_Filter_Sizes .SB_Filters_List .SB_Filters_Label a {
  display: block;
  padding: 6px;
}
.Nosto_Rec_Section .Nosto_SizeSelect_ListItem,
.size-variants-custom ul li {    
    position: relative;
    min-width: auto;
    margin: 0 2px;
    padding: 0;
    line-height: 30px; 
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.SB_Filter_Block.stock-size .SB_Filters_List .SB_Filters_Label:before,
.SB_Filter_Block.stock-size .SB_Filters_List .SB_Filters_Label:after,
.SB_Filter_Block.SB_Filter_Sizes .SB_Filters_List .SB_Filters_Label:before,
.SB_Filter_Block.SB_Filter_Sizes .SB_Filters_List .SB_Filters_Label:after{
display:none;
}
.SizeSwatch.is-active::after,
.SizeSwatch__Radio:checked + .SizeSwatch,
.SizeSwatch_Element .SizeSwatch:hover,
.SB_Filter_Block.stock-size .SB_Filters_List .SB_Filters_Label:hover,
.SB_Filter_Block.stock-size .SB_Filters_List .Selected_Option .SB_Filters_Label,
.SB_Filter_Block.SB_Filter_Sizes .SB_Filters_List .SB_Filters_Label:hover,
.SB_Filter_Block.SB_Filter_Sizes .SB_Filters_List .Selected_Option .SB_Filters_Label,
.nosto_element .Nosto_SizeSelect_ListItem:hover,
.size-variants-custom ul li:hover {
  border-color: var(--accent-primary);
  background: var(--accent-primary);
  font-weight: var(--font-weight-medium);
  color: #fff;
}
.SizeSwatch_Element.Out_of_Stock .SizeSwatch:hover,
.SizeSwatch__Radio:checked + .SizeSwatch {
  font-weight: var(--font-weight-thin);
}
.SB_Filter_Colors .SB_Filters_List li,
.SB_Filter_Colours .SB_Filters_List li { 
    margin: 4px 11px; 
    border-radius: 50px;
    float: left;
    display: inline-block;
}
.SB_Filter_Colors .SB_Filters_List .SB_Filters_Label,
.SB_Filter_Colours .SB_Filters_List .SB_Filters_Label {
    width: 30px;
    height: 30px;
    margin-top: 0;
    margin-bottom: 0 ;
    font-size: 0;
    padding: 0;
    border-radius: 50px;
    position: relative;
    float: left;
    cursor: pointer;
} 
.SB_Filter_Colors .SB_Filters_List .SB_Filters_Label a,
.SB_Filter_Colours .SB_Filters_List .SB_Filters_Label a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.SB_Filter_Colors .SB_Filters_List .SB_Filters_Label:before,
.SB_Filter_Colours .SB_Filters_List .SB_Filters_Label:before {
	width: 100%;
    height: 100%;
    content: "";
    border: 2px solid transparent;
    border-radius: 50px;
    top: 5px;
    bottom: auto;
    left: 10px !important;
    right: auto;
    display: block;
    -ms-box-shadow: 0 0 0 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 20%);
    box-shadow: 0 0 0 1px rgb(0 0 0 / 20%);
}
.SB_Filter_Colors .SB_Filters_List .SB_Filters_Label:hover,
.SB_Filter_Colors .SB_Filters_List .Selected_Option .SB_Filters_Label,
.SB_Filter_Colours .SB_Filters_List .SB_Filters_Label:hover,
.SB_Filter_Colours .SB_Filters_List .Selected_Option .SB_Filters_Label {
    border: 1px solid #000;
}
.SB_Filter_Colors .SB_Filters_List .SB_Filters_Label:hover:before,
.SB_Filter_Colors .SB_Filters_List .Selected_Option .SB_Filters_Label:before,
.SB_Filter_Colours .SB_Filters_List .SB_Filters_Label:hover:before,
.SB_Filter_Colours .SB_Filters_List .Selected_Option .SB_Filters_Label:before {
    border-color: #fff;
} 
.SB_Filter_Colors .SB_Filters_List .color-Baby.Blue,
.SB_Filter_Colours .SB_Filters_List .color-Baby.Blue {
    background: #99ebf6;
}
.SB_Filter_Colors .SB_Filters_List .color-Black,
.SB_Filter_Colours .SB_Filters_List .color-Black {
    background: #000;
}
.SB_Filter_Colors .SB_Filters_List .color-Blue,
.SB_Filter_Colours .SB_Filters_List .color-Blue {
    background: #2d7cba;
}
.SB_Filter_Colors .SB_Filters_List .color-Gun,
.SB_Filter_Colours .SB_Filters_List .color-Gun {
    background: #726c73;
}
.SB_Filter_Colors .SB_Filters_List .color-Charcoal,
.SB_Filter_Colours .SB_Filters_List .color-Charcoal {
    background: #726c75;
}
.SB_Filter_Colors .SB_Filters_List .color-Cream,
.SB_Filter_Colours .SB_Filters_List .color-Cream {
    background: #f7e1c6;
}
.SB_Filter_Colors .SB_Filters_List .color-Green,
.SB_Filter_Colours .SB_Filters_List .color-Green {
    background: #277e6c;
}
.SB_Filter_Colors .SB_Filters_List .color-Navy,
.SB_Filter_Colours .SB_Filters_List .color-Navy {
    background: #2e3e5d;
}
.SB_Filter_Colors .SB_Filters_List .color-Orange,
.SB_Filter_Colours .SB_Filters_List .color-Orange {
    background: #ff6a00;
}
.SB_Filter_Colors .SB_Filters_List .color-Red,
.SB_Filter_Colours .SB_Filters_List .color-Red {
    background: #d60d2d;
}
.SB_Filter_Colors .SB_Filters_List .color-White,
.SB_Filter_Colours .SB_Filters_List .color-White {
    background: #fff;
}
.SB_Filter_Colors .SB_Filters_List .color-Wine,
.SB_Filter_Colours .SB_Filters_List .color-Wine {
    background: #873d4e;
}
.SB_Filter_Colors .SB_Filters_List .color-Yellow,
.SB_Filter_Colours .SB_Filters_List .color-Yellow {
    background: #f9eb60;
}
.SB_Filter_Colors .SB_Filters_List .color-Grey,
.SB_Filter_Colours .SB_Filters_List .color-Grey {
    background: #adb3c5;
}
.SB_Filter_Colors .SB_Filters_List .color-Arctic.Blue,
.SB_Filter_Colours .SB_Filters_List .color-Arctic.Blue {
    background: #96a8d2;
}
.SB_Filter_Colors .SB_Filters_List .color-Peach,
.SB_Filter_Colours .SB_Filters_List .color-Peach {
    background: #fda98d;
} 
.SB_Filter_Colors .SB_Filters_List .color-Pink,
.SB_Filter_Colours .SB_Filters_List .color-Pink {
    background: #ffb1d7;
}
.SB_Filter_Colors .SB_Filters_List .color-Mint,
.SB_Filter_Colours .SB_Filters_List .color-Mint {
    background: #bdeddd;
}
.SB_Filter_Colors .SB_Filters_List .color-Lime,
.SB_Filter_Colours .SB_Filters_List .color-Lime {
    background: #ddfd62;
}
.SB_Filter_Colors .SB_Filters_List .color-Coral,
.SB_Filter_Colours .SB_Filters_List .color-Coral {
    background: #fe7251;
} 
.SB_Filter_Colors .SB_Filters_List .color-Brown,
.SB_Filter_Colours .SB_Filters_List .color-Brown {
    background: #744b47;
}
.SB_Filter_Colors .SB_Filters_List .color-Lilac,
.SB_Filter_Colours .SB_Filters_List .color-Lilac {
    background: #D1C5DB;
} 
.SB_Filter_Colors .SB_Filters_List .color-Stone,
.SB_Filter_Colours .SB_Filters_List .color-Stone {
    background: #EBEBED;
}
.SB_Filter_Colors .SB_Filters_List .color-Purple,
.SB_Filter_Colours .SB_Filters_List .color-Purple {
    background: #4D3983;
}
.Filter_Results_Inner {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.ClearAll_Results {
    margin-bottom: 24px;
}
.ClearAll_Results .Heading {
    line-height: 1;
}
.ClearAll_Results .Button {
    white-space: nowrap;
    padding: 2px 9px 4px;
}
.Refined_Values a {
    display: block;
    position: relative;
    margin: 6px 0;
  padding-right: 24px;
} 
.Refined_Values a:before,
.Refined_Values .Icon {
/*   content: '\2a2f'; */
  vertical-align: middle;
  padding: 0 6px;
  position: absolute;
  right: 0;
  font-size: calc(var(--font-size-u-h2) - 2px);
  line-height: 1;
  top: 0;
}
.Filter_Trig {
    position: absolute;
    right: 0px;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translate(0,-50%);
}
.Filter_Trig:before, .Filter_Trig:after {
    position: absolute;
    content: '';
    top: 10px;
    right: -5px;
    width: 11px;
    height: 1px;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: #000;
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
} 
.Filter_Trig:after {
    width: 1px;
    height: 11px;
    right: 5px; 
}
.Filter_Trig:before { 
    opacity: 0;
}
.collapsed .Filter_Trig:before { 
    opacity: 1;
}
.collapsed .Filter_Trig:before,
.collapsed .Filter_Trig:after {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
} 
.SB_Filter_Header .Heading {
    line-height: 1;
    padding: 6px 0;
}
.Filtet_Price_Range.ui-slider {
    border: 0;
    background: #ccc;
    height: 2px;
    margin: 20px 10px;
} 
.Filtet_Price_Range.ui-slider .ui-slider-range {
    height: 2px;
    background: var(--text-color-light);
      margin-top: -1px;
}
.Filtet_Price_Range.ui-slider .ui-slider-handle {
    border-radius: 50%;
    height: 20px;
    outline: none;
    border: 2px solid var(--text-color-light);
    width: 20px;
    z-index: 1;
    cursor: pointer;
    background: #fff;
    top: -10px;
}
.Selected_Ranges { 
    color: var(--text-color-light);
}
.Popover__ValueList .Popover__Value {
    white-space: nowrap;
}
.CollectionToolbar__LayoutSwitch {
    padding: 5px 0;
}
.CollectionToolbar__Item .fltrIcon {
    height: 18px;
    vertical-align: -3px;
    margin-left: 8px;
    fill: var(--text-color-light);
}
.CollectionInner__Sidebar .Drawer__Header,
.CollectionInner__Sidebar .Drawer__Footer {
 display:none; 
}
.LoadMoreBtn_Wrap {
    display: table;
    text-align: center;
    margin: 30px auto 0;
    padding-top: 10px;
}
.Pagination__Status {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.LoadPrevBtn_Wrap {
    display: table;
    text-align: center;
    margin: 0 auto 30px; 
}
.LoadPrevBtn_Wrap .Button { 
    padding-top: 10px;
    padding-bottom: 10px
}
.CollectionInner__Products {
    padding-bottom: 40px;
}
.Filtet_Price_Range { 
    border: 1px solid var(--color-light-grey);
} 
@media screen and (min-width: 1008px) {
div#collection-sort-popover {
  position:absolute;
  top: 100% !important;
  right: 17px !important;
}
.CollectionInner__Sidebar .Drawer__Content {
    padding-bottom: 60px;
}
.CollectionInner__Sidebar { 
  max-height:inherit !important;
}
}

@media screen and (max-width: 1007px) {
.CollectionInner__Sidebar  {
    position: fixed;
    width: 400px;
    height: 100vh;
    overflow: auto;
    z-index: 9999;
    background: #fff;
    top: 0 !important;
    right: -110%;
    padding: 20px 20px !important;
    display: block !important;
    transition: ease all .5s;
    margin: 0; 
    max-height:inherit !important;
}
.CollectionInner__Sidebar.SB_Filters_Show {
    right: 0;
}
.CollectionInner__Sidebar .Filters__Content {
    min-height: calc(100% - 34px);
    max-height: calc(100% - 34px);
    margin-left: -20px;
    margin-right: -20px;
}
.CollectionInner__Sidebar .Filters_Wrapper {
    position: relative;
    overflow-x: hidden;
    overflow-x: auto; 
    margin-top: 15px ;
    padding: 0 20px;
}
.CollectionInner__Sidebar .Drawer__Header {
   display:flex; 
    margin: -20px -20px 0;
    width: initial;
    padding-left: 18px;
    padding-right: 18px; 
    max-height: 54px;
} 
.CollectionInner__Sidebar .Drawer__Header .Drawer__Close {
    right: 24px;
    left: auto;
}
.Collection__Sidebar .Filters__Footer.Drawer__Footer {
display:block;
padding: 19px 20px 0;
}
.CollectionInner__Sidebar .Drawer__Footer .Button {
padding: 12px 24px;
} 
#collection-sort-popover .Popover__Close { 
    top: calc(50% - 7px);
}
}

@media screen and (max-width: 640px) {
.CollectionInner__Sidebar {
    width: calc(100vw - 200px) ;
}
.LoadPrevBtn_Wrap { 
    margin-bottom: 20px; 
}
} 
@media screen and (max-width: 501px) {
.CollectionInner__Sidebar {
    width: calc(100vw - 100px);
}
}
@media screen and (max-width: 360px) {
.CollectionInner__Sidebar {
    width: calc(100vw - 35px);
}
}
@media screen and (max-width: 320px) {
.CollectionInner__Sidebar {
    width: calc(100vw - 20px);
}
}



/* Preloaders Placeholders START =================================*/
.Collection_Preloaders_Wrapper .CollectionToolbar { margin-bottom:34px;}
.Collection_Preloaders_Wrapper .SectionHeader .animated-preloader-width3 {
  width:400px;
  max-width:80%;
}
.Filters_Dummy_Data .Preloader_Options_Box {
    margin: 0;
    padding: 20px 0;
    border-top: 1px solid #e3e3e3;
    position: static;
    width: 100%;
}

.Filters_Dummy_Data .Preloader_Options_Box:first-child {
    padding-top: 0;
    border-top: none;
}
.Preloader_Options_Box .Preloader_Title_Bar {
    position: relative;
}
.Filters_Dummy_Data .Preloader_Options_Box .Preloader_Title_Bar {
    overflow: visible;
    line-height: 20px;
    position: relative;
}
.Preloader_Options_Box .Preloader_Title_Bar>h3 span:after, .Preloader_Options_Box .Preloader_Title_Bar>a span:after {
    content: "";
    height: 12px;
    width: 28%;
    background: rgba(0,0,0,.07);
    -moz-border-radius: 50em;
    -webkit-border-radius: 50em;
    border-radius: 50em;
    display: inline-block;
    -webkit-animation: boost-pfs-filter-skeleton-animation 2s infinite;
    animation: boost-pfs-filter-skeleton-animation 2s infinite;
}
.Preloader_Title_Bar:after {
    content: "";
    display: table;
    clear: both;
}

 


.Content_Placeholder  {
    padding-top: 15px;
}
.Products_Content_Placeholder {
    padding-top: 20px;
}
.Preloader_Filters_Box .Content_Placeholder {
    color: #939393;
}
.Filters_Dummy_Data .Preloader_Filters_Box .Content_Placeholder {
    width: 100%!important;
}
.animated-preloader-text,
.animated-preloader-image {
    height: 8px;
    max-width: 100%;
    min-width: 50px;
    background: rgba(0,0,0,.07);
    -moz-border-radius: 50em;
    -webkit-border-radius: 50em;
    border-radius: 50em;
    display: inline-block;
    -webkit-animation: preloading-animation 2s infinite;
    animation: preloading-animation 2s infinite;
}
.animated-preloader-image {  
  border-radius: 0;
  width: 100%;
} 
    
.Img_Placeholder {
    aspect-ratio: 0.7992592592592592;
}
.Img_Placeholder .animated-preloader-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.animated-preloader-text.animated-preloader-width1 {
    width: 50px;
}
.animated-preloader-text.animated-preloader-width2 {
    width: 100px;
}
.animated-preloader-text.animated-preloader-width3 {
    width: 150px;
}
.animated-preloader-text.animated-preloader-width4 {
    width: 200px;
} 
.Preloader_Options_Box .animated-preloader-text {
    max-width: 100%;
    display: block;
}
.Preloader_Options_Box .animated-preloader-text.animated-preloader1 {
    width: 40%;
}
.Preloader_Options_Box .animated-preloader-text.animated-preloader2 {
    width: 65%;
}
.Preloader_Options_Box .animated-preloader-text.animated-preloader3 {
    width: 80%;
} 
.Preloader_Options_Box .animated-preloader-text.animated-preloader4 {
    width: 100%;
}
.Preloader_Options_Box .Content_Placeholder .animated-preloader-text:not(:first-child) {
    margin-top: 10px;
}
.Preloader_Options_Box .Content_Placeholder .animated-preloader-text:not(:last-child) {
    margin-bottom: 18px;
}
.Preloader_Products_Box .Content_Placeholder .animated-preloader-text:not(:last-child) {
    margin-bottom: 10px;
} 
.Preloader_Products_Box .Content_Placeholder .animated-preloader-text:not(:first-child) {
    margin-top: 13px;
}
.Preloader_Products_Box .animated-preloader-text.animated-preloader-width3 { 
    height: 20px;
  border-radius:4px;
}
.Preloader_Products_Box .animated-preloader-text.animated-preloader-width2 { 
    margin-top: 20px !important;
}
.Preloader_Content {
    margin-bottom: 20px;
} 
@-webkit-keyframes preloading-animation {
  0%{opacity:1}50%{opacity:0.5}100%{opacity:1}
}
@keyframes preloading-animation{
  0%{opacity:1}50%{opacity:0.5}100%{opacity:1}
}
/* Preloaders Placeholders END =================================*/


/* Header Search START 
======================================================*/
.Search__Results {display: none !important;}
div#shopify-section-header {z-index: 1000 !important;transition: ease background-color .5s;}
.Drawer, .PageOverlay { z-index: 9999;}
.PageOverlay.PageOverlay_For_Sorting {z-index: 10;}
.blocker {z-index: 999 !important;}
.Modal {z-index: 9999;}
.Search__Inner {padding: 0 24px;}
#Search .Search__Inner .Search__SearchBar { 
    border-bottom: 1px solid #d9d9d9; 
    padding: 40px 0 15px;
    margin: 0 24px;
} 
.acs_auto_popup { 
  top: calc(var(--header-height) + 94px);
  width: 100%;
  height: calc(100% - var(--header-height) - 94px);
  max-height: inherit;
  left: 0;
  box-shadow: none;
  padding:0; 
  overflow: hidden;
  z-index:999;
}
.Page_Scrolled .acs_auto_popup { 
  top: calc(var(--header-height) + 62px); 
  height: calc(100% - var(--header-height) - 62px); 
}
.acs_auto_popup > div {
    display: block;
    height: 100%;
}
.acs_auto {  
  display: block; 
  padding: 0; 
  height: 100%;
}
.acs_auto_col1 {display: none;}
.acs_auto_col2 {
    width: 100%;
    height: calc(100% + 24px);
    overflow: auto;
}
.acs_auto_prod_image img {
    max-width: 100%;
    max-height: inherit; 
    width: 100%;
} 
.acs_auto_prods {
  display: flex;
  flex-flow: wrap;
  column-gap: 0;
  margin-left: -60px !important;
}
.acs_auto li {
	width: 25%;
    margin-top: 8px;
    margin-bottom: 40px;
    padding-left: 60px;
}
.view-all-arrow {
    font-size: 0;
    line-height: 26px;
    display: inline-block;
    width: 15px;
    height: 14px;
    margin-left: 4px;
    background-position: 50%;
    background-size: 11px;
    content: "";
    transition: all .2s;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI4NC45IDI4NC45Ij48cGF0aCBkPSJNMjgyIDc2LjVsLTE0LjItMTQuM2E5IDkgMCAwMC0xMy4xIDBMMTQyLjUgMTc0LjQgMzAuMyA2Mi4yYTkgOSAwIDAwLTEzLjIgMEwzIDc2LjVhOSA5IDAgMDAwIDEzLjFsMTMzIDEzM2E5IDkgMCAwMDEzLjEgMGwxMzMtMTMzYTkgOSAwIDAwMC0xM3oiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    transform: rotate( -90deg );
}
.acs_auto_prod_image {
    position: relative !important; 
    background: transparent;
}
@supports (aspect-ratio: 1 / 1) {
.acs_auto_prod_image { 
    aspect-ratio: 0.7992592592592592; 
}
}
.Search_Results_Header { 
  width: 100%; 
  display: flex;
  margin: 0 0 10px;
}
.acs_auto_col2 .Search_Results_Header a {
    float: none;
    text-decoration: none;
}
.acs_auto_prod_name{
  font-size:15px;
  margin-top: 18px;
  margin-bottom:0;
}
 
@media (max-width: 1199px) {   
.acs_auto_prods {
    margin-left: -24px !important;
}
.acs_auto li {
    width: 33.3333%;
    padding-left: 24px;
    margin-bottom: 30px;
    margin-top: 0;
} 
}
 

@media (max-width: 640px) { 
div#Search {
    position: fixed;
    z-index: 999999999;
    top: 0;
}
#Search .Search__Inner {
    padding: 14px 12px;
}
#Search .Search__Inner .Search__SearchBar { 
  margin: 0;
  padding-bottom: 8px;
}
.Page_Scrolled .acs_auto_popup,
.acs_auto_popup {
    top: 50px; 
    height: calc(100vh - 46px);
} 
.acs_auto_prods {
    margin-left: -10px !important;
} 
.acs_auto li {
    width: 50%;
    padding-left: 10px;
    margin-bottom: 25px; 
}
} 
.size-variants-custom .Button.not-available {
    background: #fff;
    color: #000;
}
/* Header Search END
======================================================*/


/* Horizontal Filters Bar START =====================================*/
.ProductListWrapper > .ProductList--grid.mb-0 {
    line-height: 0;
  display:block;
}
.Horizontal_Filters_Row { 
  margin-bottom: 20px !important;
  display:none;
  line-height: 1.65;
  position:relative;
}
.Horizontal_Filters_Row:before {
  width:100%;
  height:1px;
  position:absolute;
  content:"";
  background: #ddd;
  left:0;
  bottom:0;
} 
.Horizontal_Filters {
  display:flex;
  list-style: none;
/*   border-bottom: 1px solid #ddd; */
  flex-flow: row;
  overflow-x: scroll;
  -ms-overflow-style: none;
} 
.Horizontal_Filters::-webkit-scrollbar {display:none;}
.Horizontal_Filters li {
    padding: 0px 15px 0 !important;
}
.Horizontal_Filters li span { 
  position: relative;  
  color: var(--color-light); 
  white-space: nowrap; 
  display: inline-block; 
  cursor: pointer; 
  padding-bottom: 8px;
}
.Horizontal_Filters li span.active {
  color: #000;
}
.Horizontal_Filters li span:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 0;
  height: 2px;
  background-color: transparent;
  transition: ease all .25s;
}
.Horizontal_Filters li span.active:after {
  background-color: #000;
  width: calc(100% + 23px);
}
 
@media(max-width:1007px) { 
.Search_Results .Horizontal_Filters_Row {  
  display:none; 
}
} 
@media(max-width:640px) {
.Horizontal_Filters_Row { 
    margin-bottom: 10px!important; 
}
} 

/* Horizontal Filters Bar START =====================================*/


/* Size Guide POPUP STYLE START 
=============================================================================*/
.SizeChart_Modal table {
    width: 100%;
    border-collapse: separate;
    margin-top: 20px;
} 
.SizeChart_Modal #npsize td, .SizeChart_Modal #npsize2 td {
    font-size:var(--font-size-u-h6);
    border-bottom: 1px solid #d9d9d9 !important;
}

.Size_Guide_Wrapper {padding-bottom: 24px;}
.Size_Guide_Wrapper .Size_Guide_Header h1,
.Size_Guide_Wrapper .Size_Guide_Header h2 {font-size: var(--font-size-u-h2);} 
.Size_Guide_Header h2, .SG_Instruct_Table h4 { font-weight: var(--font-weight-medium);}
.SizeChart_Modal .TableWrapper {width: 100%;  }
 
.SizeChart_Modal div.Size_Guide_Wrapper div.sg_switch_wrapper {
  width: 100% !important;
  padding-bottom: 0;
  margin-top: 20px;
  margin-bottom: 0;
}


.Size_Guide_Header {max-width: 800px; margin: 15px auto auto;}
.SG_Instruct_Table .img_side {width:60%;border:0;}
.SG_Instruct_Table .info_side {padding: 10px;width:40%;border:0;} 
.sg_switch_wrapper > div {float: right;}
.sg_switch_wrapper > div .Heading {line-height: 1.4;} 

.Size_Guide_Wrapper #npsize {display: table;}
.Size_Guide_Wrapper #npsize2 {display: none;} 
.Size_Guide_Wrapper #npsize th,
.Size_Guide_Wrapper #npsize2 th {
  padding:0;
  border-bottom: 0;
  font-family: var(--font-tertiary);
  font-size: var(--font-size-u-h6);
  font-weight: var(--font-weight-medium); 
}  
.Size_Guide_Wrapper #npsize th,
.Size_Guide_Wrapper #npsize2 th,
.Size_Guide_Wrapper #npsize td,
.Size_Guide_Wrapper #npsize2 td {
text-align: center;
}
.Size_Guide_Wrapper #npsize th:first-child,
.Size_Guide_Wrapper #npsize2 th:first-child{
    border-right: 0px;
}      
.Size_Guide_Wrapper .SG_Instruct_Table {padding-bottom: 50px;}
.Size_Guide_Wrapper .SG_Instruct {
font-size: var(--font-size-u-h6);
line-height: 1.5; 
white-space: normal;  
text-align: left;
margin-top: 5px;
}
.Size_Guide_Wrapper .Size_Guide_Header h1 {margin-bottom: 0;}
.Size_Guide_Wrapper .Size_Guide_Header h2 {margin-top: 0;}
.Size_Guide_Wrapper .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}
.Size_Guide_Wrapper .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.Size_Guide_Wrapper .tableslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.Size_Guide_Wrapper .tableslider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2.5px;
  top: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.Size_Guide_Wrapper input:checked + .tableslider {background-color: #ccc;}
.Size_Guide_Wrapper input:focus + .tableslider {box-shadow: 0 0 1px #2196F3;}
.Size_Guide_Wrapper input:checked + .tableslider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
} 
.Size_Guide_Wrapper .tableslider.round {border-radius: 20px;}
.Size_Guide_Wrapper .tableslider.round:before {border-radius: 50%;} 
.SG_Instruct_Table .SG_Instruct_Row {
    margin: 1.1em 0;
    float: left;
}
.SG_Instruct_Table .StepNum span {
    width: 28px;
    height: 28px;
    border: 1px solid;
    border-radius: 50px;
    font-size: var(--font-size-u-h8);
} 
.sg_switch_wrapper {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
} 
.sg_switch_wrapper .switch_wrap { 
    padding: 2px 10px 0;
} 
.Size_Guide_Wrapper_Socs  .Size_Guide_Header {
margin-bottom: 40px;	
}
.Size_Guide_Wrapper .SG_Instruct_Table {
    padding-bottom: 25px;
} 
p.nptable {    white-space: normal;}
.Size_Guide_Wrapper .Size_Guide_Table th {
    text-transform: capitalize;
}
@media (max-width: 640px) { 
.SizeChart_Modal.Modal {
  max-height: calc(100% - 40px);
} 
}

@media only screen and (min-width: 1242px) {
.Size_Guide_Wrapper .npimg {max-width: 100%;} 
} 
@media only screen and (max-width: 1241px) {
.Size_Guide_Wrapper .full {
display:block;
width:100%;
}
.Size_Guide_Wrapper .SG_Instruct {
  font-size: var(--font-size-u-h6);
  line-height: 1.5; 
  white-space: normal;
} 
.SG_Instruct_Table .info_side .Heading {text-align: center;}
.Size_Guide_Wrapper .npimg {max-width: 70%;}
.SG_Instruct_Table .info_side { padding-left: 0;}
}
@media (max-width: 767px) {
.Modal_Inner { padding: 15px;}
.Size_Guide_Header h1 {margin: 1em 0 0.9em;}
.SG_Instruct_Table img {
    margin-top: 0em;
    margin-bottom: 3em;
}
}
@media only screen and (max-width: 600px) {
.Size_Guide_Wrapper .npimg {max-width: 100%;}
.Size_Guide_Wrapper #npsize th,
.Size_Guide_Wrapper #npsize2 th,
.Size_Guide_Wrapper #npsize td,
.Size_Guide_Wrapper #npsize2 td {
    padding: 10px 5px;
     font-size: 13px;
} 
.Size_Guide_Wrapper table tbody td:first-child,
.Size_Guide_Wrapper table tbody th:first-child {
    position: sticky;
    left: 0;
    min-width: 44px; 
    z-index: 1;  
  background: #fff;
} 
.Size_Guide_Header {margin-top: 25px;}
}

/* Size Guide POPUP STYLE END 
=============================================================================*/

/* Coming Soon Form Styling START
=======================================*/
.custom-coming-soon-form-block{background-color:#f4f4f4;margin-top: 20px;border-radius: 5px;} 
form#product-page-custom-newsletter {
  width: 70% !important;
  margin: 0 auto;
}
form#product-page-custom-newsletter .f_submit_btns_a {
  display: block !important; 
  position: absolute;
  bottom: 15px;
  right: 0px; 
  height: 22%;
  color: #fff;
  text-align: right;
} 
form#product-page-custom-newsletter {
  width: 70% !important;
  margin: 0 auto;
  padding-bottom: 20px;
}
#Cu_focus_terget {
  padding-left: 10px !important;
}
button#cust_button:hover {
  background: #fff;
  color:#000;
  border-color:#000;
}  
.custom-coming-soon-form-block h3 {
  padding-top:20px;
}
.custom-coming-soon-form-block p {
/*   padding-top:20px; */
/*   padding-bottom:20px; */
      line-height: 1.65;
} 
form#product-page-custom-newsletter{position:relative;margin-bottom:30px;margin-top:0px}
form#product-page-custom-newsletter p.custom-success{font-size:var(--font-size-u-h6);font-style:italic}
.hKaTyv.hKaTyv.hKaTyv.hKaTyv.hKaTyv.hKaTyv { border: 0px !important; border-bottom: 1px solid rgb(217, 217, 217) !important;}
.lljoXq.lljoXq.lljoXq.lljoXq.lljoXq.lljoXq { border: 0px !important; border-bottom: 1px solid rgb(217, 217, 217) !important;}
.hKaTyv.hKaTyv.hKaTyv.hKaTyv.hKaTyv.hKaTyv:focus {  border: 0px !important; border-bottom: 1px solid rgb(0, 0, 0) !important; }
.hKaTyv.hKaTyv.hKaTyv.hKaTyv.hKaTyv.hKaTyv:focus ~ .lljoXq.lljoXq.lljoXq.lljoXq.lljoXq.lljoXq {  border: 0px !important; border-bottom: 1px solid rgb(0, 0, 0) !important; }
@media only screen and (max-width: 640px) {  .custom-coming-soon-form-block { padding: 10px; } }
@media only screen and (min-width: 641px) {  .custom-coming-soon-form-block { padding: 25px; } }
.custom-coming-soon-form-block .klaviyo-form input[type="email"] {
    letter-spacing: 0.015em !important;
}
.custom-coming-soon-form-block .klaviyo-form button { 
    letter-spacing: .1em !important;
    height: 43px !important;
    padding: 6px 10px 10px !important;
}
.custom-coming-soon-form-block .ql-font-opinion-pro {
    letter-spacing: 0.1em !important;
}
.template-coming-soon .btn.klaviyo-bis-trigger{display:none !important;}
/* Coming Soon Form Styling END
=======================================*/

.black-card-member-only-member-access {
    font-size: var(--font-size-u-h6);
    color: #888888;
  font-family: "opinion pro", sans-serif !important;
      font-weight: var(--font-weight-medium);
}
.black-card-member-only-member-access svg {
    width: 11px;
    margin-right: 2px;
    fill: #888888;
}
.R-LauncherButton {
    border-radius: 50px !important;
}
.LoyaltyWidget-prefix { 
    display: none;
}
.template-account .LoyaltyWidget-prefix,
.template-checkout .LoyaltyWidget-prefix { 
    display: block;
}

 
/* Mobile ATC styling START ============================================ */

@media only screen and (max-width: 767px) {
.Mobile_ATC_Btn{
    display: block !important;
}
}
.Mobile_ATC_Btn{  
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9; 
    cursor: pointer;
}
.Mobile_ATC_Icon{ 
    background: #fff;
    border-radius: 50px;
    margin: 4px;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Mobile_ATC_Btn svg{
  width: 16px;
  height: 16px; 
}
.quick_add_popover_content .size-variants-custom {
    display: block;
    position: static !important;
    max-height: inherit;
}

.quick_add_popover_content {
    padding: 22px 8px 40px;
}
div#quick_add_popover {
    z-index: 999999;
}
.PageOverlay.PageOverlay_For_m_atc {
    z-index: 999;
}
.quick_add_popover_content .quick-add-title {
    display: none;
}
.quick_add_popover_content .size-variants-custom ul li { 
    height: 36px;
    line-height: 36px;
}
.quick_add_popover_content .size-variants-custom .Button.size-add-cart-custom {
    width: calc(100% - 20px);
    margin: 0 auto;
    display: table;
}
 .quick_add_popover .Popover__Header {
    padding: 8px 20px;
}
/* Mobile ATC styling END ============================================ */

.Welcome_in_Mobile_Menu {
    padding: 20px 0;   
}
.Welcome_in_Mobile_Menu .SectionHeader__Description {
    margin: 0; 
    padding-right: 12px;
}
.Welcome_in_Mobile_Menu .SectionHeader__Description .BC_icon {
    margin-right: 14px;
    width: 30px;
    margin-top: -1px;
    fill:#fff;
} 
.Arrow {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
}
.Arrow:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI4NC45IDI4NC45Ij48cGF0aCBkPSJtMjgyIDc2LjUtMTQuMi0xNC4zYTkgOSAwIDAgMC0xMy4xIDBMMTQyLjUgMTc0LjQgMzAuMyA2Mi4yYTkgOSAwIDAgMC0xMy4yIDBMMyA3Ni41YTkgOSAwIDAgMCAwIDEzLjFsMTMzIDEzM2E5IDkgMCAwIDAgMTMuMSAwbDEzMy0xMzNhOSA5IDAgMCAwIDAtMTN6Ii8+PC9zdmc+);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%; 
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9; 
}
.Welcome_in_Mobile_Menu .Arrow:before { 
    filter: invert(1);
    transform: rotate(-90deg);
}
div#Country_Select__popup {
    z-index: 99999;
}
.Reviews_Preloader .loading {
    height: 23px;
    margin-top: 20px;
    margin-bottom: 2px;
} 
.Cart_FS_Message,
.Cart_Progress_Preloaders {
  width: 320px;
  max-width: 100%;
  margin: 0 auto;
} 
.Cart_FS_Message .Progressbar_Wrap  { 
  margin-top: 4px;
  margin-bottom: 20px;
}
.Cart_FS_Message .Button {
    padding: 7px 20px 9px;
    font-weight: var(--font-weight-medium);
    margin: 0 3px;
    min-width: 124px;
}
.Cart_ShippingProgress { 
    margin-bottom: 30px;
}
.Orders_Tab_Wrapper, .Settings_Tab_Wrapper {
    min-height: 500px;
    padding-top: 20px;
}
@media(max-width:1024px) {
.Orders_Tab_Wrapper, .Settings_Tab_Wrapper {min-height: 400px;}
}
@media(max-width:767px) {
.Orders_Tab_Wrapper, .Settings_Tab_Wrapper {min-height: 300px;}
}
@media(max-width:450px) {
.LoyaltyWidget-prefix .LoyaltyPanel {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    max-width: inherit !important;
    max-height: inherit !important;
}
}

.js .Header__Wrapper {
    opacity: 1 !important; 
}
.shopify-section--header {
  /*top: var(--fsb-height); */
  /* position: absolute; */
  position: relative;  
  background: #000;
}
.template-index .shopify-section--header,
.template-womens-landing-page .shopify-section--header,
.template-landing-page-2021 .shopify-section--header,
.template-gurobu-signup .shopify-section--header,
.template-bil-coming-soon-noindex .shopify-section--header,
.template-page-sections-template-creed-trailer .shopify-section--header,
.template-404 .shopify-section--header,
.template-boxing-is-love-landing-page .shopify-section--header {
    position: absolute;
    top: var(--fsb-height);
    background:transparent;
}
.template-index .shopify-section--header.bg-black,
.template-womens-landing-page .shopify-section--header.bg-black,
.template-landing-page-2021 .shopify-section--header.bg-black,
.template-gurobu-signup .shopify-section--header.bg-black,
.template-bil-coming-soon-noindex .shopify-section--header.bg-black,
.template-index .shopify-section--header:hover,
.template-womens-landing-page .shopify-section--header:hover,
.template-landing-page-2021 .shopify-section--header:hover,
.template-gurobu-signup .shopify-section--header:hover,
.template-bil-coming-soon-noindex .shopify-section--header:hover,
.template-page-sections-template-creed-trailer .shopify-section--header:hover,
.template-404 .shopify-section--header:hover,
.template-boxing-is-love-landing-page .shopify-section--header:hover { 
    background:#000;
} 
.Header {
/*transition: background-color .5s ease, opacity .25s ease,color .5s ease,transform .5s cubic-bezier(.85,0,.15,1); */
  background:transparent;
  box-shadow:none;
}  
.shopify-section--header.is-scrolled--down { 
  transform: translateY(-100%) translateZ(0); 
} 
.Page_Scrolled_2 .shopify-section--header.is-scrolled--up { 
  position: sticky;
  top: 0 !important;
  background: #000;
} 
.template-index.Page_Scrolled_2 .shopify-section--header.is-scrolled--up,
.template-womens-landing-page.Page_Scrolled_2 .shopify-section--header.is-scrolled--up,
.template-landing-page-2021.Page_Scrolled_2 .shopify-section--header.is-scrolled--up,
.template-gurobu-signup.Page_Scrolled_2 .shopify-section--header.is-scrolled--up,
.template-bil-coming-soon-noindex.Page_Scrolled_2 .shopify-section--header.is-scrolled--up,
.template-page-sections-template-creed-trailer.Page_Scrolled_2 .shopify-section--header.is-scrolled--up,
.template-404.Page_Scrolled_2 .shopify-section--header.is-scrolled--up,
.template-boxing-is-love-landing-page.Page_Scrolled_2 .shopify-section--header.is-scrolled--up {
  position: fixed; 
} 
.Header__FlexItem .CountrySelector {
  margin-right: 20px;
  cursor:pointer;
}
.letter-spacing-2 {letter-spacing: 0.2em;} 
.Header__MainNav.Header__SecondaryNav {
    position: static;
}
.MegaMenuHoverBg {
    background: transparent;
    border: none;
}
.MegaMenu__Item {
    margin: 20px; 
}
.MegaMenu__Inner {  
    max-width: initial;
  align-items: inherit;
}
.MegaMenu__Inner > .MegaMenu__Item {
    border-left: 1px solid var(--color-dark-grey);
    padding: 0 10px 0 50px;
}
.MegaMenu__Inner > .MegaMenu__Item:first-child {
    border-left: 0; 
    padding-left: 0; 
}
.MegaMenu__Inner .Push_Image_Item{
    border-left: 0;   
}
.SidebarMenu__Nav .Collapsible .Collapsible .Collapsible__Button{
  line-height: 1.65;
}
@media (max-width: 1440px) {
.Push_Image_Item {
    display: none;
}
}
.Tabs_Banners_Section .Centered {
    max-width: 1500px;
}
.Tabs_Banners_Section .PageContent {
    margin-top: 0;
    margin-bottom: 0;
}
.Tabs_Banners_Section .SectionHeader__TabList { 
    margin-bottom: 20px; 
  position:relative;
}
.Tabs_Banners_Section .SectionHeader__TabList:before {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 0;
    left: 0;
    background: #ccc;
    height: 1px;
}
.Tabs_Banners_Section .SectionHeader__TabList .TabList__Item {
    display: inline-block;
    margin-bottom: -1px;
    padding: 20px 70px;
    position: relative;
    letter-spacing:0.2em;
}
.Tabs_Banners_Section .SectionHeader__TabList .TabList__Item.is-active {
    font-weight: var(--font-weight-bold);
}
.TabsBannerSlider .swiper-button,
.Image_Carousel_Banner .swiper-button {
    background: rgba(255,255,255,.5);
    width: 30px;
    height: 30px;
    border-radius: 50px;
  transition: ease all .25s;
}
.TabsBannerSlider .swiper-button:hover,
.Image_Carousel_Banner .swiper-button:hover {background: #fff; }
.TabsBannerSlider .tabs-slider-next,
.Image_Carousel_Banner .Image_Carousel_Banner_next {right: 20px;}
.TabsBannerSlider .tabs-slider-prev,
.Image_Carousel_Banner .Image_Carousel_Banner_prev {left: 20px;}
.TabsBannerSlider .swiper-button:after,
.Image_Carousel_Banner .swiper-button:after {
    font-size: 10px;
    font-weight: 900;
    color: #000;
}
.Popup_Video_Section {
    position: relative; 
}
.Popup_Video_Section .Video__Banner {
  position: relative;
  width: 100%;
  height: 100vh;
}
.Popuped_Video_Modal .Video__Banner video {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.Blog_Posts_Slider_Container {
    position: relative;
}
.Blog_Posts_Slider .ArticleItem__Content {
    margin: 0;
}
.Blog_Posts_Slider .ArticleItem__Title {
    margin-bottom: 8px;
      line-height: 1.4;
} 
.Popup_Video_Section .ImageHero img {
    width: 100%;
}
.Popup_Video_Section .ImageHero__ContentOverlay {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  min-width: 300px;
  text-align: center;
}
.SectionHeader__IconHolder { 
    display: flex; 
    justify-content: center;
}
.CollectionToolbar--top, .CollectionToolbar--top.is-scrolled--down,
.Account_Page_Wrapper .Account_Nav_Wrapper.is-scrolled--down { top: 0;} 
.CollectionToolbar--top.is-scrolled--up,
.Account_Page_Wrapper .Account_Nav_Wrapper.is-scrolled--up {top: var(--header-height);}
 
@media(max-width:1239px) {
.Header__FlexItem .CountrySelector { 
    display: none;
}
}
@media(max-width:767px) {
.Nosto_Rec_Section .swiper-button,
.Blog_Posts_Slider_Container .swiper-button,
.Nosto_Preloaders_Container .swiper-button { 
    display: none;
} 
.Tabs_Banners_Section {
    margin-bottom: 40px;
}
.Tabs_Banners_Section .Centered {
    padding: 0;
}
.Tabs_Banners_Section .SectionHeader__TabList {
    margin-bottom: 0px;
    display: flex;
    justify-content: space-around; 
}
.Tabs_Banners_Section .Banner__Section {
    margin-top:0;
  }
.Tabs_Banners_Section .SectionHeader__TabList .TabList__Item { 
    padding: 15px 20px;
    font-size: 12px;
    width: 100%;
    margin: 0;
}
.TabList__Item + .TabList__Item {
    margin-left: 16px;
}
.Triple_Banner_Wrap {
  flex-flow:column;
  row-gap: 10px;
} 
.Blog_Posts_Slider_Container {
    margin-right: -24px;
}
.Blog_Posts_Slider .swiper-slide {
    width: 76%;
} 
 
}

/* Weglot Styling */
.Language__Selector > span {
    display: inline-block;
}
.country-selector {
    background-color: #000 !important;
    margin-left: 8px;
} 
.wgcurrent {
    border: 0px !important;
}
.wg-drop.country-selector .wgcurrent a {
    font-family: var(--font-tertiary);
    color: var(--color-light) !important;
    height: 28px !important;
    line-height: 28px !important;
    font-size: var(--font-size-u-h7);
    padding-left: 0 !important;
  padding-right: 20px !important;
} 
.wg-drop.country-selector .wgcurrent:after {
    top: -5px !important;
  filter: invert(38%)!important; 
  right: 0 !important;
} 
.wg-drop.country-selector:not(.closed) ul {
    background-color: #000 !important;
    border: 0 !important; 
}  
.wg-drop.weg-openup .wgcurrent:after {
    transform: rotate(0deg) !important;
}
.wg-drop.country-selector.closed .wgcurrent:after {
    transform: rotate(-180deg)!important;
}
.country-selector a, .country-selector a:hover {
    color: #fff !important;
}
@media only screen and (max-width: 767px) {
  	#weglot-switcher {
   		display:none;
  	}
	.Drawer__Footer .weglot-container ul {
   		bottom: 35px !important;
	} 
 
  #weglot-switcher ul {
    bottom: 38px !important;
  }
}
/* End Weglot Styling */
.Search_Results_Footer {
    margin-top: 0;
    margin-bottom: 20px;
}
 
.animated-preloader-image {
    background: #fff;
}
 
.ruk_rating_snippet i { 
    margin-right: 3px;
}
.Product_Color_Row {
    margin-bottom: 10px;
}
.PDP_Mobile_Stuff {
    padding: 20px 0;
}

.features--heading-large .Product_Color_Row,
.Sizing_labels > .Caption,
.sizechartlink,
.Nosto_Bundle_3PK .content_side .SizeSet .SizeHeading { 
    font-size: calc(var(--font-size-u-h8) - 1px);
}
@media(max-width:1007px) {
.PDP_Mobile_Stuff .ProductMeta__PriceList {
    margin-top: 8px;
}
.Reviews_Preloader .loading { 
    margin-bottom: 0;
}
.reviewStrip.for-desktop {
    display:none !important;
}
.footerTop > .Container {
    padding:0 24px;
} 
}
 
.ProductItem__Image--alternate {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; 
}
@media (-moz-touch-enabled: 0), (hover: hover) {
.ProductItem__ImageWrapper--withAlternateImage:hover .ProductItem__Image {
    opacity: 0!important;
}
.ProductItem__ImageWrapper--withAlternateImage:hover .ProductItem__Image--alternate {
    opacity: 1!important;
}
}


/* Product Detailed Banners START ----------------------------------------- */
.PDP_Detailed_Banners .Banner_Image_Detailed {
    overflow: hidden;
}
.PDP_Banner_Image_Text_Section {
      padding-top: 35px;
    padding-bottom: 90px;
}
.Banner_With_Image_Text_Row {
    display: flex; 
}
.Banner_With_Image_Text_Row .Banner_With_Image_Text {
    width: 100%;
}
.Banner_With_Image_Text_Row .Banner_With_Image_Text .Content_Wrap {
    padding: 35px 50px 25px;
}
.Banner_With_Image_Text_Row .Banner_With_Image_Text .Content_Wrap .Heading {
    line-height: normal;
    margin-bottom: 20px;
}
.PDP_Banner_Image_Text_Section .ATC_Wrap {
    margin-top: 60px;
}
.PDP_Banner_Image_Text_Section .ATC_Wrap .Button {
    width: 300px;
    max-width: 100%;
}
@media(max-width:1199px) {
.Banner_With_Image_Text_Row .Banner_With_Image_Text .Content_Wrap {
    padding: 30px 0;
}
}
@media(max-width:767px) {
.PDP_Banner_Image_Text_Section {
    padding-bottom: 0;
}
.Banner_With_Image_Text_Row { 
    flex-flow: wrap;
}
.Banner_With_Image_Text_Row .Banner_With_Image_Text { 
    margin-bottom: 40px;
}
.Banner_With_Image_Text_Row .Banner_With_Image_Text .Content_Wrap br {
    display:none;
}
.PDP_Banner_Image_Text_Section .ATC_Wrap { 
    display: none;
}  
}
/* Product Detailed Banners END ----------------------------------------- */
/* Main Registeration Popup START ============================================= */
.Main_Registeration_Popup .loginForm,
.Main_Registeration_Popup .registerForm,
.Main_Registeration_Popup .forgotForm {display: none;}
.Main_Registeration_Popup .registerForm .Form__Header .BC_icon_text,
#customer_login .Form__Header .BC_icon_text,
#create_customer .Form__Header .BC_icon_text,
#create_customer_custom .Form__Header .BC_icon_text { 
    width: 90px;
    margin-bottom: 8px;
} 
.Main_Registeration_Popup .FormsInner_Wrap {padding: 15px; }  
.Main_Registeration_Popup .Check__Row .checkOuter label { 
  display: inline-block;
  padding-left: 23px;
}
.Main_Registeration_Popup .Check__Row .checkOuter label:before {
    width: 16px;
    height: 16px;  
}
.Main_Registeration_Popup .Check__Row .checkOuter input[type="radio"]:checked + label:after {
    background: var(--accent-primary); 
    left: 2px;
}
.Main_Registeration_Popup .Check__Row .checkBoxOuter input:checked+label:after { 
    left: 4px;
    top: 1px;
    transform: none;
}
.Main_Registeration_Popup .Check__Row.Form__Hint .checkOuter label:before {
  transform: none;
  top: 0;
}  
.Main_Registeration_Popup .Form__Header {margin-bottom: 40px; } 
.Main_Registeration_Popup .Form__Item.Forgot__Item {
    display: inline-block;
    width: 100%;
    margin: 10px 0 20px;
    text-align: right;
}
.Main_Registeration_Popup .Devider_Line { margin-bottom: 18px;} 
.Main_Registeration_Popup .Devider_Line:after { background: var(--text-color-light);} 
.Main_Registeration_Popup .Form__Legend {line-height: 1.65;} 
#Main_Registeration_Popup.Main_Registeration_Popup .Form__Item .Form__Input {
    padding-left: 0;
    padding-right: 0; 
}  
#Main_Registeration_Popup.Main_Registeration_Popup .Form__Item .Form__FloatingLabel {
    left: 0;
    padding-left: 0;
}
.Preference_Title { margin-bottom: 10px;}
.Form__Hint .Link.Text--subdued:hover {
    color: #000;
}
.Form__Hint button.login_switch {
    font-size: 14px;
}
/* Main Registeration Popup END ============================================= */
.Modal.Locations_Modal,
.Modal#modal-pre-order {
  width: 400px;
  padding: 40px;
  line-height: 1.65;
}
.Modal.Country_Select__popup,
.Modal#modal-pre-order { 
  padding: 40px 26px; 
}
.Locations_Modal .Modal__Header,
.Modal#modal-pre-order .Modal__Header {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}
.Country_Select__popup .Modal__Header {
    margin-bottom: 30px;
}
.Locations_Modal .Modal__Header .Heading,
.Modal .preorder-confirm > .Heading { 
    line-height: 1.65;
}
.Locations_Modal .Modal__Header svg {
    width: 32px;
    margin-bottom: 20px;
} 
.Redirect_Store_Strip {
  margin-bottom: 10px;
  cursor: pointer;
  padding: 10px 14px;
}
.Redirect_Store_Strip.current {
  background: #f2f2f2;
}
.Redirect_Stores_Listing .Redirect_Store_Strip:last-child {
    margin-bottom: 0;
}
.Country_Select__popup .C_Flag {
    width: 24px;
    height: 24px;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
}
.Locations_Modal select {
    padding: 10px 0;
    width: 100%; 
    margin-bottom: 34px;
    border: none;
    border-bottom: 1px solid #000;
    appearance: auto; 
}
#sidebar-cart .CartItem { 
    position: relative;
}
#sidebar-cart .CartItem__Actions {
    position: absolute;
    right: 0;
    bottom: 0;
}
.Custom_HTML_Section .PageContent {margin: 0;}

/* Careers Page Styling START
====================================================================================================*/
.careers-page-template .Hero__Content {
	padding: 10px 85px 20px;
}
.careers-page-template .Button {
	min-width: 200px;
}
.careers-page-template .Banner__Image_with_Text .SectionHeader__Heading, .careers-page-template .Banner__Image_with_Text .SectionHeader__Description, .careers-page-template .faqSection .Heading, .careers-page-template .Faq__Answer {
	color: #fff;
}
.careers-page-template .faqSection {
	padding: 60px 0 30px;
}
.careers-page-template .faqSection .Faq {
    margin-top: 40px;
}
.careers-page-template .Faq__Answer {
	padding: 16px 0 22px 0;
	line-height: 1.4;
}
.careers-page-template .Faq__Answer .Heading.subheader {
	font-size: 16px !important;
	margin-top: 0;
}
.careers-page-template .Faq .Faq__Icon {
	top: 7px;
}
.Faq__Question{
  cursor:pointer;
}
.careers-page-template .Faq__Question strong{
  font-size: var(--font-size-u-h5);
}
.careers-page-template .Faq__Item h2.Heading {
	font-size: 20px;
}
.careers-page-template .Faq__Item .jobpost_block .bordered_box > .Heading {
    font-size: var(--font-size-u-h6) !important;
    font-family: var(--font-tertiary);
    font-weight: var(--text-font-weight);
    letter-spacing: 0.2em;
}
.careers-page-template .Faq__Item .Rte a:not(.Button):hover {
	color: #fff;
	-webkit-text-decoration-color: #fff;
	text-decoration-color: #fff;
}
.careers-page-template .Faq__Item[aria-expanded="true"] .Faq__Icon {
	color: var(--text-color-light);
}
.careers-page-template h3.Heading.u-h4.career {
    font-size: 15px !important;
    display: inline;
    font-family: var(--font-tertiary);
    text-transform: capitalize;
    letter-spacing: 0.015em;
}
.careers-page-template .Rte a:not(.Button) {
	color: #a1a1a1;
	text-decoration: underline;
	-webkit-text-decoration-color: rgba(204, 204, 204, 0.6);
	text-decoration-color: rgb(204 204 204 / 60%);
}
.careers-page-template .PageContent--narrow {
	margin: auto !important;
}
.car_openingSection {
	background: #1d1d1d;
	padding: 60px 0;
}
.car_openingSection .Heading {
	margin-bottom: 12px;
}
section#section-template--14285184073786__16551269003b004e59 {
	padding: 0;
}
.car_openingSection .Button {
    margin-top: 20px;
}
@media only screen and (max-width: 1007px) {
.careers-page-template .Hero__Content {
	padding-left: 40px;
	padding-right: 40px;
}
}
@media only screen and (max-width: 767px) {
.careers-page-template .Hero__Content {
	padding: 0;
	position: static;
	transform: none;
	width: 100%;
	margin-top: 40px;
}
.careers-page-template .SectionHeader__Description {
	max-width: 100%;
}
.careers-page-template .Banner__Section .Hero__Content .Button {
	background: #fff;
	color: #000;
}
.careers-page-template .Banner__Section .SectionHeader .Button {
	background: transparent;
	border-color: #fff;
	color: #fff;
}
.careers-page-template #shopify-section-template--14285184073786__1647269536627342a8 .Banner__Section .SectionHeader .Button {
	display: none;
}
} 
/* Careers Page Styling START
====================================================================================================*/
 .Cart_Drawer_HeadBlock { position: relative;}
/* De-Active FSB START--------------------------- */
/* .Header_FSB_Container,
div#fsb_container {
    display: none !important;
}
.acs_auto_popup { 
    top: calc(var(--header-height) + 62px);
    height: calc(100% - var(--header-height) - 62px);
}
@media (max-width: 640px) {
.Page_Scrolled .acs_auto_popup, .acs_auto_popup {
    top: calc(var(--header-height) + 4px);
    height: calc(100% - var(--header-height) - 4px);
}
} */
/* De-Active FSB END--------------------------- */
.CollectionBottomInfo {
    border-top: 1px solid #ccc;
    margin-top: 40px;
    padding-bottom: 50px;
}
.SidebarMenu__Nav #Equipment_child {
    margin-left: 8px;
    padding: 0 20px 0 25px;
    border-left: 1px solid var(--navigation-border-color);
}
.SidebarMenu__Nav #Equipment_child > a.Collapsible__Button {
    text-transform: capitalize;
    letter-spacing: 0.015em;
    padding: 8px 0;
}

   
.ButtonGroup--spacingSmall .ButtonGroup__Item.Banner_Link {
    margin: 0 15px;
}
.Banner_Link { 
    font-family: var(--font-tertiary);
    font-weight: var(--text-font-weight);
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    letter-spacing: 0.2em;
    line-height: 1.65;
    padding: 0; 
}
.Banner_LinkWhite {
    color: #fff;
}
.Button.Banner_LinkWhite:hover,
.Button.Banner_LinkBlack:hover {
    color: var(--accent-primary);
    background: transparent;
    border-color: transparent;
    border-bottom: 1px solid var(--accent-primary);
} 
.klaviyo-bis-trigger-wrapper { 
    row-gap: 12px;
}

/* Below style can be removed with proper-classe when site will live START
--------------------------------------------------------------------------------------------*/
 
.SizeChart_Modal .nptable em,
#Marcela_Sports_Bra,
#Marcela_Leggings,
#winstone_wide_leg_bottoms {
    color: var(--color-grey);
    font-size: calc(var(--base-text-font-size) - 1px);
    font-style: italic;
}
.SizeChart_Modal center + div > div,
.SizeChart_Modal center + p + div > div,
.SizeChart_Modal center + p + p + div > div,
.SizeChart_Modal center + p + p + p + div > div {
    min-width: 26px !important;
}
.SizeChart_Modal #nptitle h2 {
    margin-top: 20px !important;
}
.NRC_Item_Content .nosto-product-name {
    margin-top: 0 !important;
}
.NRC_Item_Content .nosto-product-name a {
    font-size: var(--font-size-u-h4) !important;
    font-family: var(--font-tertiary);
    text-transform: capitalize;
    letter-spacing: 0.015em;
    font-weight: var(--font-weight-medium) !important;
      line-height: 1.65 !important;
}
.Blog_Single_Rec .NRC_Item_Content .nosto-product-name a span {  
    font-size: var(--font-size-u-h4) !important;
    color: var(--color-light) !important;
    font-weight: var(--font-weight-regular);
    font-family: var(--font-tertiary) !important; 
}
.Blog_Single_Rec .Checkout_Rec_Row .cbb-also-bought-product-price-container span { 
    font-size: var(--font-size-u-h4) !important; 
    font-family: var(--font-tertiary) !important;
    font-weight: var(--text-font-weight) !important;
}
.Blog_Single_Rec .NRC_Item_Content select { 
    font-family: var(--font-tertiary) !important;
    font-weight: var(--text-font-weight) !important;
    line-height: 1.65 !important;
    font-size: var(--font-size-u-h8) !important;
}
.Blog_Single_Rec .NRC_Item_Content button.Button.nosto-add-button { 
    border-radius: 5px !important;
    font-size: var(--font-size-u-h5) !important;
    font-family: var(--font-primary) !important;
    letter-spacing: 0.1em !important;
    padding: 12px 28px 14px !important;
}
.Blog_Single_Rec .NRC_Item_Content button.Button.nosto-add-button:hover { 
  background: var(--accent-primary) !important;
  border-color: var(--accent-primary) !important;
  color:#fff !important;
}
/* Above style can be removed with proper-classe when site will live END
--------------------------------------------------------------------------------------------*/
 
.ProductMeta shopify-payment-terms {
    display: none !important;
}

.Header__MainNav li#Boxing\ Is\ Love {
    display: none;
}
.Popuped_Video_Modal {
    padding: 0 !important;
} 
#create_customer .Check__Row.Form__Hint .checkOuter label:before,
#create_customer_custom .Check__Row.Form__Hint .checkOuter label:before {
  transform: none;
  top: 0;
} 
#create_customer .Check__Row.Form__Hint .checkOuter label:after,
#create_customer_custom .Check__Row.Form__Hint .checkOuter label:after {
    transform: none;
    top: -1px;
    left: 4px;
}
.Header__MainNav > .HorizontalList > .HorizontalList__Item {margin: 0;}
.Header__MainNav > .HorizontalList > .HorizontalList__Item > a,
.Header__MainNav .HorizontalList .Header__LinkSpacer {
    padding: 24px 21px 24px 21px; 
}   
.Header__MainNav > ul [data-attr-menu-lvl1="equipment"] + .MegaMenu .MegaMenu__Inner {
    justify-content: center;
}
.Header__MainNav > ul [data-attr-menu-lvl1="equipment"] + .MegaMenu .MegaMenu__Inner .MegaMenu__Item.mainequipment {
    margin-right: 100px;
}
#Reviews_Collapsible .ruk-rating-snippet-count {
    display: none;
}
#Reviews_Collapsible .ruk_rating_snippet {
  display:flex;
}
#Reviews_Collapsible .ruk_rating_snippet i { 
    line-height: 1; 
}
/* BIS Modal START ----------------------*/
#klaviyo-bis-modal {  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 90%;
}
#klaviyo-bis-modal .modal-title { 
text-transform: uppercase;
    font-weight: 600;
    line-height: 25px;
    font-family: Antonio, sans-serif;
    letter-spacing: 0.1em; 
}

#klaviyo-bis-modal p {
    margin-top: 1em;
    line-height: 1.3;
  font-family: 'Inter', sans-serif;
}
#klaviyo-bis-modal .form-control { 
    border: none;
    border-radius: 0; 
    border-bottom: 1px solid #808080;
    box-shadow: none;
    padding-left: 0;
  font-family: 'Inter', sans-serif;
}
#klaviyo-bis-modal .form-control::-moz-placeholder {
  color: #a0a0a0;
} 
#klaviyo-bis-modal .form-control:-ms-input-placeholder {
  color: #a0a0a0;
} 
#klaviyo-bis-modal .form-control::placeholder {
  color: #a0a0a0;
}
#klaviyo-bis-modal .form-control:focus { 
  outline:none;
  border-color: #000; 
}

#newsletter_subscription {margin-top: 20px;}
#newsletter_subscription input {
    position: absolute;
    opacity: 0;
}
#newsletter_subscription label {
  position: relative;
  padding-left: 30px;
  margin-left: 0 !important;
/*   font-family: 'Inter', sans-serif; */
}
#newsletter_subscription label:before {
  width: 16px;
  height: 16px;
  border: 1px solid rgba(0,0,0,.2);
  left: 0;
  top: 0px;
  position: absolute;
  content: "";
}
#newsletter_subscription input:checked + label:before {
    background: #ffa587;
    border-color: #ffa587;
}
#newsletter_subscription input:checked + label:after {
    position: absolute;
    content: "\2713";
    font-size: 11px;
    top: 2px;
    left: 4px;
    color: #fff;
    font-weight: 600;
    line-height: 12px;
}
#klaviyo-bis-modal  .close.klaviyo-bis-close,
#klaviyo-bis-modal .alert {  /*  font-family: 'Inter', sans-serif; */}  
 
@media(max-width:767px) {
#klaviyo-bis-modal .modal-title { font-size: 18px;}  
#klaviyo-bis-modal .form-control { -webkit-appearance: none;}
#klaviyo-bis-modal #variant_select {position: relative;}
#klaviyo-bis-modal #variant_select:after {
    position: absolute;
    content: "";
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #000;
    top: 50%;
    margin-top: -2px;
    right: 2px;
}
#newsletter_subscription input:checked + label:after { left: 5px; }
#klaviyo-bis-modal #container {
    padding: 40px 30px 20px;
} 
}

#klaviyo-bis-modal #container {
    border-radius: 0;
}
#klaviyo-bis-modal .close { 
font-weight: 300 !important;
}
/* BIS Modal END ----------------------*/

/* Youtube Video Section START
======================================================================*/
.BXRW_YouTube_Section .SectionHeader__SubHeading,
.BXRW_YouTube_Section .SectionHeader__Heading {
    color: #000;
}
.Youtube_Wrapper {
    position: relative;
    height: 0;
    overflow: hidden;
}
.wrapper-16x9 {
    padding-bottom: 56.25%;
}
.Youtube_Wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.BXRW_YouTube_Section .SectionHeader__SubHeading,
.BXRW_YouTube_Section .SectionHeader__Heading {
    margin: 10px 0;
}
.BXRW_YouTube_Section .SectionHeader.text-center {
    margin: 50px 0;
}
.BXRW_YouTube_Section .SectionHeader__Description {
    margin-left: auto;
    margin-right: auto;
} 
.BXRW_YouTube_Section .hero__content {
    padding: 0 20px;
}
@media (min-width: 767px) {
.BXRW_YouTube_Section .Youtube_Wrapper_Container {
    margin: 0 auto;
    padding-left: 20vw;
    padding-right: 20vw;
}
}
.Banner__Section.Buttons_Section {
  overflow: hidden;
  padding: 0 20px;
}
.Buttons_Section .ButtonGroup {
    margin-bottom: 24px;
}
/* Youtube Video Section END
======================================================================*/
.Side_Cart_PreOrder_Msg {
    font-size: 12px !important;
    /* color: var(--color-grey); */
    line-height: 1.4;
    margin: 10px -10px 0;
    padding: 0 10px 10px;
    box-shadow: 0 1px var(--border-color);
    margin-bottom: 10px;
}
.User_Note_msg,
.Cart_PreOrder_Msg {
    font-size: 12px;
    color: var(--color-grey);
    line-height: 1.4;    
}
.PDP_PreOrder_Msg {
    padding: 15px 0;
    font-size: var(--font-size-u-h7);
    text-align: center;
}



/* Checkout styling START
======================================================================*/
.SR_Video_Section {
  width:100%;
/*     height: 600px; */
    position: relative;
}
.SR_Video_Section video {
    width: 100%;
    height: auto;
    max-height: 1080px;
    object-fit: cover;
/*     position: absolute;
    top: 0;
    left: 0; */
}

.nosto_type_collection .ProductItem { 
    visibility: visible !important;
}
.nosto_type_collection .size-variants-custom ul li { 
    width: 100%;
}
.nosto_type_collection .ProductItem__Title { 
    font-size: var(--font-size-u-h7);
    font-family: var(--font-tertiary);
    letter-spacing: 0.015em;
    text-transform: inherit !important;
  text-align: left;
    font-weight: 600;
}
.nosto_type_collection .ProductItem__Title span {
    display: block;
    color: var(--color-light);
    font-weight: var(--font-weight-regular);
}
.nosto_type_collection .ProductItem__PriceList { 
    text-align: left; 
}
.nosto_type_collection .ProductItem__Price {
    font-size: var(--font-size-u-h7);
    font-family: var(--font-tertiary);
    letter-spacing: 0.015em;
    text-transform: inherit !important;
    color: var(--text-color-light);
    text-align: left;
    font-weight: var(--font-weight-regular);
}
.nosto_type_collection .nosto-custom-ProductItem__Label {
    font-family: var(--font-tertiary);
    font-weight: var(--font-weight-thin);
    font-size: calc(var(--font-size-u-h8) - 1px);
}


/* Fixing After live START
=====================================================================*/

.ArticleToolbar {z-index: 11;}
.Blog_Above_Nosto_Rec .Nosto_Blog_Above_Slider {
    overflow: hidden;
}
.Nosto_Rec_Section.Blog_Above_Nosto_Rec {
  margin-top: 18px;
  margin-bottom: 0;
}
.nosto_element.SS_nosto_blog {
  margin-top: 50px;
}
.nosto_element.SS_nosto_blog .SectionHeader__Heading {
    margin-bottom: 0;
}
 

.Nosto_Rec_Container .Section_Header_Nosto {
    display: none !important;
}
.Nosto_Rec_Container .Section_Header_Custom {
  display: flex !important;
} 
.template-index .Nosto_Rec_Container .Section_Header_Custom {
    display: flex !important;
}
.template-collection .Nosto_Rec_Container .Section_Header_Custom,
.template-product .Nosto_Rec_Container .Section_Header_Custom,
.template-article .Nosto_Rec_Container .Section_Header_Custom,
.template-404 .Nosto_Rec_Container .Section_Header_Custom {
    display: none !important;
}
.template-collection .Nosto_Rec_Container .Section_Header_Nosto,
.template-product .Nosto_Rec_Container .Section_Header_Nosto,
.template-article .Nosto_Rec_Container .Section_Header_Nosto,
.template-404 .Nosto_Rec_Container .Section_Header_Nosto,
.template-cart .Nosto_Rec_Container .Section_Header_Nosto {
    display: block !important;
}
.Section_Header_Nosto .SectionHeader__Heading.SectionHeader__Heading,
.Section_Header_Nosto .SectionHeader__SubHeading.SectionHeader__SubHeading {
    margin-top: 0;
    margin-bottom: 0;
}
.Nosto_Rec_Section .swiper-button,
.Blog_Posts_Slider_Container .swiper-button { 
    top: -50px; 
}
.tj-free-shipping span a {border-bottom: 1px solid;}
 
.cc-window.cc-floating {
    padding: 1.5em 2em 2em;
} 
.cc-window .cc-message,
.cc-window .cc-message { 
  font-size: var(--base-text-font-size);
  font-family: var(--font-tertiary);
  letter-spacing: 0.015em;
  line-height: 1.65; 
} 
.cc-window .cc-btn {  
    font-size: var(--font-size-u-h5);
    text-transform: uppercase;
    font-family: var(--font-primary);
    transition: color 0.2s ease-in-out;
    letter-spacing: 0.1em;
    border-radius: 5px !important; 
    
} 

@media screen and (max-width: 640px) {
.acs_auto_popup { 
    z-index: 1000;
} 
}


 
.blogbtn a.Link--underline2 { 
    background-color: #fff !important; 
}

.Cart_Progress_Preloaders {
    padding: 8px;
    margin-top: 56px;
    margin-bottom: 30px;
}
.Cart_Progress_Btns_Preloaders {
    margin-top: 10px;
}
.Cart_Progress_Btns_Preloaders .animated-preloader-text {
    height: 36px;
    border-radius: 5px;
} 

.Hide_on_Theme {display: none;}
.Hide_on_Optimize {display: block;}

.template-page-sections-template-creed-trailer main#main > .shopify-section:first-child .Banner__Section {
    margin-top: 0;
}
.template-page-sections-template-creed-trailer .Header_FSB_Container,
.template-page-sections-template-creed-trailer .footerTop {
    display: none;
} 
.template-page-sections-template-creed-trailer .Footer__Inner { 
    padding-top: 34px;
}
.template-page-sections-template-creed-trailer .klaviyo-form input[type="email"]:focus {
    box-shadow: none !important;
} 
@media (max-width: 640px) {
.template-page-sections-template-creed-trailer .Banner__Section.BXRW_YouTube_Section {
    margin-top: 24px;
}
.template-page-sections-template-creed-trailer .BXRW_YouTube_Section .SectionHeader.text-center { 
    margin-top: 30px;
      margin-bottom: 30px;
}
}


/* BoxingGlove Banner Style START ================================ */
.Search__Banner_section { 
  display:none;
  padding: 32px 0 25px !important; 
} 
.Search__Banner {
  text-align: center;
  color: #fff;  
  background-size:cover; 
  padding: 30px !important;
} 
.BoxingGlove__Banner_section .Search__Banner { 
  background-image:url('https://cdn.shopify.com/s/files/1/0019/4497/7466/files/Gurobu_Search_Banner_BG.jpg?v=1651057588'); 
} 
.Creed__Banner_section .Search__Banner { 
  background-image:url('https://cdn.shopify.com/s/files/1/0019/4497/7466/files/creed-search-banner.jpg?v=1666118284'); 
} 
.Search__Banner .strike_logo {
    margin: 0 auto 15px;
    width: 32px;
}
.Search__Banner .gurobu_logo {
    display: table;
    margin: 0 auto 20px;
    width: 230px;
}
.Search__Banner p {
    max-width: 220px;
    margin: 20px auto !important; 
}
.Search__Banner .Button {
  padding-top: 12px;
  padding-bottom: 14px; 
  font-size: var(--font-size-u-h5);
  background: transparent;
} 
.Search__Banner .Button:hover { 
    border-color: var(--accent-primary);
}
.Creed__Banner_section .Search__Banner {
    min-height:275px;
    background-position: center;
}
.Creed__Banner_section .Search__Banner .SectionHeader__SubHeading {
    margin-bottom: 0;
}
@media (min-width: 1400px) {
.Creed__Banner_section .Search__Banner {
    min-height:400px; 
}
}
@media (min-width: 1800px) {
.Creed__Banner_section .Search__Banner {
    min-height:550px; 
}
}
@media (max-width: 640px) {
.Creed__Banner_section .Search__Banner {
    padding: 65px 30px !important; 
}
}
/* BoxingGlove Banner Style END ================================ */


/* Quick Search UI/UX New Experience START
================================================================================== */
  
@-webkit-keyframes blink-cursor{50%{border-color:transparent}}
@keyframes blink-cursor{50%{border-color:transparent}}
   
.acs_auto_col2 { 
    padding: 24px; 
}
@media (min-width: 1025px) {
.acs_auto_col2 { 
    padding-right: 7px;
}
}

.Search_Suggestions_Wrapper {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
} 
.Suggestions_Title {
    margin-top: 50px;
  margin-bottom: 0px;
} 
.Search_Results_Count.NO_Search_Results {
    height: 40px;
}
.Search_Results_Header + .Suggestions_Title {
    margin-top: 10px;
}

.Suggestions_Title_WR {margin-top: 0;}
.acs_auto .Search_Suggestions_List {
    margin-top: 12px;
    max-height: 180px;
    display: flex;
    flex-flow: column;
} 
.acs_auto .Suggestions_List_WR {
    margin-bottom: -20px;
} 

.Search_Suggestions_List li {
    padding: 0;
    margin: 0 auto;
    width: auto;
}
.Search_Suggestions_List li a {
    padding: 6px 0;
    display: block;
    transition: color 0.2s ease-in-out, opacity 0.25s ease-in-out;
}
.Search_Suggestions_List li a:hover {
    color: var(--color-light); 
}    
.Search_Suggestions_List .InActive_Suggestion a { 
  color: #ccc;
}
.Search_Suggestions_List li a:hover {
    color: #000;
}
.QS_Shopping_Btn {
    position: absolute;
    bottom: -50px;
    color: #fff !important;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 9;
    white-space: nowrap;
}
.QS_Shopping_Btn:hover {
    opacity: .6;
}

@media screen and (min-width: 641px) and (max-width: 1007px) {
.PageLayout--breakLap .PageLayout__Section:first-child {
/*      margin-bottom: 60px;  */
  margin-bottom: 0;
}
}
.Search__Results {
    display: block !important;
  margin: 0;
} 
.PageLayout__Section.Search_Results_Layout,
.Search_Suggestions_Container {
    display: block !important;
}
.Search_Results_Layout {
  min-height: 314px;
}
.Search_Suggestions_Container {
    padding: 24px 24px 20px;
} 
  
.Search {   
 height: calc(100vh - var(--header-height) - 32px);
 background: rgba(0,0,0,.9);
 transform: translateY(-25px);
 transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out, visibility 0.15s ease-in-out; 
}
.Search__Results {
    max-height: calc(100vh - var(--header-height) - 110px);
    overflow: auto;
} 
.Search__Inner {
  max-height: inherit;
  overflow: visible;
  background: #fff;
      position: relative;
  padding: 0;
}

.PageLayout__Section:first-child {
/*     margin-bottom: 60px; */
  margin-bottom: 0;
}
.ios-browser .Search_Results_Footer {
    margin-bottom: 70px;
}
.acs_auto_col1 { 
    display: block;
} 
@media (max-width: 640px) {
.Page_Scrolled .acs_auto_popup, .acs_auto_popup {
    top: 96px;
    height: calc(100vh - 94px);
} 
.Search__Results {
    max-height: calc(100vh - var(--header-height) - 13px); 
}  
.acs_auto_col2 { 
    padding: 24px 0;
} 
.Search__Results .ProductItem__ImageWrapper { 
    margin: 0;
    width: auto;
}
.Search { 
    height: 100%; 
}
#Search .Search__Inner { 
    padding: 0;
}

.ios-browser .Search {   
 transition: none;
} 
}
 
/* Quick Search UI/UX New Experience END
================================================================================== */
  

/* Blogs Custom Header START========================================================= */
.Article__Header_Custom {
    margin-bottom: 25px;
}
.Article__Header_Custom span {
    line-height: 1.65;
    display: inline-block;
}
.Article__Header_Custom .Heading {
    margin-top: 0;
}
.Authors_Info .pp_wrap {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 100px;
    overflow: hidden;
}
.Authors_Info .pp_wrap img {
    margin: 0;
}
.Authors_Info .pp_wrap .Fig_Caption {
    display: none;
}
.Authors_Info .pp_wrap figure {
    margin: 0;
}
.Authors_Info .pi_wrap {
    padding-right: 20px;
}
.Authors_Info .A_Name {
    line-height: 1.65;
}
.Auth_social_info {
    padding: 0;
    list-style: none;
}
.Authors_Info {
  position: relative;
  margin-bottom: 50px;
}
.Auth_social_info li a {
    color: var(--color-light);
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
}
.Auth_social_info li a:hover {
    color: #000;
}
@media (max-width: 640px) { 
.Auth_social_info { 
    position: absolute;
    right: 5px;
    bottom: 0;
}
}
/* Blogs Custom Header END========================================================= */

.ProductForm__Variants.knuckle_guard_Variants,
.ProductForm__Variants.gift_card_Variants {
    margin-bottom: 24px;
}

.EmptyState .ButtonGroup {
    margin-top: 25px;
    padding-bottom: 20px;
}
.EmptyState .ButtonGroup .Button {
    min-width: 170px;
}



/* Wishlist Styling START===================================================== */
.ProductItem .wk-button__icon {
    width: 17px;
    width: 17px; 
}
.WL_Icon {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
body .wk-button.wk-button--floating {
    width: 32px;
    height: 32px;
    background: rgba(255,255,255,.7);
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 7px;
    right: 7px;
}
.wk-button--add .wk-icon__svg { 
    stroke: #000;
    stroke-width: 12px;
}
.wk-button.wk-button--remove svg,
.wk-button.wk-button--filled svg {
    fill: #000;
    stroke: #fff;
}
.wishlist_alert { 
    background: black;
    color: white;
    position: fixed;
    top: calc(var(--header-height) + var(--fsb-height) + 15px );
    z-index: 999;
    right: 15px;
    left: auto;
    padding: 16px 60px 17px 20px;
    text-align: center;
    background:rgba(0,0,0,.9);  
/*     transition: visibility .25s, opacity .25s linear .2s; */
    transition: visibility .25s, opacity .25s; 
    opacity: 0; 
    visibility: hidden; 
} 
.wishlist_alert.show { 
  opacity: 1; 
  visibility: visible; 
}
.wishlist_alert.hide { 
  opacity: 0; 
  visibility: hidden; 
}
.wishlist_alert a {
    margin-left: 15px;
}
.wishlist_alert .Link:hover {
  opacity: .6;
}
.wishlist_alert.wishlist_alert_error {
    background: rgb(249, 65, 65,.9);
}
.Page_Scrolled .wishlist_alert {   
    top: 15px;
}
.Page_Scrolled_2 .wishlist_alert.is-scrolled--up {
  top: calc(var(--header-height) + 15px);
}
.Page_Scrolled_2 .wishlist_alert.is-scrolled--down {top: 15px;}
.wishlist_alert .Icon--close {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
    cursor: pointer;
    pointer-events: all;
}
.js .features--show-element-staggering .WL_Container .ProductList--grid .ProductItem {visibility: visible;}
.wk-product-form__option__select {
    width: 100%;
    border-radius: 0;
    border: 1px solid var(--border-color);
    box-shadow: none;
    padding: 7px 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(//cdn.shopify.com/s/files/1/2325/8929/files/arrow-down.png?6613408391136467583);
    background-size: 10px auto;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
  background-color:#fff;
}
.wk-button-bulk-add-to-cart{display:none;}
.WL_SocialSharing {
    margin-top: 34px;
    margin-bottom: 60px;
}
.WL_SocialSharing .sharingList li a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    background: #ccc;
    border-radius: 6px;
}
.WL_SocialSharing .sharingList li.url a {background: #1d1d1d;}
.WL_SocialSharing .sharingList li.fb a {background: #113f8d;}
.WL_SocialSharing .sharingList li.tw a {background: #209eff;}
.WL_SocialSharing .sharingList li.pin a {background: #ab0a00;}
.WL_SocialSharing .sharingList li.env a {background: #020202;}
.WL_SocialSharing .sharingList li.wa a {background: #25D366;}
.WL_SocialSharing > .Heading {
    margin-bottom: 15px;
}
.WL_Sync_Section {
    background: #f2f2f2;
    padding: 40px 24px;  
}
.WL_Sync_Section svg {
  width:52px;
  margin-bottom: 15px;
}
.WL_Sync_Section .Button {min-width: 260px;}
.WL_Sync_Section .Form__Hint { margin-top: 15px;}
.wk-note.wk-note__login {
    display: none;
} 
.WL_Results_Header,
.WL_BtnsRow { 
  padding: 0 50px;
  margin-bottom:24px;
}
.WL_BtnsRow {margin: 50px 0 0;}
.WL_BtnsRow .Button {min-width: 220px;}

.PDP_Wishlist_Button .wk-button__label {display: none;}
.PDP_Wishlist_Button {
    min-width: 48px;
    width: 48px;
    height: 48px;
}
.PDP_Wishlist_Button .wk-button {
    width: 100%;
    height: 100%;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.PDP_Wishlist_Button .wk-button .wk-icon.wk-button__icon {margin: 0;}
.Header__Wrapper .wk-link { 
  margin-left: 14px;
  transition: color 0.2s ease-in-out;
}
.Header__Wrapper .wk-link:hover {
    transition: color .2s ease-in-out,opacity .2s ease-in-out;
    opacity: .7;
}
.Header__Wrapper .wk-link .wk-link__icon { 
    width: 17px;
    height: 17px;
}

.Header__Wrapper .wk-link svg {
  fill: transparent;
  stroke: #fff;
  stroke-width: 14px;
  width: 17px;
  height: 17px;
  transition: color 0.2s ease-in-out;
}
.Header__Wrapper .wk-link.wk-link--filled svg {fill: #fff;}
.wk-button-wishlist-clear:hover,
.wk-button-wishlist-clear:hover svg {
    color: var(--color-light);
    fill: var(--color-light);
}
.wk-button-wishlist-clear svg {
    width: 16px;
    vertical-align: -3px;
    margin-right: 4px;
    transition: fill 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.Button.atc-btn-disabled, 
.Button.atc-btn-disabled:hover {
    background: #000;
    border-color: #000;
    opacity: .5;
    color: #fff;
    cursor: not-allowed;
}
.Button.atc-btn-oos,
.Button.atc-btn-oos:hover {
  opacity: .3;
  background: #fff;
  border-color: #000; 
  color: #000;
} 
.wk-product-form__option__select.size-select-error {
    color: #f94141;
    border-color: #f94141;
    background-image: url(//cdn.shopify.com/s/files/1/0019/4497/7466/files/arrow-down-red.png?v=1667579912);
}
.wk-product-form__option__select option[disabled] {
    cursor: not-allowed !important;
    color: #ccc;
}
.wk-product-form__option__select.size-select-error option {color: #000;}
.wk-product-form__option__select.invisible-select{visibility:hidden;}
.invisible-select {height:32px;}
.wishlist-fake-select {
  text-align: left;
  padding: 4px 10px;
  height: 30px;
}
#wishlist_header_loader + .Header__Icon {margin-left: 15px;}
.header_search_heart_icon {
    position: relative;
}
.Mobile_ATC_Btn { 
    display: none !important;
}
.wk-sharing__link {
    display: none;
}
.wishlist-fake-select{cursor:not-allowed;}
.WL_Container .CollectionToolbar {
    box-shadow: none;
}
.WL_Results_Header {
  width:100%;
    margin-top: 20px;
    margin-bottom: 20px;
}
.WL_ATC_Link {
    margin-top: 1px;
}

.wk-button-placeholder .animated-preloader-text {
    width: 28px;
    height: 20px;
    min-width: auto;
}
@media(min-width:960px) {
.WL_Container .Grid__Cell {width: 25%;}
}
@media(min-width:1241px) {
.WL_Container .Grid__Cell {width: 20%;}
}

@media(max-width:1139px) {
.Header__Wrapper .wk-link {
    position: absolute;
    left: 65px;
  top: 50%;
    margin-top: -9px;
} 
}
@media(max-width:1139px) {
.WL_Results_Header,
.WL_BtnsRow {
    padding: 0 24px; 
}
}
@media(max-width:640px) {
.WL_Results_Header,
.WL_BtnsRow {
    padding: 0 12px;  
}
.WL_BtnsRow {  justify-content: center;margin-bottom: 60px;}
.Header__Wrapper .wk-link { left: 46px;}
.wishlist_alert { 
    right: 12px;
    left: 12px;  
    padding: 12px 20px 17px 20px;
} 
.wishlist_alert.wishlist_alert_error {  
    padding: 11px 40px 12px 20px;
}
.wishlist_alert a {
    display: table;
    margin: 0 auto;
}
.wishlist_alert .Icon--close { 
    top: 15px; 
  margin-top: 0;
}
.WL_Container .ProductList .ProductItem .ProductItem__Info {
    min-height: 77px;
}
} 
/* Wishlist Styling END ===================================================== */

/* Nosto Preloaders Style START
=======================================================*/
.Nosto_Preloaders_Container .animated-preloader-image {
    background: #f2f2f2;
}
.template-index .Nosto_Preloaders_Container.Centered {
    max-width: 1287px; 
} 
.Nosto_Preloaders_Container .Nosto_Rec_Slider .swiper-slide {
    margin-right: 16px;
}
.Nosto_Preloaders_Container .SectionHeader__Heading .animated-preloader-text {
    height: 22px;
    border-radius: 4px;
    width: 220px;
}
.Nosto_Preloaders_Container {  
  margin:1.6em auto 70px;
  position:relative;
  padding-bottom: 8px;
} 
.Nosto_Preloaders_Container.Centered. {
    padding-top: 8px;
}
.Nosto_Preloaders_Container .swiper-button  {  
    width: 30px;
    height: 30px;
    padding: 7px;
    border-radius: 50%; 
    margin-top: 0;  
    background: #f2f2f2;
   top: -50px;
}  
.Nosto_Preloaders_Container .swiper-button-prev  { 
    right: 40px;
    left: auto;
}
.Nosto_Preloaders_Container .swiper-button-next  { 
    right:0;
}  
.Nosto_Preloaders_Container .swiper-button:after { 
    opacity: 0;
} 
.NostoSection_Preloaders_WT {margin-top:0;}
.NostoSection_Preloaders_WT .Section_Header {margin-bottom: 1.6em;}
.NostoSection_Preloaders_WT .Section_Header .Heading {margin: 0;}
.NostoSection_Preloaders_WT .swiper-button { 
    top: 3px;
}
/* Nosto Preloaders Style END
=======================================================*/


/*  BF22 Preview Mode Code START ========================*/ 
.PreviewTheme_Popup {
  background: #000;
  width: 90%;
  max-width: 400px;
} 
.PreviewTheme_Popup .Modal__Close {
    opacity: 1;
}
.PreviewTheme_Popup .Modal__Header {
    margin-top: 25px;
}
.PreviewTheme_Popup .Modal__Header .Heading {
    display: table;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  padding-bottom: 10px;
    margin-bottom: 14px;
} 
.PreviewTheme_Popup .Modal__Header .Heading:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    margin-left: -2px;
    width: calc(100% - 8px);
    height: 1px;
    background: #fff;
}
.PreviewTheme_Popup .Modal__Footer {
    margin-top: 30px;
}
.BF_PDP_Note {
    margin: 20px auto 10px;
    max-width: 250px;
    text-align: center;
    color: var(--accent-primary);
}
.Cart__Checkout_disabled{opacity:.5;}
.BF_Checkout_Note {
    margin: 10px 0; 
}
.BF_Checkout_Note span { 
    cursor: pointer;
}
.BF_Checkout_Note svg {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
}

/* ==================================================== */


/*  Banner-Image-Height + Focal-point + spacing-0 +  START ========================*/ 
.Banner__Section.section-space-0 {
  margin-top:0;
  margin-bottom:0;
}
.Banner__Section.section-space-0 .Double_Banner_Wrap,
.Banner__Section.section-space-0 .Triple_Banner_Wrap  {
    column-gap: 0;
    row-gap: 0; 
}

.Triple_Banner_Section .Hero__Content {
    width: 100%;
}
@media (min-width: 768px) {
.Banner__Section:not(.Video_Banner_Section) .Hero__Image .grid-view-item__image {
    height: 75vh;   
}
} 
@media (min-width: 1025px) {
.Banner__Section:not(.Video_Banner_Section) .Hero__Image .grid-view-item__image {
    height: calc(100vh + 50px);  
}
} 
.Banner__Section:not(.Video_Banner_Section) .Hero__Image .grid-view-item__image { 
  object-fit: cover;
  object-position: center center;  
} 
 
/*  Banner-Image-Height + Focal-point + spacing-0 +  END ========================*/
 
@media (max-width: 640px) {
.Banner__Section .Heading.u-h1,
.u-h1 { 
    font-size: calc(var(--font-size-u-h1) - 2px);
}
}

/*  Product-Grid spacing START ========================*/ 
@media screen and (min-width: 1140px) {
.ProductList--grid[data-desktop-count="4"] {
  margin-left: -20px;
} 
.ProductList--grid[data-desktop-count="4"] > .Grid__Cell {
    padding-left: 20px;
}
}
@media (max-width: 640px) { 
.ProductList--grid {
    padding: 0;
}
.ProductList--grid .ProductItem__Info,
.ProductItem .wk-product-form,
.acs_auto_prods .ProductItem__Info {
    padding: 0 12px;
}
.Search_Results_Header { 
    padding: 0 12px;
}
}
/*  Product-Grid spacing START ========================*/ 
.Push_Image_Item_Stacked .MegaMenu__Push--shrink{
  width: 100%;
  padding:0;
}
.Push_Image_Item_Stacked .MegaMenu__Push--shrink .MegaMenu__PushImageWrapper {
    margin-bottom: 6px;
    margin-top: 4px;
}

.Push_Image_Item_Stacked .MegaMenu__Push--shrink .MegaMenu__PushContent { 
  max-width:200px;
  transform: translate(0, -50%);
}
.Push_Image_Item_Stacked .MegaMenu__Push--shrink:first-child .MegaMenu__PushContent { 
    left: auto;
    right: 0;
}
.Push_Image_Item_Stacked .MegaMenu__Push--shrink:last-child .MegaMenu__PushContent { 
    left: 0; 
    right: auto;
}

 

.PDP_Restocked_Msg svg {
  width: 18px; 
  margin-top: -2px;
}
.SB_Filter_Block.filter-discount {
    display: none;
}




/* Ad Spot Styling START
===========================================================================================*/
.Ad_Placeholder { 
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; 
    position: relative;
    cursor: pointer;
}   
.Ad_Placeholder .Ad_Img_Wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.Ad_Placeholder .Ad_Img_Wrapper img {
    min-height: 100%;
    height: auto !important;
    max-height: inherit;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);  
}  
.AdLinks_Row {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 15px;  
}
.AdLinks_Row a {
    font-size: var(--font-size-u-h8);
    text-align: center;
    font-style: italic;
    padding: 0 5px 0 0;
    position: relative;
    margin-right: 5px;
    line-height: 1.72;  
}
.AdLinks_Row a span {
  opacity: .9;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.AdLinks_Row a:hover span {opacity: .6;}
.AdLinks_Row a:after {
    position: absolute;
    content: "|";
    right: -2px;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: -1px;
    opacity: .9;
} 
.AdLinks_Row a:first-child {padding-left:0;}
.AdLinks_Row a:last-child {padding-right:0;}
.AdLinks_Row a:last-child:after {display:none;}
.AdLinks_Row:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 90px;
  left:0;
  bottom: 0;
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(40%,rgba(0,0,0,.6)),to(black));
  background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6) 40%,black);  
}
@media (min-width: 641px) {
.Ad_Placeholder .Ad_Img_Wrapper img { 
  width: auto;
  max-width: inherit;
  max-height: 100%;
}
}
@media (max-width: 640px) {
.Grid__Cell.Ad_Placeholder__Cell {
  width: 100%;
  margin-bottom: 12px;
  margin-top: -24px;
}
.Ad_Placeholder .Ad_Img_Wrapper img {  
  position: static;
  transform: translate(0);  
}   
.AdLinks_Row a:after { margin-top: -2px;} 
.Ad_Placeholder { 
    padding: 0 12px; 
}
.AdLinks_Row { 
    left: 12px; 
    right: 12px;
    width: auto;
}
}
/* Ad Spot Styling END
===========================================================================================*/


/* BIL Landing Page START
======================================================================*/
 
.template-boxing-is-love-landing-page {background: #000;}
.template-boxing-is-love-landing-page .footerTop,
.BIL_Registration_Info .ButtonGroup {
  display: none;
}
.BIL_Registration_Info {padding: 30px 0;}
.BIL_Registration_Info p {opacity: .7;} 
 
.template-boxing-is-love-landing-page .Section_TextIcon_Blocks .TextIcon_Block .AspectRatio {
    width: 60px;
    margin-bottom: 20px;
}
.BIL_Nosto.Nosto_Rec_Container{padding-top: 28px;}
.BIL_Nosto .Nosto_Rec_Section {margin-bottom: 0;}

.Bil_Buttons_Section .Button.btn-white {
    background: #a80506;
    color: #fff;
} 
.Bil_Buttons_Section .Button.btn-white:hover {
    background: transparent;
    border-color: #a80506;
}
.Bil_GetInvolved_Section .Button.btn-white:hover {
    background: #a80506; 
    border-color: #a80506;
}
.template-boxing-is-love-landing-page .Banner__Section.section-space-top,
.template-boxing-is-love-landing-page .Banner__Section.section-space-bottom,
.template-boxing-is-love-landing-page .Banner__Image_with_Text.section-space-top,
.template-boxing-is-love-landing-page .Banner__Image_with_Text.section-space-bottom {
    display: inline-block;
    width: 100%;
}

.Bil_VideoBanner_Content .Link_Down {margin-top: 30px;}
.Bil_VideoBanner_Content .Arrow_Down svg {
    fill: #fff;
    width: 30px;
    height: 30px;
    margin-top: 8px;
}
.BIL_Footer_Divider {
    margin-top: 0;
    margin-bottom: 34px !important;
}
.template-boxing-is-love-landing-page .Banner__Section .Heading.u-h1 {
  line-height: normal;
  margin-top: 0;
}
.Bil_VideoBanner_Content .Bil_Logo {
  width: 350px;
}
.Boxing-Can-Change-Section .SectionHeader__Heading.Heading {
    font-size: 50px;
}
.Boxing-Can-Change-Section .Hero__Content {max-width:680px;}

.Bil_GetInvolved_Section .Hero__Content {
    max-width: 680px;
    width: 100%;
} 

 
@media screen and (min-width: 641px) {
.shopify-section :not(.Container) .FeatureText__ContentWrapper .SectionHeader__Description { 
  max-width: inherit;
} 
}  

@media screen and (min-width: 1025px) {
.shopify-section :not(.Container) .FeatureText--imageRight .FeatureText__ContentWrapper { 
    padding-left: 90px;
    padding-right: 90px;
}
.shopify-section :not(.Container) .FeatureText--imageLeft .FeatureText__ContentWrapper { 
    padding-left: 90px;
    padding-right: 90px;
} 
}

@media screen and (min-width: 1600px) {
.shopify-section :not(.Container) .FeatureText--imageRight .FeatureText__ContentWrapper { 
    padding-left: 120px;
    padding-right: 120px;
}
.shopify-section :not(.Container) .FeatureText--imageLeft .FeatureText__ContentWrapper { 
    padding-left: 120px;
    padding-right: 120px;
} 
}

@media screen and (min-width: 641px) {
  .template-career-2021 .shopify-section :not(.Container) .FeatureText--imageRight .FeatureText__ContentWrapper { 
    padding-left: 0;
  }
  .template-career-2021 .shopify-section :not(.Container) .FeatureText--imageLeft .FeatureText__ContentWrapper { 
    padding-right: 0;
  }
}

@media screen and (max-width: 1024px) {
.shopify-section :not(.Container) .FeatureText--imageRight .FeatureText__ContentWrapper { 
    padding-left: 30px;
}
.shopify-section :not(.Container) .FeatureText--imageLeft .FeatureText__ContentWrapper { 
    padding-right: 30px;
} 
}
@media (min-width: 768px) and (max-width: 1024px) {
.template-boxing-is-love-landing-page .Banner__Image_with_Text .FeatureText__ContentWrapper {
    padding-top: 60px;
    padding-bottom: 60px;
}
.Section.Bil_The_Why_Section {
    margin-bottom: 0;
}
.Section.Bil_Boxing_Themed_Section {
    margin-top: 0;
}
  
}

@media (max-width: 767px) { 
.shopify-section .Banner__Image_with_Text .FeatureText--withImage .FeatureText__ContentWrapper {
    padding: 0; 
}
  
.template-boxing-is-love-landing-page .FeatureText--withImage { 
    text-align: center; 
} 
.Bil_VideoBanner_Content .Bil_Logo {
  width: 270px;
}
.template-boxing-is-love-landing-page .SectionHeader__Description {
    max-width: 100%;
} 
.template-boxing-is-love-landing-page .Banner__Image_with_Text .FeatureText--withImage .FeatureText__ContentWrapper {
    padding: 0 24px;
    margin-top: 20px;
}
.template-boxing-is-love-landing-page .Banner__Section.section-space-top,
.template-boxing-is-love-landing-page .Banner__Image_with_Text.section-space-top {
    margin-top: 30px;
} 
.template-boxing-is-love-landing-page .Banner__Section.section-space-bottom,
.template-boxing-is-love-landing-page .Banner__Image_with_Text.section-space-bottom {
    margin-bottom: 30px;
}  
.template-boxing-is-love-landing-page .Heading.u-h1 {
    font-size: calc(var(--font-size-u-h1) - 6px);
}
.template-boxing-is-love-landing-page .Banner__Image_with_Text {
    margin-bottom: 70px;
}
.Boxing-Can-Change-Section .Add_Overlay:after {
  display:none;
}
.Boxing-Can-Change-Section .SectionHeader__Heading.Heading {
    font-size: 42px;
}
.BIL_Nosto.Nosto_Rec_Container {
    padding-top: 5px;
}
.template-boxing-is-love-landing-page .Bil_VideoBanner_Content {
    margin-top: 70px;
} 
} 

/* BIL Landing Page END
======================================================================*/

.Creed_Banner_logo {
    max-width: 60px;
}

.Payment_Icons_List_Cart { 
    list-style: none;
    column-gap: 6px;
  flex-flow: wrap;
}

/* Video Banner Custom Poster START ----------------------------- */
.vid_poster { 
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; 
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%; 
    background-color: transparent;
    display: block;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    background-size: cover;
    transition: opacity .5s;
    z-index: 1;
}
.vid_poster.hidden { 
  opacity: 0;
}
/* Video Banner Custom Poster END ----------------------------- */

.template-index .Banner__Section .SectionHeader__Heading.u-h1,
.template-index .Banner__Image_with_Text .SectionHeader__Heading.u-h1,
.template-index .Banner__Image_with_Text .SectionHeader__Heading.u-h1,
.template-womens-landing-page .Banner__Section .SectionHeader__Heading.u-h1,
.template-womens-landing-page .Banner__Image_with_Text .SectionHeader__Heading.u-h1,
.template-womens-landing-page .Banner__Image_with_Text .SectionHeader__Heading.u-h1
{
  font-family: var(--font-secondary);
  font-weight: 400;
/*   font-style: italic;  */
  text-transform: unset; 
  letter-spacing: 0;
  font-size: calc(var(--font-size-u-h1) - 3px);
}
.Klaviyo_Newsletter_Footer .Text__Content .u-h4 {
    font-size: calc(var(--font-size-u-h4) - 1px);
}
.shopify-payment-button__button > .shopify-cleanslate div[data-testid="ShopifyPay-button"],
.shopify-payment-button__button > .shopify-cleanslate > form > button,
.shopify-payment-button__button .shopify-cleanslate button {
    border-radius: 5px;
    padding-top: 12px !important;
    padding-bottom: 10px !important;
}
.SB_Filter_Colors .SB_Filters_ColorName,
.SB_Filter_Colours .SB_Filters_ColorName {
  display: block !important;
  font-size: var(--font-size-u-h8);
  margin-top: 4px;
  margin-bottom: 5px;
}
.SB_Filter_Colors .SB_Filters_List li,
.SB_Filter_Colours .SB_Filters_List li { 
    min-width: 66px;
    text-align: center;
    margin: 0 0 8px;
}
.SB_Filter_Colors .SB_Filters_List .SB_Filters_Label,
.SB_Filter_Colours .SB_Filters_List .SB_Filters_Label {
    display: flex;
    margin: 0 auto;
    float: none;
}

/* --------------------------------------- */
.photo-credits {
  display: none;
  margin-top: 30px;
  margin-bottom: 15px;
}
.photo-credits.show {
   display:block;
}


.PDP_POP_Slider .VideoWrapper {
  padding: 0 !important;
  cursor: default;
} 
.PDP_POP_Thumb .swiper-slide-thumb-active video {
    border: 1px solid #000;
}
.Product_SlideThumb_Video:before {
    position: absolute;
    content: "";
    background: rgba(0,0,0,.3);
    width: 100%;
    height: calc(100% - 10px);
    top: 50%;
    transform: translate(0,-50%);
}
.Product_SlideThumb_Video .Icon--play {
  position: absolute; 
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  fill:#fff;
  width:20px;
  height:20px;
}



/* Creed Search Banner Updates START============================================== */
.Creed__Banner_section .Search__Banner {
  position: relative;
  z-index: 0;
}
.Creed__Banner_section .Legal_Content {
  position: absolute;
  bottom: 20px;
  left: 26px;
  width: 305px; 
  text-align: left;
      z-index: 1;
}
.Creed__Banner_section .Legal_Copy {
    margin: 10px 0 0 !important;
    font-size: 9px; 
    max-width: initial; 
}
.Search__Banner_section .Creed_Banner_logo {
    max-width: 44px;
}  
.Creed__Banner_section .Creed_Banner_logo {
    max-width: 38px;
}  
@media(max-width:1024px) { 
.Creed__Banner_section .Legal_Copy { 
    font-size: 8px;
}
} 
@media(max-width:640px) { 
.Creed__Banner_section .Legal_Copy { 
  max-width: calc(100% - 30px); 
}
.Creed__Banner_section .Legal_Content { 
  bottom: 10px;
  left: 18px; 
}
.Creed__Banner_section .Search__Banner { 
    min-height: 380px;
    background-position: center -50px;
    background-image: url(https://cdn.shopify.com/s/files/1/0019/4497/7466/files/creed-banner-mobile_4d28189a-9ebd-4302-82da-c757062e90e3.jpg?v=1674497477);
} 
.Creed__Banner_section .Creed_Banner_logo {
    max-width: 30px;
}
.Creed__Banner_Bottom-content_M .Legal_Content { 
    left: auto;
    right: 18px;
    text-align: right;
}
.Creed__Banner_Bottom-content_M .Legal_Content > div {
    justify-content: right;
}
.Creed__Banner_Bottom-content_M .Legal_Copy {
    max-width: 100%;
  text-align: right;
}
}




/* Product Bundle Styling START ================================================ */ 
 
.Bundle_Pack_Container {
    margin: 40px 0 30px;
}
.BundlePack_Item .BP_Item_Selection svg {
  fill: #6ea152;
  width: 15px;
  margin-right: 4px;
/*   display:none; */
}
.BP_Title_Row  {
    margin-bottom: 8px;
}
.BundlePack_Item_Active .BP_Item_Selection svg { 
/*   display:block; */
}
.BundlePack_Item .BP_Sizes .SizeSwatchList {
    margin-top: 1px; 
}
.BundlePack_Item .Product_Color_Row ,
.BundlePack_Item .Sizing_labels .Caption {
   margin-bottom: 6px;
   display: inline-block;
}
.BundlePack_Item .BP_Item_Image {
  border: 1px solid #ccc;
  width: calc(20% - 3px );
  max-width: 100px;
  display: block; 
  margin-top: 25px;
  margin-bottom: 10px;
  cursor: pointer;
}
.BundlePack_Item_Active .BP_Item_Image {
    border-color: var(--accent-primary);
} 
.BundlePack_Item .BP_Sizes {
    margin-top: 18px;
}
.Bundle_Pack_Container .Bundle_Plus_icon {
    margin: 18px 0 14px;
}
.BP_colors_set{width:100%;margin-bottom: 10px;position: relative;overflow:hidden;}
.BP_colors_set .swiper-button { 
	width: 15px;
    height: 100%;
    background: #000;
    background-size: 0.9rem;
    background-position: center;
    top: 0; 
    margin-top: 0;
}
.BP_colors_set .bp-colors-next { right:0;}
.BP_colors_set .bp-colors-prev { left:0;}
.BP_colors_set .swiper-button:after {
    font-size: var(--font-size-u-h8);
    color: #fff;
    font-weight: 800;
}
.BP_colors_set .Product_Color_Item {max-width: 100px;}
.BundlePack_Item {
  border: 1px solid #ccc;
  padding: 15px 18px 18px;
  opacity: .5;
  position:relative;
}
.BundlePack_Item:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    cursor: not-allowed;
    z-index: 10;
}
.BundlePack_Item_Active {
  border-color: var(--accent-primary);
  opacity: 1;
}
.BundlePack_Item_Active:after {
    display: none;
}
.BundlePack_Item .SizeSwatch{
    padding: 6px 4px;
    min-width: 34px;
}
.Bundle_Pack_Container .SizeSwatchList {
    display: none;
}
.BP_colors_set .Product_Color_Item input[type="radio"] {
    position: absolute;
    display: none;
}
.BP_colors_set .Product_Color_Item input[type="radio"]:checked + label img {
/* border: 1px solid var(--accent-primary); */
}
.BP_colors_set .Product_Color_Item--active {
  border: 1px solid var(--accent-primary);
}
@media (max-width: 500px) {
.BundlePack_Item .BP_Item_Image { 
    width: calc(25% - 5px ); 
}
}
@media (max-width: 479px) {
.BP_Item_Selection {
    margin-top: 6px;
}
}
 
.Thumb_Color_HandWrap_select svg {display:none;}
.PDP_Bundle_Meta .Product_Color_Item {
  width: calc(20% - 3px );
  max-width: 100px; 
}
.PDP_Bundle_Meta .Product_Color_Item_active,
.Product_Color_Item.Product_Color_Item_active {
  border: 1px solid var(--accent-primary);
}
.PDP_Bundle_Meta .Product_Color_Item label {
    cursor: pointer;
} 
.BundlePack_Item.BundlePack_Item_Selected {
    border-color: #ccc;
}
.PDP_Bundle_Button_with_Wishlist {
  margin-top: 30px;
}

.PDP_Bundle_Meta .Bundle_Plus_icon {
    margin: 18px 0 14px;
} 

.BundlePack_Item .Out_of_Stock {
    position: relative;
}
.BundlePack_Item .Out_of_Stock .OOS_Size_SVG {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.BundlePack_Item .Out_of_Stock:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1; 
    cursor: not-allowed;
}
.BundlePack_Item.selection-error {
    border-color: #f94141;
}

@media (min-width: 641px) { 
.WL_Container .ProductItem__TitleWrapper .ProductItem__Title {
    min-height: 41px;
}
}
@media (max-width: 640px) { 
.Product_Bundle_Items {
  column-gap: 20px;
} 
.PDP_Bundle_Button_with_Wishlist {
    margin-top: 12px;
}
.bundle_alert {
  max-width: 100%;
  padding: 12px 40px 17px 14px;
  text-align: center;
}   
}

@media (max-width: 501px) {
.SideCart_Nosto_Item_Img {
    min-width: 80px;
}
}

/* Product Bundle Styling END ================================================ */

/* Side-Cart Animations code START
===============================================================================*/
.Earn__points__Container_v2{
   padding:0px; 
  overflow: hidden; 
 } 
@media(max-width:767px) {
.Earn__points__Container_v2{ 
  overflow: auto; 
 }
}
.Earn__points_inner_Wrap{
  padding-top:10px;
  padding-bottom:10px;
}
 
.SideCart_Nosto_Preloaders .SideCart_Nosto_Items_List > li+li {
    border-top: 1px solid #fff;
}
.SideCart_Nosto_Preloaders .SideCart_Nosto_Item_Info {
    row-gap: 11px;
    padding: 5px 0;
}
.SideCart_Nosto_Preloaders .SideCart_Nosto_Item_Img { 
    min-width: 90px;
}
.SideCart_Nosto_Preloaders .SideCart_Nosto_Item_Img span {
    height: 100%;
}
.SideCart_Nosto_Preloaders .animated-preloader-text {
    border-radius: 4px;
}
.SideCart_Nosto_Preloaders .animated-preloader-line-1 {
    width: 70%;
    height: 15px;
}
.SideCart_Nosto_Preloaders .animated-preloader-line-2 {
    width: 20%;
    height: 12px;
    margin-bottom: 5px;
}
.SideCart_Nosto_Preloaders .animated-preloader-line-3 {
    width: 35%;
    height: 12px;
}
.SideCart_Nosto_Preloaders .animated-preloader-line-4 {
    height: 26px;
} 
.SideCart_Cart__Empty_Wrap {
    min-height: 180px;
}
.SideCart_Added_Stuff {
    min-height: 180px;
}
.SideCart_Added_Stuff .Cart__Empty { 
    padding: 20px 18px 25px; 
}
.SideCart_Added_Stuff .Cart__Empty .Button { 
    font-size: var(--font-size-u-h6);
}

/* Side-Cart Animations code END
===============================================================================*/


/* PDP Reviews + Details Sections Updates START
===============================================================================*/
.PDP_Reviews_Slider_Content {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 50px 0;
    margin-bottom: 80px;
}
.PDP_Reviews_Slider_Section,
.PDP_Banner_Image_Text_Section {
    max-width: 1700px;
    margin: 0 auto;
}
.PDP_Reviews_Slider_Section .Icon_Quot_Mark {
    width: 30px;
    margin: 0 auto 25px;
}
.PDP_Reviews_Slider_Section .NuggetsWidget__inner {
    position: relative;
}
.PDP_Reviews_Slider_Section .NuggetsWidget-prefix .NuggetsWidget {
    max-width: 100%;
}
.PDP_Reviews_Slider_Section .NuggetsWidget__quotationMark {
    display: none !important;
}
.PDP_Reviews_Slider_Section .NuggetsWidget__list {
    max-width: 700px;
    min-width: initial !important;
    margin: 0 auto;
}
.PDP_Reviews_Slider_Section .NuggetsWidget__heading { 
  width: 100%;
  margin-bottom: 10px;
}
.PDP_Reviews_Slider_Section .NuggetsWidget__heading .R-TextHeading {
    text-align: center;
    font-family: var(--font-secondary);
    font-style: italic;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-u-h3);
    line-height: 1.65;
    color: #000;
}
.PDP_Reviews_Slider_Section .NuggetsWidget__meta {
    padding: 0 !important;
}
.PDP_Reviews_Slider_Section .NuggetsWidget__meta > div {
    flex-flow: column !important;
}
.PDP_Reviews_Slider_Section .NuggetsWidget-prefix .NuggetsWidget__meta__text .R-TextBody {
    overflow: visible;
    white-space: inherit;
    text-align: center;
}
.PDP_Reviews_Slider_Section .A_Country {
    display: inline-block;
    width: 100%;
}
.PDP_Reviews_Slider_Section .NuggetsWidget__meta .R-RatingStars {
  margin-right: 0 !important;
  margin-bottom: 20px!important;
}
.PDP_Reviews_Slider_Section .NuggetsWidget__meta .R-RatingStars .R-RatingStars__stars { 
    margin-right: 0; 
}
.PDP_Reviews_Slider_Section .NuggetsWidget__meta .R-RatingStars .R-RatingStars__stars .stars__icon {
    font-size: 20px;
} 
.PDP_Reviews_Slider_Section .NuggetsWidget-prefix .R-TextBody .cssVar-authorName { 
    font-family: var(--font-tertiary);
    text-transform: uppercase;
    font-weight: var(--font-weight-medium);
    font-size: calc(var(--font-size-u-h8) - 1px) !important;
    letter-spacing: 0.2em;
}
.PDP_Reviews_Slider_Section .NuggetsWidget__footer {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    width: 100%;
    margin: 0 !important;
}
.PDP_Reviews_Slider_Section .NuggetsWidget__footer .R-flex-row {
    justify-content: space-between;
}
.PDP_Reviews_Slider_Section .NuggetsWidget-prefix .NuggetsWidget .NuggetsWidget__footer .R-IconButton {
    color: #000;
    background: #e5e5e5;
    border-radius: 40px;
    width: 30px;
    height: 30px;
}
.PDP_Reviews_Slider_Section .Read_More_Reviews {
    margin-top: 20px;
}
.PDP_Reviews_Slider_Section .Read_More_Reviews .Link {
    font-size: var(--font-size-u-h8);
    color: #999;
}
.PDP_Reviews_Slider_Section .Read_More_Reviews .Link:hover { 
    color: #000;
}
.Banner_Image_Detailed .grid-view-item__image { 
    object-fit: cover;
    object-position: center center;
}

.Banner_With_Image_Text_Row .Banner_With_Image_Text img {
    width: 100%;
} 
.PDP_Detailed_Banners .Banner_Image_Detailed { 
    padding: 100px 0;
}
.PDP_Detailed_Banners .Banner_Text_Detailed {
    display: inline-block;
    width: 100%;
    padding: 100px 0;
}
.PDP_Banner_Image_Text_Section { 
    padding: 100px 0;
}
.PDP_Detailed_Banners .Banner_Image_Detailed:first-child {
    padding-top: 0;
}
.PDP_Detailed_Banners .Banner_Image_Detailed:last-child {
    padding-bottom: 0;
}
.Banner_Text_Detailed .PageHeader {
    margin: 0 0 4px;
} 
.animated-section.Image--lazyLoad { 
  opacity: 0; 
  transition: transform 1.5s cubic-bezier(.25,1,.5,1), opacity 1s cubic-bezier(.25,1,.5,1); 
   transform: none; 
}
.animated-section.Image--lazyLoaded { 
  opacity: 1;
  transform: translate(0); 
}
@media (min-width: 768px) {
.Banner_Image_Detailed .grid-view-item__image {
    height: 75vh;
}
.PDB_Creed .Banner_With_Image_Text_R {
  margin-top: 28%;
}
}
@media (min-width: 1025px) {
.Banner_Image_Detailed .grid-view-item__image {
    height: calc(100vh + 50px); 
}
}
@media (max-width: 767px) {
.PDP_Reviews_Slider_Section {
    padding-top: 0;
}
.PDP_Detailed_Banners .Banner_Image_Detailed { 
    padding: 50px 0;
}
.PDP_Detailed_Banners .Banner_Text_Detailed { 
    padding: 50px 0;
}
.PDP_Banner_Image_Text_Section { 
    padding: 50px 0;
}
.Banner_With_Image_Text_Row .Banner_With_Image_Text + .Banner_With_Image_Text {
    margin-bottom: 0;
}
.PDP_Reviews_Slider_Section .NuggetsWidget__footer .R-flex-row { 
    margin: 0 -5px;
}  
.PDP_Reviews_Slider_Section .NuggetsWidget__inner { 
    padding-left: 10px !important;
    padding-right: 10px !important;
} 
}
 
.PDP_Accordion_Video video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/* Need remove dupplicated below css======= */
.SR_Video_Section {
  width:100%;
  height: 100vh;
}
.SR_Video_Section video {
  display: block;
  width: 100%;
  height: 100%;
  max-height: inherit;
  -o-object-fit: cover;
  object-fit: cover;
}
/* Need remove dupplicated Above css======= */
.PDP_Reviews_Slider_preloader { 
    min-height: 155px;
}
.PDP_Reviews_Slider_preloader .Content_Placeholder {
    row-gap: 32px;
} 
.PDP_Reviews_Slider_preloader .Content_Placeholder .animated-preloader-line-1 {
  width: 65%;
  max-width: 500px;
  height: 18px;
}
.PDP_Reviews_Slider_preloader .Content_Placeholder .animated-preloader-line-2 {
    width: 30%;
    max-width: 150px;
    height: 14px;
}
.PDP_Reviews_Slider_preloader .Content_Placeholder .animated-preloader-line-3 {
    width: 20%;
    max-width: 90px;
    height: 10px;
}
/* PDP Reviews + Details Sections Updates END
===============================================================================*/
.template-coming-soon .Reviews_Preloader {
    display: none;
} 



/* Creed Landing Page START
===============================================================================*/
.Creed_Landing_Video_Section .Video__Banner {
    position: relative;
  z-index: 0;
  height: 80vh;
}
 
.Creed_Landing_Video_Section .Video__Banner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
   background: rgba(0,0,0,.3); 
}
.Creed_Landing_Video_Section .Video__Banner.for-desktop:before { 
    z-index: 1;
}
.Creed_Landing_Video_Section .Video__Banner.for-mobile:before { 
    z-index: 2;
}
 
.Creed_VideoBanner_Signup {
    max-width: 480px;
    margin: 0 auto;
}
.Creed_VideoBanner_Signup .Text {
    font-style: normal;
    text-transform: initial;
    font-weight: var(--font-weight-regular);
    display: block;
    margin-top: 20px;
    line-height: 1.65;
      margin-bottom: 0 !important;
}
.Creed_Landing_Video_Section .Heading.u-h1 { 
    line-height: 1.4;
}
.Creed_Landing_Video_Section .SectionHeader__SubHeading.TimeDate { 
    letter-spacing: 0.15em;
    font-size: var(--font-size-u-h5);
    font-weight: var(--font-weight-regular);
    margin-top: 10px;
}
.Creed_VideoBanner_Signup input[type="email"] {
    border-right: 0 !important;
}
.Creed_VideoBanner_Signup input[type="email"]:focus {
    box-shadow: none !important;
}
.Creed_VideoBanner_Signup button[type="button"] {
    padding: 2px 28px 4px !important;
}

.CreedLanding_Nosto {
    margin-top: 70px;
}

.bxrw-section--slideshow {
    position: relative;
} 
.bxrw-section--slideshow.Banner__Section { 
    margin: 0;
}
.bxrw-section--slideshow .Banner__Extra_Content .Heading {
  color: #fff;
}
.flickity-page-dots .dot { 
  width: 8px;
  height: 8px;
  margin: 0 4px; 
  background: #fff;
  border: none;
  opacity: .5;
}
.Carousel--insideDots .flickity-page-dots .dot.is-selected {
    background: #fff;
    opacity: 1;
}
.Carousel--insideDots .flickity-page-dots { 
    right: auto;
    left: 50%;
    transform: translate(-50%,0);
}
.Creed_Landing_Video_Section .Hero__Content {
    margin-top: 40px;
}
.CreedCollection_SingleBanner .SectionHeader__SubHeading.Text {
    font-size: 100%;
    letter-spacing: 0.15em;
}
.template-creed-landing-page .footerTop {
    display: none;
}
.template-creed-landing-page .Footer__Inner {
    padding-top: 34px;
}
.template-creed-landing-page .Banner__Section.section-space-top,
.template-creed-landing-page .Banner__Section.section-space-bottom,
.template-creed-landing-page .Banner__Image_with_Text.section-space-top,
.template-creed-landing-page .Banner__Image_with_Text.section-space-bottom {
    display: inline-block;
    width: 100%;
}
.template-creed-landing-page .shopify-section--header {
    position: absolute;
    top: var(--fsb-height);
    background:transparent;
}
.template-creed-landing-page .shopify-section--header.bg-black, 
.template-creed-landing-page .shopify-section--header:hover { 
    background:#000;
} 
.template-creed-landing-page.Page_Scrolled_2 .shopify-section--header.is-scrolled--up {
  position: fixed; 
} 
.Creed_Landing_Video_Section .ButtonGroup {
    display: none;
}
 
.Creed_LegalCopy_Section {
    padding: 30px 0;
}
.Creed_LegalCopy_Section .Text_Content p {
    font-size: calc(var(--font-size-u-h8) - 1px);
    font-weight: var(--font-weight-regular);
  opacity: .7;
}
.Banner__Section.CreedLanding_divider_vlast {margin:0;}
.CreedLanding_Text-w-ImgSlider_Section .FeatureText__ImageWrapper {
    position: relative;
}
.Creed_Landing_Video_Section .Legal_Content,
.CreedLanding_Text-w-ImgSlider_Section .Legal_Content,
.Creed_Collection_VideoBanner .Legal_Content {
    position: absolute;
    bottom: 27px;
    left: 30px;
    width: 305px;
    z-index: 1;
    text-align: left;
}
.Creed_Landing_Video_Section .Creed_Banner_logo,
.CreedLanding_Text-w-ImgSlider_Section .Creed_Banner_logo,
.Creed_Collection_VideoBanner .Creed_Banner_logo {
    max-width: 42px;
} 
.Creed_Landing_Video_Section .Legal_Copy,
.CreedLanding_Text-w-ImgSlider_Section .Legal_Copy,
.Creed_Collection_VideoBanner .Legal_Copy {
    margin-top: 10px;
    font-size: 9px;
}
.Creed_Landing_Video_Section .Creed_FilmRating_logo,
.Creed_Collection_VideoBanner .Creed_FilmRating_logo,
.Creed__Banner_section .Creed_FilmRating_logo { 
    max-width: 46px;
    opacity: .8;
}
@media (max-width: 1024px) {
.Creed_Landing_Video_Section .Legal_Content,
.CreedLanding_Text-w-ImgSlider_Section .Banner__Extra_Content .Legal_Content,
.Creed_Collection_VideoBanner .Legal_Content {
    bottom: 20px;
    left: 24px;
} 
.Creed_Landing_Video_Section .Creed_Banner_logo,
.CreedLanding_Text-w-ImgSlider_Section .Creed_Banner_logo {
    max-width: 32px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.template-creed-landing-page .Banner__Image_with_Text .FeatureText__ContentWrapper {
    padding-top: 60px;
    padding-bottom: 60px;
} 
}
@media (max-width: 767px) {  
  
.template-creed-landing-page .FeatureText--withImage { 
    text-align: center; 
}  
.template-creed-landing-page .SectionHeader__Description {
    max-width: 100%;
} 
.template-creed-landing-page .Banner__Image_with_Text .FeatureText--withImage .FeatureText__ContentWrapper {
  padding: 0 24px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.template-creed-landing-page .Banner__Image_with_Text {
    padding-bottom: 20px;
}
 .template-creed-landing-page .Banner__Section.section-space-top,
.template-creed-landing-page .Banner__Image_with_Text.section-space-top {
    margin-top: 30px;
} 
.template-creed-landing-page .Banner__Section.section-space-bottom,
.template-creed-landing-page .Banner__Image_with_Text.section-space-bottom {
    margin-bottom: 30px;
}  
.template-creed-landing-page .Heading.u-h1 {
    font-size: calc(var(--font-size-u-h1) - 6px);
}
.CreedLanding_Nosto {
    margin-top: 60px;
    padding-bottom: 20px;
}
.Creed_Landing_Video_Section .Hero__Content {
    margin-top: 30px;
}
.Creed_Collection_VideoBanner .Legal_Content { 
  opacity: .8;
}
.Creed_Collection_VideoBanner .Legal_Content {
   bottom: 12px; 
   left: 18px;
} 
.Creed_Collection_VideoBanner .Creed_FilmRating_logo,
.Creed__Banner_section .Creed_FilmRating_logo {
    max-width: 34px;
} 
.Creed_Collection_VideoBanner .Legal_Copy {
    margin-top: 4px;
    font-size: 6px;
}
} 
@media (max-width: 640px) {
.CreedPage_SingleSlider_Section .bottom-left-mobile { 
    bottom: 40px; 
}
.Creed_LegalCopy_Section .Text_Content p { 
    max-width: 310px;
    margin: 0 auto;
} 
/* .CreedLanding_Text-w-ImgSlider_Section .Banner__Extra_Content .Legal_Content {
    bottom: 38px; 
} */
.Creed_Landing_Video_Section .Legal_Copy,
.CreedLanding_Text-w-ImgSlider_Section .Legal_Copy { 
    font-size: 8px;
}
 
  
}

 
.Slideshow__Carousel .flickity-viewport .Slideshow__ImageContainer .Slideshow__Image {
    transform: none !important; 
} 

.CreedLanding_klaviyo_Preloader .animated-preloader-line-1 {
    height: 46px;
    width: 100%;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 0;
    margin-top: 23px;
}
.CreedLanding_klaviyo_Preloader .animated-preloader-line-2 {
    margin-top: 20px;
    width: 100%;
    background: rgba(255,255,255,.4);
    display: inline-block;
    margin-bottom: 28px;
}

.Creed_VideoBanner_Signup .klaviyo-form {
    display: none;
}
/* Creed Landing Page END
===============================================================================*/


.custom-coming-soon-form-block .klaviyo-form {display:none;}
 
.PDP_ComingSoon_klaviyo_Preloader .PreloaderWrap {
    row-gap: 12px;
    padding: 19px 13px;
}
.PDP_ComingSoon_klaviyo_Preloader .animated-preloader-text {
    height: 12px;
}
.PDP_ComingSoon_klaviyo_Preloader .animated-preloader-line-1 {
width: 205px;
    height: 22px;
    margin-bottom: 5px;
}
.PDP_ComingSoon_klaviyo_Preloader .animated-preloader-line-3 {
    width: 90%;
}
.PDP_ComingSoon_klaviyo_Preloader .animated-preloader-line-4 {
    width: 25%;
}
.PDP_ComingSoon_klaviyo_Preloader .animated-preloader-line-5 {
    height: 44px;
    border-radius: 2px;
    margin-top: 15px;
}


/* 
================ Creed Collection Styling START ========================================================= */
.Creed_Collection_VideoBanner .Hero__Content {
    width: 100%;
}
.Creed_Collection_VideoBanner .Hero__Content .TimeDate {
    letter-spacing: 0.15em;
}
.Creed_Collection_VideoBanner .Hero__Content .Heading {
    color: #fff;
    margin-bottom: 10px;
}
.Boxraw_vs_Creed_Logos {
    margin-bottom: 40px;
}
.Boxraw_vs_Creed_Logos .BXRW_Logo {
    width: 60px;
}
.Boxraw_vs_Creed_Logos .Creed_Logo_full {
    width: 86px;
    border-left: 1px solid #fff;
    padding-left: 30px;
}
.Creed_Collection_ScrollBottom {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%,0);
  z-index: 2;
}
.Creed_Collection_ScrollBottom .Arrow_Down svg {
    fill: #fff;
    width: 20px;
    height: 20px; 
    margin-top: 8px;
}
.Creed_Collection_VideoBanner .Video__Banner {
    height: 60vh; 
  min-height: 330px;
} 
.Womens_Creed_Collection .Video__Banner img {
    object-fit: cover;
    object-position: center -30px;
    min-height: calc(100% + 30px);
}

@media (min-width: 1025px) {
.Creed_Collection_VideoBanner .Video__Banner { 
    min-height: 480px;
}
}
@media (max-width: 1024px) {
.Creed_Collection_VideoBanner .Video__Banner { 
    max-height: 438px;
}
}
@media (max-width: 767px) {
.Boxraw_vs_Creed_Logos {
    margin-bottom: 30px;
}
.Boxraw_vs_Creed_Logos .BXRW_Logo {
    width: 50px;
}
.Boxraw_vs_Creed_Logos .Creed_Logo_full {
    width: 74px; 
}
.Creed_Collection_ScrollBottom .Arrow_Down svg { 
    margin-top: 0;
}
.Creed_Collection_ScrollBottom { 
    bottom: 8px; 
}
.Creed_Collection_VideoBanner .Video__Banner {
    height: 56vh;
  max-height: 460px; 
}
}
@media (max-width: 639px) {
.Womens_Creed_Collection .Video__Banner img { 
    object-position: center;
    min-height: 100%;
}
}
/* 
================ Creed Collection Styling END ========================================================= */



.Creed_As_Seen_Badge {
    background: #111;
    padding: 4px 5px 8px 6px;
    color: #fff;
    position: absolute;
    top: 3px;
    right: 9px;
    z-index: 2;
}
.Creed_As_Seen_Badge span {
    white-space: nowrap;
    margin-bottom: 4px;
    letter-spacing: 0.1em;
    font-size: calc(var(--font-size-u-h8) - 3px) !important;
}
.Creed_As_Seen_Badge .Creed_logo {
        width: 38px;
}

/* #fbLink hide from WAJID */
#fbLink {display:none !important;}


.Creed_Collection_VideoBanner .Video__Banner video {
    height: 100%;
}




/* Gloves Landing page START
==============================================================================*/
.template-gloves-landing-page .shopify-section--header {
    position: absolute;
    top: var(--fsb-height);
    background:transparent;
}
.template-gloves-landing-page .shopify-section--header.bg-black, 
.template-gloves-landing-page .shopify-section--header:hover { 
    background:#000;
} 
.template-gloves-landing-page.Page_Scrolled_2 .shopify-section--header.is-scrolled--up {
  position: fixed; 
} 
.template-gloves-landing-page {
    background: #000;
}

.Gloves_Landing_Video_Section .Hero__Content .Button{
  display: none;
}
.Gloves_Landing_Video_Section .SectionHeader__Heading {
  overflow: hidden;
  margin-bottom: 0;
}
.Gloves_Landing_Ftr_Signup .Block__Content .SectionHeader__Heading,
.Animation_Wrap {
  display: block;
  overflow: hidden; 
}



.Gloves_History_Section { 
  position: relative;
  height: 60vh;
}
.Gloves_History_Section > .Container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  width:100%;
}
.Gloves_History_Section .Heading.u-h1 {
    font-size: var(--font-size-u-h2);
  margin: 0;
}
.Gloves_History_Section .Heading span {
    display: block;
}

.template-gloves-landing-page .V_Text_Top .FeatureText--withImage .FeatureText__ContentWrapper {
  padding-top: 70px;
  vertical-align: top; 
}
.template-gloves-landing-page .Text_Top .FeatureText--withImage .FeatureText__ContentWrapper {
    vertical-align: top;
    padding-top: 150px;
}
.Gloves_Landing_Video_Section .Video__Banner { 
    height: 100vh;
} 
.Gloves_Landing_Video_Section .Hero__Content {
  width: 90%;
  max-width: 580px;
  margin-top: 30px;
}


.template-gloves-landing-page .SideBySide_Img_Txt .FeatureText--imageLeft .FeatureText__ImageWrapper { 
    padding-right: 30px;
}
.template-gloves-landing-page .SideBySide_Img_Txt .FeatureText--imageRight .FeatureText__ImageWrapper { 
    padding-left: 30px;
} 
 
.template-gloves-landing-page .Container {
    max-width: 1600px;
}
.template-gloves-landing-page footer .Container {
    max-width: inherit;
}
.template-gloves-landing-page .FeatureText__ImageWrapper .AspectRatio {
    max-width: 100% !important;
}
.template-gloves-landing-page .Parallax_SingleBanner .Hero__Content {
  width: 780px;
  max-width: 100%; 
}
.Banner__Text_with_ImageCrossed .SectionHeader__Description a {
  display: inline-block;
  padding-top: 30px;
  color: var(--accent-primary);
  letter-spacing: 0.2em;
}
.template-gloves-landing-page .Banner__Text_with_ImageCrossed .SectionHeader__Description,
.template-gloves-landing-page .Parallax_SingleBanner .Hero__Content .SectionHeader__SubHeading {
  font-size: var(--font-size-u-h5);
  line-height: 1.65; 
}
.template-gloves-landing-page .BenReview .SectionHeader__Description {
  font-size: var(--font-size-u-h6); 
  letter-spacing: 0.2em;
}
 
.template-gloves-landing-page .Banner__Text_with_ImageCrossed .FeatureText--imageRight .FeatureText__ContentWrapper { 
  padding-left: 0;
  padding-right: 30px;
}
.template-gloves-landing-page .Banner__Text_with_ImageCrossed .FeatureText--imageLeft .FeatureText__ContentWrapper { 
  padding-right: 0;
  padding-left: 30px;
}
.Gloves_Landing_Ftr_Signup {
    background: #1f1f1f;
    padding: 150px 0 100px;
}
.template-gloves-landing-page .footerTop { 
    display: none;
}
.template-gloves-landing-page .Gloves_Landing_Video_Section { 
  margin-top: 0 !important;
} 
.template-gloves-landing-page .Text_Bottom .FeatureText__ImageWrapper {
    margin-top: -150px;
    display: inline-block;
    width: 100%; 
} 
.Gloves_LastSection .Image_Caption {
    margin-top: 20px;
}
.Gloves_Landing_Video_Section .Hero__Image {
  height: calc(100vh - 32px);  
}
 
.Video_Banner_Section.Parallax_SingleBanner .Video__Banner {
    height: 80vh;
}
.Gloves_History_Section .ButtonGroup,
.template-gloves-landing-page .Parallax_SingleBanner .ButtonGroup {
  display: none;
}
.Gloves_Landing_Video_Section .Add_Overlay:after { 
  opacity: .7;
}
.template-gloves-landing-page .Banner__Text_with_ImageCrossed .GlovePage_QuoteMark {
   width:32px;
}
.Gloves_Landing_Video_Section .Creed_Collection_ScrollBottom {
    bottom: 35px;
}
.Gloves_Landing_Video_Section .SectionHeader__SubHeading.Text { 
    margin-top: 25px;
}
.Gloves_Landing_Video_Section .Hero__Image .Button {
  display:none;
}

@media(min-width:1600px) {
.template-gloves-landing-page .SideBySide_Img_Txt .FeatureText--imageLeft .FeatureText__ImageWrapper { 
    padding-right: 45px;
}
.template-gloves-landing-page .SideBySide_Img_Txt .FeatureText--imageRight .FeatureText__ImageWrapper { 
    padding-left: 45px;
} 
}


@media(max-width:1024px) { 
.template-gloves-landing-page .Text_Bottom .FeatureText__ImageWrapper {
    margin-top: -100px; 
}
.template-gloves-landing-page .Text_Top .FeatureText__ImageWrapper {
    margin-bottom: -100px; 
}
.template-gloves-landing-page .Text_Top .FeatureText--withImage .FeatureText__ContentWrapper { 
    padding-top: 80px;
}
.template-gloves-landing-page .V_Text_Top .FeatureText--withImage .FeatureText__ContentWrapper {
    padding-top: 40px; 
}
.Gloves_History_Section .Heading.u-h1,
.template-gloves-landing-page .Parallax_SingleBanner .SectionHeader__Heading.Heading span {
    font-size: var(--font-size-u-h3);
}
.template-gloves-landing-page .SideBySide_Img_Txt.BenReview .SectionHeader__Heading span {
    font-size: var(--font-size-u-h4);
} 
.Gloves_Landing_Ftr_Signup { 
    padding: 75px 0 30px;
}
 
.Gloves_LastSection .FeatureText__ContentWrapper,
.Gloves_LastSection .FeatureText__ImageWrapper {
  transform: none !important;
  margin-top: 70px !important;
}  
}

 
@media(max-width:800px) {  
 
.template-gloves-landing-page .Text_Top .FeatureText--withImage .FeatureText__ContentWrapper {
    padding-top: 40px;
}
.template-gloves-landing-page .Text_Top .FeatureText__ImageWrapper {
    margin-bottom: -60px;
}
.template-gloves-landing-page .Text_Bottom .FeatureText__ImageWrapper {
    margin-top: -60px;
}
}
@media(max-width:768px) {  
.template-gloves-landing-page .Banner__Text_with_ImageCrossed .FeatureText--imageLeft .FeatureText__ContentWrapper {
    padding-left: 20px;
}
.template-gloves-landing-page .Banner__Text_with_ImageCrossed .FeatureText--imageRight .FeatureText__ContentWrapper {
    padding-right: 20px;
}
.template-gloves-landing-page .SideBySide_Img_Txt.BenReview .SectionHeader__Heading,
.template-gloves-landing-page .Parallax_SingleBanner .SectionHeader__Heading span {
    line-height: 1.2;
}
}

@media(max-width:767px) {
 

.Gloves_Landing_Video_Section .Hero__Content { 
    width: 100%;
    max-width: 100%;
}
  
.template-gloves-landing-page .Banner__Text_with_ImageCrossed .FeatureText--imageRight {
    display: flex;
    flex-direction: column;
}
.template-gloves-landing-page .Banner__Text_with_ImageCrossed.Text_Top .FeatureText--withImage .FeatureText__ContentWrapper,
.template-gloves-landing-page .Banner__Text_with_ImageCrossed.Text_Bottom .FeatureText--withImage .FeatureText__ImageWrapper {
    order: 1;
    margin-bottom: 60px; 
}
.template-gloves-landing-page .Banner__Text_with_ImageCrossed.Text_Top .FeatureText--withImage .FeatureText__ImageWrapper,
.template-gloves-landing-page .Banner__Text_with_ImageCrossed.Text_Bottom .FeatureText--withImage .FeatureText__ContentWrapper {
    order: 2;
    margin-bottom: 25px;
}
.template-gloves-landing-page .Banner__Text_with_ImageCrossed .GlovePage_QuoteMark {
    margin-top: 20px;
  margin-bottom: 14px;
}
.template-gloves-landing-page .Banner__Text_with_ImageCrossed .FeatureText .SectionHeader__Description { 
    margin-bottom: 0;
}

 
.Gloves_Landing_Video_Section .Creed_VideoBanner_Signup button[type="button"],
.Gloves_Landing_Ftr_Signup .Creed_VideoBanner_Signup button[type="button"] {
    padding: 2px 10px 4px !important;
    font-size: 14px !important;
}
.template-gloves-landing-page .Banner__Text_with_ImageCrossed {
    margin-top: 0 !important;
    margin-bottom: 0!important;
}
.template-gloves-landing-page .SideBySide_Img_Txt .FeatureText--imageLeft .FeatureText__ImageWrapper {
    padding-right: 0;
}
.template-gloves-landing-page .SideBySide_Img_Txt .FeatureText--imageRight .FeatureText__ImageWrapper {
    padding-left: 0;
}
.template-gloves-landing-page .Text_Bottom .FeatureText__ImageWrapper {
    margin-top: 0; 
}
.template-gloves-landing-page .Text_Top .FeatureText__ImageWrapper {
    margin-bottom: 0; 
} 


.Gloves_History_Section {  
  height: 70vh;
}
  
.template-gloves-landing-page .Gloves_Landing_Video_Section { 
margin-top:0 !important;  
}    
.template-gloves-landing-page .Banner__Text_with_ImageCrossed .FeatureText--imageLeft .FeatureText__ContentWrapper {
    padding-left: 0;
}
.template-gloves-landing-page .Banner__Text_with_ImageCrossed .FeatureText--imageRight .FeatureText__ContentWrapper {
    padding-right: 0;
}
.Gloves_LastSection .FeatureText__ContentWrapper,
.Gloves_LastSection .FeatureText__ImageWrapper { 
  margin-top: 0 !important;
}
.template-gloves-landing-page .Image--slideRight {
    transform: translateY(3em); 
}
.template-gloves-landing-page .Image--slideLeft {
    transform: translateY(3em);
}
.template-gloves-landing-page .Image--lazyLoaded.Image--slideRight,
.template-gloves-landing-page .Image--lazyLoaded.Image--slideLeft { 
    transform: translateY(0);
}
.template-gloves-landing-page .BenReview .SectionHeader__Description {
    font-size: var(--font-size-u-h7);
}
}
@media(max-width:640px) { 
.template-gloves-landing-page .Banner__Text_with_ImageCrossed .GlovePage_QuoteMark {
    margin-top: -20px; 
}
.template-gloves-landing-page .Banner__Text_with_ImageCrossed .FeatureText .SectionHeader__Description { 
    max-width: 100%;
}
.Gloves_LastSection .Image_Caption {
  text-align:center;
  font-size: calc(var(--font-size-u-h8) - 1px);
}
.Gloves_Landing_Video_Section .Creed_Collection_ScrollBottom {
    bottom: 80px;
}
}

@media(max-width:479px) { 
.Video_Banner_Section.Parallax_SingleBanner .Hero__Content .SectionHeader__Heading {
    padding: 0 20px;
}
}
/* Gloves Landing page END
==============================================================================*/

/* Creed Badge on PLP START
---------------------------------------------------------*/
 .Creed_As_Seen_Badge_PLP {
  display: flex; 
  padding: 0;
  top: auto;
  bottom: 0px;
  right: 4px;
  z-index: 0; 
  background: transparent;
  overflow: hidden;
}
.Creed_As_Seen_Badge_PDP {
    top: -1px;
    right: 9px;
    bottom: auto;
    z-index: 2;
} 	
.Creed_As_Seen_Badge_PLP:before {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    bottom: -2px;
    right: -2px;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,.5) 0%, rgba(125,185,232,0) 68%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,.5) 0%,rgba(125,185,232,0) 68%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,.5) 0%,rgba(125,185,232,0) 68%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#007db9e8',GradientType=1 );
    z-index: -1;
}
.Creed_As_Seen_Badge_PLP span { 
    margin-bottom: 0; 
    font-size: calc(var(--font-size-u-h8) - 5px) !important;
    color: #000;
}
.Creed_As_Seen_Badge_PLP .Creed_logo,
.Creed_As_Seen_Badge_PDP .Creed_logo {
    width: 32px;
}


@media(max-width:1007px) { 
.Creed_As_Seen_Badge_PDP {
    top: 3px; 
}
}
@media(max-width:479px) {  
.Creed_As_Seen_Badge_PLP span { 
    font-size: calc(var(--font-size-u-h8) - 6px) !important;
}
.Creed_As_Seen_Badge_PLP .Creed_logo {
    width: 28px;
}
  
}
/* Creed Badge on PLP END
---------------------------------------------------------*/


.BoxingGlove__Banner_section .Search__Banner {
  display: flex;
  justify-content: center;
  align-items: center; 
  padding: 50px 30px !important;
  background-image: url(https://cdn.shopify.com/s/files/1/0019/4497/7466/files/Glove-Search-Banner-Desktop.jpg?v=1678356201);
  background-position: center 0;
}
.BoxingGlove__Banner_section .Search__Banner p { 
    max-width: 100%;
}
.BoxingGlove__Banner_section .ButtonGroup {
    margin-top: 25px;
}


@media(min-width:1008px) {
.BoxingGlove__Banner_section .Search__Banner { 
      min-height: 300px;
}
}
@media(min-width:1500px) {
.BoxingGlove__Banner_section .Search__Banner { 
      min-height: 480px;
}
}
@media(max-width:639px) {
.BoxingGlove__Banner_section .Search__Banner {
    padding: 50px 15px !important;
}
.BoxingGlove__Banner_section .Search__Banner p { 
    max-width: 240px;
}
}

.PDP_Features_Stripes_Wrap {
    margin-top: 30px;
    margin-bottom: 40px;
}
.PDP_Features_Stripes_Wrap .PDP_Features_Stripe { 
        padding: 0 5px;
}
.PDP_Features_Stripe svg {
  width: 27px;
  margin-bottom: 11px;
}
.PDP_Features_Stripe p {
  line-height: 1.3;
}
@media(max-width:639px) {
.PDP_Features_Stripe svg { 
  margin-bottom: 8px;
}
.PDP_Features_Stripe p { 
    font-size: calc(var(--font-size-u-h8) - 1px) !important;
    min-height: 28px;
    display: flex;
    align-items: center;
}
}

/* Reviews Product Fit Slider Styling STARTS
------------------------------------------------------------*/
.ElementsWidget-prefix .R-SliderIndicator-group { 
    margin-top: 10px;
}
.ElementsWidget-prefix .R-XLG .ElementsWidget__header .R-SliderIndicator { 
    max-width: 100% !important;
}
.ElementsWidget-prefix .R-XLG .ElementsWidget__header .R-SliderIndicator .R-TextHeading {
    font-size: var(--font-size-u-h8) !important;
    font-family: var(--font-tertiary);
    letter-spacing: 0.2em !important;
    font-weight: var(--font-weight-thin) !important;
    margin-bottom: 10px;
}
.ElementsWidget-prefix .R-SliderIndicator .R-TextBody { 
    margin-top: 8px;
    color: #000 !important;
}
.ElementsWidget-prefix .R-SliderIndicator .R-SliderIndicator__button {
    width: 15px !important;
    height: 15px !important;
    background-color: var(--accent-primary) !important;
    top: -6px !important;
    margin-left: -7px;
    border-radius: 80px;
}

.R-SliderIndicator-group [r-tooltip].u-paddingRight--xxs:before {
  right: auto;
  left: 50%;
  margin-left: -25%; 
  top: -12px;
}
.R-SliderIndicator-group [r-tooltip].u-paddingRight--xxs:after {
  left: 0;
  right: auto;
  top: -12px;
}
.R-SliderIndicator-group [r-tooltip].u-paddingLeft--none.u-paddingRight--none:after {
  left: 50%;
  right: auto;
  transform: translateX(-50%) translateY(-100%);
  top: -12px;
}
.R-SliderIndicator-group [r-tooltip].u-paddingLeft--none.u-paddingRight--none:before {
  left: 50%;
  right: auto;
  margin-left: -5px;
  top: -12px;
}
.R-SliderIndicator-group [r-tooltip].u-paddingLeft--xxs.u-paddingRight--none:after {
  top: -12px;
  right: 0px;
}
.R-SliderIndicator-group [r-tooltip].u-paddingLeft--xxs.u-paddingRight--none:before {
  left: auto;
  right: 50%;
  margin-right: -25%;
  top: -12px;
}
/* Reviews Product Fit Slider Styling END
------------------------------------------------------------*/
.PDP_Reviews_Slider_Content .NuggetsWidget-prefix .NuggetsWidget .NuggetsWidget__list .NuggetsWidget__item { 
    justify-content: center;
}
.PDP_Reviews_Slider_Content .NuggetsWidget-prefix .NuggetsWidget .NuggetsWidget__list .NuggetsWidget__item .NuggetsWidget__item__inner { 
    flex-basis: auto !important;
}
.PDP_Reviews_Slider_Content .NuggetsWidget-prefix .NuggetsWidget .NuggetsWidget__heading .R-TextHeading:not(.NuggetsWidget__quotationMark) { 
    -webkit-line-clamp: inherit !important;
}

 

.Footer__Aside .Language__Selector .weglot-container { 
    vertical-align: -1px;
    margin-top: 1px;
}
.Footer__Aside .Language__Selector .weglot-container .wg-flags a img.wg-flag { 
    width: 17px;
    height: auto;
}



/* About Us Page START
======================================================================*/
.template-about-us .shopify-section--header {
    position: absolute;
    top: var(--fsb-height);
    background:transparent;
}
.template-about-us .shopify-section--header.bg-black, 
.template-about-us .shopify-section--header:hover { 
    background:#000;
} 
.template-about-us.Page_Scrolled_2 .shopify-section--header.is-scrolled--up {
  position: fixed; 
}  
.template-about-us {
  background: #000;
}
.template-about-us .Container {max-width: 1600px;}
.No_Link_Banner .ButtonGroup {display:none;}
.template-about-us .Header_Video_Section .SectionHeader__SubHeading {
    font-family: var(--font-secondary);
    font-style: italic; 
}
.template-about-us .Header_Video_Section .Heading span {
    line-height: 1.2;
}
.SideBySide_TxtBlock .Block__Content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 40px;
}
.SideBySide_TxtBlock .Block__Content .Heading {
  width:50%;
  margin-bottom: 0; 
  line-height: 1.4;
}
.SideBySide_TxtBlock .Block__Content .Text_Content {
  width:50%;
  margin-bottom: 0; 
  font-size: var(--font-size-u-h5);
}
.Values_Stripe .Heading {
  text-transform: capitalize;
}
.Banner__Section.Values_Stripe {
  padding: 30px 0;
}
.Values_Stripe .Block__Content .Heading svg {
  fill: #fff;
  width: 30px;
  margin-right: 8px;
}
.Single_Banner_Section .Text_Content a {
  display: inline-block;
  padding-top: 30px; 
  border-bottom: 1px solid;
  letter-spacing: 0.2em; 
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.template-about-us .Banner__Text_with_ImageCrossed .SectionHeader__Description,
.template-about-us .Parallax_SingleBanner .Hero__Content .SectionHeader__SubHeading {
    font-size: var(--font-size-u-h5);
    line-height: 1.65;
} 
.template-about-us .Banner__Text_with_ImageCrossed .SectionHeader__Description a, 
.template-about-us .AboutPage_SingleBannerTxt_Section .Text_Content a,
.AboutPage_Video_Section .ImageHero__ContentOverlay .Button  {
    font-size: var(--font-size-u-h6); 
}
.Single_Banner_Section .Text_Content a:hover {
    opacity: .7;
}
.Banner__Text_with_ImageCrossed.Hidden_Image .FeatureText__ImageWrapper .AspectRatio  {
  display:none;
}
.template-about-us .Banner__Text_with_ImageCrossed .FeatureText--imageRight .FeatureText__ImageWrapper {
    padding-left: 30px;
}
.template-about-us .Banner__Text_with_ImageCrossed .FeatureText--imageLeft .FeatureText__ImageWrapper {
    padding-right: 30px;
}
.template-about-us .Banner__Text_with_ImageCrossed .FeatureText--imageRight .FeatureText__ContentWrapper {
  padding-left: 0;
  padding-right: 30px;
}
.template-about-us .Banner__Text_with_ImageCrossed .FeatureText--imageLeft .FeatureText__ContentWrapper {
  padding-right: 0;
  padding-left: 30px;
}
.template-about-us .Text_Top .FeatureText--withImage .FeatureText__ContentWrapper {
    vertical-align: top;
    padding-top: 2px;
}
.template-about-us .Text_Top .FeatureText__ImageWrapper {
    margin-bottom: -130px;
    display: inline-block;
    width: 100%;
}
.template-about-us .Text_Bottom .FeatureText__ImageWrapper {
    margin-top: -130px;
    display: inline-block;
    width: 100%; 
} 
.AboutPage_SingleBannerTxt_Section .Hero__Content {
    max-width: 700px;
}
.template-about-us .Banner__Section.Divider_Space_Section {
    display: inline-block;
    width: 100%;
} 
.AboutPage_Video_Section .ImageHero__ContentOverlay .SectionHeader__Heading span {
    text-transform: capitalize;
}
.AboutPage_Video_Section .Popuped_Video_Modal .Video__Banner video { 
    min-width: 100%;
}
.template-about-us .OpenKlaviyoFrom{
  display: none;
}
.template-about-us .Klaviyo_Btn_Section .OpenKlaviyoFrom{
  display: inline-block;
}
.OpenKlaviyoFrom .Link {
    padding-top: 15px;
}
.animated-section2 {
  display: block;
  opacity: 0;
  transition: opacity .5s linear 1s;
  will-change:  opacity;
}
 
.animated-section2.Image--lazyLoaded {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

@media(min-width:768px) {
.features--heading-large .u-h60 {font-size: 60px;}
.features--heading-large .u-h50 {font-size: 50px;}
.template-about-us .Header_Video_Section .SectionHeader__SubHeading { 
    font-size: var(--font-size-u-h2);
}
}

@media(min-width:1600px) { 
.template-about-us .Banner__Text_with_ImageCrossed .FeatureText--imageLeft .FeatureText__ImageWrapper { 
    padding-right: 45px;
}
.template-about-us .Banner__Text_with_ImageCrossed .FeatureText--imageRight .FeatureText__ImageWrapper { 
    padding-left: 45px;
}
.AboutPage_Intro_Section {
    padding-top: 80px;
    padding-bottom: 80px;
}
}
@media(max-width:1024px) { 
.template-about-us .Text_Bottom .FeatureText__ImageWrapper {
    margin-top: -100px; 
}
.template-about-us .Text_Top .FeatureText__ImageWrapper {
    margin-bottom: -100px; 
}  
}

@media(max-width:800px) {  
.template-about-us .Text_Top .FeatureText__ImageWrapper {
    margin-bottom: -60px;
}
.template-about-us .Text_Bottom .FeatureText__ImageWrapper {
    margin-top: -60px;
}
}
@media(max-width:640px) { 
.template-about-us .Banner__Text_with_ImageCrossed .FeatureText .SectionHeader__Description {
    max-width: 100%;
}
}
@media(max-width:767px) { 
.template-about-us .Banner__Text_with_ImageCrossed .FeatureText--imageLeft .FeatureText__ImageWrapper,
.template-about-us .Banner__Text_with_ImageCrossed .FeatureText--imageRight .FeatureText__ImageWrapper,
.template-about-us .Banner__Text_with_ImageCrossed .FeatureText--imageLeft .FeatureText__ContentWrapper,
.template-about-us .Banner__Text_with_ImageCrossed .FeatureText--imageRight .FeatureText__ContentWrapper {
    padding-right: 0;
    padding-left: 0;
} 
.template-about-us .Text_Bottom .FeatureText__ImageWrapper {
    margin-top: 0; 
}
.template-about-us .Text_Top .FeatureText__ImageWrapper {
    margin-bottom: 0; 
} 
.AboutPage_Video_Section .Container {
    padding: 0;
}
.SideBySide_TxtBlock .Block__Content {
    flex-flow: column;
    row-gap: 20px;
}
.SideBySide_TxtBlock .Block__Content .Heading,
.SideBySide_TxtBlock .Block__Content .Text_Content {
    width: 100%;
}
.template-about-us .Banner__Section.Divider_Space_Section.section-space-top { 
    margin-top: 20px; 
}
.template-about-us .Banner__Section.Divider_Space_Section.section-space-bottom { 
    margin-bottom: 20px;
}
.template-about-us .Text_Top .FeatureText--withImage .FeatureText__ContentWrapper {
    padding-top: 90px;
    padding-bottom: 20px;
}
.template-about-us .Banner__Text_with_ImageCrossed .FeatureText--imageRight {
    display: flex;
    flex-direction: column;
}
.template-about-us .Flipped_On_Mobile.Text_Top .FeatureText--withImage .FeatureText__ContentWrapper,
.template-about-us .Flipped_On_Mobile.Text_Bottom .FeatureText--withImage .FeatureText__ImageWrapper {
    order: 1;
    margin-bottom: 60px;
}
.template-about-us .Flipped_On_Mobile.Text_Top .FeatureText--withImage .FeatureText__ImageWrapper,
.template-about-us .Flipped_On_Mobile.Text_Bottom .FeatureText--withImage .FeatureText__ContentWrapper {
    order: 2;
    margin-bottom: 25px;
}
.Banner__Text_with_ImageCrossed.Hidden_Image .FeatureText__ImageWrapper {
    margin: 0;
}
.Banner__Section.Values_Stripe {
    padding: 15px 0;
}
.Banner__Section.NoTopSpace_Mobile,
.Banner__Image_with_Text.NoTopSpace_Mobile {
    margin-top: 0;
}
.Banner__Section.NoBottomSpace_Mobile,
.Banner__Image_with_Text.NoBottomSpace_Mobile {
    margin-bottom: 0;
}
.template-about-us .Banner__Text_with_ImageCrossed .OpenKlaviyoFrom a:before {
    display: block;
    padding-top: 27px;
    content: "";
}
.template-about-us .Banner__Text_with_ImageCrossed .OpenKlaviyoFrom a { 
    padding-bottom: 4px;
}
.template-about-us .Banner__Text_with_ImageCrossed .OpenKlaviyoFrom a.for-mobile {
    display: inline; 
}
.template-about-us .NoBottomSpace_Mobile.Flipped_On_Mobile.Text_Bottom .FeatureText--withImage .FeatureText__ImageWrapper {
    margin-bottom: 0;
}
.template-about-us .Banner__Text_with_ImageCrossed .OpenKlaviyoFrom a, 
.template-about-us .AboutPage_SingleBannerTxt_Section .Text_Content a,
.AboutPage_Video_Section .ImageHero__ContentOverlay .Button {
    font-size: var(--font-size-u-h7);
}
.features--heading-large .u-h60,
.features--heading-large .u-h50 {
  font-size: var(--font-size-u-h1);
}
.Values_Stripe .Block__Content .Heading {
    font-size: var(--font-size-u-h2);
}
.Values_Stripe .Block__Content .Heading svg { 
    margin-bottom: -3px;
}
}

/* About-Us Page Styling END
============================================================*/


/* Blog Tags List UPDATES START 
============================================================================*/
.Grid__Cell__Desktop{display:inline-block;}
.Grid__Cell__Mobile{display:none;}
@media screen and (max-width: 767px) {
.Grid__Cell__Desktop{display:none;}
.Grid__Cell__Mobile{display:inline-block;} 
} 
.Blog__TagList .HorizontalList__Item .Link { 
  font-family: var(--font-tertiary);
  letter-spacing: 0.2em;
  font-weight: var(--font-weight-thin);
}
.Blog__TagList .Link.is-active::after { 
  height: 2px; 
  width: calc(100% + 20px);
  margin-left: -12px;
  margin-top: 6px;
}
.ArticleNav .SectionHeader__Heading.Heading {
    margin-bottom: 30px;
}
.Blog_Horizontal_Tag_List {
    position: relative;
    max-width: 1260px;
    margin: 0 auto;
}
.Blog_Horizontal_Tag_List .Blog__TagList::-webkit-scrollbar {
    display: none;
}
.Blog_Horizontal_Tag_List:before {
    width: 100%;
    height: 1px;
    position: absolute;
    content: "";
    background: #ddd;
    left: 0;
    bottom: 0px;
    z-index: -1;
}
.Blog_Horizontal_Tag_List .Blog__TagList { 
  display: flex;
  flex-flow: row;
  justify-content: center;
  overflow-x: scroll;
  -ms-overflow-style: none;
  margin-left: 0;
  margin-right: 0;
}
.Blog_Horizontal_Tag_List .Blog__TagList .HorizontalList__Item {
    display: inline-block;
    margin: 0;
}
.Blog_Horizontal_Tag_List .Blog__TagList .HorizontalList__Item .Link { 
    white-space: nowrap;
    position: relative;
    padding: 10px 13px 10px 17px;
}
.Blog_Horizontal_Tag_List .Blog__TagList .Link.is-active::after { 
width: 100%;
    left: 0;
    position: absolute;
    margin-left: 0;
    bottom: 0;
}

@media(max-width:1008px) {
.Blog_Horizontal_Tag_List .Blog__TagList { 
    justify-content: left;
}
}

/* Blog Tags List UPDATES END 
============================================================================*/

.Banner__Section.wdpb_banner:not(.Video_Banner_Section) .Hero__Image .grid-view-item__image {
    height: calc(100vh - 30px);
}
@media(max-width:1008px) {
.Banner__Section.wdpb_banner:not(.Video_Banner_Section) .Hero__Image .grid-view-item__image {
    height: calc(100vh - 110px);
}
}



.Gloves_Landing_Video_Section .SectionHeader__SubHeading.Text { 
    font-size: 14px;
}
@media(max-width:639px) {
.Gloves_Landing_Video_Section .SectionHeader__SubHeading.Text { 
    font-size: 13px;
}
.Gloves_Landing_Video_Section .Hero__Content { 
    margin-top: 0;
}
}


/* Blog Next/Prev Navigation START
=======================================================================*/
.Article__Wrapper.Article__Wrapper_Nav_Footer {
    padding: 25px 20px;
    margin-top: 50px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.ArticleToolbar_Nav_Footer {
    width: 100%;
    margin: 0; 
} 
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem {
  width: 50%;
  row-gap: 10px;
}
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem.ArticleToolbar__NavItem--prev,
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem.ArticleToolbar__NavItem--prev .ArticleToolbar__NavTitle {
    justify-content: end;
    text-align: right;
}
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem .ArticleToolbar__NavTitle { 
  display: flex;
  text-transform: inherit;
  letter-spacing: 0.015em;
  font-weight: bold;
  align-items: start;
  column-gap: 10px;
}
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem.ArticleToolbar__NavItem--prev .ArticleToolbar__NavTitle {
    margin-right: -26px;
}
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem.ArticleToolbar__NavItem--next .ArticleToolbar__NavTitle {
    margin-left: -26px;
}
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem svg {
  color: var(--color-grey);
  width: 16px;
  height: 16px;
  margin: 3px 0 0; 
}
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem:hover,
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem:hover svg {
  color:#000;
} 

@media(max-width:767px) {
.ArticleToolbar_Nav_Footer { 
  flex-flow: column;
  row-gap: 35px;
}
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem {
    width: 100%;
      text-align: center;
    row-gap: 6px;
}
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem.ArticleToolbar__NavItem--prev, .ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem.ArticleToolbar__NavItem--prev .ArticleToolbar__NavTitle {
    justify-content: center;
    text-align: center;
}
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem .ArticleToolbar__NavTitle { 
    margin: 0 !important;
    text-align: center;
    width: 100%;
  justify-content: center;
} 
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem.ArticleToolbar__NavItem--next .ArticleToolbar__NavTitle svg { 
    margin-left: -16px;
}
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem.ArticleToolbar__NavItem--prev .ArticleToolbar__NavTitle svg { 
    margin-right: -11px;
}
.ArticleToolbar_Nav_Footer .ArticleToolbar__NavItem svg.for-mobile {
    display: inline;
    vertical-align: -3px;
}
}


/* Blog Next/Prev Navigation END
=======================================================================*/


/* Collection Adspot START
================================================================================*/
 
.Collection_Adspot .AdLinks_Row { 
  bottom: 0px; 
  padding: 10px 20px 25px;
}
.Collection_Adspot .AdLinks_Row .Link { 
  font-style: normal;
  line-height: 1.2;
  margin-top: 12px;
  /* border: none; */
  padding-bottom: 2px;
}
.Collection_Adspot .AdLinks_Row .Link:after {
    /* display: block;
    position: absolute;
    content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #fff;
    top: 2.5px;
    right: -11px; */
}
.Collection_Adspot .AdLinks_Row:before {
display: none;
}
.Collection_Adspot .AdLinks_Row .AdContent {  
    width: 250px;
    text-align: left; 
}
.Collection_Adspot .AdLinks_Row .AdContent span {
    display: block;
      line-height: 1.3;
}
.Collection_Adspot .AdLinks_Row .AdContent span.u-h8 {
  font-size: 14px;
  margin-top: 8px;
  color: #bfbfbf;
}
.Collection_Adspot .AdLinks_Row .AdContent .u-h3 {
    font-size: 26px;
}

 
@media (max-width: 1400px) {
.Collection_Adspot .AdLinks_Row .AdContent {
    width: 170px; 
}
.Collection_Adspot .AdLinks_Row .AdContent .u-h3 {
    font-size: 20px;
}
.Collection_Adspot .AdLinks_Row .AdContent span.u-h8 {
    font-size: 11px; 
    margin-top: 6px;
} 
}

@media (max-width: 767px) {
.Collection_Adspot .AdLinks_Row .AdContent .u-h3 {
    font-size: 18px;
}
}

@media (max-width: 640px) {
.Collection_Adspot .Ad_Placeholder { 
    padding: 0;
}
.Ad_Placeholder .Ad_Img_Wrapper img { 
    object-fit: cover;
/*       min-height: inherit; */
}
.Collection_Adspot .AdLinks_Row { 
  padding: 0 3px;
  bottom: 10px;
}
}

/* Collection Adspot END
================================================================================*/


.Banner__Section.margin-top-0 {
  margin-top: 0;
}
.Banner__Section.margin-bottom-0 {
  margin-bottom: 0;
}


.Lang_Slct_Mobile_Menu {
  margin-top: 16px;
  padding-right: 12px;
}


/* Triple Banner Updates START
================================================================================*/
.Triple_Banner_Section > .Triple_Banner_Conteiner {
    padding-left: 15px;
    padding-right: 15px;
}
.Triple_Banner_Section .Hero__Image { border-radius: 8px;}
.Triple_Banner_Section .Hero__Content { padding: 20px;}
.Triple_Banner_Section .Hero__Content.Has_TwoBtns {
    flex-flow: column;
    align-items: flex-start;
    row-gap: 18px;
}
.Triple_Banner_Section .hero-left,
.Triple_Banner_Section .bottom-left,
.Triple_Banner_Section .top-left {
  left: 0;
  text-align: left;
}
.Triple_Banner_Section .Hero__Content .Heading,
.Triple_Banner_Section .Hero__Content .ButtonGroup {margin: 0; }
.Triple_Banner_Section .Hero__Content .ButtonGroup { 
  padding-left: 20px;
  flex: 0 1;
  row-gap: 10px;
  display: flex;
}
.Triple_Banner_Section .Hero__Content.Has_TwoBtns .ButtonGroup {
    padding-left: 0; 
}
.Triple_Banner_Section .Hero__Content .Button {
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
/*   flex: 1; */
}
.Triple_Banner_Section .Hero__Content .SectionHeader__Heading + .SectionHeader__SubHeading {
    margin-bottom: 0;
    margin-top: 10px;
}
.Triple_Banner_Section .Container {
    padding-left: 40px;
    padding-right: 40px;
}
 
@media (min-width: 1025px) { 
.Triple_Banner_Section:not(.Video_Banner_Section) .Hero__Image .grid-view-item__image {
    height: calc(92vh - 50px);
    max-height: 600px;
}
.Triple_Banner_Stacked:not(.Video_Banner_Section) .Stacked_Banners_Wrap .Hero__Image .grid-view-item__image {
    height: calc(46vh - 33px);
    max-height: calc(300px - 8px);
}
}
@media (min-width: 1240px) { 
.Triple_Banner_Section:not(.Video_Banner_Section) .Hero__Image .grid-view-item__image { 
    max-height: 800px;
}
.Triple_Banner_Stacked:not(.Video_Banner_Section) .Stacked_Banners_Wrap .Hero__Image .grid-view-item__image { 
    max-height: calc(400px - 8px);
}
}
@media (min-width: 1920px) { 
.Triple_Banner_Section:not(.Video_Banner_Section) .Hero__Image .grid-view-item__image { 
    max-height: 1000px;
}
.Triple_Banner_Stacked:not(.Video_Banner_Section) .Stacked_Banners_Wrap .Hero__Image .grid-view-item__image { 
    max-height: calc(500px - 8px);
}
}
@media (max-width: 1024px) {
.Triple_Banner_Section .Triple_Banner_Wrap {
    flex-flow: row;
    overflow: auto;
    padding-bottom: 30px;
}
.Triple_Banner_Wrap::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.Triple_Banner_Wrap::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}
.Triple_Banner_Wrap::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.Triple_Banner_Section .Hero__Image { 
    min-width: 320px;
} 
.Triple_Banner_Section .Stacked_Banners_Wrap {
    flex-flow: row;
    column-gap: 15px;
}
.Triple_Banner_Section:not(.Video_Banner_Section) .Hero__Image .grid-view-item__image {
/*height: 174px; */
  height: auto;
}
.Triple_Banner_Section .Container {
    padding-left: 30px;
    padding-right: 30px;
}
}
@media (max-width: 767px) {
.Triple_Banner_Section .Container {
    padding-left: 15px;
    padding-right: 15px;
}
.Triple_Banner_Section .Hero__Image {
    min-width: 290px;
}
.Triple_Banner_Section .Hero__Content {
    flex-flow: column;
    align-items: normal;
    row-gap: 20px;
} 
.Triple_Banner_Section .Hero__Content .ButtonGroup {
    padding-left: 0;
}
.Triple_Banner_Section .Hero__Content .Button { 
   margin-left: 0;
   padding: 10px 15px;
} 
}
/* Triple Banner Updates END
================================================================================*/

.template-customers .Alert__Error {
    color: #f94141;
    font-size: var(--font-size-u-h7);
    padding-left: 14px;
}
.Account_Page_Wrapper .setting_accordions .Segment .AccountAddress {
    word-break: break-word;
}


.product_colors_set .Product_Color_Item.Product_Color_Item_OOS img {
  opacity: .25;
  border: 1px solid #CBCBCB;
}
.product_colors_set {
    padding-top: 32px;
    margin-top: -32px;
}
.product_colors_set .Product_Color_Item_OOS .OOS_Size_SVG { 
    display: none;
}
.OOS_Tooltip { 
  position: absolute;
  top: -31px;
  font-size: 11px;
  text-align: center;
  font-weight: 600;
  background: #f1f1f1;
  border-radius: 4px;
  padding: 3px 6px;
  left: 50%;
  transform: translate(-50%,0);
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: ease all .4s;
}
.OOS_Tooltip:after {
    position: absolute;
    content: "";
    bottom: -6px;
    left: 50%;
    margin-left: -3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #f1f1f1;
} 
.Product_Color_Item_OOS:hover .OOS_Tooltip {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 1007px) {
.product_colors_set {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 28px;
    margin-bottom: -10px;
}
.product_colors_set .swiper-button { 
    height: calc(100% - 28px);
    top: 0;
}
.OOS_Tooltip { 
  top: auto;
  bottom: -22px;
  white-space: normal;
  width: 100%;
  line-height: 1.2;
  border-radius: 0;
  background: #fff;
  font-size: 9px;
  font-weight: 500;
  padding: 3px 0;
  color: var(--color-grey);
}
.OOS_Tooltip {  
  visibility: visible;
  opacity: 1;
}
.OOS_Tooltip:after {
  display: none;
}
}


/* LongFord AdSpot Style Updates START
=========================================================================*/
.Collection_Adspot .AdLinks_Row {
    bottom: 0;
    padding: 10px 20px 25px;
}
.Collection_Adspot .AdLinks_Row:before {
  display:block;
  height: 125px; 
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(40%,rgba(0,0,0,.4)),to(rgba(0,0,0,.8)));
  background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6) 40%,rgba(0,0,0,.8));
}
.Collection_Adspot .AdLinks_Row .AdContent { 
  z-index: 1;
}
.Collection_Adspot .AdLinks_Row .customSubHeader {
  margin-bottom: 4px;
}
.Ad_Placeholder:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
}
@media (max-width: 1400px) {
.Collection_Adspot .AdLinks_Row .AdContent .u-h3 {
    font-size: 20px;
}
}
@media (max-width: 767px) {
.Ad_Placeholder .Ad_Img_Wrapper .for-desktop {
  display: block;
}
.Ad_Placeholder .Ad_Img_Wrapper .for-mobile {
  display: none;
}
}
@media (max-width: 640px) {
.Ad_Placeholder .Ad_Img_Wrapper .for-desktop {
  display: none;
}
.Ad_Placeholder .Ad_Img_Wrapper .for-mobile {
  display: block;
}
.Ad_Placeholder .AdLinks_Row {
    left: 0;
    right: 0; 
} 
.Collection_Adspot .AdLinks_Row .AdContent .AdspotTitle span { 
    /* font-size: var(--font-size-u-h8); */
} 
.Collection_Adspot .AdLinks_Row .AdContent .u-h3 {
    font-size: 18px;
}
} 
@media (max-width: 479px) {
.Collection_Adspot .AdLinks_Row { 
    padding: 10px 15px 18px;
} 
}
/* LongFord AdSpot Style Updates END
=========================================================================*/
#reviews-io-polaris-modal-ReviewsWidget {
    height: 0;
    float: left;
}

@media (max-width: 767px) {
.ProductItem__Wrapper .ProductItem__Label.ComingSoon__Badge,
.Search__Results .ProductItem__Label.ComingSoon__Badge,
.Nosto_Rec_Section .ProductItem__Label.ComingSoon_Tag {
    font-size: calc(var(--font-size-u-h8) - 3px);
}
}
.blogbtnsWrap .Link {
min-width: 210px;
text-align: center;
}


.Product__Label.includes_free_shipping {
    text-align: center;
}
.custom-coming-soon-form-block {
    margin-bottom: 30px;
}
.PDP_FreeShipping_Badge {
    border: 1px solid #d9d9d9;
    padding: 14px 10px 10px;
  margin-bottom: 30px;
}
.PDP_FreeShipping_Badge svg {
    fill: var(--color-light);
    width: 28px;
    margin-top: -4px;
}
.Icons_Large .PDP_Features_Stripe svg {
    width: 35px; 
}

.PDB_Collage_of_3 .Banner_Image_Detailed {padding: 0;} 
.PDB_Collage_of_3 .PDP_Banner_Image_Text_Section {max-width: 100%;padding: 20px 0;} 
.PDB_Collage_of_3 .Banner_Image_Detailed .Hero__Image img {
    min-height: 400px;
}
.Collection_Adspot .TBC_Collection_Image {
    width: 160px;
}

@media (max-width: 767px) {
.PDB_Collage_of_3 .Banner_With_Image_Text_Row .Banner_With_Image_Text {
    margin-bottom: 20px;
} 
.PDB_Collage_of_3 .PDP_Banner_Image_Text_Section {
    padding: 20px 20px 0;
}
.PDB_Collage_of_3 .Banner_Image_Detailed {
    padding: 0 20px;
}
.Collection_Adspot .TBC_Collection_Image {
    width: 150px;
}
}

.Header__MainNav > .HorizontalList > .HorizontalList__Item > a#Outlet,
.SidebarMenu__Nav .Collapsible .Collapsible .Collapsible__Button#Outlet {
    color: #f94141;
}
.Header__MainNav > .HorizontalList > .HorizontalList__Item > a#Outlet { 
    font-weight: 500;
}

/* Horizontal Size Filters START
=============================================================================*/
.Horizontal_Filters.sizes {padding: 0 10px !important;}
.Horizontal_Filters.sizes li {padding: 0 5px !important;}
.Horizontal_Filters.sizes li span a {
    border: 1px solid #c5c5c5;
    min-width: 42px;
    padding: 6px 8px 6px 11px;
    margin-bottom: 10px;
    text-align: center;
    display: block;
}
.Horizontal_Filters.sizes li span.active:after {display: none;}
.Horizontal_Filters.sizes li span.active a { 
    border-color: var(--accent-primary);
    background: var(--accent-primary);
    font-weight: var(--font-weight-medium);
    color: #fff;
}
.Horizontal_Filters_Row .Caption {
    padding-left: 15px;
    padding-bottom: 4px;
    color: var(--text-color-light);
}
.horizontal_filters_ClearSizes span a {
  background: #fff !important;
  color: var(--color-light) !important;
  border: none !important;
  padding-left: 0 !important;
  font-weight: var(--font-weight-normal) !important; 
  border-bottom: 1px solid !important;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
  min-width: auto !important;
}  
/* .Horizontal_Filters_Row:before {display: none;} */
/* Horizontal Size Filters END
=============================================================================*/
 
.template-pre-order .PDP_Button_with_Wishlist {
    display: none;
}
.shopify-payment-button__more-options {
    display: none !important;
}


/* PDP BOXING RING styling START ================================================ */
.template-canvas-dressing .Product__Wrapper,
.template-boxing-ring .Product__Wrapper {
    position: relative;
  padding-top: 70px;
}

.template-canvas-dressing #Product__Images .Product__SlideItem:first-child,
.template-boxing-ring #Product__Images .Product__SlideItem:first-child {
    width: 100%;
    margin-bottom: 10px;
}

.template-canvas-dressing .Product__InfoWrapper,
.template-boxing-ring .Product__InfoWrapper { 
    top: 40px; 
}

.template-canvas-dressing .Single_Banner_Section .Hero__Content .SectionHeader .Heading,
.template-boxing-ring .Single_Banner_Section .Hero__Content .SectionHeader .Heading {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: calc(var(--font-size-u-h1) - 3px);
}

.template-canvas-dressing .Creed_Collection_ScrollBottom,
.template-boxing-ring .Creed_Collection_ScrollBottom {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
}

.template-canvas-dressing .Creed_Collection_ScrollBottom .Arrow_Down svg,
.template-boxing-ring .Creed_Collection_ScrollBottom .Arrow_Down svg {
    fill: #fff;
    width: 20px;
    height: 20px; 
    margin-top: 8px;
} 

.template-canvas-dressing .Meta_Colors_Group,
.template-boxing-ring .Meta_Colors_Group {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 30px;
    margin-bottom: 30px;
}  
.Product_size_Variants { 
    margin-top: 30px;
}
.Product_installation_Variants {
    margin: 30px 0;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 36px;
}
.BoxingRing_FormDetails .SizeSwatch,
.Product_height_Variants .SizeSwatch {
    text-transform: capitalize;
}
.BoxingRing_Pricing {
    margin-bottom: 30px;
}
.BoxingRing_Pricing .AmountStripe {
    margin-bottom: 20px;
}
.BoxingRing_Pricing .TextArea {
    max-width: 68%;
}
.BoxingRing_Pricing .TextArea span {
    display: block;
    line-height: 1.4;
}
.BoxingRing_Pricing .TextArea p {
    margin-bottom: 3px;
}
.BoxingRing_Popup .ConfirmOrder_Btn,
.BoxingBag_Popup .ConfirmOrder_Btn {
    margin-top: 30px;
}
.BoxingRing_Popup ul,
.BoxingBag_Popup ul {
    list-style: disc;
    padding-left: 25px;
}

.template-canvas-dressing .ProductMeta__PriceList.for-desktop,
.template-boxing-ring .ProductMeta__PriceList.for-desktop {
    display: block;
} 
.BoxingRing_FAQ_Section { 
    padding: 90px 0 60px;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 90px;
}
.BoxingRing_FAQ_Content {
    max-width: 800px;
    margin: 50px auto;
}
.BoxingRing_FAQ_Content .Collapsible__Button { 
    padding: 25px 18px 25px 0; 
}

.template-canvas-dressing .ProductForm__Option .ProductForm__Item,
.template-boxing-ring .ProductForm__Option .ProductForm__Item, 
.template-boxing-bag-fill .ProductForm__Option .ProductForm__Item,
.template-toblerones .ProductForm__Option .ProductForm__Item {
    display: none;
}

.SizingLabels > .Caption {
    font-size: calc(var(--font-size-u-h8) - 1px);
}
.SizeSwatch_List {
    margin-top: 10px;
    margin-left: -3px;
    margin-right: -3px;
}
.SizeSwatch_List .SizeSwatch_Item {
    margin: 0 3px;
}
.SizeSwatch_List .SizeSwatch {
    display: inline-block;
    text-align: center;
    min-width: 36px;
    padding: 6px;
    line-height: 26px;
    color: #000;
    border: 1px solid #c5c5c5;
    transition: ease all .25s;
    cursor: pointer;
    margin: 0 3px;
}
.SizeSwatch_List .SizeSwatch:hover,
.SizeSwatch_List .SizeSwatch.is-selected {
    border-color: var(--accent-primary);
    background: var(--accent-primary);
    font-weight: var(--font-weight-medium);
    color: #fff;
}

.template-canvas-dressing .BNPL_Services_PDP,
.template-boxing-ring .BNPL_Services_PDP {
    margin: 30px 0 -20px;
    padding: 0 30px;
}

.template-canvas-dressing .BNPL_Services_PDP .bnpl_strip p,
.template-boxing-ring .BNPL_Services_PDP .bnpl_strip p { 
    line-height: 1.3; 
} 

.template-canvas-dressing #PDP_Button_with_Wishlist,
.template-canvas-dressing .payment_button_disable,
.template-canvas-dressing .ProductMeta .BNPL_Services_PDP,

.template-boxing-ring #PDP_Button_with_Wishlist,
.template-boxing-ring .payment_button_disable,
.template-boxing-ring .ProductMeta .BNPL_Services_PDP,

.template-boxing-bag-fill #PDP_Button_with_Wishlist,
.template-boxing-bag-fill .payment_button_disable,
.template-boxing-bag-fill .ProductMeta .BNPL_Services_PDP,

.template-toblerones #PDP_Button_with_Wishlist,
.template-toblerones .payment_button_disable,
/* .template-toblerones .ProductMeta .BNPL_Services_PDP, */

.PDP_FreeShipping_Badge {
    display: none !important;
}

.BoxingRing_StickyBtn,
.BoxingBag_StickyBtn { 
  position: fixed;
  bottom: 0;
  left: 0;
  z-index:10;  
  background: transparent !important;
  border: 0;
  padding: 15px; 
  opacity: 0;
  visibility: hidden;
  transition: ease all .25s;
} 
.BoxingRing_StickyBtn p,
.BoxingBag_StickyBtn p { 
  background: var(--accent-primary);
  border: 1px solid var(--accent-primary); 
  display: inline-block;  
  border-radius: 5px;
  font-size: 0;
  padding: 0;
  opacity: 0;
  width:0; 
  transition:ease all .25s;
}
.BoxingRing_StickyBtn:hover,
.BoxingBag_StickyBtn:hover {
    background: transparent;
    color:#fff;
    border-color: transparent; 
}
.BoxingRing_StickyBtn p:hover,
.BoxingBag_StickyBtn p:hover {
    background: #fff;
    color:#000;
    border-color: var(--accent-primary); 
} 

.canvas-dressing-price span,
.boxing-ring-price span,
.ProductForm__Variants #TotalAmount {
    font-size: var(--font-size-u-h5);
}
.BoxingRing_Pricing .AmountStripe .ProductMeta__PriceList {
    margin: 0;
}
.BoxingRing_FAQ_Content .Collapsible__Content a {
  text-decoration: underline;
  text-underline-position: under;
  color: var(--link-color);
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
}
.BoxingRing_FAQ_Content .Collapsible__Content a:hover {
    color: #000;
}



@media screen and (min-width: 1140px) {
.template-canvas-dressing .Product__Wrapper,
.template-boxing-ring .Product__Wrapper {
    max-width: 100%;
}
.template-canvas-dressing .Product__Gallery,
.template-boxing-ring .Product__Gallery { 
    max-width: calc(100% - 578px);
}
}
@media screen and (min-width: 1008px) {
@supports (--css: variables) {
.template-canvas-dressing .Product__Info,
.template-boxing-ring .Product__Info { 
    top: calc(var(--header-height) - 55px);
}
} 
}

@media (max-width: 1007px) {
.template-canvas-dressing .Product__Wrapper,
.template-boxing-ring .Product__Wrapper { 
    padding-top: 0;
}
.template-canvas-dressing .ProductMeta,
.template-boxing-ring .ProductMeta {
    order: 0;
    padding-bottom: 0;
    margin-bottom: 20px;
}  
.template-canvas-dressing .product_colors_set,
.template-boxing-ring .product_colors_set {
  padding-bottom: 0;
  margin-bottom: 0;
}
.template-canvas-dressing .product_colors_set .swiper-button,
.template-boxing-ring .product_colors_set .swiper-button { 
    height: 100%;
}
}
@media screen and (max-width: 767px) {
.template-canvas-dressing .Creed_Collection_ScrollBottom,
.template-boxing-ring .Creed_Collection_ScrollBottom { 
    bottom: 8px; 
}
.template-canvas-dressing .Creed_Collection_ScrollBottom .Arrow_Down svg,
.template-boxing-ring .Creed_Collection_ScrollBottom .Arrow_Down svg { 
    margin-top: 0;
}
.BoxingRing_Popup .Modal__Content,
.BoxingBag_Popup .Modal__Content {
    margin-top: 30px;
}
.template-canvas-dressing .ProductMeta__Title.for-desktop,
.template-boxing-ring .ProductMeta__Title.for-desktop {
  display: block;
}
.BoxingRing_FAQ_Section {
    padding-top: 60px;
    /* border-top: none; */
    margin-bottom: 60px;
    padding-bottom: 20px;
}
.BoxingRing_FAQ_Content .Collapsible__Button { 
    padding: 18px 18px 18px 0; 
}
.template-canvas-dressing .Reviews_Preloader.for-desktop,
.template-boxing-ring .reviewStrip.for-desktop,
  
.template-canvas-dressing .Reviews_Preloader.for-desktop,
.template-boxing-ring .reviewStrip.for-desktop {
    display: block;
}
}
@media(max-width:640px) {
.BoxingRing_StickyBtn.show,
.BoxingBag_StickyBtn.show {
  opacity: 1;
  visibility: visible;
}  
.BoxingRing_StickyBtn.show p,
.BoxingBag_StickyBtn.show p{
  width: 100%;
  font-size: var(--font-size-u-h5); 
  opacity: 1; 
  padding: 12px 28px 14px;
}
}
 

.Compare_Ring_Section {
    border-top: 1px solid var(--border-color);
    margin-bottom: 90px;
    padding-top: 80px;
} 
.Compare_Ring_Section > .Heading {
    margin-bottom: 80px;
    line-height: 1.4;
}
.RingComparison_Table {
    width: 100%;
    overflow: auto;
}
.RingComparison_Table table {
    margin: 0 auto;
  max-width: 1000px;
}
.RingComparison_Table table tr {
    border-bottom: 1px solid #d9d9d9;
}
.RingComparison_Table table tr td {
    padding: 20px;
    text-align: center;
  white-space: nowrap;
}
.RingComparison_Table table tr td:first-child { 
    text-align: left;
}
.RingComparison_Table table tr td:nth-child(2) {
    background: #f8f8f8;
}
.RingComparison_Table table tr:first-child td { 
    padding-bottom: 40px;
}
.RingComparison_Table table tr td .RingImg {
    max-width: 180px;
    margin: 0 auto;
    display: table;
}
.RingComparison_Table table tr:first-child td strong {
    margin-top: 18px;
    display: block;
    line-height: 1.4;
}
.RingComparison_Table table tr td .Button {
    display: inline-block; 
}
.RingComparison_Table table tr:first-child td .Button {
    display: inline-block;
    margin-top: 20px;
}
.RingComparison_Table table tr:last-child {
    border: 0;
}
/* .BoxingRing_FormDetails {
    margin: 34px 0;
    border-top: 1px solid var(--border-color);
    padding-top: 28px;
} */

@media(max-width:1007px) {
.RingComparison_Table table tr td .RingImg {
    max-width: 160px; 
}
.RingComparison_Table table tr td:first-child { 
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff;
    padding-left: 0;
    padding-right: 10px;
}
}
@media(max-width:767px) {
.RingComparison_Table table tr td {
    padding: 12px 10px;
    text-align: center;
    white-space: nowrap;
}
.Compare_Ring_Section > .Heading {
    margin-bottom: 50px; 
}
.RingComparison_Table table tr td .Button {  
    padding: 7px 22px 9px;
}
.RingComparison_Table table tr td { 
    font-size: var(--font-size-u-h7);
}
.RingComparison_Table table tr:first-child td strong {
    margin-top: 18px;
    display: block;
    line-height: 1.4;
    font-size: var(--font-size-u-h6);
}
.Compare_Ring_Section { 
    margin-bottom: 70px; 
      padding-top: 50px;
}
}


.Header__Icon.SearchTrig__Disabled {
    pointer-events: none;
}

@media (max-width: 1007px) {
#Product__Images {
  display: flex;
}
#Product__Images .Product__SlideItem {
    min-width: 100%; 
}
}


.BoxingRing_Popup .Ring_Inquire_From .Form__Item,
.BoxingBag_Popup .Ring_Inquire_From .Form__Item {
    margin-bottom: 15px;
}
.Ring_Inquire_From .klaviyo_form_submit .Button {
    margin-top: 40px;
}
.BoxingRing_Popup .klaviyo_messages .Button,
.BoxingBag_Popup .klaviyo_messages .Button {
    margin-top: 15px;
}
.BoxingRing_Popup .success_message p,
.BoxingBag_Popup .success_message p { 
    background-color: #d4edda; 
    border: 1px solid #c3e6cb;
    padding: 8px 15px;
    color: #155724;
    border-radius: 6px;
    margin-top: 28px;
    margin-bottom: 10px; 
}



/* Metafields styling START 
===============================================================================*/
.metafield-rich_text_field h1,
.metafield-rich_text_field h2,
.metafield-rich_text_field h3,
.metafield-rich_text_field h4,
.metafield-rich_text_field h5,
.metafield-rich_text_field h6,
.metafield-rich_text_field h7,
.metafield-rich_text_field h8 { 
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-style: var(--heading-font-style);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--heading-color);
  transition: color 0.2s ease-in-out; 
}
.Banner_Text_Detailed .metafield-rich_text_field h2 {
  margin-bottom: 20px;
  line-height: normal;
  font-size: calc(var(--font-size-u-h1) - 6px);
}
@media screen and (min-width: 767px) {
.Banner_Text_Detailed .metafield-rich_text_field h2 { 
  font-size: var(--font-size-u-h1);
}  
}
.Banner_Text_Detailed .metafield-rich_text_field p {
    font-size: var(--font-size-u-h5);
}
.Banner_Text_Detailed .metafield-rich_text_field {
  max-width: 530px; 
  margin: 0 auto;
}
.CollectionBottomInfo .metafield-rich_text_field h3{
  letter-spacing: 0.1em; 
}
.PDP_Features_Stripe img {
    width: 27px;
    margin-bottom: 11px;
}
.Icons_Large .PDP_Features_Stripe img {
    width: 35px;
}
@media (min-width: 768px) { 
.StoryTelling_layout_2 .Banner_With_Image_Text_R {
  margin-top: 28%;
}
} 
/* Metafields styling END
===============================================================================*/


.template-canvas-dressing .Product_size_Variants .SizeSwatch_List {
    flex-flow: wrap;
    justify-content: flex-start;
    row-gap: 7px;
}
.template-canvas-dressing .Product_size_Variants .SizeSwatch_List .SizeSwatch {
    width: 18%;
    min-width: 70px; 
} 
@media (max-width: 767px) { 
.template-canvas-dressing .Product_size_Variants .SizeSwatch_List .SizeSwatch { 
    min-width: 60px;  
} 
} 


/* Sale PDP Promo CSS v2 - Start */

.FreeShipping_week .Heading {
    margin-bottom: 10px;
    color: #fff;
    line-height: 1.4;
}
.FreeShipping_week svg {
    margin-right: 15px;
    width: 25px;
}

.Cart_Drawer_HeadBlock .FreeShipping_week_SC {
    justify-content: center;
}
.FreeShipping_week_SC {
      display: flex;
    margin-bottom: 8px;
}
.FreeShipping_week > div {
    line-height: 1;
}
.FreeShipping_week_PDP_Wrap {
    background: #000;
    padding: 18px 15px 16px;
    margin-top: 15px;
    margin-bottom: 35px;
    color: #fff;
}
.FreeShipping_week_PDP_Wrap .FreeShipping_week_PDP {
    margin: 0;
  justify-content: center;
}
.FreeShipping_week_MC { 
    margin-bottom: 0;
    justify-content: center;
}
.Cart_Drawer_HeadBlock .FreeShipping_week_SC svg {
    width: 31px;
}
.Cart_Drawer_HeadBlock .FreeShipping_week_SC p {
    font-size: var(--font-size-u-h7);
}

/* Sale PDP Promo CSS v2 - End */


.DiscountsTableWrap {
    margin-top: 30px;
    margin-bottom: 30px;
}
.DiscountsTableWrap .Caption {
    margin-bottom: 7px;
}
table.DiscountsTable {
    width: 100%; 
}
.DiscountsTable th {
    border: 1px solid var(--border-color);
    padding: 6px 10px;
    text-align: center;
    font-size: var(--font-size-u-h8);
    font-weight: var(--font-weight-medium);
}
.DiscountsTable td {
	border: 1px solid var(--border-color);
	padding: 6px 10px; 
	font-size: var(--font-size-u-h8);
	text-align: center;
}

@media (max-width: 767px) { 
.Product__Images .swiper-slide:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 9999;
    top: 0;
    left: 0;
    opacity: 0;
}
}

.template-boxing-bag .Sizing_labels .sizechartlink, 
.template-boxing-bag-normal .Sizing_labels .sizechartlink {
    display: none;
}
.template-boxing-bag .SizeSwatchList .SizeSwatch_Element label, 
.template-boxing-bag-normal .SizeSwatchList .SizeSwatch_Element label {
    text-transform: inherit;
}


/* Sauna Suite New Bundle styling START
==========================================================================================*/
.template-sauna-suit-bundle .ProductForm__Option .ProductForm__Item {
    display: none;
}
.template-sauna-suit-bundle .ColorSwatchList {
    display: flex;
      margin: 10px 0 0;
}
.template-sauna-suit-bundle .ColorSwatchList .HorizontalList__Item { 
  width: 20%;
  max-width: 100px;
  margin: 0 4px 0 0;
  background: #fff !important;
}
.template-sauna-suit-bundle .ColorSwatchList .HorizontalList__Item img {
  width:100% !important;
  height:auto !important;
}
.template-sauna-suit-bundle .ColorSwatchList .HorizontalList__Item .ColorSwatch--custom{
  width:100%;
  height:auto;
}
.template-sauna-suit-bundle .ColorSwatchList .HorizontalList__Item label:before,
.template-sauna-suit-bundle .ColorSwatchList .HorizontalList__Item label:after{
     display: none;  
}
.template-sauna-suit-bundle .ColorSwatchList .HorizontalList__Item .ColorSwatch.is-active,
.template-sauna-suit-bundle .ColorSwatchList .HorizontalList__Item .ColorSwatch__Radio:checked + .ColorSwatch {
      border: 1px solid var(--accent-primary);
}
.template-sauna-suit-bundle .Product__InfoWrapper .Prod__shortInfo,
.template-sauna-suit-bundle .Product__InfoWrapper .Thumb_Color_Wrap.Product_Color_Row,
.template-sauna-suit-bundle .Product__InfoWrapper .product_colors_set,
.template-sauna-suit-bundle .Collapsible.Collapsible--large.Reviews_Tab,
.template-sauna-suit-bundle .Reviews_Preloader,
.template-sauna-suit-bundle .reviewStrip {
    display: none !important;
}
.template-sauna-suit-bundle .Product__InfoWrapper .ProductForm__Variants .ProductForm__Option {
    margin-bottom: 30px;
}
.template-sauna-suit-bundle .Product__InfoWrapper .ProductMeta {
    padding-bottom: 0; 
}
.template-sauna-suit-bundle .nosto_index_section { 
    width: 100%;
}
.template-sauna-suit-bundle .SizeSwatch.Out_of_Stock {
  position: relative;
  color: #c4c4c4;
} 
.template-sauna-suit-bundle .SizeSwatch.Out_of_Stock:hover,
.template-sauna-suit-bundle .SizeSwatch.Out_of_Stock.is-selected {
  background: #fff;
  color: #000;
  border-color: var(--accent-primary);
} 
.template-sauna-suit-bundle .Out_of_Stock .OOS_Size_SVG {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.template-sauna-suit-bundle .Out_of_Stock:hover .OOS_Size_SVG line,
.template-sauna-suit-bundle .SizeSwatch.is-selected .OOS_Size_SVG line {
  stroke: var(--accent-primary);
}
.template-sauna-suit-bundle .ProductForm__AddToCart[disabled="disabled"] {  
  background: transparent;
  border-color: var(--accent-primary); 
  color: var(--accent-primary); color: #000;
}
/* Sauna Suite New Bundle styling END
==========================================================================================*/


/* Search Banner Adspot START
================================================================================*/ 
.Search_Adspot .AdLinks_Row .Link { 
  font-style: normal;
  line-height: 1.2;
  margin-top: 12px;
  border: none;
}
.Search_Adspot .AdLinks_Row .Link:after {
    display: block;
    position: absolute;
    content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 7px solid #fff;
    top: 2.5px;
    right: -11px;
} 
.Search_Adspot .AdLinks_Row .AdContent {   
    text-align: left;
      z-index: 9;
}
.Search_Adspot .AdLinks_Row .AdContent span {
    display: block;
      line-height: 1.3;
}
.Search_Adspot .AdLinks_Row .AdContent span.u-h8 {
  font-size: 14px;
  margin-top: 8px;
  color: #bfbfbf;
}
.Search_Adspot .AdLinks_Row .AdContent .u-h3 {
    font-size: 26px;
}
.PageContainer .Ad_Placeholder__Cell.Adspot_Space_2 {
    width: 50%;
}
.PageContainer .Ad_Placeholder__Cell.Adspot_Space_4 {
    width: 100%;
}
.Adspot_Space_4 .Ad_Placeholder .Ad_Img_Wrapper img {
    width: 100%; 
    position: static;
    transform: none;
}
@media (min-width: 641px) {
.Adspot_Space_2 .Ad_Placeholder .Ad_Img_Wrapper img { 
    min-width: 100%;
}
}
@media (max-width: 1400px) { 
.Search_Adspot .AdLinks_Row .AdContent .u-h3 {
    font-size: 20px;
}
.Search_Adspot .AdLinks_Row .AdContent span.u-h8 {
    font-size: 11px; 
    margin-top: 6px;
}
} 
@media (max-width: 767px) {
.Search_Adspot .AdLinks_Row .AdContent .u-h3 {
    font-size: 18px;
}
} 
@media (max-width: 640px) {
.PageContainer .Ad_Placeholder__Cell.Adspot_Space_2,
.PageContainer .Ad_Placeholder__Cell.Adspot_Space_4 {
    width: 100%;
}
.Search_Adspot .Ad_Placeholder { 
    padding: 0;
}
.Ad_Placeholder .Ad_Img_Wrapper img { 
    object-fit: cover; 
}
.Search_Adspot .AdLinks_Row { 
  padding: 0 8px 5px; 
}
.Search_Adspot .AdLinks_Row .AdContent .u-h3 {
    font-size: 17px;
}
}

/*  Search Banner Adspot END
================================================================================*/

#bag_ring_form_popup_button{
  color: var(--link-color);
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(var(--link-color-rgb), 0.6);
  text-decoration-color: rgba(var(--link-color-rgb), 0.6);
  text-underline-position: under;
  transition: color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
}

.CollectionBottomInfo h2 {
  margin: 2.2em 0 0.9em;
}

.CollectionBottomInfo h1 {
  font-size: var(--font-size-u-h2);
}

@media (max-width: 767px) { 
.PDB_Collage_of_3 .Banner_Image_Detailed,
.PDP_Banner_Image_Text_Section > .Container {
    padding: 0;
} 
.PDB_Collage_of_3 .PDP_Banner_Image_Text_Section {
    padding: 20px 0 0;
}
}

/* Adspot Latest updates START 
------------------------------------------------- */
.Collection_Adspot.Adspot_Space_2 .AdLinks_Row .AdContent {
    width: 100%;
}
@media(min-width:641px) {
.PageContainer .Collection_Adspot.Adspot_Space_2 {
    width: 66.6666%;
}  
.Ad_Placeholder .Ad_Img_Wrapper img { 
    object-fit: cover;
}
}
@media(min-width:1240px) {
.PageContainer .Collection_Adspot.Adspot_Space_2 {
    width: 50%;
}  
}

/* Adspot Latest updates END 
-------------------------------------------------*/

.PDP_3Plus_Offer {
    background: #f5f5f5;
    color: #007d48;
    padding: 10px 15px;
    line-height: 1;
    border-radius: 4px;
    font-weight: bold;
    margin-top: -10px;
      font-size: var(--font-size-u-h8); 
}  
.PDP_3Plus_Offer.for-mobile {
    display: inline-block;
}
.PDP_3Plus_Offer_cart {
    background: #f5f5f5;
    color: #007d48;
    padding: 10px 15px;
    line-height: 1;
    border-radius: 4px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    font-size: var(--font-size-u-h8);
}

.template-toblerones .ProductMeta{
	padding-bottom:0px;
}

.template-toblerones .ProductForm__Option{
	margin-bottom:20px;
}

.template-toblerones .BNPL_Services_PDP{
	margin-top:20px;
}

.ProductForm__Variants  .SizeSwatchList .SizeSwatch {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.template-bundle-knuckle-guard-wraps .ProductForm__Option .ProductForm__Item {
    display: none;
}
.template-bundle-knuckle-guard-wraps .Product__InfoWrapper .ProductForm__Variants .ProductForm__Option {
    margin-bottom: 30px;
}
.template-bundle-knuckle-guard-wraps .SizeSwatch_List .SizeSwatch{
  position: relative;
}


/* Currency selector work */
.Drawer__Footer .Header__Localization{
  margin-top: 18px;
}
#header-currency-popover-0 {
  background-color: black;
}
#header-currency-popover-0 .Popover__Value{
  color: var(--text-color-light);
}
#footer-currency-popover,
#footer-currency-popover .Popover__Title{
  color: white;
  background-color: black;
  z-index: 99999;
}
#localization_form_footer .Popover__ValueList .Popover__Value:hover, #localization_form_footer .Popover__Value.is-selected,
#localization_form_header .Popover__ValueList .Popover__Value:hover, #localization_form_header .Popover__Value.is-selected{
    color: var(--navigation-text-color) !important;
}
.Footer__LocalizationForm {
    margin-bottom: 0px !important;
}

#shopify-section-footer .Footer__LocalizationItem button,
.Header__Localization button {
  font-family: var(--font-tertiary);
  letter-spacing: 0.015em;
}

#header-currency-popover-0 .Popover__Title {
  /* font-family: var(--font-tertiary); */
}
#footer-currency-popover .Popover__Value,
#header-currency-popover-0 .Popover__Value {
  text-transform: none;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.015em;
}
#localization_form_header .SelectButton,
#localization_form_footer .SelectButton {
  font-weight: var(--font-weight-regular);
}


@media screen and (min-width: 641px) {
    .Footer__Localization {
        width: auto;
    }
}
@media screen and (max-width: 640px) {
    .Footer__Localization {
        margin-top: 28px !important;
    }
}
.Popover__Value:focus{
  background-color: black;
}
.Footer__LocalizationItem {
  color: white;
}
/* Currency selector work end*/

.Product_Thumb_Img_Wrapper[data-product-id="14979189539196"] .SoldOut__Badge {
    /* display: none; */
}

.header_search_heart_icon[data-product-id="14979189539196"] .SoldOut__Badge {
    /* display: none; */
}





/* Impello AdSpot START
=======================================================*/
.Impello_Search_Adspot .Ad_Placeholder,
.Impello_Ad { 
  background: url(https://cdn.shopify.com/s/files/1/0019/4497/7466/files/Impello-SB-BG-Desktop.jpg?v=1743190534);
  background-size: cover;
} 
.Impello_Search_Adspot .Sale_Logo {
    width: 240px;
    fill: #fff;
}
.Impello_Search_Adspot .Ad_Img {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    width: 11%;
}
.Ad_Placeholder .Ad_Img img {
    position: static;
}
.Impello_Search_Adspot .Ad_Content_A,
.Impello_Search_Adspot .Ad_Content_B {
    padding: 30px;
    margin: 0 auto;
} 
.Impello_Search_Adspot  .Ad_Content_B {
    position: static;
}

.PageContainer .Ad_Placeholder__Cell.Adspot_Space_2 {
    width: 100%;
} 
@media (min-width: 641px) { 
.PageContainer .Ad_Placeholder__Cell.Adspot_Space_2 {
    width: 66.6666%;
}
}
@media (min-width: 1241px) {
.PageContainer .Ad_Placeholder__Cell.Adspot_Space_2 {
    width: 50%;
}
}
.Impello_Ad {
padding: 30px;
    column-gap: 30px;
      justify-content: flex-start;
}
.Impello_Ad .Sale_Logo {
    fill: #fff;
    width: 90%;
    max-width: 370px;
}
.Impello_Ad .Ad_Content_A {
  padding: 25px 0;
  width: 48%;
  display: flex;
  flex-flow: column;
  align-items: center;
  row-gap: 10px;
  max-width: 100%;
} 
.Impello_Ad .Ad_Img {
    position: absolute;
    height: 88%;
    right: 10%;
} 
.Impello_Ad .Link--underline {
    font-size: 11px; 
}   
@media (min-width: 2400px) {
.Impello_Ad .Ad_Content_A {
    padding: 45px 15px 40px; 
} 
}

@media (max-width: 767px) {
.Impello_Search_Adspot .Ad_Placeholder { 
    flex-flow: column;
    justify-content: space-between;
}  
.Impello_Search_Adspot .Ad_Content_A { 
    padding-bottom: 22px;
} 
.Impello_Search_Adspot .Ad_Img {
    margin-top: 10px; 
    width: 36%;
    max-width: 110px;
}
.Impello_Search_Adspot .Ad_Content_A .Link--underline {
    display: table;
    margin: 10px auto 0;
}  
}

@media (max-width: 640px) {
.Impello_Ad.Ad_Placeholder {
    padding: 24px 20px;
} 
.Impello_Ad .Ad_Img {
    width: 90px;
    height: auto;
    position: static;
}
.Impello_Ad .Link--underline {
  font-size: 10px;
    letter-spacing: 0.1em;
}
}
/* Impello AdSpot END
=======================================================*/

 
.Countdown_timer_Section .Sale_Logo {
    width: 300px;  
    fill: #fff;
}  
@media (max-width: 767px) {
.Countdown_timer_Section .Sale_Logo {
     width: 250px;
} 
} 
 
.Countdown_timer_Section .bf_timer {
    display: flex;
    justify-content: center;  
    color: #fff;
      margin-top: 4px;
}
.Countdown_timer_Section .bf_timer p { 
text-align: center; 
margin: 10px 15px 0;
}
.Countdown_timer_Section .bf_timer strong {
  font-family: var(--font-primary);
  font-weight: var(--font-weight-bold);
  font-style: var(--heading-font-style); 
/*   letter-spacing: 0.1em; */
  width: 100%;
  display: block;
  font-size: 24px;
  line-height: 24px; 
  position: relative;
}
.Countdown_timer_Section .bf_timer strong:after {
    content: ":";
    position: absolute;
    right: -18px;
}
.Countdown_timer_Section .bf_timer p:last-child strong:after { 
  display: none;
}
.Countdown_timer_Section .bf_timer span {
  width: 100%;
  display: block;
  font-size: 14px;
  line-height: 14px;
  text-align: center; 
  text-transform: uppercase; 
  letter-spacing: 0.2em;
}
.Countdown_timer_Section .TimerTagline { 
    margin-bottom: 5px;
} 
.Countdown_timer_Section .bf_timer strong .css_loader {
  vertical-align: 14px;
  border-top-color: transparent;
}
.Countdown_timer_Section .NowLive {
    margin-top: 12px;
    text-align: center;
}
@media (min-width: 1025px) {
.Countdown_timer_Section:not(.Video_Banner_Section) .Hero__Image .grid-view-item__image {
    height: calc(100vh - var(--fsb-height));
}
}
#modal-initials .Modal__Content ul {
    text-align: left;
}
.PDP_Initials_BLock .FieldInputWrapper input { 
    text-transform: uppercase;
}
@media (min-width: 1239px) and (max-width: 1340px) { 
.Header__MainNav_Wrap{display:none;}
.Header_Account_Icon {display:none;}
.Header__SecondaryNav {display:none;}
.Header__FlexItem .CountrySelector {display:none;}
.Header__FlexItem--logo + .Header__Icon {
    display: block !important;
} 
}
.Drawer__Footer .Footer__PaymentList {
margin: 10px 0 0;
    display: flex;
    justify-content: center;
    gap: 0.25rem;
    padding: 0;
    border: 0;
}
.Drawer__Footer .Footer__PaymentList li { 
  margin: 0;
}
.Drawer__Footer .Footer__PaymentList svg { 
    height: 19px;
  width: auto;
}
@media (max-width: 479px) {
.Drawer__Footer .Footer__PaymentList svg {
    height: 14px; 
}
}

.cc-window.cc-floating { 
    max-width: 100% !important;
}
.cc-window.cc-floating.cc-bottom {
  bottom:0 !important;
}
iframe#chat-button {
    left: auto !important;
    right: 20px !important;
}

.Drawer__Content .Cart__Discount{
  display: none;
}

.Language__Selector .wg-drop.country-selector .wgcurrent { 
    background: transparent;
}

.BIL_ImageText_New_Section .FeatureText__Content { 
    font-size: var(--font-size-u-h5);
}
@media (min-width: 768px) {
 
.BIL_ImageText_New_Section .FeatureText--imageRight .FeatureText__ContentWrapper {
    padding-left: 0 !important;
}
.BIL_ImageText_New_Section .FeatureText__Content .SectionHeader__Heading {
    font-size: 60px;
}
.BIL_ImageText_New_Section .FeatureText__ImageWrapper .AspectRatio {
    max-width: 75% !important;
    margin-left: auto; 
}
}
@media screen and (max-width: 767px) {
.BIL_ImageText_New_Section .FeatureText__Content .ButtonGroup { 
    justify-content: center;
}
.template-boxing-is-love-landing-page .BIL_ImageText_New_Section .FeatureText--withImage .FeatureText__ContentWrapper {
    padding: 0; 
}
.BIL_ImageText_New_Section .FeatureText__Content .SectionHeader__Heading {
    font-size: 40px;
}
}


/* Menu Break point START
-- set to 1530px ========================================== */
@media (min-width: 1239px) and (max-width: 1530px) { 
.Header__MainNav_Wrap{display:none;}
.Header_Account_Icon {display:none;}
.Header__SecondaryNav {display:none;}
.Header__FlexItem .CountrySelector {display:none;}
.Header__FlexItem--logo + .Header__Icon {
    display: block !important;
} 
}  
.Header__MainNav.Header__SecondaryNav { 
    display: none;
}
.BlackCard_Access_sm { 
    display: none !important;
}
/* Menu Break point END
-- set to 1530px ========================================== */