/** Shopify CDN: Minification failed

Line 6672:60 Unexpected "<"

**/
/* slick */  
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/*============================================================================
#Normalize
==============================================================================*/
*, input, :before, :after {
  box-sizing:border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

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

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

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

button {
  cursor:pointer; 
}

button, select {
  appearance: none !important;
}

::-webkit-scrollbar-track {
  background: none; 
}

/*============================================================================
#Grid Setup
#Grid Columns Sizes
==============================================================================*/

/* Whole */
.one-whole {
  width: 100%;
  max-width: 100%;
}

/* Halves */
.one-half, .large--one-half {
  max-width: 50%; 
}

/* Thirds */
.one-third, .large--one-third {
  max-width: 33.333%;
  
}
.two-thirds, .large--two-thirds {
  max-width: 66.66667%;
}

/* Quarters */
.one-quarter, .large--one-quarter {
  max-width: 25%; 
}

.two-quarters, .large--two-quarters {
  max-width: 50%;  
}

.three-quarters, .large--three-quarters {
  max-width: 75%; 
}

/* Fifths */
.one-fifth, .large--one-fifth {
  max-width: 20%; 
}

.two-fifths, .large--two-fifths {
  max-width: 40%;
}

.three-fifths, .large--three-fifths {
  max-width: 60%;
}

.four-fifths, .large--four-fifths {
  max-width: 80%;
}

/* Sixths */
.one-sixth, .large--one-sixth {
  max-width: 16.66667%;
}

.two-sixths, .large--two-sixths {
  max-width: 33.33333%;
}

.three-sixths, .large--three-sixths {
  max-width: 50%;
}

.four-sixths, .large--four-sixths {
  max-width: 66.66667%;
}

.five-sixths, .large--five-sixths {
  max-width: 83.33333%;
}

/* Eighths */
.one-eighth, .large--one-eighth {
  max-width: 12.5%;
}

.two-eighths, .large--two-eighths {
  max-width: 25%;
}

.three-eighths, .large--three-eighths {
  max-width: 37.5%;
}

.four-eighths, .large--four-eighths {
  max-width: 50%;
}

.five-eighths, .large--five-eighths {
  max-width: 62.5%;
}

.six-eighths, .large--six-eighths {
  max-width: 75%;
}

.seven-eighths, .large--seven-eighths {
  max-width: 87.5%;
}

/* Tenths */
.one-tenth, .large--one-tenth {
  max-width: 10%;
}

.two-tenths, .large--two-tenths {
  max-width: 20%;
}

.three-tenths, .large--three-tenths {
  max-width: 30%;
}

.four-tenths, .large--four-tenths {
  max-width: 40%;
}

.five-tenths, .large--five-tenths {
  max-width: 50%;
}

.six-tenths, .large--six-tenths {
  max-width: 60%;
}

.seven-tenths, .large--seven-tenths {
  max-width: 70%;
}

.eight-tenths, .large--eight-tenths {
  max-width: 80%;
}

.nine-tenths, .large--nine-tenths {
  max-width: 90%;
}

/* Twelfths */
.one-twelfth, .large--one-twelfth {
  max-width: 8.33333%;
  
}

.two-twelfths, .large--two-twelfths {
  max-width: 16.66667%;

}

.three-twelfths, .large--three-twelfths {
  max-width: 25%;
 
}

.four-twelfths, .large--four-twelfths {
  max-width: 33.33333%;
 
}

.five-twelfths, .large--five-twelfths {
  max-width: 41.66667%;

}

.six-twelfths, .large--six-twelfths {
  max-width: 50%;
 
}

.seven-twelfths, .large--seven-twelfths {
  max-width: 58.33333%;
 
}

.eight-twelfths, .large--eight-twelfths {
  max-width: 66.66667%;

}

.nine-twelfths, .large--nine-twelfths {
  max-width: 75%;

}

.ten-twelfths, .large--ten-twelfths {
  max-width: 83.33333%;
 
}

.eleven-twelfths, .large--eleven-twelfths {
  max-width: 91.66667%;
 
}

/*================ Build Responsive Grid Classes ================*/

@media only screen and (max-width: 749px) {
  /* Whole */
  .small--one-whole {
    width: 100%;
    max-width: 100%;
  }
  /* Halves */
  .small--one-half {
    max-width: 50%;
  
  }
  /* Thirds */
  .small--one-third {
    max-width: 33.33333%;   
  }
  .small--two-thirds {
    max-width: 66.66667%;
  }
  /* Quarters */
  .small--one-quarter {
    max-width: 25%;
   
  }
  .small--two-quarters {
    max-width: 50%;
 
  }
  .small--three-quarters {
    max-width: 75%;
  }
  /* Fifths */
  .small--one-fifth {
    max-width: 20%;
  }
  .small--two-fifths {
    max-width: 40%;
  }
  .small--three-fifths {
    max-width: 60%;
  }
  .small--four-fifths {
    max-width: 80%;
  }
  /* Sixths */
  .small--one-sixth {
    max-width: 16.66667%;
  }
  .small--two-sixths {
    max-width: 33.33333%;
  }
  .small--three-sixths {
    max-width: 50%;
  }
  .small--four-sixths {
    max-width: 66.66667%;
  }
  .small--five-sixths {
    max-width: 83.33333%;
  }
  /* Eighths */
  .small--one-eighth {
    max-width: 12.5%;
  }
  .small--two-eighths {
    max-width: 25%;
  }
  .small--three-eighths {
    max-width: 37.5%;
  }
  .small--four-eighths {
    max-width: 50%;
  }
  .small--five-eighths {
    max-width: 62.5%;
  }
  .small--six-eighths {
    max-width: 75%;
  }
  .small--seven-eighths {
    max-width: 87.5%;
  }
  /* Tenths */
  .small--one-tenth {
    max-width: 10%;
  }
  .small--two-tenths {
    width: 20%;
  }
  .small--three-tenths {
    max-width: 30%;
  }
  .small--four-tenths {
    max-width: 40%;
  }
  .small--five-tenths {
    max-width: 50%;
  }
  .small--six-tenths {
    max-width: 60%;
  }
  .small--seven-tenths {
    max-width: 70%;
  }
  .small--eight-tenths {
    max-width: 80%;
  }
  .small--nine-tenths {
    max-width: 90%;
  }
  /* Twelfths */
  .small--one-twelfth {
    max-width: 8.33333%;
  }
  .small--two-twelfths {
    max-width: 16.66667%;
  }
  .small--three-twelfths {
    max-width: 25%;
  }
  .small--four-twelfths {
    max-width: 33.33333%;
  }
  .small--five-twelfths {
    max-width: 41.66667%;
  }
  .small--six-twelfths {
    max-width: 50%;
  }
  .small--seven-twelfths {
    max-width: 58.33333%;
  }
  .small--eight-twelfths {
    max-width: 66.66667%;
  }
  .small--nine-twelfths {
    max-width: 75%;
  }
  .small--ten-twelfths {
    max-width: 83.33333%;
  }
  .small--eleven-twelfths {
    max-width: 91.66667%;
  }
}


/*============================================================================
General Styles
==============================================================================*/

/*============================================================================
Sprites
==============================================================================*/
.sprite {
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

/*============================================================================
#Basic Styles
==============================================================================*/
*, a, button {              
  -webkit-text-size-adjust:none ;          
  -webkit-tap-highlight-color:rgba(0,0,0,0) ;     
  -webkit-tap-highlight-color: transparent ;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  height: 100%;
}

html, body {
  padding: 0;
  margin: 0;
  background-color: var(--colorBody );   
  
}
body {    
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-size: var(--baseFontSize);
  letter-spacing: 0.06rem;
  line-height: 1.6;
  background-color: var(--colorBody );  
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;  
  font-family: var(--bodyFontStack);
  color:var(--colorTextBody); 
  animation-delay: .1s; 
  animation-duration: .3s; 
  animation-fill-mode: both;
  animation-name: fadeInSF;
}

@media screen and (max-width: 749px) {  
  body {    
    background-size: cover; 
    font-size: var(--baseFontSizeMobile);  
  }  
}

@media screen and (max-width: 749px) {  
  body {    
    background-size: cover; 
    font-size: var(--baseFontSizeMobile);  
  }  
}

.template-cart .main-content {
  max-width: var(--page-width);
  margin: 0 auto;
}

.no-template-index {
  padding:0 .8rem 1rem .8rem;
}

.mini-cart-modal button, .mini-cart-modal button *, .sticky-atc select {
  color:var(--colorTextBody); 
}

@media screen and (max-width: 1023px) {  
  .main-content {
    padding-top:var(--gutter-half);
  }
}

.template-index .main-content {
  padding-top:0;
}

.wrapper-full-page {
  padding:0 var(--gutter-half); 
}

.wrapper, .content { 
  max-width: var(--page-width);
  padding:0 var(--gutter-half);
  margin: 0 auto;  
}

.wrapper-reset { 
  padding:0; 
}

@media screen and (max-width:749px) {
  .main-content {
    padding-top:var(--gutter-half);
  }
  .wrapper.no-template-index {
    padding:15px;
  }
  
}

@media screen and (min-width: 750px) {
  .grid-border--right {
    border-right: 1px solid var(--colorBorder);
  }
  .grid-border--left {
    border-left: 1px solid var(--colorBorder);
  }
  .wrapper-full-page {
    padding:0 var(--gutter);
  }
}

/*============================================================================
#Typography
==============================================================================*/
input,
textarea,
button,
select {  
  border-radius:var(--btnBorderRadius)px;
  font-family:inherit;
  color:var(--colorTextBody); 
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, .block-title {
  margin:0 0 0.67em 0;
  letter-spacing:var(--titleLetterSpacing);
  display: block;
  line-height: 1.2;
  font-family: var(--headerFontStack);
  font-weight: var(--headerFontWeight);  
  
  text-transform: uppercase;
  
}

/*
h1, .h1, .block-title {
  margin:0.67em 0;
}
*/

/*
h2, h3, h4, h5, h6,
.h2, .h3, .h4, .h5, .h6 {
  margin: 0 0 0.8em;
  line-height: 1.2;
}
*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
  font-weight: inherit;
  color:inherit;
}

h1, .h1 {
  font-size: var(--h1FontSize);
  margin-top:0;
  margin-bottom: calc(var(--gutter) / 1.2);
}

.block-title h1 {
  margin:0 0 var(--gutter-quarter) 0;
}

h2, .h2 { font-size: var(--h2FontSize); } 
h3, .h3 { font-size: var(--h3FontSize); } 
h4, .h4 { font-size: var(--h4FontSize); } 
h5, .h5 { font-size: var(--h5FontSize); } 
h6, .h6 { font-size: var(--baseFontSize) } 

@media screen and (max-width: 749px) { 
  h1, .h1 {
    font-size: var(--h1FontSizeSm);
    margin-bottom: var(--gutter);
  }
  
  h2, .h2 { font-size: var(--h2FontSizeSm); } 
  h3, .h3 { font-size: var(--h3FontSizeSm); } 
  h4, .h4 { font-size: var(--h4FontSizeSm); } 
  h5, .h5 { font-size: var(--h5FontSizeSm); } 
  h6, .h6 { font-size: var(--baseFontSizeMobile) } 
  .title-primary {
    margin-top:var(--gutter);
  }
}

.h3 a, .h2 a, .h3 a { color: inherit; }

.shopify-section h1, .shopify-section h2, .shopify-section h3, .shopify-section h4, .shopify-section h5 {  
  color: var(--colorSectionTitles);
}

.rte h1, .rte h2, .rte h3, .rte h4, .rte h5 {
  color: var(--colorTextTitle);
}

p {
  margin: 0 0 12px 0;
}
p img {
  margin: 0;
}

em {
  font-style: italic;
}

b, strong {
  font-weight: bold;
}

small {
  font-size: 1.4rem;
}

sup, sub {
  position: relative;
  font-size: 60%;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.5em;
} 

/*================ Blockquotes ================*/
blockquote, q { quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after { content: none; }

blockquote {    
  font-style: italic;
  margin: 0 0 var(--gutter);  
  /* border-left: 1px solid var(--colorBorder); */
}

blockquote cite {
  padding: 2rem 5rem;
  display:inline-block;
  position:relative;
}

blockquote cite:before {
  font-family: "FontAwesome";
  font-display: "swap";
  content: "\f10d";
  font-size: 2.5rem; 
  opacity:0.4;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

/*================ Code ================*/
code, pre {
  background-color: #faf7f5;
  font-family: Consolas,monospace;
  font-size: 1rem;
  border: 0 none;
  padding: 0 2px;
  color: #51ab62;
}

pre {
  overflow: auto;
  padding: 0.5em;
  margin: 0 0 1em;
}

/*================ Horizontal Rules ================*/
hr {
  clear: both;
  border:none;
  border-top: 1px solid var(--colorFooterText);
  opacity:0.2;  
  margin: var(--gutter-half) auto;  
}

hr.hr--small {
  margin: var(--gutter-quarter) auto;
}

hr.hr--clear {
  border-top-color: transparent;
}

/*================ Section ================*/

.section-header {
  background-color: var(--colorSectionTitlesBg);
  width: 100%;
  display: flex;  
  align-items:center;
  padding:calc(var(--gutter) / 1.5) 0;
}
.section-header--center {
  justify-content: center;
}

.section-header-template {
  padding:var(--gutter) 0;
  justify-content:space-between;
}
.section-header--no-padding { 
  padding-left: 0;
  padding-right: 0;
}
.section-header--padding {
  padding-left: 8px;
  padding-right: 8px;
}
.section-inner {
  padding-bottom:var(--section-spaced);
}
.section-header--title {
  margin:0;
}

.section-header .section-title {
  margin: 0;
}
@media screen and (max-width: 749px) {
  .section-header {
    flex-direction:column;
    text-align: center;
    padding:12px;
  }

  .section-header .section-header--link {
    text-align: center;
  }
  
  .section-header .section-title {
    text-align: center;
  }
}

.section-header .section-header--divider {
   margin: 15px auto; 
}

.section-header.section-header--layout-2 .h1 {
  padding: 10px;
}

@media screen and (max-width: 749px) {
  .section-header .section-header--divider * {
    margin: 10px auto;
  }
}
@media screen and (min-width: 1024px) {
 
  .section-header.section-header--layout-0 .h1 {
    margin-left: 0;
    margin-right: auto;
  }
  .section-header.section-header--layout-1, .section-header.section-header--layout-2 {
    display: block;
    text-align: center;
  }
  .section-header.section-header--layout-1 .section-header--right,
  .section-header.section-header--layout-2 .section-header--right {
   float:none;
    margin:0 auto;
  }
  .section-header.section-header--layout-2 .h1 {
    position: relative;    
  }
  .section-header.section-header--layout-2 .h1:before, .section-header.section-header--layout-2 .h1:after {
    content: "";
    display: inline-block;
    width: 5%;
    margin: 0 0.5em 0 -50%;
    vertical-align: middle;
    border-bottom: 1px solid;
  }
  .section-header.section-header--layout-2 .h1:after {
    margin: 0 -50% 0 0.5em;
  }
}

.section-header--right .form-horizontal {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (min-width: 750px) {
  .section-header--right {
    float:right;
  }  
  .sortbyheader {
    margin:0 0 var(--gutter-half) auto; 
  }
}
.sortbyheader {
  padding:0 var(--gutter-half); 
  overflow:hidden;
  text-align:center;
}

.section-header .link {
  color:var(--colorTextBody); 
}

/*============================================================================
#Rich Text Editor 
==============================================================================*/
.rte {
  margin-bottom: var(--gutter-half);
}

.rte img {
  max-width: 100%;
  width:auto;
  height: auto;
}

.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6,
.rte .h1, .rte .h2, .rte .h3, .rte .h4, .rte .h5, .rte .h6 {
  margin-top: 0.8em;
}

.rte > div {
  margin-bottom: 12px;
}
.rte ul, .rte ol {
  margin-left: 35px;
}
.rte ul ul {
  list-style: circle outside;
}
.rte li {
  margin-bottom: 0.4em;
}
.rte table {
  table-layout: fixed;
}
.rte ul li, .rte ul li {  
  list-style:none;
  padding-left:0;
  margin-left:0;
}

.rte ul, .se-meta ul  {
  margin-left:0;
  padding-left:0;
}
.rte ul li, .se-meta ul li {
  list-style: none;
  position:relative;
  margin-left:0;
  padding-left:18px;
}
.rte ul li:before, .rte ul li:before,
.se-meta ul li:before, .se-meta ul li:before {
  display:inline-block;
  position:absolute;
  top:1px;
  left:0;
  line-height:18px;
  font-size:8px;
  margin-right:7px;
  font-family: FontAwesome;
  font-display: "swap";
  
    
  content: "\f00c";
  font-size:14px; 
  
  
  
  
    
}

/*============================================================================
#Links and Buttons
==============================================================================*/
a {
  color: var(--colorLink);
  text-decoration: none;
  background: transparent;
  filter: brightness(100%);
}

.btn-link { width:100%; margin-top:12px; margin-bottom:0; }

a:hover,
a:focus {
  color: var(--colorLinkHover);  
}

button {
  overflow: visible;
}

button[disabled],
html input[disabled],
.shopify-payment-button__button[disabled] {
  cursor: not-allowed;
}
.btn-atc[disabled], .shopify-payment-button__button--unbranded[disabled], .shopify-payment-button-custom[disabled] {
  background:var(--colorError) !important;
  color:#FFF;
}
.shopify-payment-button__button {
  height: auto;
}
.btn, input.btn-secondary, .btn-secondary, 
.shopify-payment-button__button--unbranded, .header-cart-btn, 
input[type="submit"] {  
  display: inline-block;
  letter-spacing:var(--btnLetterSpacing);
  padding: var(--btnPadding);
  margin: 0;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  vertical-align: middle; 
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border:none;
  border-radius:var(--btnBorderRadius);
  font-family: var(--accentFontStack);
  font-weight: var(--btnFontWeight);
  font-size: var(--btnFontSize);
  
  text-transform: uppercase;
  
  transition: background-color 0.2s ease-out; 
  background-color: var(--colorBtnPrimaryBg);
  color: var(--colorBtnPrimaryText);
  filter: brightness(100%);
}

.btn:hover, .btn:focus {
  color: var(--colorBtnPrimaryText); 
  filter: brightness(98%) !important;
}

.btn-atc {
  width:100%;
  font-size: var(--btnAtcFontSize);
  color: var(--colorBtnAtcText);
  background: var(--colorBtnAtcBg);  
  box-shadow:inset 0 0 0 var(--sizeBtnAtcBorder) var(--colorBtnAtcBorder);
  padding: var(--btnAtcPadding);
}
.btn-atc:hover, .btn-atc:focus {
  color: var(--colorBtnAtcTextHover);
  background: var(--colorBtnAtcBgHover); 
 
}

.btn-primary {   
  color: var(--colorBtnPrimaryText);
  background: var(--colorBtnPrimaryBg); 
  box-shadow:inset 0 0 0 var(--sizeBtnPrimaryBorder) var(--colorBtnPrimaryBorder);
}


.btn-primary:hover, .btn-primary:focus  { 
  color: var(--colorBtnPrimaryTextHover);
  background: var(--colorBtnPrimaryBgHover); 
  box-shadow:inset 0 0 0 var(--sizeBtnPrimaryBorder) var(--colorBtnPrimaryBorderHover);
}

.btn-secondary {
  color: var(--colorBtnSecondaryText);
  background: var(--colorBtnSecondaryBg);   
  box-shadow:inset 0 0 0 var(--sizeBtnSecondaryBorder) var(--colorBtnSecondaryBorder);
}


.btn-secondary:hover, .btn-secondary:focus {
  color: var(--colorBtnSecondaryTextHover);
  background: var(--colorBtnSecondaryBgHover); 
  box-shadow:inset 0 0 0 var(--sizeBtnSecondaryBorder) var(--colorBtnSecondaryBorderHover);
}

.btn-third { 
  color: var(--colorBtnThirdText);
  background: var(--colorBtnThirdBg); 
  box-shadow:inset 0 0 0 var(--sizeBtnThirdBorder) var(--colorBtnThirdBorder);
}



.btn-third:hover, .btn-third:focus {
  color: var(--colorBtnThirdTextHover);
  background: var(--colorBtnThirdBgHover); 
  box-shadow:inset 0 0 0 var(--sizeBtnThirdBorder) var(--colorBtnThirdBorderHover);
}

.btn-buynow, .shopify-payment-button__button--unbranded,
.shopify-cleanslate ._3DL4HVlgeOhG7Paj6K8DqS, .shopify-payment-button-custom {
  font-size: var(--btnAtcFontSize);
  color: var(--colorBtnBuyNowText);
  background: var(--colorBtnBuyNowBg);
  border-radius: var(--btnBorderRadius)px;
  padding: var(--btnAtcPadding);
}

.shopify-payment-button__button--unbranded {
  border: 1px solid transparent;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: var(--radius);
  font-family: var(--accentFontStack);
  font-weight: var(--btnFontWeight);
  font-size: var(--btnFontSize);
  border-radius: var(--btnBorderRadius);
  height:auto !important;
}

.shopify-payment-button__button--unbranded:hover:not([disabled]), .shopify-payment-button-custom:hover:not([disabled]) {  
  color: var(--colorBtnBuyNowText);
  background: var(--colorBtnBuyNowBg);
  filter: brightness(98%) !important;
}

.shopify-payment-button__button.shopify-payment-button__button--branded { overflow:hidden; }
.shopify-payment-button__button--branded .shopify-cleanslate { border-radius: var(--btnBorderRadius); }

.shopify-payment-button__button--branded .shopify-cleanslate div  {
    padding: var(--btnAtcPadding) !important;
    border: none !important;
}

.shopify-payment-button__button--branded .shopify-cleanslate span {
    font-size: var(--btnAtcFontSize) !important;
    
}

.btn-secondary,
input.btn-secondary {
  background-color: var(--colorBtnSecondaryBg);
  color: var(--colorBtnSecondaryText);
}

input.btn-secondary i {
  color: var(--colorBtnSecondaryText);
}

.btn--small { 
   padding: 6px 11px !important;
   font-size: var(--btnFontSize);
   width:auto;
}

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

.btn i, .shopify-payment-button__button--unbranded i {    
  color: inherit;
}

@media screen and (max-width:749px) {
  .btn-atc {
    width:100%;
  }
  .grid-uniform .btn {
    font-size: 1.4rem;
  }
}  

.section-btns {
  width:100%;
  text-align:center; 
  padding:var(--gutter) 0;
}

@media screen and (min-width:750px) {
  .section-btns { 
    margin-bottom:var(--gutter-half);
  }
}

.shopify-payment-button { display:block; }

.cont-add-btns .shopify-payment-button__more-options { 
  color:#000; visibility:visible ; padding:5px 0px ; 
  margin:5px 0 0px 0 ;  
  font-size:15px !important; 
}

.cont-add-btns .shopify-cleanslate ._3DL4HVlgeOhG7Paj6K8DqS {
  margin:0; 
  border-radius: var(--btnBorderRadius);
}

.cont-add-btns { 
  padding-top:1.5rem;
  clear:both;
  gap:var(--gutter);
}

@media screen and (max-width:749px) {

  .cont-add-btns .col50:first-child {  
    margin-bottom:1rem;
  }
}

@media screen and (min-width:750px) {
  .cont-add-btns {    
    display:flex;
    justify-content: space-between;
  }
  .cont-add-btns .col50{  
    width:50%;
  } 
}

.shopify-cleanslate ._3DL4HVlgeOhG7Paj6K8DqS { margin-bottom:15px ; }

.grid-uniform .addToCart:before {
  display:none; 
}

#cont-form .addtocart-skake, #cont-form2 .addtocart-skake, #cont-form3 .addtocart-skake {
  animation: shake2 4.72s ease infinite;
}
.cont-shake { display:inline-block; }
.cont-shake button, .cont-shake .shopify-payment-button__button {
  animation: shake2 4.72s ease infinite;
}
.cont-shake button.shopify-payment-button__more-options {
  animation: none;
}

.grid-uniform .addToCart:hover, .grid-uniform .addToCartBis:hover, .grid-uniform .addToCart2:hover, .grid-uniform .addToCart:hover {
  opacity:0.9;
}

@media(max-width:749px){
  .shopify-payment-button { width:100%; } 
  .col50 .cont-shake {
    display:block;
  }  
}
.selector-wrapper {
  display:none ; 
}


.cont-selector { display:flex; flex-wrap: wrap; margin-top:1rem;  }
.cont-selector .selector-wrapper {
  display:flex;
  flex-direction: column;
  flex: 1 0 50%;  
}
.cont-selector .selector-wrapper:nth-child(2n) {  
  padding-left:1rem;  
}

.addToCartForm select, .addToCartFormId2 select, .addToCartFormId3 select {
  max-width:100%;  
  border-radius:var(--btnBorderRadius)px;  
  box-shadow:var(--variant-box-shadow);
  color:var(--swatchBtnColor);
  border:var(--swatchBtnBorderColor) 1px solid;
  background-color:var(--swatchBtnBgColor);
}


.addToCartProduct:before { display:none !important; }
/*================ Force an input/button to look like a text link ================*/
.text-link {
  display: inline;
  border: 0 none;
  background: none;
  padding: 0;
  margin: 0;
}

/*============================================================================
#Lists
==============================================================================*/
ul, ol { margin: 0 0 1em; padding: 0; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.disc { margin-left: 20px; }
ul.square { list-style: square outside; }
ul.disc { list-style: disc outside; }
ol.alpha { list-style: lower-alpha outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 20px; }
li { margin-bottom: 0.25em; }
.inline-list li { display: flex; align-items:center; margin-bottom: 0; }
.liv_carac {
  list-style:none;
  padding-left:0;
  margin-left:0 ;
  margin-bottom:25px;
}
.rte ul.liv_carac { margin-bottom:0 ; }

@media screen and (min-width: 750px) {
  .legal-links { margin-bottom:0; }
}

/*============================================================================
#Tables
==============================================================================*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 50%;
}

table.full {
  width: 100%;
  margin-bottom: 12px ;
}

th {
  font-weight: bold;
}

th, td {
  text-align: left;
  padding: 12px ;
  border: 1px solid var(--colorBorder);
}


/*============================================================================
#Media, Images and Iframes
==============================================================================*/
.media {
  display: block;
  position: relative;
  overflow: hidden;
}
.media-hidden {
  display: block;  
  overflow: hidden;
}
.media > img, .media > picture {
  object-fit: cover;
  object-position: center center;
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: block;
  max-width: 100%;
  position: absolute;
  width:100%;
  top: 0;
  left: 0; 
}

img {  
  max-width:100%;
  height:auto;
  border: 0 none;  
}

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

img.auto, .grid-item img, .grid-item iframe {
  max-width: 100%;
}

video {
 
  display: block;    
  margin: 0 0 15px 0; 
}

.videos-content .small--one-whole {
  margin: 0 auto ; 
}

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

.video-wrapper iframe, .video-wrapper video, .video-wrapper svg {
  border:none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
 
@media screen and (max-width: 600px) { 
  .video-wrapper.video-zoom-true {
    height: 100vh;
    padding:0 !important;
  }
  .video-zoom-true video, .video-zoom-true iframe  {     
    width: 100%;
    height: 100vh;
    top: 50%;
    left: 50%;
    background-position: center;
    object-fit: cover;
    object-position: 50% 50%;
    transform: translate3d(-50%,-50%,0);
  } 
}

.placeholder-video {
  position:relative;
}

.placeholder-video i {
  background-color:rgba(0,0,0, 0.7);
  border-radius:50px;
  width:45px;
  padding-left:4px;
  display:flex;
  justify-content:center;
  align-items:center;
  height:45px;
  color:rgba(255,255,255); 
  font-size:2.1rem;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

model-viewer { width:580px; height:580px; max-width:100%; }

/*============================================================================
#Forms
==============================================================================*/
form { 
  margin-bottom: var(--gutter-half);  
}

.cont-form {
  margin-top:var(--gutter-half);
  max-width:600px;
}

.form-int {
  /* padding:0 var(--gutter-quarter); */
  padding:0;
  width:100%;
  max-width:600px;
}

.form-int select {
  max-width:300px;
}

@media screen and (min-width:750px) {
  form {
    margin-bottom: var(--gutter);  
  }
}

#customer_login {  
  margin: 25px 0;
}

button,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="tel"],
input[type="submit"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;  
}

input,
textarea,
select,
fieldset { 
  padding: 8px 12px;
  background: transparent;
  border-radius: var(--radius);
  max-width: 100%;
  min-height:48px;
}

.input-full {
  width: 100%;
}

fieldset {
  border: 1px solid var(--colorBorder);
    padding: 12px  0;
}

legend {
  border: 0;
  padding: 0;
}

optgroup {
  font-weight: bold;
}

input {
  display: inline-block;
  width: auto;
}

button,
input[type="submit"] {
  cursor: pointer;
}

*, button:focus, a:focus { outline: none ; outline: 0 ; }

/*================ Input width and border ================*/
input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], textarea, select {
  border: 1px solid var(--colorBorder);
  background-color: rgba(var(--colorTextBody ), 0.1);
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0 0 15px 0;
}
input[type="text"][disabled], input[type="search"][disabled], input[type="password"][disabled], input[type="email"][disabled], input[type="file"][disabled], input[type="number"][disabled], input[type="tel"][disabled], textarea[disabled], select[disabled], input[type="text"].disabled, input[type="search"].disabled, input[type="password"].disabled, input[type="email"].disabled, input[type="file"].disabled, input[type="number"].disabled, input[type="tel"].disabled, textarea.disabled, select.disabled {
  cursor: not-allowed;
  background-color: var(--disabledGrey);
  border-color: var(--disabledBorder);
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0;
}

.template-cart input[type="number"] {
  margin:0; 
  max-width:90px;
}

@media screen and (max-width: 749px) {
  select {
    margin-bottom:15px; 
  }
}

textarea {
  min-height: 100px;
}

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin: 0;
  padding: 0;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('//orthopediepro.com/cdn/shop/t/26/assets/arrow-down.svg?v=5821109327814039061748684750');
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 28px;
  text-indent: 0.01px;  
  cursor: pointer;  
}

select::-ms-expand {
  display: none;
}

@media screen and (min-width: 1024px) {
  select {
    max-width:340px;
  }
}

/*================ Form labels ================*/
label, legend {
  display: block;
  margin-bottom: 10px;
}
label.inline, legend.inline {
  display: inline;
}
.form-horizontal label.hidden-label, .form-horizontal legend.hidden-label, label.hidden-label, legend.hidden-label {
  height: 0;
  width: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.ie9 .form-horizontal label.hidden-label, .ie9 .form-horizontal legend.hidden-label, .ie9 label.hidden-label, .ie9 legend.hidden-label, .lt-ie9 .form-horizontal label.hidden-label, .lt-ie9 .form-horizontal legend.hidden-label, .lt-ie9 label.hidden-label, .lt-ie9 legend.hidden-label {
  height: auto;
  margin-bottom: 2px;
  overflow: visible;
}

/*================ We don't want the same label treatment for checkboxes/radios ================*/
input[type="checkbox"] + label,
input[type="radio"] + label {
  font-weight: normal;
}

label[for] {
  cursor: pointer;
}

.label-hint {
  color: #999;
}

/*================ Horizontal Form ================*/
form.form-horizontal, .form-horizontal {
  margin-bottom: 0;
}
form.form-horizontal input[type="text"], .form-horizontal input[type="text"], form.form-horizontal input[type="search"], .form-horizontal input[type="search"], form.form-horizontal input[type="password"], .form-horizontal input[type="password"], form.form-horizontal input[type="email"], .form-horizontal input[type="email"], form.form-horizontal input[type="file"], .form-horizontal input[type="file"], form.form-horizontal input[type="number"], .form-horizontal input[type="number"], form.form-horizontal input[type="tel"], .form-horizontal input[type="tel"], form.form-horizontal textarea, .form-horizontal textarea, form.form-horizontal select, .form-horizontal select, form.form-horizontal label, .form-horizontal label {
  display: inline-block;
  margin-bottom: 0;
  width: auto;
}

.main-content .search-bar input::-webkit-input-placeholder,  
.main-content .search-bar input::-moz-placeholder, 
.main-content .search-bar input:-ms-input-placeholder, 
.main-content .search-bar input:-moz-placeholder { 
  color:var(--colorTextBody ) !important; 
}
.main-content .search-bar input,
.main-content .search-bar i { 
  color:var(--colorTextBody ) !important; 
}

/*================ Error styles ================*/

input[type="text"].error, input[type="search"].error, input[type="password"].error, input[type="email"].error, input[type="file"].error, input[type="number"].error, input[type="tel"].error, textarea.error {
  border-color: var(--errorRed);
  background:none;
  color: var(--errorRed);
}

label.error {
  color: var(--errorRed);
}

/*================ Input Group ================*/
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group .input-group-field:first-child, .input-group .input-group-btn:first-child, .input-group .input-group-btn:first-child > .btn, .input-group input[type="hidden"]:first-child + .input-group-field, .input-group input[type="hidden"]:first-child + .input-group-btn > .btn {
  border-radius: var(--radius) 0 0 var(--radius);
  border-right: none;
}
.input-group .input-group-field:last-child, .input-group .input-group-btn:last-child > .btn {
  border-radius: 0 var(--radius);
}
.input-group input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: -1px;
  margin-bottom: -1px;
} 

.input-group-field,
.input-group-btn {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}

.input-group .btn,
.input-group .input-group-field {
 min-height:3.8rem;
}

.input-group .input-group-field {
  width: 100%;
  margin-bottom: 0;
  border:none;
  border-color: var(--colorBorder);
    border-right: none;
}

.input-group-btn {
  position: relative;
  white-space: nowrap;
  width: 1%;
  padding: 0;
}

.form-spacer {
  margin: 0 12px ;
}

/*============================================================================
#Icons
==============================================================================*/

.icon-fallback-text .fallback-text {
  display: none;  
}

.supports-fontface .icon-fallback-text .fallback-text {
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

/*================ Button icons ================*/
.btn-atc:before, .shopify-payment-button__button--unbranded:before, .cart-row button[type=submit]:before, .form-grid-btn:before, .form-grid .btn:before {
  content:"\f07a";
  padding-right:3px;
  display:inline-block;
  position:relative;
  font-family:FontAwesome; 
  font-display: "swap";
}


.btn-atc:before, .cart-row button[type="submit"]:before {
  content:"\f07a";  
}










.shopify-payment-button__button--unbranded:before, .shopify-payment-button-custom:before {
  content:"\f09d" !important; 
  margin-right:4px;
}

.icon-cart {
  line-height: 0;
}

.icon-cart:before {
  position: relative;
  top: -2px;
  font-size: 1.9rem;
  line-height: 1.2rem;
  vertical-align: middle;
  margin-right: 6px;
}

.payment-icons {
  cursor: default;
  margin: 0;
}
.payment-icons li {
  margin: 0 var(--gutter-quarter) var(--gutter-quarter);
  color: var(--colorFooterSocialLinks);
  cursor: default;
}
.payment-icons .icon {
  font-size: 30px;
  line-height: 30px;
}
.payment-icons .fallback-text {
  text-transform: capitalize;
}
.social-icons li {
  margin: 0 calc(var(--gutter)/3) 0 0;
    vertical-align: middle;
}
.social-icons li .icon {
  font-size: 20px;
  line-height: 16px;
}
.social-icons li a, .social-icons li svg {
  color: var(--colorFooterSocialLinks);
  fill: var(--colorFooterSocialLinks);
  transition: color 0.2s ease-out;
}
.social-icons li a:hover, .social-icons li svg:hover {
  color: var(--colorFooterSocialLinks);
  transition: color 0.05s ease-in;
}

ul.social-icons {
  margin-bottom: 0;
}

.svg-icons {
  min-height:90px;
}

.custom-content svg {
  height:auto;
}

.custom-content svg , .custom-content rect, .custom-content path, .custom-content polyline, .custom-content line {
  stroke: var(--colorSvg); 
  fill: var(--colorSvg); 
}

.social-sharing {
  padding-top: var(--gutter-half); 
}
.social-sharing a {
  display: inline-block;
  color: #fff;
  border-radius: 2px;
  margin: 0 10px 10px 0;
  height: var(--shareButtonHeight);
  line-height: var(--shareButtonHeight);
  text-decoration: none;
  font-weight: normal;
}
.social-sharing a:hover {
  color: #fff;
}
.social-sharing span {
  display: inline-block;
  vertical-align: top;
  height: var(--shareButtonHeight);
  line-height: var(--shareButtonHeight);
  font-size: 1.2rem;
}
.social-sharing .icon {
  padding: 0 5px 0 10px;
}
.social-sharing .icon:before {
  line-height: var(--shareButtonHeight);
}
.social-sharing.is-large a {
  height: calc(var(--shareButtonHeight)*2);
    line-height:  calc(var(--shareButtonHeight)*2);
}
.social-sharing.is-large a span {
  height:  calc(var(--shareButtonHeight)*2);
  line-height:  calc(var(--shareButtonHeight)*2);
  font-size: 1.8rem;
}
.social-sharing.is-large a .icon {
  padding: 0 10px 0 18px;
}
.social-sharing.is-large a .icon:before {
  line-height:  calc(var(--shareButtonHeight)*2);
}

.share-title {
  font-weight: 900;
  font-size: 1.2rem;
  padding-right: 10px;
}
.is-large .share-title {
  padding-right: 16px;
}
.share-facebook {
  background-color: #3b5998;  
}

.share-twitter {
  background-color: #00aced;  
}

.share-pinterest {
  background-color: #cb2027;
}

.share-fancy {
  background-color: #4999dc;  
}

.share-google {
  background-color: #dd4b39; 
}
@media screen and (max-width: 749px) {
  ul.social-icons {
    text-align: center;
  }
}

/*================ Clean Buttons ================*/
.social-sharing.is-clean a {
  background-color: #fff;
  border: 1px solid var(--shareBorderColor);
  color: #333;
  height: var(--shareButtonCleanHeight);
  line-height: var(--shareButtonCleanHeight);
}
.social-sharing.is-clean a span {
  height: var(--shareButtonCleanHeight);
  line-height: var(--shareButtonCleanHeight);
  font-size: 1.3rem;
}

.social-sharing.is-clean a:hover {
  background-color: #f9f9f9;
}

.social-sharing.is-clean a .share-title {
  font-weight: normal;
  color: #333;
}

.social-sharing.is-clean .fa-facebook {
  color: #3b5998;
}

.social-sharing.is-clean .fa-twitter {
  color: #00aced;
}

.social-sharing.is-clean .fa-pinterest {
  color: #cb2027;
}
@media screen and (max-width: 749px) {
  .social-sharing.is-clean a {
    margin-right:0px; 
  }
  .social-sharing.is-clean a span {
    font-size: 1.1rem;
  }
}

/*============================================================================
#Notes and Form Feedback 
==============================================================================*/
.note,
.errors {
  border-radius: var(--radius);
  padding: 12px ;
  margin-bottom: 12px ;
  border: 1px solid transparent;
}
.note ul, .errors ul,
.note ol, .errors ul {
  margin-top: 0;
  margin-bottom: 0;
}

.note li:last-child, .errors li:last-child {
  margin-bottom: 0;
}

.note p, .errors p {
  margin-bottom: 0;
}

.note {
  border-color: var(--colorBorder);
}

.errors ul {
  list-style: disc outside;
  margin-left: 20px;
}

.form-success {
  color: #FFF;
  background-color: var(--successGreen);
  border-color: var(--successGreen);
  padding: 0.5em;
}

.form-error,
.errors {
  color: #FFF;
  background-color: var(--errorRedBg);
  border-color: var(--errorRed);
  padding: 0.5em;
}

.cart-message-error {
  margin:1rem;
}

/*============================================================================
#Demo Styles - for empty store state
==============================================================================*/
.demo-image {
  background: url('//cdn.shopify.com/s/files/1/0383/9765/t/1/assets/blankslate-producticon.png?4') no-repeat center center #eee;
  display: block;
  text-align: center;
  padding: 100px 0;
  color: #aaa;
  font-size: 0.875rem;
  text-decoration: none;
}

/*============================================================================
#Pagination
==============================================================================*/
.pagination-border-top {
  margin-top: var(--gutter) ;
  padding-top: var(--gutter) ;
  border-top: 1px solid var(--colorBorder);
}

/*================ Custom Pagination ================*/
.pagination-custom {
  display: inline-block;
  padding-left: 0;
  margin: 0 0 var(--gutter);
}

.pagination-custom > li {
  display: inline;
}

.pagination-custom > li > a,
.pagination-custom > li > span {
  position: relative;
  float: left;
  padding: 8px 15px;
  margin-left: -1px;
  line-height: 1.42;
  text-decoration: none;
}

.pagination-custom > li:first-child > a,
.pagination-custom > li:first-child > span {
  margin-left: 0;
}

.pagination-custom > .active > a,
.pagination-custom > .active > span,
.pagination-custom > .active > a:hover,
.pagination-custom > .active > span:hover,
.pagination-custom > .active > a:focus,
.pagination-custom > .active > span:focus {
  z-index: 2;
  cursor: default;
  color: var(--colorTextBody );
}

.pagination-custom > .disabled > span,
.pagination-custom > .disabled > a,
.pagination-custom > .disabled > a:hover,
.pagination-custom > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
}

.pagination-custom-lg > li > a,
.pagination-custom-lg > li > span {
  padding: 10px 16px;
  font-size: 1.8rem;
}

.pagination-custom-sm > li > a,
.pagination-custom-sm > li > span {
  padding: 5px 10px;
  font-size: 0.75rem;
}

/*============================================================================
# Grids and List Views
==============================================================================*/
.flex-grow-none {
  justify-content:center;
}
.flex-grow-none .grid-item:not(.product-description) {
  flex-grow: 0; 
}

.grid-uniform  {
  margin: 0 calc(-1 * var(--gutter-quarter)) 0 calc(-1 * var(--gutter-quarter));
}

.grid-item  {
  width:100%;
  padding: var(--gutter-quarter);
}

@media only screen and (min-width: 750px) {
  .grid-uniform  {
    margin: 0 calc(-1 * var(--gutter-half)) 0 calc(-1 * var(--gutter-half));
  }
  .grid-item  {
    padding: var(--gutter-half);
  }
}

.grid-item-flex {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.grid-item .grid-uniform, .grid-uniform .grid-uniform  {
  margin:0;
}

.grid-content {
  display:flex;
  flex-wrap:wrap; 
  position:relative;
  align-content:center;
  flex:1;
}

.grid-uniform {
  display: flex;
  flex-wrap: wrap;  
}

.grid-uniform--inner {
  padding-left:0;
}

.grid-uniform--inner .grid-item {
  padding:0;
}

.grid-uniform .grid-container {
  padding-top:0;
}



@media screen and (max-width: 749px) {
  
  .grid-uniform.scroll-x {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: scroll;  
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2rem;      
  }
 
  .grid-uniform.scroll-x .grid-item {
    width: 85vw;
    flex: 0 0 85vw;
  }
  .grid-uniform.scroll-x .grid-item.small--one-half {
    max-width: 46%;
  }
  /*.grid-uniform.scroll-x .grid-item.small--one-third {
    max-width: 30%;
  }*/
}

.collection-filters {
  padding-left:0;
  padding-right:0;
}

.grid-uniform .grid-item { 
  position: relative;
  margin-bottom: 0;
  
  width: 100%;
}

.grid-uniform > .grid-item-column {  
  display:flex;
  flex-direction: column; 
  justify-content: space-between;
  flex-wrap: wrap;
  display: flex; 
}
@media screen and (min-width: 1024px) {
  .collection-zoom .grid-item {
    padding: 10px;
    transition: all 200ms ease-in;
    transform: scale(1);
  }

  .collection-zoom .grid-item:hover {
    background:var(--colorBody );  
    box-shadow: 0px 0px 25px #ddd;
    z-index: 900;
    position: relative;
    transition: all 200ms ease-in;
    transform-origin: center center;
    transform: scale(1.1);
  }
}

.border-true .grid-item, .border-true .slick-slide {
  padding: 10px;
}
.border-true .grid-item .product-grid-item, .border-true .slick-slide .product-grid-item {
  padding: 10px;
  border: 1px solid var(--colorTextBody );
}

.product-grid-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1; 
  cursor: pointer;
  position: relative; 
}
.product-grid-item:hover {
  cursor: pointer;
}
.product-grid-item .product-grid-image--centered {
  position: relative;
}

.grid-crop-title { overflow:hidden; }

.cont-badges-star {
  margin-bottom:var(--gutter-half);
}

.cont-slider .product-grid-item {
  margin-bottom: 0;
}

.product-grid-item .h3 {
  text-transform:initial;
  font-size:1.6rem;
}

.product-grid-item .form-grid-btn {
  width:100%; 
}
.product-grid-item:hover img {
  transition: opacity 0.05s ease-out;
}

.product-grid-item .swatch {
  display: flex;
  flex-wrap: wrap;
  gap:7px;
  align-items: center;
  overflow: auto;
}

.product-grid-item.text-center .swatch {

  justify-content: center;

}
.product-grid-item .swatch .more-variant-colors {
  font-size: 14px;
}
.product-grid-item .swatch > .swatch-element  {
font-size:11px;
display:inline-flex;
margin:0;

}
@media screen and (min-width: 1024px) {
  .template-list-collections .product-grid-item {
    margin-bottom: 0;
  }
}
.grid-layout-1 .grid-uniform .grid-item {
  flex-direction:row;
  padding-bottom:var(--gutter-half);
  margin-bottom:var(--gutter-half);
}

.grid-layout-1 .product-grid-image {
  margin-bottom:0;
}
.grid-layout-1 .product-grid-item .product-caption {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-out;
  padding: 10px;
}
.grid-layout-1 .product-grid-item .product-caption * {
  text-shadow: 0 0 3px #000;
  color: #fff !important;
}
.grid-layout-1 .product-grid-item .product-caption .cont-badges-star {
  min-height: auto;
}
.grid-layout-1 .product-grid-item:hover .product-caption {
  opacity: 1;
  visibility: visible;
  top: 50%;
  transform: translateY(-50%);
}
.grid-layout-2 .product-grid-item {
  border: 1px solid var(--colorTextBody);
  display: flex;
  flex-direction:row;
  align-items: center;  
  margin:0 auto;
  padding:5px;
}
.grid-layout-2 .product-grid-item .cont-badges-star {
  min-height: auto;
}
.grid-layout-2 .product-grid-item .product-grid-image {
  width: 40%;
  padding: 0;
  margin:0 10px 0 0;
  min-width: 40%;
}
.grid-layout-2 .product-grid-content,
.grid-layout-2 .product-grid-content * {
  font-size: 1.6rem;
  text-align: left;
}
.grid-layout-2 .product-grid-item .grid-cont-content form * {
  text-align: center;
  font-size: 1.4rem;
}

.grid-layout-2 .sale-tag {
  font-size:11px;
}
@media screen and (max-width: 749px) {
  .grid-layout-2 .small--one-half {
    width:100%; 
  }
}

.product-grid-item .btn { 
  font-size:1.4rem;  
}
@media screen and (max-width: 749px) {
  .product-grid-item .btn { 
    font-size:1.3rem;  
  }
}
.product-grid-item .spr-badge-caption {
  display:none;
}

.opacity-enable .product-grid-item:hover .product-grid-image a:after {  
  background:rgba(000,000,000,0.1);  
}

.sold-out .product-grid-image, .sold-out .product-list-image {
  position: relative;
}
.sold-out .product-grid-image img, .sold-out .product-list-image img {
  opacity: 1;
}

.product-grid-image {  
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0 auto 2rem;
  position:relative;
}
.product-grid-image img {
  display: block;
  margin: 0 auto;
  height:100%;
  transition:all 0.2s ease-in-out;
}

.product-list-image {
  display: block;
  margin: 0 auto;
}

.product-grid-content {
  padding:0 1rem 2rem;  
}

.reveal { position: relative; }
.reveal .hidden { 
  display: block !important; visibility: visible;
  position: absolute; 
  z-index: -1;
  top: 0; 
  width: 100%; 
  height: 100%;  
  opacity: 0;
  background: var(--colorBody );
  transition: all 0.15s ease-out; 
  transform: scale(0.9);  
}

.grid-uniform .grid-item:hover .reveal img, 
.slick-track .slick-slide:hover .reveal img { opacity: 1; }
.slick-list, .slick-track {
 /* height: 100%; */
}
.grid-uniform .grid-item:hover .hidden, .slick-track .slick-slide:hover .hidden { 
  z-index: 100;
  opacity: 1;  
  transform: scale(1);  
}

.product-item--price {
  line-height: 22px;
}
.product-item--price .h1 {
  margin-bottom: 12px ;
}

.product-item--price span {
  padding-top:5px;
  padding-bottom:5px;
  line-height: 18px;
}  

.product-item--price .medium--left { 
  margin: 5px 0 5px 0;
  overflow: hidden;  
}

.price-from {
  text-transform:lowercase;
  font-size:1.4rem;
  line-height:inherit;
  font-style:italic;
}

.product-price-unit {
  padding:0 5px; 
}

.product-price-unit, .product-price-unit * {
 font-size:calc(var(--baseFontSize) - .2rem) !important;
}

.grid-product-form  .modal-form {   
  transition:all 0.1s;
  opacity:0; 
  position:absolute; 
  left:0;
  right:0;
  width:100%;
  height:0;
  bottom:-20px; 
  background:#FFF;   
  overflow:hidden;   
}

.grid-product-form form {    
  margin:0; 
  padding:1rem;   
}
.grid-product-form .btn {   
  width:100%;
}

.form-grid {
  margin-bottom:0;
}
.grid-product-form .show-modal-form.modal-form {
  opacity:1;
  bottom:0;   
  height:auto;
  box-shadow:0 0 5px rgba(0,0,0,0.1);
}
.grid-product-form select {  
  font-size:12px;
  word-break: break-word;
  text-overflow: ellipsis;
  padding-right: 35px;
}
.modal-form--close {
  background-color:var(--colorBody);
  position: absolute;
  top: 0;
  right: 0;
  border-radius:50%;
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 0 3px rgba(0,0,0,0.1)
}
@media screen and (max-width: 749px) {
  .inline-list li {
    display:flex;
    margin-bottom:5px;
  } 
}
@media screen and (max-width: 1023px) {
  .product-list-item .spr-badge {
    clear: both;
  }
}

/*============================================================================
#carttemplate 
==============================================================================*/
/*
.header-cart .cart-packs {
  display: none;
}

.header-cart .h1 {
  font-size:var(--h3FontSize);
}
.header-cart .section-header {
  --gutter: 1rem;
}

@media screen and (max-width: 767px) {
  body.ajaxify-modal--visible {
    overflow: hidden;
  }
}

.ajaxifyCart-loader {
  display: none;
  opacity: 0;
  position: absolute;
  left: -24px;
  top: 50%;
  margin-top: -8px;
  padding: 0;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url(data:image/gif;base64,R0lGODlhEAAQAPYAAP///8zMzPX19enp6d7e3tjY2NnZ2eHh4evr6/f39+zs7NPT09PT09XV1dbW1tjY2ODg4PDw8NHR0eLi4vr6+vr6+vLy8ufn59vb297e3vHx8fT09NfX19DQ0Ofn5+3t7d7e3uTk5Pj4+Obm5s7OzuDg4Orq6uDg4O/v79nZ2c3Nze7u7unp6dDQ0M3Nzfn5+fz8/OPj4+Xl5fz8/OXl5e3t7f39/f39/fHx8fPz8/z8/Pb29u7u7vv7+/X19fj4+Pf39/T09PLy8vHx8fj4+Pb29vv7+/b29uTk5O/v7+/v79ra2tzc3N3d3d/f39jY2NfX1/Ly8uPj49XV1fr6+tTU1Ofn593d3dTU1NHR0evr69vb28/Pz+bm5t/f39bW1vPz8/T09Pn5+fDw8OTk5Ojo6Ovr69zc3Ojo6Nra2tra2tLS0uzs7M/Pz87Ozu3t7czMzOrq6tPT08/Pz9fX1+Li4tXV1c3NzeLi4tLS0tzc3OHh4eXl5QAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAHjYAAgoOEhYUbIykthoUIHCQqLoI2OjeFCgsdJSsvgjcwPTaDAgYSHoY2FBSWAAMLE4wAPT89ggQMEbEzQD+CBQ0UsQA7RYIGDhWxN0E+ggcPFrEUQjuCCAYXsT5DRIIJEBgfhjsrFkaDERkgJhswMwk4CDzdhBohJwcxNB4sPAmMIlCwkOGhRo5gwhIGAgAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYU7A1dYDFtdG4YAPBhVC1ktXCRfJoVKT1NIERRUSl4qXIRHBFCbhTKFCgYjkII3g0hLUbMAOjaCBEw9ukZGgidNxLMUFYIXTkGzOmLLAEkQCLNUQMEAPxdSGoYvAkS9gjkyNEkJOjovRWAb04NBJlYsWh9KQ2FUkFQ5SWqsEJIAhq6DAAIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhQkKE2kGXiwChgBDB0sGDw4NDGpshTheZ2hRFRVDUmsMCIMiZE48hmgtUBuCYxBmkAAQbV2CLBM+t0puaoIySDC3VC4tgh40M7eFNRdH0IRgZUO3NjqDFB9mv4U6Pc+DRzUfQVQ3NzAULxU2hUBDKENCQTtAL9yGRgkbcvggEq9atUAAIfkECQoAAAAsAAAAABAAEAAAB4+AAIKDhIWFPygeEE4hbEeGADkXBycZZ1tqTkqFQSNIbBtGPUJdD088g1QmMjiGZl9MO4I5ViiQAEgMA4JKLAm3EWtXgmxmOrcUElWCb2zHkFQdcoIWPGK3Sm1LgkcoPrdOKiOCRmA4IpBwDUGDL2A5IjCCN/QAcYUURQIJIlQ9MzZu6aAgRgwFGAFvKRwUCAAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYUUYW9lHiYRP4YACStxZRc0SBMyFoVEPAoWQDMzAgolEBqDRjg8O4ZKIBNAgkBjG5AAZVtsgj44VLdCanWCYUI3txUPS7xBx5AVDgazAjC3Q3ZeghUJv5B1cgOCNmI/1YUeWSkCgzNUFDODKydzCwqFNkYwOoIubnQIt244MzDC1q2DggIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhTBAOSgrEUEUhgBUQThjSh8IcQo+hRUbYEdUNjoiGlZWQYM2QD4vhkI0ZWKCPQmtkG9SEYJURDOQAD4HaLuyv0ZeB4IVj8ZNJ4IwRje/QkxkgjYz05BdamyDN9uFJg9OR4YEK1RUYzFTT0qGdnduXC1Zchg8kEEjaQsMzpTZ8avgoEAAIfkECQoAAAAsAAAAABAAEAAAB4iAAIKDhIWFNz0/Oz47IjCGADpURAkCQUI4USKFNhUvFTMANxU7KElAhDA9OoZHH0oVgjczrJBRZkGyNpCCRCw8vIUzHmXBhDM0HoIGLsCQAjEmgjIqXrxaBxGCGw5cF4Y8TnybglprLXhjFBUWVnpeOIUIT3lydg4PantDz2UZDwYOIEhgzFggACH5BAkKAAAALAAAAAAQABAAAAeLgACCg4SFhjc6RhUVRjaGgzYzRhRiREQ9hSaGOhRFOxSDQQ0uj1RBPjOCIypOjwAJFkSCSyQrrhRDOYILXFSuNkpjggwtvo86H7YAZ1korkRaEYJlC3WuESxBggJLWHGGFhcIxgBvUHQyUT1GQWwhFxuFKyBPakxNXgceYY9HCDEZTlxA8cOVwUGBAAA7AAAAAAAAAAAA);
}

.flip--is-loading .ajaxifyCart-loader {
  display: block;
  opacity: 1;
}

.ajaxifyCart--content {
  position: absolute;
  bottom:-200px;
  perspective: 1000px;
  transform-style: preserve-3d;
  transition: all .2s cubic-bezier(0.57, 0.06, 0.05, 0.95);
  overflow: hidden;
}

.is-visible .ajaxifyCart--content {
  position: relative;
  bottom:0;
}

.ajaxifyCart--content form {
  transition: all .3s ease-out;
  opacity:0;
  margin-bottom: 0;
}

.is-visible .ajaxifyCart--content form {
  opacity:1; 
}

@media screen and (max-width: 1023px) {
  .is-visible .ajaxifyCart--content {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
*/

.cart-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cart-row.btn-checkout-bis {
  display: none;
}
@media screen and (max-width: 749px) {
  .cart-row.btn-checkout-bis {
    border: none;
    padding: 0;
    margin: 0;
    text-align: right;
    display: block;
  }
}

@media screen and (max-width: 749px) {
  .cart-row.cart-row--infos {
    display: block;
  }
}
.cart-item {
  flex-flow: wrap;
  display: flex;
  padding: 3px;
  justify-content: center;
  align-items: center;
}
.cart-item .h2 {
  text-align: center;
}
.cart-item .h2, .cart-item p {
  margin: 0;
}
.cart-item-1 {
  justify-content: flex-start;
  order: 1;
  width:50%;
}
.cart-item-1 a {
  max-width: 30%;
}
.cart-item-1 a img {
  width: 90%;
}
.cart-item-1 div {
  max-width: 70%;
  padding-left: 7px;
  line-height: 20px;
}
@media screen and (max-width: 749px) {
  .cart-item-1 div, .cart-item-1 small {
    font-size: 1.2rem;
    line-height: inherit;
  }
}

.cart-item-2 {
  order: 2;
  width:25%;
}
.cart-item-3 {
  order: 3;
  width:20%;
  justify-content: flex-end;
}
/*
.header-cart .cart-item-3 {
  justify-content: flex-end;
  width:25%;
}

.header-cart .cart-item--discount {
  display:none;
}
*/
.cart-item-4 {
  order: 4;
  justify-content: flex-end;
  width:5%;
}
/*
.header-cart .cart-item-1 a {
  max-width: 30%;
}

.header-cart .cart-item-4 {
  display: none;
}
*/
.cart-row {
  margin-top: var(--gutter);
  padding-top: var(--gutter);
  border-top: 1px solid var(--colorBorder);
}
.cart-row:first-child {
  margin-top: 0;
}
.cart-row:first-child {
  padding-top: 0;
  border-top: 0 none;
}
.cart-row a {
  color: var(--colorTextBody );
}
.cart-row .h5 {
  margin:0;
  text-align: right;
}
.cart-row input[type="image"] {
  padding: 15px 0px;
}
@media screen and (min-width: 750px) {
  .cart-notes {
    padding-right: 15px;
    flex:1;
    max-width:500px;
  }
}
/*
.header-cart .cart-notes {
  padding-right: 0;
  display: none;
}
*/
.cgv-text {
  float: none; 
  text-align: right; 
  clear: both; 
}

.cgv-text input, .cgv-text label {
  float:none; 
  display:inline;
  vertical-align: middle;
}
.cgv-text input {
  text-align: right; 
  min-height: auto;
}
.cgv-text a {
  text-decoration:underline; 
}
.contact-form {
  max-width:600px;
}
.contact-form .cgv-text {
  text-align:left;
  font-size:1.3rem;
  line-height:inherit;
}
.discount-code-field {
  display:block;
  width:100%;
  clear:both;
  overflow:hidden;
}
.discount-code-field input {
  font-size:1.4rem;
}
.cart-secure-zone {
  display:block;
  overflow:hidden;
  width:100%;
}
.cart-secure-zone img {
  float:right; 
  max-width:350px;
  margin-left:10px;
}
.mini-cart-modal .cart-secure-zone {
  text-align:center;
}
.mini-cart-modal .cart-secure-zone img {
  float:none; 
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}

.mini-cart-modal button .fa {
  color: var(--colorTextBody );
}

.cart-secure-zone br {
  content:"";
}

#dynamic-checkout-cart div { display: inline-block ; }

.cart-subtotal {
  margin-bottom: var(--gutter);
  text-align:right;
}
.cart-subtotal__note {
  margin-top:1rem;
  font-size:80%;
}
.wh-original-cart-total small {
  font-size:2rem;
}

.cart-subtotal--price {
  margin: 0 0 0 8px ;
  display: inline;
}

.cart-subtotal--savings,
.cart-item--discount {
  display: block;
  padding-bottom: 0;
  font-weight: 700;
  text-align:right;
}

.cart--no-cookies .cart--empty-message, .cart--no-cookies .cart--continue-message {
  display: none;
}

.cart--cookie-message {
  display: none;
  padding-bottom: 25px;
}
.cart--no-cookies .cart--no-cookies {
  display: block;
}
.discount-code-field input {
  width:150px;
  float:right;
}

@media screen and (max-width: 749px) {  
  .cart-row--infos .btn {
    
    display:block;
   
    width:100%;
    margin-top:1rem;
  }
  .cart-secure-zone {
    display:block;
    text-align:center;
    float:none;
    margin:0 auto;
  }
  .cart-secure-zone img { width:100%; }
  .cart-subtotal {
    margin-bottom:0; 

  }
  .cart-row .grid-item {
    padding:0 10px ;
  }
  .cart-row .medium--two-thirds .grid-item {
    padding:0 7px ;
  }
}

/*============================================================================
#announcementbar
==============================================================================*/
.topheader {
  background:var(--topheaderBgColor);
  color:var(--topheaderTextColor); 
  text-align:center;
  justify-content: center;
  align-items:center;
  align-content: center; 
  line-height:inherit;
  font-size:1.6rem;
  margin-bottom:0;
  padding:2px 5px;
  overflow:hidden;  
}

@media screen and (max-width: 750px) {
  .mobile-hide-top-true .topheader  {
      display:none;
  }
}

.topheader p {
  margin:0 2px;   
}
.topheader-show-false {
  display:none ;
}
.topheader-show-true {  
  align-items:center;
}

.topheader .quick-access {
  display:none;
  margin:2px 0;

}
.topheader .quick-access li {
  margin:0 5px;
  display:inline;
}

.topheader .quick-access a {
  color:inherit;
}
.site-nav .icon-links {
  display:flex;
}
.site-nav .icon-links .icon-link {
 flex:1; 
  text-align:center;
}
@media screen and (max-width: 1023px) {
  .topheader__wrapper {
    justify-content:center;
  }
  .topheader, .topheader p {
    font-size:1.2rem; 
    
  }
}
@media screen and (min-width:1024px) {
  .topheader {
    display:flex;
  }
  .topheader .quick-access {
    display:block;
    flex:1;
    text-align:right;
    
  }
}
/*============================================================================
#header
==============================================================================*/

 
.cont-header {  
  position:relative;    
  z-index:1100;
  width:100%;
  margin-bottom:0;   
  background:var(--headerBackground);
}
@media screen and (max-width: 749px) {
  .cont-header{  
    top:0;
    position: sticky;
  }
}
@media screen and (min-width: 750px) {
  .header-transparent-false {  
    top:0;
    position: fixed;
  }

  .header-transparent-true {
    background:none;
  }
}
/*============================================================================
#sticky
==============================================================================*/

.sticky {  
  position:sticky;
  top:0;
  left:0;
  z-index:1000;   
}

.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--headerText);
  
}
.noborder-false {
  box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
}


@media screen and (max-width: 1023px) {
  .site-header {
    padding:0 !important;
  }
}

.site-header .site-header--text-links a {
  color: var(--headerText);
}
.site-header .site-header--text-links a:hover {
  opacity: 0.9;
}
.header2 .site-header {
  max-width: 1200px;
  margin: 0 auto;
}
.site-header .grid-item {
  padding: 0;
}

@media screen and (min-width: 1024px) {
  .site-header {
    padding: 10px;
  }
  .header-scroll-on {   
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
    box-shadow: 0 2px 4px rgb(0 0 0 / 5%);
  }
  
  /*.border-false.header-scroll-on {
    border:none !important;
  }*/

  .header-grid__logo {
    flex: 1 0 15%;
    order: 1;
  }
  .header6 .header-grid__logo {
    order: 0;
  }
  .header1 .header-grid__logo {
    flex: 1 0 25%;
  }
  .header3 .header-grid__logo {
    flex: 1 0 20%;
    order: 2;
    display: flex;
  }
  .header3 .header-grid__logo * {
    margin: 0 auto;
  }
  .header5 .header-grid__logo {
    flex: 1 0 33%;
    order: 2;
    align-items: center;
    display: flex;
    justify-content: space-around;
  }
  .header1 .header-grid__info {
    flex: 1 0 25%;
    order: 2;
    align-items: center;
    display: flex;
    justify-content: space-around;
  }
  .header5 .header-grid__info {
    flex: 1 0 33%;
    order: 1;
    align-items: center;
    display: flex;
    justify-content: flex-start;
  }
  .header5 a {
    text-align: center;
  }
  .header-grid__nav {
    order: 2;
  }
  .header3 .header-grid__nav {
    order: 1;
    flex: 1 0 40%;
    padding-left: 5px;
  }
  .header-grid__links {
    flex: 1 0 15%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    order: 3;
  }
  .header1 .header-grid__links {
    flex: 1 0 25%;
  }
  .header3 .header-grid__links {
    order: 3;
    flex: 1 0 40%;
  }
  .header5 .header-grid__links {
    flex: 1 0 33%;
  }
  .header5 .wrapper {
    padding-left:0;
    padding-right:0;
  }
}

.header-cart-btn {
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  position: relative;
  line-height: 26px;   
  margin: 0 1px;
  min-width: 34px;   
  border: 0 none;
  vertical-align: top;
  background: none;
  column-gap:5px;
}

@media screen and (min-width: 750px) {
  .header-cart-btn {
    min-width: 45px;
    min-height: 42px;
  }
}
.header-cart-btn.header-action-search, .header-cart-btn.header-action-search i {
  color: var(--headerSearchColor);
  background: var(--headerSearchBgColor);

}
.header-cart-btn.header-action-search:hover, .header-cart-btn.header-action-search i:hover, .header-cart-btn.header-action-search:focus, .header-cart-btn.header-action-search i:focus {
  opacity: 0.9;
}
.header-cart-btn.header-action-account, .header-cart-btn.header-action-account i {
  color: var(--headerAccountColor);
    background: var(--headerAccountBgColor);
}
.header-cart-btn.header-action-account:hover, .header-cart-btn.header-action-account i:hover, .header-cart-btn.header-action-account:focus, .header-cart-btn.header-action-account i:focus {
  opacity: 0.9;
}
.header-cart-btn.header-action-cart, .header-cart-btn.header-action-cart i {
  color: var(--headerActionCartColor);
    background: var(--headerActionCartBgColor);
}
.header-cart-btn.header-action-cart:hover, .header-cart-btn.header-action-cart i:hover, .header-cart-btn.header-action-cart:focus, .header-cart-btn.header-action-cart i:focus {
  opacity: 0.9;
}

.header-cart-btn a {  
  display: inline;  
}

@media screen and (max-width: 1023px) {
  .header-cart-btn {
    display: none;
  }
}

.header-cart-btn i {
  font-size: 2rem;
}

@media screen and (min-width: 1024px) {
  .header-cart-btn i {
    font-size: 2.2rem;
  }
  .header-cart-btn i.fa-search {
    font-size: 2rem;
  }
}

.header-cart-btn svg {
  width: auto;
  height: 2.2rem;
}
.header1 .header-wrapper .header-cart-btn svg, .header5 .header-wrapper .header-cart-btn svg {
  margin-right: 5px;
}
.header-cart-btn.boxconnexion-show-false {
  display: none;
}

/* position navbar */

.cont-header .nav-position-2 {
  text-align:center;
}

.cont-header.header3 .nav-position-2 {
  text-align:left;
}

.cont-header .nav-position-0 {
  text-align:right;
}

.header-subtext {
  font-size:1.4rem; 
  margin: var(--gutter-half) var(--gutter) 0 var(--gutter);
  text-align:right;
  color: var(--headerText);
}

.header-subtext p { 
  margin-bottom:0;
}

.header-baseline { 
  margin:0 !important;
  font-size:1.4rem;
}
.header-baseline p {
  margin:0;
}

.header-baseline.text-center p {
  margin:0 auto;
}

.header-logo {
  display:flex;
  margin: 0;
  padding: 0 12px;
}
.header1 .header-logo {
  padding: 0;
  float: left;
}
.header-logo a, .header-logo a:hover, .header-logo a:focus {
  text-decoration: none;
  color: var(--headerText);
}
.header-logo a, .header-logo img {
  display: inline-block;
}
.header-logo img {
  margin: 0 auto 0 auto;
}
@media screen and (min-width: 1024px) {
  .header-logo img {
    float: left;
  }
}

.header-logo img {
  transition: all 0.15s;
}
.site-header--text-links {
  display: inline-block;
  font-size: 0.7rem;
  margin-bottom: 0;
}
.site-header--text-links a {
  font-weight: bold;
}
.header2 .site-header--meta-links i, .header3 .site-header--meta-links i, .header4 .site-header--meta-links i {
  margin-top: 3px;
}
.site-header--spacer {
  padding: 0 5px;
}
.cart-count {
  position: absolute;
  top: 2px;
  right: 4px;
  display: inline-block;
  text-align: center;
  background-color: var(--headerCartCount);
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
  min-width: 15px;
  height: 15px;
  line-height: 15px;
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .cart-count {    
    top: 0;
    top: -3px;
    font-size: 1.3rem;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    }
}

.header1 .cart-count, .header5 .cart-count {
  right: auto;  
  left: 16px;
  top: 2px;
}

.cart-count.hidden-count {
  display: none;
}
.search-bar {
  position: relative;
  max-width: 480px;
  width: 100%;
  margin: 0 auto var(--gutter);
}
.search-bar .icon-search {
  font-size: 1.8rem;
}
@media screen and (max-width: 1023px) {
  .search-bar {
    display: block;
    max-width: 100%;
    margin-bottom: 12px ;
  }
}
.search-bar input {
  border-radius: 0;
  outline: none;
  padding: 25px 20px;
}

.template-search .search-bar input {
  border-radius: 0;
  outline: none;
  padding: 15px 20px;
}
.search-bar input, .search-bar i {
  color: #fff;
  font-size: 1.8rem;
}
.search-bar input::-webkit-input-placeholder, .search-bar input::-moz-placeholder, .search-bar input:-ms-input-placeholder, .search-bar input:-moz-placeholder {
  color: #fff;
}
.search-bar input[type="text"], .search-bar input[type="search"] {
  width: 100%;
  margin-bottom: 0;
  font-family: var(--accentFontStack);
  font-weight: var(--btnFontWeight);
  font-size: var(--btnFontSize);
  line-height: normal;
}
.search-bar input:-ms-input-placeholder {
  line-height: normal;
  display: inline-block;
}
.search-bar input[type="submit"], .search-bar .search-bar--submit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  padding:var(--gutter);
  margin: 0;
  border: 0 none;
  background: none;
  text-align: center;
  cursor: pointer;
}
.search-bar input[type="submit"] {
  text-indent: -9999px;
}
.site-header .search-bar {
  display: none;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .site-header .search-bar {
    display: inline-block;
  }
}
.site-header .search-bar input[type="text"], .site-header .search-bar input[type="search"] {
  height: 44px;
  border: 0 none;
  transition: background-color 0.2s ease-out;
}
.site-header .search-bar input[type="text"]:hover, .site-header .search-bar input[type="search"]:hover, .site-header .search-bar input[type="text"]:focus, .site-header .search-bar input[type="search"]:focus {
  transition: background-color 0.05s ease-in;
}
.site-header .search-bar input[type="text"]:focus, .site-header .search-bar input[type="search"]:focus {
  outline: 0;
}

.cont-header input[type="search"] {
  height:36px; 
}

@media screen and (max-width: 1023px) {
  .header-image-1 {
    text-align:center;
    margin:7px 0;
  }
}

/*============================================================================
#headersearch
==============================================================================*/
/*--searchModalBgColor: #000000;
--searchModalBtnCloseColor: #FFF;
--searchModalBlocBorderColor: #FFF;
--searchModalBlocTextColor: #FFF;
--searchModalBlocIconColor: #FFF;*/

.search-overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  background-color: var(--searchModalBgColor);
  color: var(--searchModalBlocTextColor);
}

.search-overlay .overlay-content {
  position: relative;
  top: 10vh;
  width: 90%;
  text-align: center;
  margin-top: 0;
  margin: auto;
}
.search-overlay .closebtn {
  position: absolute;
  right: 10px;
  font-size: 5rem;
  line-height: 5rem;
  cursor: pointer;
  color: white;
  z-index:100;
  color: var(--searchModalBtnCloseColor);
}

.search-overlay .search-bar input[type=search] {
  border-color: var(--searchModalBlocBorderColor);
  color: var(--searchModalBlocTextColor);
}

@media screen and (min-width: 1024px) {
  .search-overlay i {
    color: #fff;
    color: var(--searchModalBlocTextColor);
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .search-overlay .search-results {
    max-height: 500px;
  }
  .search-overlay .overlay-content {
    top: 65px;
  }
}

.predictive-search__results-list {
  text-align: left;
  z-index:1000;
  border:1px solid var(--searchAutoCompleteBorder) ; 
  background:var(--searchAutoCompleteBg) ; 
  color:var(--searchAutoCompleteColor);
}
.predictive-search-group {
  position: relative;
}
.predictive-search__list-item {
  padding:3px;
  margin:0;
  border-bottom:1px solid var(--searchAutoCompleteBorder); 
}
.predictive-search__list-item.title {
  padding:.4rem;
  background-color: var(--color-text-body-opacity1);
}
.predictive-search__item {
  display: flex;
  align-items: center;
  gap:1rem;
  font-size: 11px;
  color:var(--searchAutoCompleteColor);
  opacity:0.9;
}
.predictive-search__item:hover {
  opacity:1;
}
.predictive-search__item-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}
#predictive-search-results {
  max-height: 80vh;
  overflow-y: auto;
}

/*============================================================================
#Header Cart
==============================================================================*/

.header1 .wrapper-mini-cart, .header2 .wrapper-mini-cart {
  max-width:1140px;
  margin:0 auto;
  position:relative;
}

.header-right, .no-mobile {
  position:relative; 
}
.cart-row--infos .btn-primary { 
  font-size:130%;
  min-width:290px;
} 
@media screen and (max-width: 749px) {
  .header1 .header-cart {
    margin-top: 51px;
  }

  .cart-form .cart-row .large--one-quarter img {
    max-width:100%;
    margin:0 auto;
  } 
  .cart-form .cart-row {
    margin-top:10px;
    padding-top:10px;
  }

  .cart-form .cart-subtotal {
    margin-bottom:10px; 
  }
  .cart-form input[type=number] {
    width:30px;
    height:36px;
    min-height:36px;
  }

  .cart-form .cart-row .cart-mini .btn-primary, .cart-form .cart-row .cart-mini .btn-secondary {
    display:block ;
    float:none ;
    margin:3% ;
    width:94% ;
  }

    

  .cart-form .cart-row .h2 {
    font-size:15px ;     
    margin-top:0px;
  }  

  .badges {
    margin-top:10px; 
  }
  .quantity, .quantity2 {
    margin-bottom:15px; 
  }

  .cart-row--infos .btn-secondary {
    display:none;
  }

  .cart-row--infos .btn-primary {
    display:block;
    width:100%;
    clear:both;
    margin-top:8px;
    float:none;
    font-size:17px;
  }
}

/*============================================================================
#Site Nav and Dropdowns
==============================================================================*/
.nav-bar {
  top: 110%;  
  left: 0;
  padding-left:0;
  padding-right:0;
  right: 0;  
  font-family: var(--accentFontStack);
  font-weight: 300;
  font-size:var(--navFontSize);
  
  text-transform: uppercase;
  
}

.nav-bar > div {
padding:0 !important;
}
.nav-bar {
  background-color: var(--colorNav);
}

.nav-bar a {
  color: var(--colorNavText);
  text-transform:inherit;
}
.nav-bar a:hover,
.nav-bar a:active,
.nav-bar a:focus {
  color: var(--colorNavTextHover);
  opacity: 0.9;
}

.nav-bar ul ul a:hover,
.nav-bar ul ula:active,
.nav-bar ul ul a:focus {
  color: var(--colorNavTextHover2);
  opacity: 0.9;
}

.site-nav {
  margin: 0;
  letter-spacing: var(--navLetterSpacing);
  cursor: default;
}
.site-nav li {
  margin: 0;
  position: relative;
  display: inline-block;
}
.site-nav li span.collapsible.in {
  display: inline;
}
.site-nav li li {
  display: block;
}
.header-transparent-true .nav-bar {
  background:var(--headerBackground);
}

@media screen and (min-width: 1024px) {
  .header-transparent-true .nav-bar {
    background:none;
  }
  .site-nav li li span.collapsible.in {
    display: none;
  }
}

.site-nav a, .site-nav span {
  display: inline-block;
  text-decoration: none;
  padding: 15px 7px;
  font-family: var(--accentFontStack);
  font-weight: var(--accentFontWeight);
}
.site-nav span.collapsible {
  padding:5px;
}

.site-nav a span.icon-fallback-text {
  display: inline;
  padding: 12px  2px 12px  4px;
}
.site-nav .site-nav--dropdown {
  text-align: left;
  min-width: 300px;
  margin: 0;
}
.site-nav .site-nav--dropdown > li > a {
  padding-left: 25px;
  text-align:left;
}
.site-nav .site-nav--dropdown .site-nav--dropdown {
  min-width: auto;
  margin-left: 4%;
  padding: 0;
  box-shadow: none;
  
}
.site-nav .customer-navlink {
  color: var(--colorNavText);
  margin-top: -1px;
  font-size: 0.9em;
}

.site-nav--dropdown {
  background-color: var(--colorNav2); 
}
.site-nav--dropdown a, .site-nav--dropdown a:hover, .site-nav--dropdown a:focus, .site-nav--dropdown a * {
  color: var(--colorNav2Text);
}

.nav-bar .wrapper { 
  max-width:1200px; 
  padding:0; 
}

.site-nav--submenu {
  margin:0 0 5px 0;
  padding:0;
  font-size:14px;
}

.site-nav--submenu li a:hover:before {
  transition: margin-left 0.3s;
  margin-left:3px;  
}
.site-nav--submenu a {
  font-size:0.9em;
  padding:3px 15px 1px 15px ;
  text-transform:initial ;
}
.site-nav a:before {
  content:"\f07a";
  padding-right:7px;  
  position:relative; 
  font-family:FontAwesome; 
  font-display: "swap";
  display:none;
}



.site-nav--dropdown a:before {
  display:none ; 
}
.site-nav .site-nav-icon-1 > a:before {
  display:inline-block;
  content:"\f0c9";
}
.site-nav .site-nav-icon-2 > a:before {
  display:inline-block;
  content:"\f0e0";
}
.site-nav .site-nav-icon-3 > a:before {
  display:inline-block;
  content:"\f059";
}
.site-nav .site-nav-icon-4 > a:before {
  display:inline-block;
  content:"\f0d1";
}
.site-nav .site-nav-icon-5 > a:before {
  display:inline-block;
  content:"\f09d";
}
.site-nav .site-nav-icon-6 > a:before {
  display:inline-block;
  content:"\f14b";
}
.site-nav .site-nav-icon-7 > a:before {
  display:inline-block;
  content:"\f015";
}
.site-nav .site-nav-icon-8 > a:before {
  display:inline-block;
  content:"\f075";
}

/*================ Large screen bar navigation ================*/
@media screen and (min-width: 1024px) {
  .nav-bar .search-bar {
    display: none;
  }
  .site-nav {
    text-align: left;
  }
  .site-nav > li {
    position: relative;
    display: inline-block;
  }
}

@media screen and (min-width: 1024px) {
  .site-nav--has-dropdown:hover span.collapsible.in i {
    transform: rotate(180deg);
  }
  .site-nav--dropdown {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;    
    opacity: 0;
    visibility: hidden;
    z-index: 20;
    transition: all 150ms;
  }
  .site-nav--dropdown .site-nav--dropdown {
    box-shadow: none;
    padding: 0;
  }
  .no-touch .site-nav--has-dropdown:hover .site-nav--dropdown, .site-nav--has-dropdown.nav-hover .site-nav--dropdown, .nav-focus + .site-nav--dropdown, .show-dropdown .site-nav--dropdown {
    opacity: 1;
    visibility: visible;
    transition: all 90ms;
  }
  .site-nav--dropdown .nav-focus .site-nav--dropdown {
    opacity: 1;
    visibility: visible;
    transition: all 90ms;
  }
  .site-nav--dropdown a {
    text-transform: none;
    padding: 6px 15px;
  }
  .site-nav--dropdown .site-nav--dropdown {
    padding-top: 0;
    padding-left: 7px;
  }
  .site-nav--dropdown .site-nav--dropdown a {
    text-transform: initial;
  }
}

/*================ Small screen nav styles ================*/

/*================ Medium-down screen nav styles ================*/
@media screen and (max-width: 1023px) {
  /*================ Menu items ================*/
  .nav-bar {
    position: fixed;
    z-index: 1000;
    transition: all 600ms cubic-bezier(0.47, 0.5, 0, 0.95);
  }
  .show-nav .nav-bar {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    transition: all 450ms cubic-bezier(0.47, 0, 0, 0.95);
  }
  .nav-bar .search-bar {
    margin: 0 12px  12px ;
    width: auto;
  }
  .nav-bar .search-bar input[type="search"]::-webkit-input-placeholder {
    color: var(--colorNav);
}
  .nav-bar .search-bar input::-webkit-input-placeholder {
    color: var(--colorNav);
}
  .nav-bar .search-bar .search-bar--submit .fa {
    color: var(--sectionHeaderColorIcon1);
}
  .icon-hamburger:before {
    content: "\f0c9";
    font-family: FontAwesome;
    font-display: "swap";
  }
  .show-nav .icon-hamburger:before {
    content: "\f00d";
  }
  .site-nav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .site-nav a {
    display: block;
    padding: 13px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .site-nav ul {
    margin: 0;
  }
  .site-nav ul ul a {
    padding: 8px 13px 13px 13px;
    border: none;
  }
  .nav-bar li {
    text-align: left;
    display: block;
    position: relative;
  }
  .nav-bar li li {
    border: none;
  }
  .nav-bar li span:hover {
    cursor: pointer;
  }
  .nav-bar li .level1, .nav-bar li .level2 {
    width: 49px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .collapsible {
    position: absolute;
    right: 0;
    top: calc(50% - (13px / 2));
    width: 13px;
    height: 13px;
  }
  .collapsible::before, .collapsible::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    background: var(--colorNavText);
  }
  .collapsible::before {
    width: 13px;
    height: 1px;
    opacity: 1;
  }
  .collapsible::after {
    width: 1px;
    height: 13px;
  }
  .collapsible.active::before, .collapsible.active::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .collapsible.active::before {
    opacity: 0;
  }
  .collapsible .fa-angle-down {
    display: none;
  }
  .site-nav--dropdown {
    display: none;
    margin: 0;
  }
  .site-nav--dropdown > li {
    float: none;
    width: 100%;
    border: none;
    text-transform: none;
  }
  .show-dropdown .site-nav--dropdown {
    padding-left: 10px;
    font-size: 85%;
  }
  .site-nav .site-nav--dropdown a {
    text-transform: initial;
  }
}
@media screen and (max-width: 749px) {
  .site-nav--submenu a {
    font-size: 1.1em;
  }
}


/*================ Dropdowns + megamenus ================*/

.dropdown_container {
  clear: both;
  width: 100%;
  overflow:hidden;  
  visibility:hidden;  
}

.dropdown_container img {
  max-width: 100%;
}

.dropdown {
  transition: all .4s ease-in-out;
  opacity:0;
  position: fixed;
  width: 100%;
  max-height:90vh;
  overflow:auto;
  z-index: 3000;
  color:var(--colorNav2Text);
  background:var(--colorNav2);
  box-shadow:0px 10px 10px rgba(111,111,111,0.1);
}
.dropdown_open .dropdown {
  opacity:1;
}
.dropdown.no-fixed {
  position:absolute; 
  top:0;
}
.dropdown_open {  
  visibility:visible;  
}

.dropdown_content {
  padding-top:15px;
  display:flex;
  flex-wrap:wrap;
}

.mega-menu__richtext,
.mega-menu__image-caption-link {
  padding: 0;  
}

.mega-menu__richtext img,
.mega-menu__image-caption-link img {
  margin-bottom: 10px;
}

.mega-menu__richtext a {
  display: inline;
  text-transform: none;
}

.mega-menu__image-caption-link {
  text-align: center;
  margin-bottom: 10px;
}
.mega-menu__image-caption-link a {
  text-transform: none;
  display: block; 
  color:var(--colorNav2Text);
}

.dropdown_content a p {
  padding: 0;
  color:var(--colorNav2Text);
}

.dropdown_content p {  
  color:var(--colorNav2Text);
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  display: block;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
  margin-bottom: 0;
}    

.dropdown_column__menu + .dropdown_column__menu {
  margin-top: 10px;
}

.dropdown_narrow {
  width: 60%;
}

.dropdown_column {
  padding:0 var(--gutter-half) var(--gutter-half);
}
.dropdown_column img {
  max-width: 100%;
}

.dropdown_column .dropdown_title {   
  border-bottom:1px solid var(--colorMegamenu);
  padding-bottom: 10px;
}

.dropdown_column .dropdown_item {
  text-align: center;
}
.dropdown_column ul {
  margin: 0;
  padding: 10px 0 0 0;

}

.dropdown_column li {
  display: block;
}
.dropdown_column li a, .dropdown_column li a:hover, .dropdown_column li a:active {
  padding-bottom: 0;
  text-transform: none;
  color:var(--colorNav2Text);
}
.dropdown_column li a:hover, .dropdown_column li a:focus, .dropdown_column li a:active {
  color: var(--colorNavTextHover2);
}

.dropdown_row {
  display:table-row;
}
.icon-arrow-down {
  position: relative;
  top: -2px;
  font-size: 12px;
}

.site-nav--dropdown .site-nav--dropdown {  
  margin: 0;
  position:relative;
  top:auto;
  left:0;
  border:none; 
  
  
}
.site-nav--dropdown .icon-arrow-down {
  display: none ;
}

/*============================================================================
#Mobile Nav Bar
==============================================================================*/
#mobileNavBar {
  padding: 3px 0;
  display: none;
  width: 100%;
  background-color: var(--headerBackground);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);

}
#mobileNavBar .header-grid__nav {
  flex: 1 0 calc(25% - 12px);
  padding-left: 12px;
}
#mobileNavBar .header-grid__logo {
  flex: 1 0 50%;
  padding-top:4px;
  padding-bottom:4px;
  text-align: center;
  justify-content: center;
}
#mobileNavBar .header-grid__links {
  flex: 1 0 25%;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1023px) {
  #mobileNavBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1000;
  }
}
.template-product .is_desktop {
  display: block;
}
.template-product .is_mobile {
  display: none;
}
.no-mobile a {
  display: inline;
  border-radius: 2px;
}

.mobile-link-logo img {
  width:auto;
  max-width: 100%;
  max-height: 40px;
  margin: 0 auto;
  display: block;
}
.mobileNavBar-link {
  background:none;
  border:none;
  box-shadow:none;
  display: flex;
  align-items: center;
  color: var(--headerText);
  cursor: pointer;  
}
.mobileNavBar-link:hover, .mobileNavBar-link:focus {
  color: var(--headerText);
}
.mobileNavBar-link .menu-toggle-text {
  font-size: 13px;
  letter-spacing: -1px;
}
.mobileNavBar-link.menu-toggle .icon {
  font-size: 20px;
  margin-right: 5px;
}
.mobileNavBar-link.menu-toggle .lt-ie9 {
  background-image: none;
  padding-left: 0;
}

/*============================================================================
#Breadcrumbs &navproducts 
==============================================================================*/
.breadcrumb {
  overflow: hidden;
  font-size: 13px; 
  padding:var(--gutter-quarter) 0;
  margin: 0 auto 0 auto;   
  margin-top: var(--gutter-quarter);   
  border-bottom: 1px solid var(--color-text-body-opacity1);
}
@media screen and (max-width: 1023px) {
  .breadcrumb {
    height: auto;
  }
}
.breadcrumb a {
  font-size: 12px;
  color: var(--colorTextBody );
}
.breadcrumb a:hover {
  color: var(--colorTextBody );
}
.breadcrumb a, .breadcrumb span {
  display: inline-block;  
}
.breadcrumb a:first-child, .breadcrumb span:first-child {
  padding-left: 0;
}
.breadcrumb .divider {
  font-size: 15px;
  font-family: var(--bodyFontStack);
  padding: 3px 3px 3px 0;
  color: #767676;
}
.breadcrumb-links {
  margin: 0;  
}

@media (max-width: 749px) {
 
  .breadcrumb {
    margin:calc(var(--gutter) / -2) auto 0 auto; 
    overflow: hidden; 
    padding:0;
    border:none;
  }
  .breadcrumb-links {
    display: none;
  }
}

/*============================================================================
#Search
==============================================================================*/

.search-results {
  left: auto ;  
  width:255px ;
  z-index:1000;
  border:1px solid var(--searchAutoCompleteBorder) ; 
  background:var(--searchAutoCompleteBg) ; 
  color:var(--searchAutoCompleteColor);
}

.search-results .title,
.search-results .title:hover {
  color:var(--searchAutoCompleteColor) ;
}
.template-search .search-result .sale-tag { display:none; }

.search-results li a {
  display:block;
}
.search-results li {
  border:1px solid var(--searchAutoCompleteBorder) ; 
}
.search-results li a span, .search-results .title a {
  color:var(--searchAutoCompleteColor) ;
    opacity:0.8;
}
.search-results li a span img {
  width:100%;
  height:auto;
}
.search-results .title {
  width:85%;
}
.search-results li:last-child .title {
  text-align:left; 
  width:85%;
}
.search-results li a:hover span, .search-results .title a:hover {
  color:var(--searchAutoCompleteColor) ;
    opacity:1;
}
.search-results { 
  width: 242px;
  margin: 0;
  padding: 0; 
  overflow: hidden;
}
.search-results li {
  display: block;
  width: 100%;
  height: 38px;
  margin: 0;
  padding: 0; 
  line-height: 38px;
  overflow: hidden;
}
.search-results li:first-child {
  border-top: none;
}
.search-results .title {
  float: left;
  font-size:11px;
  padding-left: 8px;
  white-space: nowrap;
  overflow: hidden;  
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-align: left;
}
.search-results .thumbnail {
  float: left;
  display: block;
  width: 32px;
  height: 32px;    
  margin: 3px 0 3px 3px;
  padding: 0;
  text-align: center;
  overflow: hidden;
}

@media screen and (max-width: 749px) {
  .search-results {
    right:auto;
    left:0;
  }
}


.is-added-hide:before { display:none ; }  

a.remove {
  display: inline-block;    
  font-size: 21px;
  text-align: center;
  border: 0 none;  
  @media screen and (max-width: 749px) {
    font-size: 17px;
  }
}
/*
.header-cart a {
  color:var(--headerCartColor);
}
.header-cart a.remove {
  position: absolute;
  top: 0;
  right: 0px;
  height: 25px;
  width: 30px;
  padding: 0;
  background: none;
}
.header-cart a.remove i {
  color:var(--headerCartColor);
    font-size:17px;
}
*/
/*================ Ajax Cart ================*/

@media screen and (max-width: 749px) {

  .ajaxify-modal .ajaxifyCart--content {
    margin-top: 0;
    margin-bottom: 0;  
  }

}

/*============================================================================
#Footer
==============================================================================*/
.site-footer {
  background-color: var(--colorFooterBg);
  padding: var(--gutter) 0 var(--gutter-half) 0;
  color: var(--colorFooterText);  
  overflow: hidden;
  font-size:1.5rem;
}

footer .grid-uniform {
  margin-left: auto;
  margin-right: auto;
}

.site-footer .wrapper {
  padding-bottom:0;
}

@media screen and (min-width: 1024px) {
  .site-footer .grid-flex {
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
}

.site-footer .block-title {
  color: var(--colorFooterTitle);
  margin: 0 0 1.6rem 0;
  text-align: left;
}
.site-footer a {
  color: var(--colorFooterText);

}
.site-footer li a {
  margin-left: -10px;
  padding: 5px 10px;
  display: block;
}
.site-footer li:first-child a {
  padding-top:0; 
}
.site-footer .inline-list li a {
  margin-left: 0;
  padding: 0 5px;
  display: inline;
}
.site-footer .fa {
  min-width: 16px;
  text-align: center;
}
.site-footer .btn {
  flex:1 0 auto;
  min-width: auto;
  color: var(--colorFooterBgBtnText);
  background-color: var(--colorFooterBgBtn);
  border-radius: 0 var(--radius) var(--radius) 0; 
}
.footer-section input[type="email"] {
  border-radius: var(--radius) 0 0 var(--radius);
  height: 38px;
  background-color: var(--colorFooterBgInput);
  color: var(--colorFooterBgInputText);
}

.site-footer .legal-links li, .site-footer .social-icons li {
  display: inline;
}
.site-footer .legal-links li a {  
  margin-right: 8px;
  padding: 0;
  text-align: left;
  display: inline;
}
.site-footer form {
  margin-bottom: 15px;
}

.site-footer .grid {
  margin: 0 auto;
}

.payment_methods img {
  padding-right: 4px;
  width: 42px;
  display: inline-block;
}
.site-footer .grid-item p.cgv-text {
  margin: 12px 0 0 0;
  padding: 0;
  line-height: inherit;
}
.contact-form .input-group {
  display:flex;
  max-width: 304px;
  margin-bottom: 6px;
}
.site-footer .contact-form .input-group { 
  max-width: 360px;
}
.site-footer .cgv-text label {
  font-size: 11px;
}
.site-footer .grid-item p.newsletter-form-rgpd, p.newsletter-form-rgpd {
  font-size: 11px;
  clear: both;
  width: 100%;
  padding: 7px 0 0 0;
  margin: 0;
  line-height: inherit;
}
p.newsletter-form-rgpd {
  font-size: 11px;
}
p.newsletter-form-rgpd a {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 3px; 
  display: inline;
  padding: 0;
  margin: 0;
}
.site-footer .footer-bottom {
  padding-top:4px;
  font-size:14px;
}
.site-footer .footer-bottom * {
 margin-bottom:0;
}
.payment_methods {
  justify-content:flex-end;
  display:flex;
}
.payment_methods img {
  padding-right: 4px;
  display:inline-block;
  width: 42px;
}
.footer-logo { 
  max-width: 100%; 
}
@media screen and (max-width: 749px) {
  .payment_methods img {
    width:28px;
  }
}
@media screen and (max-width: 749px) {
  .site-footer .footer-bottom {
    text-align:center;
  }
  .site-footer .social-icons li {
    margin: 0;
  }
  footer .grid-item {
    font-size: 12px;
  }  
  .site-footer {
    font-size: 13px;
  }
  .footer-logo {
    display: block;
    margin: 0 auto;     
  }
  .contact-form .input-group {
    max-width: 100%;
  }
  .payment_methods {
    justify-content:center;
    margin-top:1rem;
  }
  .legal-links { text-align:center; }
}

/*============================================================================
#templateproduct
==============================================================================*/

.product-form-layout-1 {  
  border:1px solid rgba(0,0,0,0.1);
  background:rgba(0,0,0,0.05);
  margin:15px 0;
  padding: 1.8rem 1.4rem 0 1.4rem;
}

.product-form-layout-1 .cont-selector {
  display:flex;
  justify-content:space-between;
}

.product-form-layout-1 .selector-wrapper {
 width:48%; 
} 

.swatch-container {
  display:none !important;
}
.product-form-layout-2 .header-number {
  display:inline-block;  
  line-height:inherit;  
  min-width: calc(var(--baseFontSize) * 1.5);
  min-height: calc(var(--baseFontSize) * 1.5);
  background:rgba(0,0,0,0.1);
  border-radius:50%;
  margin-right:10px; 
}
.product-form-layout-2 .product-form {
  margin-top:10px; 
}
.product-form-layout-2 .cont-selector .selector-wrapper {
  width:100%; 
  flex-direction:row;
  flex:0 0 100%; 
}

.product-form-layout-2 .cont-selector .selector-wrapper:nth-child(2n) {
  padding-left:0;  
}

.product-form-layout-2 select {
  border-radius: var(--btnBorderRadius);
  box-shadow:0 0 7px rgba(0,0,0,0.1);
  margin:0; 
  flex:1;
}

.product-form-layout-2 .swatch, .product-form-layout-2 .selector-wrapper, .product-form-layout-2  .quantity-wrapper { 
  border-top:1px solid rgba(0,0,0,0.2);
  display:flex;
  flex:1;
  flex-wrap:wrap; 
  padding:12px 0; 
}

.product-form-layout-2  .quantity-wrapper .js-qty {
  margin-bottom:0;
  margin-left:5px;
  box-shadow: 0 0 7px rgb(0 0 0 / 10%);
  flex:1;
}


.product-form-layout-2 .swatch .swatch-element {
  margin:5px;
}

.product-form-layout-2 .header, .product-form-layout-2 label, .product-form-layout-2 .quantity-selector {
  display:flex;
  flex:0 0 52%;
  
}

.product-form-layout-2 .form-infos .quantity-selector {
  margin-bottom:10px;
}
.product-form-layout-2 .header-number {
  display:flex;
  align-items:center;
  justify-content:center;

}
.product-form-layout-2 .cont-badges-star .spr-badge-caption {
 font-size:13px !important; 
}

.product-form-layout-2 .selector-wrapper label, 
.product-form-layout-2 label.quantity-selector, 
.product-form-layout-2 .swatch .header { 
  font-weight:normal; 
}

.product-grid-item .product-form  {
  margin-top:1rem;
}


@media screen and (min-width:750px) {
  .product-form-layout-2 .swatch .swatch-inner {
    flex:1;
    display: flex; 
  }
  .form-actions {
    display:flex;
    align-items:center;
  }
  .text-center .form-actions {
    justify-content:center; 
  }
  .form-actions .js-qty {
    margin:0 15px 0 0; 
  }

  .form-infos {
    display:flex; 
    align-items:center;    
  }

  .form-infos-1-button {
    display:flex;
    align-items:end;
    flex-wrap:wrap;
    gap:1rem;
  }

  .form-infos-1-button .full-width {
    flex:1;  
  }

  .form-infos-1-button .full-width button {
    width:100%;
  }
  
  .form-infos-2-buttons {
    display:block;
  }
  .product-form-layout-1 .form-actions {
    flex:1;
  }
  .product-form-layout-1 .form-infos {
    border-top:none;
    justify-content:flex-start;
  }
  .product-form-layout-1 .quantity-selector {
    margin-right:15px;
  }
  .form-infos .cont-badges-star, .form-infos .product-meta .show-saved-amount-true {
    border-left:1px solid rgba(0,0,0,0.2);
    margin-left:10px;
    padding-left:10px;
    display:flex;
  }
  
  .product-cont-header2 .form-infos * {
    margin-bottom:0; 
  }
  
}
@media screen and (max-width:749px) {
  .product-form-layout-2 .quantity-selector {
    margin-bottom:12px;
  }
}

.shopify-section .section-id-product-template .product-form-layout-2 .form-actions .btn  { 
  font-size:17px !important; 
}

.section-id-advanced-content { overflow:hidden; }

/*============================================================================
#Sections
==============================================================================*/

.shopify-section .custom-content {
  text-align:center;
}

/*============================================================================
#components
==============================================================================*/

/* helper for intersection observer */
#pixel-to-watch {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 100px;
  left: 0;
}

.component-product-rte {
  text-align: center;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin: 2rem 0;
  box-shadow: 0 0 7px rgba(0, 0, 0, .25);
  padding: 2rem;
}
.component-product-rte__title {
  font-size: 110%;
  font-weight: bold;
}
.component-product-rte .btn { 
  flex: 1 0 auto;
  max-width: 200px;
}
@media screen and (min-width: 750px) {
  .component-product-rte {
    flex-direction: row;
  }
  /*.component-product-rte__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:2rem;
    flex-direction: column;
  }*/

}

/* Qty Selector */
.custom-selector-qty {
  color: var(--productQtyColor);
  background: var(--productQtyBgColor); 
  display:flex;
  max-width: 150px;
  justify-content: space-between;
  align-items: center;
  border:1px solid var(--colorBorder);
}

.custom-selector-qty input {
  color: var(--productQtyColor);
}

.custom-selector-qty input::-webkit-input-placeholder, .custom-selector-qty input::-moz-placeholder, 
.custom-selector-qty input:-ms-input-placeholder, .custom-selector-qty input:-moz-placeholder {
  color: var(--productQtyColor);
}

@media screen and (max-width: 749px) {
  .template-cart .custom-selector-qty {
    display:flex;
    max-width: 90px;
  }
}

.custom-selector-qty input {
  border:none;
  text-align: center;
  min-height: auto;
  padding:0;
  width:40px;
  text-align:center;
}

.custom-selector-qty input::-webkit-outer-spin-button,
.custom-selector-qty input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-selector-qty span {
  display: block;
  text-align: center;
  width:40px;
  padding:5px;
  cursor: pointer;
  font-size: 21px;
}

/* Mini cart */
.mini-cart-modal-overlay {
  position: fixed;
  width: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 3000;
  background: rgba(0,0,0,.15);
  display:flex;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
}
.mini-cart-modal {
  z-index: 3001;
  position: fixed;
  visibility: hidden;
  top: 0;
  right: 0;
  visibility: hidden;
  display:flex;
  justify-content: flex-end; 
  align-items: flex-start;
  height: 0;
}
.mini-cart-modal.open, .mini-cart-modal-overlay.open {
  visibility: visible;
  opacity: 1;
}
.mini-cart-modal-overlay.open { 
  height: 100%;
}
#mini-cart-close-modal {
  background: none;
  border: none;
  font-size: 21px;
}
.mini-cart__v2 {
  border:1px solid var(--headerCartBorder);
  background:var(--headerCartBg);
  color:var(--headerCartColor);
  max-height: 100vh;
  flex-wrap: nowrap;
  overflow: auto;
  max-width: 600px;
  min-width: 300px;
  background: var(--headerCartBg);
  transition: all .6s ease-in-out;
  overflow: hidden;
  height: 0;
  padding:0;
  transform: translateY(-200px);
}
.mini-cart__v2.visible {
  overflow: auto;
  height: auto;
  transform: translateY(0);
}
.mini-cart__v2 .h3 {
  display:flex;
  align-items: center;
  gap:7px;
}
.mini-cart__v2 .cart-count {
  position: relative;
  top:0;
}
.mini-cart__header, .mini-cart__items, .mini-cart__footer {
  padding:1rem 1rem 0;
}
.mini-cart__header {
  display: flex;
  justify-content: space-between;
}
.mini-cart__footer {
  text-align: right;
}
.mini-cart__footer span {
  font-weight: bold;;
  font-size: 110%;
}

.mini-cart__items {
  flex-grow: 1;
  flex-basis:0;
  display: flex;
  flex-direction: column;
  max-height: 50vh;
  flex-wrap: nowrap;
  overflow: auto;
}
.mini-cart__item {
  display:flex;
  align-items: center;
  justify-content: space-between;
  gap:10px;
  padding: .5rem 0;
}
.mini-cart__items img {
  height:auto;
  width:10%;
}
.mini-cart__item-title {
  font-size: 15px;
  line-height: 1;
  width:35%;
}
.mini-cart__item-prices {
  width:20%;
  text-align: right;
}
.mini-cart__remove-item {
  background: none;
  border:none;
  font-size: 21px;
  width:5%;
}
.mini-cart-btns {
  margin-top:1rem;
  display: flex;
  gap:0;
}
.mini-cart-btns a {
  border-radius: 0;
  flex:1 0 50%;
  display: flex;
  gap:7px;
  justify-content: center;
}
.title-with-lines {
  box-sizing:border-box; 
  display:flex;
  align-items:center;
}
.title-with-lines::before {
  content:"";
  width:50%;
  height:1px;
  margin-right:10px;
  background:#333;
}
.title-with-lines::after {
  content:"";
  width:50%;
  height:1px;
  margin-left:10px;
  background:#333;
}
@media screen and (max-width: 749px) {
  .mini-cart__items .custom-selector-qty {
    display:flex;
    max-width: 90px;
  }
  .cart-item-1 {
    width:40%;
  }
  .mini-cart__item-title {
    font-size: 12px;
  }
  .custom-selector-qty span {
    width:30px;
    padding:0;
  }
  .mini-cart-btns a {
    font-size: 15px;
    padding-left: var(--gutter-quarter);
    padding-right: var(--gutter-quarter);
  }
}

/* Custom Upsells */
.cart__upsells {
  max-width: 600px;
  margin: 0 auto;
}
.template-cart main .cart__upsells--border {
  border:1px solid #333;
  padding:1rem;
}
.product__upsells {
  padding:1rem;
}
.product__upsells__header {
  text-align: center;
  font-weight: bold;
}
.product__upsell {
  display:flex;
  align-items: center;
  flex-direction: row;
    justify-content: space-between;
  gap:10px;
  padding:1rem 0;
  font-size: 15px;
}
.product__upsell-img img {
  max-width: 35px;
}
.product__upsell__form {
  flex:1 0 20%;
}
.product__upsell a {
  color: initial;
  display:inline-flex;
  line-height:1;
  font-size:12px;
}
.product__upsell select, .product__upsell button {
  margin:0;
  padding:10px;
  min-height: 25px;
  font-size:15px;
}
.product__upsell button {
  margin:7px 0 0 0;
}
.product__upsell .quantity-wrapper {
  display: none;
}
.product__upsell .form-int {
 padding:0;
}
.product__upsell form {
 
  margin:0;
  min-width: 163px;
}

.template-cart .cart__upsells:not(.mini-cart-product) {
  max-width: 100%;
  display: flex;
 
}

.template-cart .cart__upsells .product__upsells {
  width: 100%;
  display: flex;
  column-gap:2rem;
  flex-wrap: wrap;
}
.template-cart .cart__upsells .product__upsells__header {
  flex:1 0 100%;
}

@media screen and (max-width: 749px) {
  .product__upsell:nth-child(n+4) {
    display: none;
  }
  .product__upsell form select {
    font-size:12px;
  }
}

@media screen and (min-width: 750px) {
  .template-cart .cart__upsells .product__upsell {
    display: inline-flex;
    flex: 0 0 49%;
  }
  .template-cart .mini-cart-product {
    max-width: 600px;
  }
  .template-cart .mini-cart-product .product__upsell {
    flex:1 0 100%;
  }
  .product__upsell a {
    font-size:15px;
  }
  .product__upsell__form {
    flex:0 0 30%;
  }
  .product__upsell form {
    min-width: 200px;
  }
  .product__upsell-img img {
    max-width: 65px;
  }
}

/* Read more */
.read-more-btn {
  margin-bottom:2rem;
}
.read-more-btn::before {
  content:"+";
  margin-right:5px;
}
.read-more-btn.active::before {
  content:"-";
  margin-right:5px;
}
div.read-more {
  display:none;
  width: 100%;
}
div.read-more.show {
  display:block;
}

/* back to top */

.toTop {  
  position:fixed;
  bottom:20%;
  right:10px;
  cursor:pointer;
  background: var(--colorBackToTop2);
  color:var(--colorBackToTop1);
  width:42px;
  height:42px;
  font-size:22px;
  line-height:40px;
  text-align:center;
  border-radius:50px; 
}

/* accordion */

.accordion .accordion__title {
  cursor:pointer;
  font-weight:bold;
}
.accordion .collapse {
  max-height:0;
  overflow:hidden; 
}

.accordion .collapse.in {
  max-height:initial;
  overflow:visible;  
}

.accordeon-panel-title {
  text-align: left;
  padding: 7px 0;
  margin: 5px 0;
}
.accordeon-panel-title .fa {
  transition: all 0.4s; 
  float: right;
  opacity: 0.9;
}
.accordeon-panel-title.accordeon-open .fa-chevron-down {
  transform: rotate(180deg);
}

.accordeon-panel-hidden { display:none; text-align:left;}
.accordeon-panel-show { display:block; max-width:100%; }

.rm-wrapper {
  display: none;
}

.rm-btn {
  margin: 10px 0 !important;
}

/*============================================================================
#modules et plugins
==============================================================================*/

.template-index .image-zoom {
  display: block;
  cursor: crosshair;
}

.shopify-challenge__container {
  padding:var(--gutter)
}

.shopify-challenge__container .shopify-challenge__button {
  margin-top:var(--gutter) !important;
} 

/*============================================================================
#featured-box
==============================================================================*/

.featured-box {
  position: relative;
  display: flex;
  flex:1;
  flex-direction:column;
}

.featured-box .featured-box--title {
  color: var(--sectionCollectionColorText);
  text-align: center;
  padding: 10px 15px;
  transition: all 0.3s ease-in;
  z-index: 2;
  left: 0;
  right: 0;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
  background: var(--sectionCollectionColorBg);
}

.featured-box:hover .featured-box--title {
  color: var(--sectionCollectionColorTextHover);
  background: var(--sectionCollectionColorBgHover);
}
@media screen and (max-width: 749px) {
  .featured-box .featured-box--title {
    padding: 6px 10px;
  }
}
.collection-position-title-0 .featured-box .featured-box--title {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /* color: var(--sectionCollectionColorText); */
  bottom: auto;
  margin: 0 10px;
}
.collection-position-title-1 .featured-box .featured-box--title {
  position: relative;
  margin: 0;
   /*color: var(--sectionCollectionColorText); */
}
.collection-position-title-2 .featured-box .featured-box--title {
  display: none;
}
.collection-position-title-3 .featured-box .featured-box--title {
  position: absolute;
  text-align: left;
  top: 10px;
  left: 10px;
  right: auto;
  bottom: auto;
}
.collection-position-title-4 .featured-box .featured-box--title {
  position: absolute;
  text-align: right;
  top: 10px;
  left: auto;
  right: 10px;
  bottom: auto;
}
.collection-position-title-5 .featured-box .featured-box--title {
  position: absolute;
  top: 10px;
  /*color: var(--sectionCollectionColorText); */
  bottom: auto;
  margin: 0 5%;
}
.collection-position-title-6 .featured-box .featured-box--title {
  position: absolute;
  top: auto;
  bottom: 20px;
  margin: 0 10px;
}
.collection-position-title-7 .featured-box .featured-box--title {
  position: absolute;
  text-align: left;
  top: auto;
  left: 10px;
  right: auto;
  bottom: 20px;
}
.collection-position-title-8 .featured-box .featured-box--title {
  position: absolute;
  text-align: right;
  top: auto;
  left: auto;
  right: 10px;
  bottom: 10px;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}
.featured-box img, .featured-box svg {
  display: flex;
}
/*.featured-box:hover img {
  transition: all 6s ease-in-out;
  transform:scale(1.1) rotate(-0.5deg);
}*/
.cont-featured-box {
  margin-bottom: 15px;
  padding: 10px 0;
  max-width: 588px;

}
.cont-featured-box-no-qty {
  margin-top: 0;
  padding: 10px 0;
}

/*============================================================================
#Sliders
==============================================================================*/
/*.slick-slider {
  display:none;
}
.slick-initialized {
  display:block;
}
.slick-slider * {
  opacity:0;
}
.slick-initialized * {
  opacity:1; 
}*/

.slider video, .slider iframe {
  max-width:100%; 
}
.slick-slide, .slick-slide * { outline:none ; }

.slick-slide {
  position:relative; 
  margin:0;
  overflow:hidden;
} 

.grid-uniform .slick-slide, .cont-slider .slick-slide  { 
  padding:8px;
} 

.slick-prev, .slick-next {
  border:none;   
  cursor:pointer;
  position:absolute;
  transform: translateY(-48%);
  top: 48%;
  left:-15px;
  background:none;
  width:48px; 
  font-size:0;
  z-index:10;
}

.slick-prev:after, .slick-next:after {
  font-family: FontAwesome;
  font-display: "swap";
  display:block;   
  color: var(--slider_angle);
  font-size:65px;
}

.slick-prev.slick-disabled, .slick-next.slick-disabled {
  display:none !important;
}
.slick-prev {
  left:0;
}

.slick-prev:after {
  content: "\f104";
}
.slick-next {  
  left:auto;
  right:0; 
}
.slick-next:after {
  content: "\f105";
}

.slick-dots {
  padding:10px 0;
  display:flex; 
  justify-content:center; 
  flex-wrap:wrap;
}
.slick-dots li {
  margin:0 4px;
}
.slick-dots button {
  position:relative;
  font-size:0;
  width:20px;
  height:20px;
  background:none;
  border:none;
  text-align:center;
  padding:0;

}
.slick-dots button:before {  
  font-size: 30px;
  line-height: 20px;
  display: inline;
  top: 0;
  content: "•";
}

/* section slideshow */

.slideshow {
  animation-delay: .4s; 
  animation-duration: .8s; 
  animation-fill-mode: both;
  animation-name: fadeInSF;
}
.slider-product-thumbnails {
  margin:0 -5px;
}
.grid-content .slider-product-thumbnails .slick-slide {
  cursor: pointer;
  padding:5px !important;
}
.slider-product-thumbnails .slick-slide img {
  opacity: 0.7;
}
.slider-product-thumbnails .slick-current img {
  opacity: 1;
}
.slider-product-thumbnails .slick-prev:after, .slider-product-thumbnails .slick-next:after {
  font-size: 25px;
}

.slick-vertical .slick-prev, .slick-vertical .slick-next {
  position:relative;
  width:100%;
  text-align:center;
  transform: translateY(0) rotate(90deg);
  top: auto;
  height:25px;
  overflow:hidden;
}
.sslick-vertical .slick-prev:after, .slick-vertical .slick-next:after {
  display:inline-block;
}
.slider-container .slider-product-thumbnails {
  width: 16.633%;
  padding-right: 5px;
}
.slider-container .slider-product {
  width: 83.366%;
}

.cont-slider {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.cont-slider .form-grid {
  text-align: center;
}

.cont-slider .addToCart, .cont-slider .addToCartBis, .cont-slider .addToCart2, .cont-slider .addToCart, .cont-slider .form-grid-btn {
  margin: 0 auto;
  display: block;
  font-size: 14px;
}
.cont-slider .cont-atc .addToCart, .cont-slider .cont-atc .addToCartProduct {
  display: block;
}
.cont-atc-2 .btn {
  width:100%;
}
@media screen and (max-width: 749px) {
  .cont-slider .cont-atc .addToCart, .cont-slider .cont-atc .addToCartProduct {
    font-size: 80%;
  }
}
.cont-slider h3 {
  font-size: 17px;
}
.cont-slider .grid-uniform:after {
  display: none;
}
.cont-slider .grid-uniform * {
  clear: none;
}


@media screen and (max-width: 1023px) {
  .slider-product-thumbnails {
    display: none;
  }
  .slider-container .slider-product {
    width: 100%;
  }
}


.zoom {
  font-size: 1.3vw;
  transition: transform 0s linear;
}

.zoomImg {
  min-width:515px ; 
  min-height:515px ; 
}

.modal-container-image {
width:100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height:100vh;
  z-index:10000;
}
/*
.modal-container-image::after {
content:"";
display:block;
position:fixed;
top:50vh;
background:#000;
height:50vh;
width:100%;
}*/
.modal-container-image img {
  width: initial;
  flex: 1 0 200%;
  max-width: 1000px;
  max-height: 100%;
  height: auto;
}

/* Ajoute des styles pour la barre de défilement */
.modal-container-image::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.modal-container-image::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
}

.modal-container-image::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}

.modal-container-image button {
  position: fixed;
  top: 10px;
  right: 10px;
  background-color: transparent;
  color: white;
  border: none;
  font-size: 21px;
  width:30px;
  height:30px;
  display:flex;
  justify-content:center;
  cursor: pointer;
  color:var(--colorBody);
  border-radius:50px;
  background:var(--colorTextBody);
}



.logo-link {
  overflow:hidden;
  color:var(--headerText);
  text-align:center;
  font-size:140%;
}

#break-desc { overflow:hidden; }

@media screen and (min-width: 1024px) {
  .mega-menu-on {
    display:none ;
  } 
}

.template-product .cont-content {
  overflow:hidden; 
}

@media screen and (max-width: 360px) {
  .template-product .product-meta .h1 {
    font-size:19px ;
  }
  .inline-list li {
    line-height:inherit; 
  }
  .template-product .product-meta .h1 s {
    font-size:14px ;
  }  
}

/*============================================================================
#Swatches
==============================================================================*/



@media screen and (max-width: 749px) {
  
}
.swatch { 
  margin:5px 0; 
}
.swatch .header,
.quantity-selector, .selector-wrapper label {
  font-weight:bold;
  margin: 0.5em 0;
  color:var(--variantLabel);
}
.swatch .swatch-inner {
  display:flex;
  align-items:center;
  flex-wrap: wrap;
}
.text-center .swatch .swatch-inner {
  justify-content: center; 
}
.swatch input { 
  display:none;
  margin:0;
  padding:0;
  float:left;
}
.swatch label {
  -webkit-border-radius:2px;
  -moz-border-radius:2px; 
  min-width:30px ;  
  margin:0; 
  color:var(--swatchBtnColor);
  border:var(--swatchBtnBorderColor) 1px solid;
  background-color:var(--swatchBtnBgColor);
  border-radius: var(--btnBorderRadius);    
  text-align:center;
  line-height:inherit;
  text-transform:uppercase;
}
.swatch-element label { 
  display:inline-flex;
  line-height:initial;
  padding:6px 10px; 
  box-shadow:var(--variant-box-shadow);
}  

.swatch-element label.disabled {
  opacity:.5;
}
.swatch-element label.disabled:hover {
  cursor: not-allowed;
}
.color.swatch-element label { padding:0; }

.swatch input:checked + label {
  color:var(--swatchBtnColorHover);
  border:var(--swatchBtnBorderColorHover) 1px solid;
  background-color:var(--swatchBtnBgColorHover);
  margin:0; 
} 

.swatch .swatch-element {  
  margin:0px 10px 10px 2px;
  position:relative;
}
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; opacity: .7; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch label.disabled .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); 
  -khtml-opacity: 0.6;      
  -moz-opacity: 0.6;       
  opacity: 0.6; 
  cursor: not-allowed;      
}

.swatch .tooltip {
  text-align:left;
  background:#404040;
  line-height:inherit;
  color:#fff;
  font-size:14px;
  bottom:100%;
  padding: 5px 10px;
  display:block;
  position:absolute;
  width:88px; 
  margin-bottom:15px;
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;   
  transform: translateY(10px); 
  transition: all .25s ease-out;  
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 1000; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid #404040 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:27%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2;
  color:#333;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}


@media screen and (max-width: 749px) {
  .swatch .swatch-element {
    margin:4px ;      
    white-space: normal;
  }
  .swatch .swatch-element label {   
    text-transform:initial;
  }
  .swatch .swatch-element label img {   
    max-width:90px;
  }
}

/*============================================================================
#Product Page
==============================================================================*/

.cont-photos { 
  margin:0 auto; 
  max-width:800px; 
}

@media screen and (min-width: 750px) {   
  .cont-photos { 
    padding-right:3rem;
  }
}

.cont-photos .slideshow { 
  overflow:hidden; 
}

/*================ Select fields ================*/
.no-js .product-variants {
  display: block;
}
.selector-wrapper label, label.quantity-selector { font-weight:bold; }


.text-center label.quantity-selector { display:none; }
@media screen and (min-width: 1024px) {
  .selector-wrapper,
  .product-variants select {
      max-width: 380px;
  }
}

.badges-center {
  text-align:center; 
}
.wrapper1 {
  padding:calc(var(--gutter) / 2) 0;
}
.wrapper1, .wrapper2 {
  clear:both;
  overflow:hidden;
}

.product-meta s {
  font-size:0.8em; 
  margin-top:-3px;
}

.discount-table th, .discount-table td {
  padding:5px 10px; 
}
.discount-table th p, .discount-table td p {
  margin:0;
}

/*================ Product details ================*/
#productPrice {
  font-size: 32px;
  margin-bottom: 0;
}

.product-meta {
  margin-bottom: 5px;
}
.product-meta-info * {  
  font-size:14px;
  flex:1;
 }

.product-meta-info a {
 color:inherit;
 font-size:14px;
}
.product-meta-info:after, .product-meta-info a:after {
  content:"-";
  margin:0 3px;
  display:inline-block;
}
.product-meta-info:last-child:after {
  display:none;
}

.product-meta .product-meta--review {
  display: block;
}
.product-meta span {
  margin-bottom: 0;
}
@media screen and (min-width: 750px) {
  .product-meta {
    display: flex;
    align-items: center;
  }
  .product-meta .product-meta--review {
    display: flex;
    border-left: 1px solid rgba(0,0,0,.2);
    margin-left: 1rem;
    padding-left: 1rem;
    padding-right: 0;
  }
}

.text-center .product-meta {  
  justify-content:center;
}

.product-meta .h1 {
  color:var(--colorPrice2);
  margin-right:10px;
}

.product-item--price .product-item--sale-price, .template-cart .main-content span.h5, .product-meta .h1 {
  color:var(--colorPrice);  
}

.product-meta .h1 s, .product-item--price s, .product-item--price s .product-item--sale-price, .product-item--price s small,  .template-cart .main-content span.h5 s  {
  color:var(--colorPrice2);
}

@media screen and (min-width: 750px) {
  .product-item--price .product-item--sale-price, .template-cart .main-content span.h5, .product-meta .h1 {
    font-size:var(--priceFontSize);
  }
  .product-meta .h1 s, .product-item--price s, .product-item--price s .product-item--sale-price, .product-item--price s small,  .template-cart .main-content span.h5 s  {
    font-size:var(--priceFontSizeSmall);
  }
}


.sale-tag {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 5px 7px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  border-radius: 0;
  vertical-align: text-bottom;
  color: var(--colorPriceText);
  background:var(--colorPriceBg); 
}

.grid-uniform .sale-tag, .cont-slider .sale-tag {
  opacity: 0;
}
@media screen and (max-width: 749px) {
  .sale-tag {
    padding: 5px 3px;
    font-size: 12px;
  }
}
.image-border-radius-true .sale-tag {
  padding: 10px 15px 5px 15px;
  font-size: 13px;
}
.sale-tag sup {
  display: none;
}
.sale-tag.large {
  font-size: 16px;
  padding: 0px 8px;
}
.sale-tag.has-reviews {
  margin-bottom: 8px;
}
.grid-uniform .grid-item:hover .sale-tag, .slick-list .slick-slide:hover .sale-tag {
  opacity: 0.9; 
  transition: all 0.2s ease;
}
.product-meta .sale-tag {
  position: relative;
  display: flex;
  column-gap: 7px;
  padding:5px 7px;
  margin-top: 0;
  margin-bottom: 0;
  line-height:1;
}
@media screen and (max-width: 749px) {
  .grid-uniform .grid-item .sale-tag {
    font-size:12px;
    
    opacity: 0.9;
    display: block;
  }
}

.badge {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  margin-top: 0px;
  text-align: left;
  z-index: 1;
}

.badge-label {
  display: inline-block;
  margin: 0 auto;
  padding: 7px 15px;
  font-size: 16px;
  font-weight: bold;
  background:var(--colorPriceBg) ;
  color:#fff ;
  text-transform: uppercase;
  border-radius: 0px;  
}
.badge--sold-out {
  top: 47%;
  position:absolute;
  z-index:100;
  width: 100%;
  margin-top: 0px;
  text-align: center;
}
.badge--sold-out .badge-label, .no-stock {
  background:var(--colorError) ;
  color:#fff ;
}
.sold-out .badge--sold-out {
  display: block;
}
.badges {
  margin:10px 0;  
  clear:both;
}
.badges img {
  max-width:100%; 
}
@media screen and (max-width:749px) {
  .badges img {
    width:100%; 
  }
}

.badge-promo, .badge-new {
  position: absolute;
  text-align: center;
  opacity: 0.9;
  z-index: 200;
  font-size:14px;
  top: 0;
  left: 0;
  padding: 7px 8px;
  color: var(--colorPriceText);
  background: var(--colorPriceBg);
  padding: 5px;
  font-weight: normal;
  text-transform: uppercase;
}
.badge-promo.position-left, .badge-new.position-left {
  left: 0;
  right: auto;
}
.badge-promo.position-right, .badge-new.position-right {
  left: auto;
  right: 0;
}
@media screen and (max-width: 749px) {
  .badge-promo, .badge-new {
    font-size: 12px;
    padding: 5px;
  }
} 

.product-grid-image--centered a { overflow:hidden; display:block; }
.show-saved-amount-false.show-saved-percent-false .sale-tag { display:none !important; }

.product-meta .show-saved-amount-false .save-text, .product-meta .show-saved-amount-false .price-sale2 {
  display:none;
}
.product-meta .show-saved-amount-true .save-text, .product-meta .show-saved-amount-true .price-sale2 {
  display:inline;
}
.product-meta .show-saved-percent-false .price-saving-percent {
  display:none;
}
.product-meta .show-saved-percent-true .price-saving-percent {
  display:inline;
}
.product-meta .show-saved-amount-true {
  display:flex ; 
}
.amount-percent-true .product-meta .show-amount .sale-tag, 
.amount-percent-false .product-meta .show-amount .show-saved-amount-true .sale-tag,
.amount-percent-true .product-meta .show-amount, 
.amount-percent-false .product-meta .show-amount .show-saved-amount-true {
  display:table-cell ;
}
.amount-percent-true .product-meta .hide-amount .sale-tag, 
.amount-percent-false .product-meta .hide-amount  .sale-tag,
.amount-percent-true .product-meta .hide-amount, 
.amount-percent-false .product-meta .hide-amount  {
  display:none ;
}

/*================ Notice of < 10 items left ================*/
.variant-quantity {
  display: none;
  color: var(--colorBtnPrimaryText);
  line-height: 34px;
  padding: 4px 12px ;
}
.variant-quantity.is-visible {
  display: inline-block;
}

/*================ Product photos ================*/

.grid .cont-photos {
  margin-bottom:16px;
}
.text-center.cont-photos .my-tab {  
  text-align:left !important;
}

.product-photo-container {
  margin-bottom: 5px;
  max-width: 100%;
}

.product-photo-container.zoom:hover {
  cursor:crosshair;
}
.product-photo-container.video-play:hover {
  cursor:pointer;
}
.product-photo-thumbs {
  display: flex;
  justify-content: center;
}

.product-photo-container a, .product-photo-thumbs a, .product-photo-container img, .product-photo-thumbs img {
  display: block;
  margin: 0 auto;
  z-index:-1;
  position:relative;
  width:100%;
}
.product-photo-container li, .product-photo-thumbs li {
  margin-bottom: var(--gutter);
}
@media screen and (min-width: 1024px) {
  .image-zoom {
    display: inline-block;
    cursor: crosshair;
  }
}
/*============================================================================
#Reviews - Product Reviews - Alireviews - Ryviu etc
==============================================================================*/

.break-reviews, .break-1 {
  padding: 15px 0 0 0;
  overflow: hidden;
  clear: both;
}
.desc-col #tab-4 .spr-review {
  width: 100%;
  margin: 0 0 10px 0;
  height: auto;
  min-height: auto;
}
a[href='#looxReviews'] {
  text-decoration: none;
  margin-top: -1rem;
  display: flex;
  margin-bottom: 0.8rem;
}

/*============================================================================
#Custom Content
==============================================================================*/

.custom-content {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  width: auto;
}
.custom__item {
  flex:1;
  display: flex;
  justify-content: center;
  align-items: center; 
}

@media screen and (max-width: 749px) {
  .custom__item {
    flex: 1 0 100%;
    padding-left: 12px ;
    padding-right: 12px ;
    margin-bottom: 12px ;
  }
  .custom__item.small--one-half {
    flex: 1 0 50%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }  
}
.custom__item-inner {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 100%;
}

.container {
  display: flex;
  align-items:flex-start;
  width: 100%;
  margin: 0 auto;
  flex-wrap: wrap;
  
}

.container-grid {
  padding:calc(var(--gutter) / 2) 0;
}

@media(min-width:750px){
  .container-grid {
    padding-top:var(--gutter);
  }
  .advanced-content .one-quarter, .advanced-content .large--one-quarter {
    width: 25%;
  }
}

/*============================================================================
#Blank States 
==============================================================================*/

.placeholder-svg {
  display: block;
  fill: var(--color-blankstate);
  background-color: var(--color-blankstate-background);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid var(--color-blankstate-border);
}
.placeholder-noblocks {
  padding: 40px;
  text-align: center;
  max-width: 100%;
  fill: var(--color-blankstate);
}
.placeholder-noblocks.slide-link {
  background-color: var(--color-blankstate-background);
}
.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  background-color: var(--color-blankstate-background);
}
.placeholder-background .icon {
  border: 0;
}
.placeholder-background.imagebox {
  background-color: var(--colorSecondary);
}
.placeholder-background.imagebox svg.placeholder-image {
  border: 0px;
  align-self: center;
  width: 100%;
  height: 100%;
}
.image-bar__content .placeholder-svg {
  position: absolute;
  top: 0;
  left: 0;
}

/*============================================================================
#Apps
==============================================================================*/
.delivery-date {
  flex:1;
  display: flex;
  gap:1rem;
  align-items: center;
  margin:var(--gutter-half) 0;
}
.delivery-date p {
  margin:0;
}
.delivery-date span {
  font-weight: bold;
}

/*============================================================================
#Specials effects
==============================================================================*/
/* faceinleft */
.fadeInLeft {
  -webkit-animation-name: SFfadeInLeft;
  animation-name: SFfadeInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes SFfadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes SFfadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
} 

/* fadeInRight */
.fadeInRight {
  -webkit-animation-name: SFfadeInRight;
  animation-name: SFfadeInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes SFfadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes SFfadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
} 

/* fadeinup */
.fadeInUp {
  -webkit-animation-name: SFfadeInUp;
  animation-name: SFfadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes SFfadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes SFfadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
} 
/* fadeindown */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes SFfadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* fadeindown */
@-webkit-keyframes SFfadeInDown2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-120px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(-50px);
  }
}

@keyframes SFfadeInDown2 {
  0% {
    opacity: 0;
    transform: translateY(-120px);
  }
  100% {
    opacity: 1;
    transform: translateY(-50px);
  }
}
.zoomIn {
  -webkit-animation-name: SFzoomIn;
  animation-name: SFzoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes SFzoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  50% {
    opacity: 1;
  }
} 
@keyframes sfZoomOut {
  0% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform:  scale3d(1.1, 1.1, 1.1); 
  }

  50% {  
    -webkit-transform: scale3d(1, 1,1);
    transform:  scale3d(1,1,1);
  }
} 
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes SFzoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
} 
.zoomInLeft {
  -webkit-animation-name: SFzoomInLeft;
  animation-name: SFzoomInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes SFzoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes SFzoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: SFzoomInRight;
  animation-name: SFzoomInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes SFzoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes SFzoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
} 
.zoomInUp {
  -webkit-animation-name: SFzoomInUp;
  animation-name: SFzoomInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes SFzoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes SFzoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
} 

@-webkit-keyframes rightEnd {
  0% {
    left: 0;
  }

  50% {
    left: -15px;
  }

  100% {
    left: 0;
  }
}
@keyframes rightEnd {
  0% {
    left: 0;
  }

  50% {
    left: -15px;
  }

  100% {
    left: 0;
  }
}
@-webkit-keyframes topEnd {
  0% {
    top: 0;
  }

  50% {
    top: -15px;
  }

  100% {
    top: 0;
  }
}
@keyframes topEnd {
  0% {
    top: 0;
  }

  50% {
    top: -15px;
  }

  100% {
    top: 0;
  }
}
@-webkit-keyframes leftEnd {
  0% {
    left: 0;
  }

  50% {
    left: 15px;
  }

  100% {
    left: 0;
  }
}
@keyframes leftEnd {
  0% {
    left: 0;
  }

  50% {
    left: 15px;
  }

  100% {
    left: 0;
  }
}
@-webkit-keyframes bottomEnd {
  0% {
    bottom: 0;
  }

  50% {
    bottom: -15px;
  }

  100% {
    bottom: 0;
  }
}
@keyframes bottomEnd {
  0% {
    bottom: 0;
  }

  50% {
    bottom: -15px;
  }

  100% {
    bottom: 0;
  }
}

@-webkit-keyframes shake2 {
  0% { transform:translate(0,0);-webkit-transform:translate(0,0) }
  2.0979% { transform:translate(5px,0);-webkit-transform:translate(5px,0) }
  4.1958% { transform:translate(0,0);-webkit-transform:translate(0,0) }
  6.29371% { transform:translate(5px,0);-webkit-transform:translate(5px,0) }
  8.39161% { transform:translate(0,0);-webkit-transform:translate(0,0) }
  10.48951% { transform:translate(5px,0);-webkit-transform:translate(5px,0) }
  12.58741% { transform:translate(0,0);-webkit-transform:translate(0,0) }
  100% { transform:translate(0,0);-webkit-transform:translate(0,0) }
}

/* fadein */
.fadeInSF {
  animation-name: fadeInSF;
  -webkit-animation-name: fadeInSF;

  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;

  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;

  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.fadeInFast {
  animation-name: fadeInFast;
  -webkit-animation-name: fadeInFast;

  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;

  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;

  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

@keyframes fadeInSF {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInSF {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeInDown {
  -webkit-animation-name: SFfadeInDown;
  animation-name: SFfadeInDown;
}
.fadeInDown2 {
  -webkit-animation-name: SFfadeInDown2;
  animation-name: SFfadeInDown2;
}
.shopify-payment-button__more-options { visibility:visible ; }

/*============================================================================
#hacks menage
==============================================================================*/

.quantity-visibility { display:none ; }
.quantity-show { display:inline-block ; }
@media screen and (min-width: 750px) {
  body .dynamic-checkout__content .shopify-cleanslate *:not(<style>) { 
    float:right ; text-align:right ; 
    display:flex ; justify-content: flex-end; 
  }
}

.dynamic-checkout__content { display:none ; }


.additional-checkout-buttons {
  padding-top:15px;
}

/*============================================================================
Helpers
==============================================================================*/

.section-spaced {
  margin-top:var(--section-spaced);
}

.newsletter-section .section-spaced {
  margin-top:var(--section-spaced);
}

@media only screen and (max-width:749px) {
 .section-spaced {
    margin-top: calc(var(--section-spaced) / 2);
  }
}

.spacing-0 {
  padding-top: 1px;
  padding-bottom: 1px;
  transition: all 0.15s ease-in-out;
}

.spacing-1 {
  padding-top: 3px;
  padding-bottom: 3px;
  transition: all 0.15s ease-in-out;
}

.spacing-2 {
  padding-top: 6px;
  padding-bottom: 6px;
  transition: all 0.15s ease-in-out;
}

.spacing-3 {
  padding-top: 9px;
  padding-bottom: 9px;
  transition: all 0.15s ease-in-out;
}

.border-radius-none {
  border-radius:0 !important;
}

.gutter { 
  padding:var(--gutter); 
  margin:0 !important; 
}
.full-page .wrapper { 
  max-width:100%; 
}
.full-page .grid-content, .full-page .desc-full,
.full-page .cont-avis {
  max-width:var(--page-width); 
  margin:0 auto;
}

.full-width { width:100%; clear:both; }
.full-height { height:100%; }


@media only screen and (max-width:749px) {
  .full-width button { margin-top:1.5rem; } 
}

.mt-1 { margin-top:1rem !important; }
.mt-2 { margin-top:2rem !important; }
.mb-1 { margin-bottom:1rem !important; }
.mb-2 { margin-bottom:2rem !important; }
.mb-none { margin-bottom:0 !important; }
.no-marge {
  margin: 0 !important;
}

.no-content {
  width:100%;
  text-align:center;
  padding:25px !important; 
}

.flex-align-baseline {
  align-items:baseline !important;;
}
.flex-align-start {
  align-items:flex-start !important;
}

.vertical-align-true {
  align-self:center;
}

.large--hide { display: none !important;}
@media only screen and (max-width: 749px) {
  .large--hide { display: block !important; }
}
.block-center { margin:0 auto !important;  }
.left { float: left !important; }
.right { float: right !important; }
.text-left { text-align: left !important; }
.text-center { text-align: center !important;  }
.text-right { text-align: right !important; }
.flex-center { 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;  
}
.hidden { display: none !important; }
.br-none { border-radius:0 !important; }
.text-light {
  color: var(--colorTextBody );
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.elem-hidden {
  font-size:0;
  display:none ;
}
.no-pc {
  display:block; 
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

@media only screen and (min-width: 750px) {
  .display-flex { display:flex; align-items:center; }
}
@media screen and (max-width: 1023px) {
  .hide-mobile {
    display:none;
  }
}
@media screen and (max-width: 749px) {
  .small--hide {
    display:none;
  }
}
.sf-th-v {
  z-index:9999;  
}
.sf-th-v button {
  background:none;
  border:none;
}
#sflc { display:none; }

.strong {
  font-weight:bold;
}

.border-top {  
  padding-top:12px;
  border-top:1px solid rgba(0,0,0,0.2); 
}

.shortcode {
  clear:both;
  overflow:hidden;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.simulate-link {
  cursor:pointer;
}

/* #wow */
 


.shopify-policy__container {
  padding:var(--gutter) 0; 
  max-width: 1170px;
}
.shopify-policy__title {
  text-align:left;
}

.localization { 
  gap:1rem;
  padding:1rem 0;
  margin:0; 
  justify-content:center;
}

@media screen and (max-width: 749px) {
  .localization {    
    justify-content:center;
  }
}

.shopify-localization-form  {
  margin:0;
}
.shopify-localization-form .disclosure__button { 
  position:relative; 
  padding: 10px 30px 10px 15px;
  border:1px solid #333;
}
.shopify-localization-form .icon-caret {
  position: absolute;
  content: '';
  height: 0.6rem;
  right: 1rem;
  top: calc(50% - 0.2rem);
}
.disclosure { 
  position:relative; 
}
.disclosure__button[aria-expanded='true'] .icon-caret {
  transform: rotate(180deg);
}
.disclosure__list { 
  min-width:240px;
  background:#FFF;
  position:absolute;
  bottom:40px;
  left:0;
  margin:0;
  padding:1rem 2rem;
  border:1px solid #333;
  max-height:300px;
  overflow:auto;
}
.disclosure__list a { 
  color:#333; 
  font-size:12px; 
}

.slick-slide img {
  width: 100%;           
  object-fit: cover;      
  display: block;
}


.stock-status {
  padding:1rem 0;
  font-weight:600;
  color:#0db299;
  display: flex;
  gap:1rem;
  align-items: center;
}


.stock-status p, .stock-status .metafield-rich_text_field {
  margin:0;
  padding:0;
}
.stock-status svg {
  color:#0db299;
}

.delivery-status {
  margin:1rem 0 2rem 0;
  padding:1rem 1rem 1rem 1.5rem;
  background: #F3F4FF;
  border-radius:10px;
  border-left:3px solid #333;
  display: flex;
  gap:1rem;
  align-items: center;
}
.delivery-status p {
  margin:0;
  padding:0;
}

.se_reviews-slider {
  position: relative;
  width: 100%;
  margin-bottom:3rem;
  max-width: 500px;
  overflow: hidden;
  border-radius: 10px;
  background:#F3F3F3;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.se_reviews-inner {
  display: flex;
  width: 100%;
  transition: transform 0.4s ease-in-out;
}

.se_reviews-slide {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 3rem 0.5rem 3rem;
  box-sizing: border-box;
}

.se_reviews-avatar {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.se_reviews-content {
  flex: 1;
}

.se_reviews-name {
  font-weight: bold;
}

.se_reviews-stars {
  margin-top:0.3rem;
  color: gold;
  font-size: 14px;
}

.se_reviews-text {
  font-size: 14px;
  margin-top: 0.25rem;
}

.se_reviews-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); 
  background:none;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  font-weight: bold;
  z-index: 10;
  font-size:24px;
}


.se_reviews-arrow-left {
  left: 0px;
}

.se_reviews-arrow-right {
  right: 0px;
}
.accordion__title {
  font-weight:bold;
}
.accordion__icon, .accordion__title svg {
  margin-right:4px !important;
}

.accordion__content {
  padding-left:0 !important;
  padding-right:0 !important;
}

@media only screen and (max-width:749px) {
  .svg-icons {
    min-height:50px;
  }
  .custom-content svg {
    width:50px !important;
    height:50px !important;
  }
}

.container-testimonial .testimonials blockquote {
  display:none;
}
.slider-testimonial .slick-track {
    display: flex;
    align-items: center;
}

.accordion__title {
    font-weight: normal;
}
@media only screen and (min-width: 750px) {
.site-nav--dropdown .site-nav--dropdown {
    display: none;
}
.site-nav--has-dropdown:hover > .site-nav--dropdown {
    display: block;
}
.site-nav--dropdown { 
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease, visibility 0.8s ease;
}
.site-nav--has-dropdown:hover > .site-nav--dropdown {
    opacity: 1;
    visibility: visible;  
}
.site-nav--has-dropdown:hover > .site-nav--dropdown a:hover {
  background:#F5F5F5;
}
.site-nav--has-dropdown:hover > .site-nav--dropdown  .site-nav--dropdown  { 
  position:absolute;
  top:28px;
  left:45%;
  right:-30%;
  z-index:3;
  padding: 1rem 0.5rem;
  box-shadow:0 0 3px rgba(0,0,0,0.3);
  background:#F5F5F5;
}
.site-nav--has-dropdown:hover > .site-nav--dropdown  .site-nav--dropdown a {
  font-size:90%;
}
.site-nav--dropdown .site-nav--has-dropdown > a {
  display:block;
   width:100%;
   position: relative;
   padding-right: 20px;
  
}
.site-nav--dropdown .site-nav--has-dropdown > a::after {
   content: "\f107";
   font-family: 'FontAwesome'; 
   position: absolute; 
   top: 50%;
   right: 15px; 
   transform: translateY(-50%);
   font-size: 12px;
}
.site-nav--dropdown .site-nav--has-dropdown.nav-hover > a::after {
  transform: translateY(-50%) rotate(180deg); 
}
}