<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/** Shopify CDN: Minification failed

Line 1396:7 Unexpected ")"
Line 8901:2 Expected identifier but found "*"

**/
/* 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;cursor:hand}.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}
/*.slick-slider {
  touch-action: auto !important;
  -ms-touch-action: auto !important;
}
*/
/*================ Fonts ================*/

/*============================================================================
#Variables &amp; Fonts -- snippets - css-variables
==============================================================================*/

/* @import url("variables.css"); */
/*============================================================================
#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; 
}

/*============================================================================
#Grid Setup
==============================================================================*/

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

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

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

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

/* Thirds */
.one-third, .large--one-third {
  width: 33.33333%;
}

.two-thirds, .large--two-thirds {
  width: 66.66667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

/*============================================================================
Helper Classes
==============================================================================*/
.full-page .wrapper { 
  max-width:100%; 
}
.full-page .grid-content, .full-page .desc-full,
.full-page .cont-avis, .full-page .cont-related {
  max-width:1170px; 
  margin:0 auto;
}

.full-width { width:100%; }

.mt-1 { margin-top:12px !important; }
.mt-2 { margin-top:24px !important; }
.mb-none { margin-bottom: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;
}

.large--hide { display: none !important;}
@media only screen and (max-width: 767px) {
  .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; }
.hidden { display: none !important; }
.br-none { border-radius:0 !important; }
.text-light {
  color: var(--color-text-body );
}

.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: 768px) {
  .display-flex { display:flex; }
}
@media screen and (max-width: 1023px) {
  .hide-mobile {
    display:none;
  }
}
@media screen and (max-width: 767px) {
  .small--hide {
    display:none;
  }
}

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

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

.ajaxifyCart--add {
  background-position: center center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIxNTJBNEY1NDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIxNTJBNEY2NDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUU4MjYyOEE0NjU3MTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjE1MkE0RjQ0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6VbCy4AAAAWklEQVR42mJsampigAIeIH4GZUsB8RcQg4UBAUACvEhsBpgCkE5GKA0DklBF/0EKXgExJwMqgFn1nYmBAACZIIZkBbojwVbAHPQZSeNzZBOQvfkZiQ3WCBBgALZlEm83dptmAAAAAElFTkSuQmCC);
}

.ajaxifyCart--minus {
  top:-2px;
  background-position: center center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIxNTJBNEZENDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIxNTJBNEZFNDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjE1MkE0RkI0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjE1MkE0RkM0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6MzbYiAAAALElEQVR42mL6//8/Az7MxEAAEFTA2NTU9A1Ic+KQ/07YBJBDKHIDQQUAAQYAbksecMSS2doAAAAASUVORK5CYII=);
}

.ajaxifyCart--close {
  position: absolute;
  top: 12px;
  right: 5px;
  font-size: 24px;
  opacity: 0;
  visibility: hidden;
  border: 0 none;
  cursor: pointer;
}
.is-visible .ajaxifyCart--close {
  opacity: 0.8;
  visibility: visible;
}
.ajaxifyCart--close:hover {
  opacity: 1;
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .ajaxifyCart--add {
    background-size: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFODI2Mjg4NDY1NzExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFODI2Mjg5NDY1NzExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUU4MjYyODY0NjU3MTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUU4MjYyODc0NjU3MTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Q1IXcAAAAL0lEQVR42mJsampiwAH+o/EZsSliYqAQjBrAwMCCJbSJjZXhFAaMoylxgA0ACDAAufIFqTR3duwAAAAASUVORK5CYII=);
  }

  .ajaxifyCart--minus {
    background-size: 8px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIxNTJBNEY5NDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIxNTJBNEZBNDY1OTExRTM4ODdCODU0OEQ4MDA1MjgwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjE1MkE0Rjc0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjE1MkE0Rjg0NjU5MTFFMzg4N0I4NTQ4RDgwMDUyODAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz54TqQaAAAAKElEQVR42mL8//8/AyWAiYFCMGoAAwNLc3Pz/xEeBoyjKXEQGAAQYABVgwijPO94YQAAAABJRU5ErkJggg==);
  }
}

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


html, body {
  padding: 0;
  margin: 0;
  background-color: var(--color-body );   
    }
body {  
  padding: 0;
  margin: 0;
  background-color: var(--color-body );  
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 100%;
    }
@media screen and (max-width: 767px) {
  body {    
    background-size: cover;
  }
}

.no-template-index {
  padding:16px 10px; 
}

.wrapper { 
  max-width: var(--siteWidth);
    margin: 0 auto;  
    }
.template-index.size-format-true .wrapper {
  max-width:100%;
}

@media screen and(max-width:749px) {
  .wrapper.no-template-index {
    padding:15px;
  }
}

@media screen and (min-width: 1024px) {
  .grid-border--right {
    border-right: 1px solid var(--colorBorder);
      }
  .grid-border--left {
    border-left: 1px solid var(--colorBorder);
      }
}

/*============================================================================
#Typography
==============================================================================*/
body,
input,
textarea,
button,
select {
  font-size: var(--baseFontSize);
  line-height: 1.6;
  font-family: var(--bodyFontStack), "helvetica", "sans-serif";
  color: var(--color-text-body );
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  border-radius:3px;
}

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

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

h1, .h1, .spr-header-title {
  font-size: 28px;
  margin-bottom: var(--gutter);
}

h2, .h2 { font-size: 24px } 
h3, .h3 { font-size: 21px } 
h4, .h4 { font-size: 19px } 
h5, .h5 { font-size: 17px } 
h6, .h6 { font-size: 1em; } 

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

.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5 {
  color: var(--colorHeaders);
}


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

em {
  font-style: italic;
}

b, strong {
  font-weight: bold;
}

small {
  font-size: 80%;
}

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-size: 1.125em;
  line-height: 1.45;
  font-style: italic;
  margin: 0 0 var(--gutter);
    padding: 12px  var(--gutter);
      border-left: 1px solid var(--colorBorder);
        }

blockquote p {
  margin-bottom: 0;
}

blockquote cite {
  display: block;
  font-size: 0.75em;
}

blockquote cite:before {
  content: "\2014 \0020";
}

/*================ Code ================*/
code, pre {
  background-color: #faf7f5;
  font-family: Consolas,monospace;
  font-size: 1em;
  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) auto;  
  max-width:1170px;
}

hr.hr--small {
  margin: 12px  0;
}

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

/*================ Section Headers ================*/
.section-header {
  
  width: 100%;
}
.template-index .section-header {
  padding:24px 12px; 
}
.section-header .section-title {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .section-header {
    text-align: center;
    padding:12px;
  }
  .template-index .section-header {
    padding:10px; 
  }
  .section-header .section-title {
    text-align: center;
  }
}
.template-index .section-header {
  justify-content: center;
}
.section-header .h1 {
  color:var(--sectionHeaderColorText);
    }
.section-header .section-header--divider {
   margin: 15px auto; 
}
@media screen and (max-width: 767px) {
  .section-header .section-header--divider * {
    margin: 10px auto;
  }
}
@media screen and (min-width: 1024px) {
  .section-header .h1 {
    margin-bottom: 24px;
  }
  .template-index .section-header {
    display: flex;
    max-width: 1200px;
    justify-content: space-between;
    align-items: center;
    margin: 15px auto;
  }
  .template-index .section-header .h1 {
    margin-bottom: 0;
  }
  .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;
    padding: 10px;
  }
  .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--title {
  margin-bottom: calc(var(--gutter)/2.5);
}

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

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

.collection-view {
  display: none;
  border: 1px solid var(--colorBorder);
    border-radius: var(--radius);
      padding: 11px;
      height: 39px;
      vertical-align: middle;  
      }
.lt-ie9 .collection-view {
  display: none;
}
@media screen and (min-width: 1024px) {
  .collection-view {
    display: inline-block;
  }
}
.collection-view a {
  color: var(--color-text-body );
    display: block;
    float: left;
    opacity: 0.7;
    cursor: pointer;
    line-height: 100%;
    transition: opacity 0.15s ease-out;
    }
.collection-view a + a {
  margin-left: 10px;
}
.collection-view a:hover {
  opacity: 0.9;
  transition: opacity 0.05s ease-in;
}
.collection-view a.collection-view--active {
  opacity: 1;
  cursor: default;
}
.collection-view img {
  display: block;
  opacity: inherit;
}

.collection-view { display:none; }

/*============================================================================
#Rich Text Editor 
==============================================================================*/
.rte {
  margin-bottom: 12px;
}
.rte img {
  max-width: 100%;
  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.5em;
}
.product-description h3, .product-description .h3 {
  margin-top: 1em;
}

.rte h1:first-child, .rte h2:first-child, .rte h3:first-child, .rte h4:first-child, .rte h5:first-child, .rte h6:first-child {
  margin-top: 0;
}
.rte &gt; 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--header {
  margin-bottom: 15px;
}

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

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

button {
  overflow: visible;
}

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

.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: 10px 18px;
  margin: 0;
  line-height: inherit;
  text-decoration: none;
  text-align: center;
  vertical-align: middle; 
  cursor: pointer;
  border: 1px solid transparent;

  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius:3px;
  font-family: var(--accentFontStackBold);
  font-weight: var(--accentFontWeight);
  font-size: 16px;

  
  text-transform: uppercase;
  
  transition: background-color 0.2s ease-out; 
  background-color: var(--colorBtnPrimary);
  color: var(--colorPrimary2);
  filter: brightness(100%);
}
.btn--small { 
   min-height:38px;
   padding: 5px 12px !important;
}

.shopify-payment-button__button--unbranded {
  border: 1px solid transparent ;
 
  width:auto ;
 
 
  text-decoration: none;
  text-align: center;
  vertical-align: middle; 
  cursor: pointer;
 
  
  border-radius: var(--radius);
    font-family: var(--accentFontStack);
      font-weight: var(--accentFontWeight);
        font-size: 16px;
        }

@media(max-width:600px){  
  .btn, input.btn-secondary, .btn-secondary, 
  .shopify-payment-button__button--unbranded, .header-cart-btn, 
  input[type="submit"] {
    padding: 7px 10px;
  }
}

.btn.btn--small {
  padding: 6px 10px;
  font-size: 16px;
}

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

.btn i, .shopify-payment-button__button--unbranded i {    
  color: inehrit;
}
.btn:hover, .shopify-payment-button__button--unbranded:hover {
  background-color: var(--colorBtnPrimaryHover);  
  color: var(--colorPrimary2); 
  filter: brightness(104%) !important;
}

.btn:active, .shopify-payment-button__button--unbranded::active {
  background-color: var(--colorBtnPrimaryActive);
    color: var(--colorPrimary2);
      }  


@media screen and(max-width:767px) {
  .grid-uniform .btn {
    font-size: 14px;
  }
}

.section-btn {
  width:100%;
  text-align:center;
  padding:calc(var(--gutter) / 2) 0 var(--gutter) 0;  
}

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

.cont-add-btns .shopify-cleanslate ._3DL4HVlgeOhG7Paj6K8DqS {
  margin:0 ; 
}



.btn-secondary,
input.btn-secondary {
  background-color: var(--colorBtnSecondary);
    color: var(--colorSecondary2);
      }
input.btn-secondary:hover {
  background-color: var(--colorBtnSecondaryHover);
    color: var(--colorSecondary2);
      }

input.btn-secondary:active {
  background-color: var(--colorBtnSecondaryActive);
    color: var(--colorSecondary2);
      }
input.btn-secondary i {
  color: var(--colorSecondary2); 
    }

#addToCart, #addToCartProduct, #addToCheckout, #addToCheckoutBis, #addToCartBis, #addToCartBis2, 
.addToCart, .add-cart-upsell, .btn-link, .shopify-payment-button__button--unbranded, .shopify-cleanslate ._3DL4HVlgeOhG7Paj6K8DqS {
  font-size:var(--btnAddtocart) ;
    color:var(--colorPrimary2) ;
      background:var(--colorBtnPrimary); 
        border-radius:3px;   
        }

.cont-add-btns { 
  margin-bottom:0px;
 
  clear:both;
  overflow:hidden;
  max-width:588px;
}
@media screen and (min-width:768px) {
  .cont-add-btns {
     padding-top:15px;
    display:flex;
    justify-content: space-between;
  }
}
#cont-form2 .cont-add-btns {
  clear:none;
  padding-top:0;
}

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

.cont-qty-mono {
  margin:0 auto;
  display:block;
}
.btn-link { width:100%; margin-bottom:0; }

.shopify-payment-button__button--unbranded:before, #addToCart:before, #addToCartProduct:before, #addToCheckout:before, #addToCheckoutBis:before, #addToCartBis:before, .addToCart:before, .cart-row button[type="submit"]:before {
  content:"\f07a";
  padding-right:3px;
  display:inline-block;
  position:relative;
  font-family:FontAwesome; 
}
.grid-uniform #addToCart:before {
  display:none; 
}

#addToCart:hover, #addToCartProduct:hover  {
  background:var(--colorBtnPrimaryHover);
    }
#addToCartBis:hover, #addToCart2:hover {
  background:var(--colorBtnPrimaryHover);
    }
#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(min-width:900px){  
  .desc-col #addToCart, .desc-col #addToCartProduct, .desc-col #addToCartBis, .desc-col .addToCart {
    font-size:18px;  
  }
}

@media(max-width:767px){
  .shopify-payment-button { width:100%; } 
  .col50 .cont-shake {
    display:block;
  }  
}
#addToCart2, .add-cart-upsell, .template-product .cont-content #addToCart, .template-product .cont-content #addToCartProduct, .template-product #addToCartBis, .template-index .featured-product #addToCart, .template-index .featured-product #addToCartBis,
.template-product .cont-upsell #addToCart, .template-index .featured-product .add-to-cart-bundle, .template-index .featured-product #addToCartProduct  {
  color:var(--colorBtnAtcText) ;
  background:var(--colorBtnAtcBg) ;
}
#addToCart2:hover, .add-cart-upsell:hover, .template-product .cont-content #addToCartProduct:hover, .template-product .cont-content #addToCart:hover, .template-product #tab-1 #addToCartBis:hover,
.template-index .featured-product #addToCart:hover, .template-index .featured-product #addToCartBis:hover,
.template-product .cont-content .add-cart-upsell:hover, .template-index .featured-product .add-to-cart-bundle:hover, 
.template-index .featured-product #addToCartProduct:hover  {
  color:var(--colorBtnAtcText);
}
.template-product .cont-content #addToCheckout, .template-product #tab-1 #addToCheckout,
.template-index .featured-product #addToCheckout, .template-index .featured-product #addToCheckout,
.shopify-payment-button__button--unbranded  {
  color:var(--colorBtnAtcText2);
  background:var(--colorBtnAtcBg2) !important;
}
.template-product .cont-content #addToCheckout:hover, .template-product #tab-1 #addToCheckout:hover,
.template-index .featured-product #addToCheckout:hover, .template-index .featured-product #addToCheckout:hover,
.shopify-payment-button__button--unbranded:hover, .shopify-payment-button__button--unbranded:hover:not([disabled]) {
  color:var(--colorBtnAtcText2) ;
}
#addToCheckoutBis, .template-product .cont-content #addToCheckoutBis, .template-product #tab-1 #addToCheckoutBis,
.template-index .featured-product #addToCheckoutBis, .template-index .featured-product #addToCheckoutBis {
  color:var(--colorBtnAtcText2) ;
  background:var(--colorBtnAtcBg2);
}
#addToCheckoutBis:hover, .template-product .cont-content #addToCheckoutBis:hover, .template-product #tab-1 #addToCheckoutBis:hover,
.template-index .featured-product #addToCheckoutBis:hover, .template-index .featured-product #addToCheckoutBis:hover {
  color:var(--colorBtnAtcText2);
}
.template-product .cont-content #addToCart.disabled, .template-product .cont-content #addToCartProduct.disabled, .template-product #addToCartBis.disabled, .template-index .featured-product #addToCart.disabled, .template-index .featured-product #addToCartBis.disabled, .template-product .cont-upsell #addToCart.disabled {
  background:red ;
}
.template-product .cont-content #addToCartProduct.disabled:hover, .template-product .cont-content #addToCart.disabled:hover, .template-product #tab-1 #addToCartBis.disabled:hover, .template-index .featured-product #addToCart.disabled:hover, .template-index .featured-product #addToCartBis.disabled:hover, .template-product .cont-content .add-cart-upsell.disabled:hover {
  background:red ;
}
.selector-wrapper {
  display:none ; 
}

.selector-wrapper select { display:none; }



#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: table-cell; margin-bottom: 0; vertical-align:middle; }

@media screen and (min-width: 768px) {
  .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,
.media-flex {
  overflow: hidden;  
  zoom: 1;
}

.media-img {
  float: left;
  margin-right: var(--gutter);
    }

.media-img-right {
  float: right;
  margin-left: var(--gutter);
    }

.media-img img,
.media-img-right img {
  display: block;
}


/*============================================================================
#Images and Iframes
==============================================================================*/
img {
  max-width:100%;
  border: 0 none;
}

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

img.auto,
.grid-item img,
.grid-item iframe {
  max-width: 100%;
}
.video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto;
}
.video-wrapper iframe, .video-wrapper video {
  border:none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



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

@media screen and (min-width:768px) {
  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 {
  font-size: 1em;
  padding: 8px 12px;
  line-height: 1.42;
  background: transparent;
  border-radius: var(--radius);
    max-width: 100%;
    }

.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(--color-text-body ), 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: default;
  background-color: var(--disabledGrey);
    border-color: var(--disabledBorder);
      })
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0;
  max-width: 90px;
}


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

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

textarea {
  min-height: 100px;
}

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

select {
  max-width:340px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('/cdn/shop/t/11/assets/arrow-down.svg?v=5821109327814039061660943333');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-color: var(--color-body );
      padding-right: 28px;
      text-indent: 0.01px;  
      cursor: pointer;  
      }

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

/*================ 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(--color-text-body ) !important; 
    }
.main-content .search-bar input,
.main-content .search-bar i { 
  color:var(--color-text-body ) !important; 
    }


/*================ Error styles ================*/
input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="tel"], textarea {
  outline: none;
}
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-color: var(--errorRedBg);
      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 &gt; .btn, .input-group input[type="hidden"]:first-child + .input-group-field, .input-group input[type="hidden"]:first-child + .input-group-btn &gt; .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 &gt; .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 {
 
}

.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 ================*/

#addToCartProduct:before, #addToCart:before, #addToCartBis:before, #addToCart2:before, .addToCart:before, .cart-row button[type="submit"]:before {
  content:"\f07a";  
}










#addToCheckout:before, #addToCheckoutBis:before, .shopify-payment-button__button--unbranded:before {
  content:"\f09d"; 
  margin-right:4px;
}

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

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

.payment-icons {
  cursor: default;
  margin: 0;
}
.payment-icons li {
  margin: 0 calc(var(--gutter)/4) calc(var(--gutter)/4);
    color: #a5a5a5;
    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 {
  color: #a5a5a5;
  transition: color 0.2s ease-out;
}
.social-icons li a:hover {
  color: #a5a5a5;
  transition: color 0.05s ease-in;
}
ul.social-icons {
  margin-bottom: 0;
}

.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: 0;
  /*================ Large Buttons ================*/
}
.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: 12px;
      }
.social-sharing .icon {
  padding: 0 5px 0 10px;
}
.social-sharing .icon:before {
  line-height: var(--shareButtonHeight);
    }
.social-sharing.is-large a {
  height: var(--shareButtonHeight)*2;
    line-height: var(--shareButtonHeight)*2;
      }
.social-sharing.is-large a span {
  height: var(--shareButtonHeight)*2;
    line-height: var(--shareButtonHeight)*2;
      font-size: 18px;
      }
.social-sharing.is-large a .icon {
  padding: 0 10px 0 18px;
}
.social-sharing.is-large a .icon:before {
  line-height: var(--shareButtonHeight)*2;
    }

.share-title {
  font-weight: 900;
  font-size: 12px;
  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; 
}

/*================ 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: 13px;
      }

.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: 767px) {
  .social-sharing.is-clean a {
    margin-right:0px; 
  }
  .social-sharing.is-clean a span {
    font-size: 11px;
  }
}

/*============================================================================
#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;
}

/*============================================================================
#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.875em;
  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 &gt; li {
  display: inline;
}

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

}

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

.pagination-custom &gt; .active &gt; a,
.pagination-custom &gt; .active &gt; span,
.pagination-custom &gt; .active &gt; a:hover,
.pagination-custom &gt; .active &gt; span:hover,
.pagination-custom &gt; .active &gt; a:focus,
.pagination-custom &gt; .active &gt; span:focus {
  z-index: 2;
  cursor: default;
  color: var(--color-text-body );
    }

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

.pagination-custom-lg &gt; li &gt; a,
.pagination-custom-lg &gt; li &gt; span {
  padding: 10px 16px;
  font-size: 18px;
}

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

/*============================================================================
# Grids and List Views
==============================================================================*/

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

/* line 233 */

.grid-uniform {
  display: flex;
  flex-wrap: wrap;  
  margin: 0 auto;
  max-width: 1170px;
}

.cont-related .grid-uniform { 
  display: block;  
}
@media screen and (max-width: 767px) {
  .grid-uniform.scroll-x {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: var(--gutter);
      margin-bottom: var(--gutter);
        }
  .grid-uniform.scroll-x .grid-item {
    width: 75vw;
    flex: 0 0 75vw;
  }
}
.grid-uniform .grid-item .h3 {
  font-size:17px; 
}

.grid-uniform.border-false.grid-layout-0 .grid-uniform {
  align-items: baseline;
}
.grid-uniform .grid-item {
  flex: 0 0 auto;
  position: relative;
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .grid-uniform .grid-item {
    margin-bottom: var(--gutter);
      }
}
@media screen and (min-width: 1024px) {
  .collection-zoom .grid-item {
    padding: 10px;
    transition: all 200ms ease-in;
    transform: scale(1);
  }
  .grid-layout-1 .collection-zoom .grid-item {
    padding-bottom: 0 !important;
  }
  .collection-zoom .grid-item:hover {
    background:var(--color-body );  
    box-shadow: 0px 0px 25px #ddd;
    z-index: 900;
    position: relative;
    transition: all 200ms ease-in;
    transform-origin: center center;
    transform: scale(1.1);
  }
}


.products-list .grid-uniform {
  align-items:baseline; 
}

.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(--color-text-body );
}


.product-grid-item {
  height: 100%;
  display: block;
  color: var(--color-text-body );
  overflow: hidden;
  cursor: pointer;
  position: relative;
   
}
.product-grid-item:hover {
  cursor: pointer;
}
.product-grid-item .product-grid-image--centered {
  position: relative;
}
.opacity-enable .product-grid-item .product-grid-image--centered a:after {
  background: rgba(0, 0, 0, 0);
  width: 100%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 100;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.cont-slider .product-grid-item {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .product-grid-item .h3 {
    font-size: 80%;
  }
}


.product-grid-item .h3, .product-grid-item .h3 a {
  text-transform:initial;
  font-size:16px;
  color: var(--color-text-body );
}

.product-grid-item .form-grid-btn {
  width:100%; 
}
.product-grid-item:hover img {
  transition: opacity 0.05s ease-out;
}
@media screen and (min-width: 1024px) {
  .template-list-collections .product-grid-item {
    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-shadows: 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(--color-text-body);
  display: flex;
  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-item .grid-cont-content {
  padding: 16px ;
}
.grid-layout-2 .product-grid-item .grid-cont-content * {
  font-size: 16px;
  text-align: left;
}
.grid-layout-2 .product-grid-item .grid-cont-content form * {
  text-align: center;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .grid-layout-2 .small--one-half {
    width:100%; 
  }
}


.product-grid-item * {  
  text-align:center; 
  float:none ;
}



.product-grid-item .btn { 
  font-size:.8rem;
}

.opacity-enable .product-grid-item:hover .product-grid-image--centered 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 calc(var(--gutter) / 2);
    }
.product-grid-image img {
  display: block;
  margin: 0 auto;
  width:100%;
  transition:opacity 0.3s ease-out;
}

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


.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(--color-body );
    transition: all .3s ease-out;
    transform: translateX(101%)
    }

.grid-uniform .grid-item:hover .reveal img, 
.slick-track .slick-slide:hover .reveal img { opacity: 1; }

.grid-uniform .grid-item:hover .hidden, .slick-track .slick-slide:hover .hidden { 
  z-index: 100;
  opacity: 1;  
  transform: translateX(0%);  
}

.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;
  display: block;
}

.price-from {
  text-transform:lowercase;
  font-size:14px;
  line-height:35px;
  font-style:italic;
}


@media screen and (max-width: 767px) {
  .inline-list li {
    display:flex;
    margin-bottom:5px;
  } 

}
@media screen and (max-width: 1023px) {
  .product-list-item .spr-badge {
    clear: both;
  }
}

/*============================================================================
#carttemplate 
==============================================================================*/
@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: relative;
  perspective: 1000px;
  transform-style: preserve-3d;
  transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  padding-top: var(--gutter);
    padding-bottom: var(--gutter);
      overflow: hidden;
      }
.is-visible .ajaxifyCart--content {
  transition: all 550ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
}
.ajaxifyCart--content form {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .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: 767px) {
  .cart-row.btn-checkout-bis {
    border: none;
    padding: 0;
    margin: 0;
    text-align: right;
    display: block;
  }
}
.cart-row .go-checkout {
  font-size: 130%;
}

@media screen and (max-width: 767px) {
  .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;
  flex: 1 0 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: 767px) {
  .cart-item-1 div {
    font-size: 12px;
    line-height: 16px;
  }
}

.cart-item-2 {
  order: 2;
  flex: 1 0 10%;
}
.cart-item-3 {
  order: 3;
  flex: 1 0 10%;
}
.header-cart .cart-item-3 {
  justify-content: flex-end;
}
.cart-item-4 {
  order: 4;
  justify-content: flex-end;
  flex: 1 0 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(--color-text-body );
    }
.cart-row a:hover {
  color: var(--colorPrimary);
    }
.cart-row input[type="image"] {
  padding: 15px 0px;
}
@media screen and (min-width: 768px) {
  .cart-notes {
    padding-right: 15px;
  }
}
.header-cart .cart-notes {
  padding-right: 0;
  display: none;
  
}


.cgv-text {
  float: none; 
  text-align: right; 
  clear: both; 
}
.header-cart .cgv-text {
  font-size:13px;
  padding:0px 10px;
}
.cgv-text input, .cgv-text label {
  float:none; 
  display:inline;
  vertical-align: middle;
}
.cgv-text input {
  text-align: right; 
}
.cgv-text a {
  text-decoration:underline; 
}
.contact-form .cgv-text {
  text-align:left;
  font-size:13px;
  line-height:16px;
}
.discount-code-field {
  display:block;
  width:100%;
  clear:both;
  overflow:hidden;
}
.discount-code-field input {
  font-size:14px;
}
.cart-secure-zone {
  display:block;
  overflow:hidden;
  width:100%;
}
.cart-secure-zone img {
  float:right; 
  max-width:350px;
  margin-left:10px;
}

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

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

.cart-subtotal {
  margin-bottom: var(--gutter);
    text-align:right;
    }

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

.cart-subtotal--savings,
.cart-item--discount {
  display: block;
  padding-bottom: 15px;
  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;
}

.cart-row .btn-secondary {
  padding:10px 11px;
  font-size:15px;
  margin: 1px; 
}

@media screen and (max-width: 767px) {  
  .cart-row .btn-secondary {
    font-size:12px;    
    float:none;
    display:block;
    margin-bottom:15px;
    width:100%;
  }
  .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 ;
  }
}

.ajaxifyCart--products {
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.ajaxifyCart--product {
  position: relative;
  padding: 10px 0;
}
.ajaxifyCart--product:first-child {
  padding-top: 0;
}

.ajaxifyCart--product {
  transform-origin: top;
  transition: all 650ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  max-height: 500px;
  visibility: visible;
}
.ajaxifyCart--product.is-removed {
  overflow: hidden;
  opacity: 0;
  padding: 0;
  margin: -var(--gutter) 0 0;
    visibility: hidden;
    transform: rotateX(-92deg);
    backface: hidden;
    transition: all 450ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    max-height: 0;
    }
.ajaxifyCart--row {
  clear: both;
}
.ajaxCart--product-image {
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
}
.ajaxCart--product-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.ajaxifyCart--content .cart-row button[type="submit"] {
  font-size: 110%;
  margin-top: 15px;
}


/*============================================================================
.quantity Selectors
==============================================================================*/

.js-qty, .ajaxifyCart--qty {
  border: 1px solid var(--colorBorder);
    position: relative;
    margin-bottom: 1em;
    max-width: 120px;
    min-width: 75px;
    overflow: visible;
    }
.js-qty input[type="text"], .ajaxifyCart--qty input[type="text"] {
  border: none;
  display: block;
  background: var(--productQtyBgColor);
    text-align: center;
    width: 120px;
    height: 48px;
    padding: 5px 25px;
    margin: 0;
    }


.header-cart .js-qty, .ajaxifyCart--qty input[type="text"] {
  max-width: 90px;
}
.header-cart .js-qty input[type="text"], .header-cart .ajaxifyCart--qty input[type="text"] {
  width: 120px;
  height: 40px;
  padding: 5px 10px;
  font-size: 12px;
}
.js--qty-adjuster, .ajaxifyCart--qty-adjuster {
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0;
  padding: 0 0;
  width: 40px;
  height: 48px;
  line-height: inherit;
  text-align: center;
  overflow: hidden;

  color: var(--productQtyColor);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: all 0.2s ease-out;
    }

.header-cart .js--qty-adjuster {
  width: 30px;
  height: 40px;
}
.header-cart .ajaxifyCart--qty-adjuster {
  height: 40px;
  width:30px;
}
.js--num {
  border: none;
}
.js--add, .ajaxifyCart--add {
  right: 0;
  border-left: 1px solid var(--colorBorder);
    font-size: 21px;
    line-height: 48px;
    }
.header-cart .js--add, .header-cart .ajaxifyCart--add {
  line-height: 40px;
}
.js--minus, .ajaxifyCart--minus {
  left: 0;
  border-right: 1px solid var(--colorBorder);
  font-size: 26px;
  line-height: 48px;
}
.header-cart .js--minus, .header-cart .ajaxifyCart--minus {
  line-height: 34px;
}


/*============================================================================
.quantity Selectors in the Ajax Cart
==============================================================================*/

.ajaxifyCart--qty {
  margin: 0;
}

.ajaxifyCart--is-loading .ajaxifyCart--qty {
  opacity: 1;
  transition:none;
}
.ajaxifyCart--num {
  transition:all 0.1s ease-out;
}
.supports-no-touch .ajaxifyCart--num {
  border: 1px solid rgba(0,0,0,0);
} 
.ajaxifyCart--qty-adjuster {
  opacity: 0;
}
.cart-row .ajaxifyCart--qty-adjuster, .ajaxifyCart--product .ajaxifyCart--qty-adjuster, .supports-touch .ajaxifyCart--qty-adjuster {
  opacity: 1;
  transition: background-color 0.2s ease-out;
}
.ajaxifyCart--product:hover .ajaxifyCart--qty-adjuster:hover {
  transition: none;
}

/*============================================================================
#minicart
==============================================================================*/
.ajaxify-modal {
  position: absolute;
  top: 0;
  left: -200%;
  margin-left: -500px;
  width: 100%;
  max-width: 760px;
  height: auto;
  z-index: 1000;
  visibility: hidden;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-height: 645px) {
  .ajaxify-modal {
    top: 70px;
  }
}
@media screen and (max-width: 1023px) {
  .ajaxify-modal {
    max-width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .ajaxify-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0;
    max-height: none;
    max-width: none;
  }
}
.ajaxify-modal .ajaxifyCart--content {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 1023px) {
  .ajaxify-modal .ajaxifyCart--content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .ajaxify-modal .ajaxifyCart--content {
    padding-bottom: 60px;
    min-height: 100%;
  }
}
.ajaxify-modal.is-visible {
  visibility: visible;
  left: 50%;
}
@media screen and (min-width: 1024px) {
  .ajaxify-modal.is-visible {
    box-shadow: 0px 10px 80px rgba(0, 0, 0, .25);
  }
}
@media screen and (max-width: 767px) {
  .ajaxify-modal.is-visible {
    left: 0;
  }
}
.ajaxify-modal .ajaxifyCart--row &gt; div {
  padding-left: 20px;
}
.ajaxify-modal .ajaxifyCart--row &gt; div:first-child {
  padding-left: 0;
}
.ajaxify-modal .ajaxifyCart--product {
  transform: none;
}
.ajaxify-modal .update-cart {
  display: none;
}
.ajaxify-modal.no-transforms {
  border: 1px solid var(--colorBorder);
    }


#ajaxifyCart-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1000;
  background:rgba(0,0,0,0.1);
  cursor: pointer;
}
.is-visible ~ #ajaxifyCart-overlay {
  visibility: visible;
  opacity: 1;
}
.ajaxify-modal .ajaxifyCart--content {
  opacity: 0;
}
.ajaxify-modal.is-visible .ajaxifyCart--content {
  transform: scale(1);
  opacity: 1;
}
@media screen and (max-width: 1023px) {
  .ajaxify-modal input[type="text"] {
    border-color: var(--colorBorder);
      }
  .ajaxify-modal .ajaxifyCart--qty-adjuster {
    opacity: 1;
  }
}
.hidden-elem {
  display: none;
}


/*============================================================================
#Header
==============================================================================*/
.topheader {
  background:var(--topheaderBgColor);
  color:var(--topheaderTextColor); 
  text-align:center;
  justify-content: center;
  align-items:center;
  align-content: center;
  height:30px;
  line-height:inherit;
  font-size:16px;
  margin-bottom:0;
  padding:0 5px;
  display:flex;
}
.topheader p {
  margin:0; 
}
.topheader-show-false {
  display:none ;
}
.topheader-show-true {
  display:flex;
}
@media screen and (max-width: 1023px) {
  .topheader p {
    font-size:12px; 
    line-height:12px;
  }
}


.cont-header {  
  position:relative;  
  background:var(--BgcolorHeaders); 
    z-index:900;
    width:100%;
    margin-bottom:0; 
    }

@media screen and (max-width: 1023px) {
  .cont-header {
    position:fixed; 
  }
}

.header-fixed-true {
  position:fixed;
  top:0;
  left:0;
  z-index:1000;
  bottom:auto;
  float:right;
  
}

.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;

  color: var(--headerText);
    }
.noborder-true .site-header {
  border: none;
}
@media screen and (min-width: 1024px) {
  .site-header {
    padding: 10px;
  }
  .header-fixed-true {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

}
.noborder-true.header-fixed-true {
  border:none;
}
.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) {
  .header-grid__logo {
    flex: 1 0 15%;
    order: 1;
  }
  .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;
  }
  .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%;
  }
}
.header-cart-btn {

  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  justify-content: center;
  border-radius: 2px;
  position: relative;
  line-height: 26px;
  margin: 0 1px;
  min-width: 40px;
  border: 0 none;
  vertical-align: top;
  background: none;
}
@media screen and (min-width: 1024px) {
  .header-cart-btn {
    min-width: 45px;
  }
}
.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: 22px;
}
.header1 .header-wrapper .header-cart-btn i, .header5 .header-wrapper .header-cart-btn i {
  margin-right: 5px;
}
.header-cart-btn svg {
  width: auto;
  height: 22px;
}
.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 .nav-position-0 {
  text-align:right;
}


.header-subtext {
  font-size:14px; 
  margin:10px 12px 0 12px;
  text-align:right;
  color: var(--headerText);
    }
.header-subtext p { 
  margin-bottom:0;
}


.header-baseline { 
  margin:0;
  font-size:14px;
}
.header-baseline p {
  margin:0;

}

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

.header-logo {
  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: block;
}
.header-logo img {
  margin: 0 auto 0 auto;
}
@media screen and (min-width: 1024px) {
  .header-logo img {
    float: left;
  }
}
.header-scroll-on .header-logo img {
  max-height: 44px;
}
.site-header--text-links {
  display: inline-block;
  font-size: 0.7em;
  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: 0px;
  right: 0px;
  display: inline-block;
  text-align: center;
  background-color: var(--colorAccent);
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    }
.header1 .cart-count, .header5 .cart-count {
  right: auto;
  left: 21px;
}
.cart-count.hidden-count {
  display: none;
}
.search-bar {
  position: relative;
  max-width: 60%;
  width: 100%;
  margin: 0 auto var(--gutter);
    }
.search-bar .icon-search {
  font-size: 18px;
}
@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;
}
.search-bar input, .search-bar i {
  color: #fff;
  font-size: 18px;
}
.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(--accentFontWeight);
      font-size: 16px;
      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: 2px;
  bottom: 0;
  right: 0;
  width: 45px;
  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;
}


.site-header input::-webkit-input-placeholder {

}

.site-header .fa-search {

}

.site-header input::-moz-placeholder {

}

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

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

.site-header input[type="search"] {

}
.site-header input[type="search"]::-webkit-input-placeholder {

}
.site-header input[type="search"]::-moz-placeholder {

}
.site-header input[type="search"]:-ms-input-placeholder {

}
.site-header input[type="search"]:-moz-placeholder {

}

@media screen and (min-width: 1024px) {
  /* line 297 */
}


.search-overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
  /* Black with a little bit see-through */
}
.search-overlay .overlay-content {
  position: relative;
  top: 200px;
  width: 90%;
  text-align: center;
  margin-top: 0;
  margin: auto;
}
.search-overlay .closebtn {
  position: absolute;
  right: 10px;
  font-size: 50px;
  line-height: 50px;
  cursor: pointer;
  color: white;
}
.search-overlay .search-results {
  width: 100%;
  max-height: 700px;
  overflow-y: visible;
  max-width: 100%;
}
@media screen and (min-width: 1024px) {
  .search-overlay i {
    color: #fff;
    font-size: 28px;
  }
}
@media screen and (max-width: 1023px) {
  .search-overlay .search-results {
    max-height: 500px;
  }
  .search-overlay .overlay-content {
    top: 65px;
  }
}
@media screen and (max-width: 767px) {
  .search-overlay .search-results {
    max-height: 300px;
  }
  .search-overlay input {
    padding: 15px 10px;
  }
}

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

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

.header-right, .no-mobile {
  position:relative; 
}

.header-cart {
  border:1px solid var(--headerCartBorder);
    padding:7px 15px 0 15px;
    background:var(--headerCartBg);
      color:var(--headerCartColor);
        width:auto;
        z-index:999; 

        }

.header-cart .cart-row--infos {
  display:block; 
}
.header-cart .cart-subtotal {
  margin-bottom:15px; 
}

.header-cart .ajaxifyCart--content {
  background:var(--headerCartBg);
    }
.header-cart .cart-count {
  top:-4px;
  position:relative;  
}
.header-cart .text-right {
  text-align:left ; 
}
.header-cart .medium-down--text-left {
  text-align:left ; 
  padding:0;

}
.h2 .cart-count {
  display:none ; 
}
.header-cart .h2 .cart-count {
  display:inline-block ; 
}
.header-cart .cart--continue-message {
  display:none; 
}
.header-cart .cart-mini-empty {
  padding:15px 40px 10px 15px; 
}
.header-cart .grid {
  margin-left:0; 
}

.header-cart .cart-mini-grid {
  margin-left:0 ; 
}
.header-cart .btn-primary {
  display:none ;
}
.header-cart .direct-checkout .btn-primary {
  display:inline-block ;
}
.header-cart .btn-secondary {
  width:100% ;  
}
.header-cart .direct-checkout .btn-secondary {
  width:50% ;

}

.header-cart .ajaxifyCart--close {
  background:none ; 
  z-index:999;
}
.header-cart .cart-row {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #d3d3d3;
}


.cart-normal {
  display:block; 
}
.cart-mini {
  display:none; 
}
.header-cart .cart-mini {
  display:block; 
}
.header-cart .cart-normal {
  display:none; 
}

.header-cart .cart-row .btn-secondary {
  margin:0 ; 
}
.header-cart .text-light, .header-cart s {
  color:var(--headerCartColor);
    }
.header-cart .h2 s { display:block; }

.header-cart hr {
  color:#ddd;
  display:block ;
  border-color:#ddd;
  margin:0 0 8px 0;
}
.header-cart .h2 {
  margin-top:15px; 
}

.header-cart .cart-row .h2 {
  margin:0;
  padding:0;
  font-size:15px;
  line-height:20px;
  text-align:right;
}
.header-cart .header-cart-close { 
  position:absolute;
  top:10px;
  right:10px;
  font-size:21px;
  opacity:0.8;  
}
.header-cart .header-cart-close:hover {
  cursor:pointer; 
  opacity:1;
}
.header-cart .cart-row .large--three-quarters {
  font-size:14px ; 
  line-height:16px;
  max-width: 170px;
  padding: 0 5px;
}

.header-cart .cart-btns {  
  margin:0 -10px 0 -10px;  
}
.header-cart .btn, .header-cart .cart-btns .btn-secondary { 
  margin:0; 
  padding:8px 15px;
  font-size:13px ;
  width:50%;
  display:block;
  float:left;
  line-height:26px;
  border:none; 
  border-radius:0 ;
}
.header-cart-title {
  padding:6px 3px 0 3px;
  font-size:14px;
}
.header-cart .fa-credit-card:before {
  font-size:15px ;
  margin-right:5px;
}
.header-cart .fa-eye:before {
  font-size:18px ;
  margin-right:5px;
}
.open-cart .header-cart {
  display:block;
  transition: all 0.2s ease;
}
.header-cart  .cart-secure-zone {
  text-align:center; 
}
.header-cart .cart-btns .cart-secure-zone {
  padding:10px 0; 
}
.header-cart .additional-notes {
  display:none; 
}
.header-cart  .cart-secure-zone img {
  float:none;
  margin:0 auto;
}
.header-cart .cart-row .btn-primary {
  background-color: var(--colorBtnPrimary);
    color: var(--colorPrimary2);
      &amp;:i {
        color: var(--colorPrimary);
          }
  &amp;:hover {
    background-color: var(--colorBtnPrimaryHover);
      color: var(--colorPrimary2);
        transition:background-color 0.05s ease-in;
        }
  &amp;:active {
    background-color: var(--colorBtnPrimaryActive);
      color: var(--colorPrimary2);
        }
}

.header-cart .cart-row .btn-secondary {
  background-color: var(--colorBtnSecondary);
    color: var(--colorSecondary2);
      &amp;:i {
        color: var(--colorSecondary2);
          }
  &amp;:hover {
    background-color: var(--colorBtnSecondaryHover);
      color: var(--colorSecondary2);
        transition:background-color 0.05s ease-in;
        }
  &amp;:active {
    background-color: var(--colorBtnSecondaryActive);
      color: var(--colorSecondary2);
        }
}

.header-cart a.remove { 
  font-size:17px ;
}

@media screen and (max-width: 767px) {
  .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:50px;
    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-row input[type="submit"],
  .cart-row button[type="submit"]  {
    margin-bottom: 10px;
  }
  .cart-row button[type="submit"] { 
    font-size:130%;
    min-width:290px;
  }   

  .header-cart {
    top:0px ;
    right:0;   
    height:auto;
    overflow:scroll;
    z-index:1000;
  }

  .header-wrapper .header-cart .grid-item {
    padding:0 ; 
  }
  .header-wrapper .header-cart .one-third {
    width:75px; 
  }
  .header-wrapper .header-cart .large--nine-twelfths {
    width:75%; 
  }
  .header-wrapper .header-cart .large--three-twelfths {
    width:25%;
  }
  .cart-form .cart-row .h2 {
    font-size:15px ;     
    margin-top:0px;
  }  

  .header-cart #ajaxifyCart input[type="text"] {
    border:none; 
    font-size:12px ;
  }
  .badges {
    margin-top:10px; 
  }
  .quantity, .quantity2 {
    margin-bottom:15px; 
  }
}

@media screen and (max-width: 767px) {
  .cart-row button[type="submit"] {
    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;
  background-color: var(--colorNav);
    font-family: var(--accentFontStack);
      font-weight: 300;
      font-size:16px;
      
      text-transform: uppercase;
      

      }
.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;
}
@media screen and (min-width: 1024px) {
  .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 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 .site-nav--dropdown {
  min-width: auto;
  margin-left: 4%;
  padding: 0;
  box-shadow: none;
  
}
.site-nav .customer-navlink {
  color: 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);
}

/* line 319 */

.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; 
  display:none;
}



.site-nav--dropdown a:before {
  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 &gt; 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;
  }
  .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 &gt; 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: 767px) {
  .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%;
  height:90vh;
  overflow:auto;
  top:110%;  
  z-index: 3000;
  color:var(--colorNav2Text);
  background:var(--colorNav2);
}
.dropdown_open .dropdown {
  opacity:1;
}
.dropdown.no-fixed {
  position:absolute; 
  top:0;
}
.dropdown_open {  
  visibility:visible;  
}

.dropdown_content {
  display: table;
  width: 100%;
  margin: 0 auto;
}

.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 {
  display: table-cell;
  padding: 15px 20px 30px 20px;
  width: 16.666%;
  vertical-align: top;
}
.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: 5px 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 25%;
  padding-left: 12px;
}
#mobileNavBar .header-grid__logo {
  flex: 1 0 50%;
  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;
}
#ajaxifyModal {
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
  z-index: 2000;
  bottom: auto;
  padding: 0;
  max-height: 100%;
  overflow-y: auto;
}
#ajaxifyModal.is-visible {
  left: auto;
}
.ajaxify-modal {
  max-width: 550px;
}
.ajaxify-modal.is-visible .ajaxifyCart--content {
  padding: 6px 10px 0 10px;
}
#ajaxifyModal .cart-subtotal__note, #ajaxifyModal .discount-code-field {
  display: none;
}
.mobile-link-logo img {
  max-width: 100%;
  max-height: 40px;
  margin: 0 auto;
  display: block;
}
.mobileNavBar-link {
  display: flex;
  align-items: center;
  color: var(--headerText);
    cursor: pointer;
    text-transform: uppercase;
    }
.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 &amp;navproducts 
==============================================================================*/
.breadcrumb {
  overflow: hidden;
  font-size: 13px;
  max-width: 1144px;
  margin: -16px auto var(--gutter) auto; 
  
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1023px) {
  .breadcrumb {
    height: auto;
  }
}
.breadcrumb a {
  font-size: 12px;
  color: var(--color-text-body );
    }
.breadcrumb a:hover {
  color: var(--color-text-body );
    }
.breadcrumb a, .breadcrumb span {
  display: inline-block;
  padding: 10px 3px 5px 0;
  margin-right: 3px;
  overflow: hidden;
}
.breadcrumb a:first-child, .breadcrumb span:first-child {
  padding-left: 0;
}
.breadcrumb .divider {
  font-size: 15px;
  font-family: 'Verdana', sans-serif;
  padding: 3px 3px 3px 0;
  color: #767676;
}
.breadcrumb-links {
  margin: 0;  
}
.nav-products-link1 {
  display: inline;
}
.nav-products-link2 {
  display: inline;
}
.nav-products a {
  font-size: 31px;
  margin: 0 0 0 8px;
}
@media (min-width: 750px) {
  .nav-products {
    float: right;
    text-align: center;
    margin-bottom: 0;
    margin-top: -4px;
  }
  .nav-products a {
    font-size: 125px;
    line-height: 110px;
    padding: 0;
    margin: 0;
    color: var(--navProductsText);
      opacity: 0.7;
      }
  .nav-products a:hover {
    padding: 0;
    opacity: 1;
  }
  .nav-products-link1 {
    float: left;
  }
  .nav-products-link2 {
    float: right;
  }
  .nav-products-link1 {
    position: fixed;
    left: 2%;
    z-index: 200;
    top: 40%;
  }
  .nav-products-link2 {
    position: fixed;
    right: 2%;
    top: 40%;
    z-index: 200;
  }
}
.read-more {
  width: 100%;
}
@media (max-width: 767px) {
  .nav-products {
    margin: -10px 0 0 0;
    float: right;
    display: none;
  }
  .breadcrumb {
    overflow: hidden;
    margin: 15px 0;
    display: none;
  }
  .breadcrumb-links {
    margin: 0;
    display: none;
  }
}

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

.search-results {
  left: auto ;  
  width:255px ;
  z-index:1000;
  border:1px solid var(--searchAutoCompleteBorder) ; 
    background:var(--searchAutoCompleteBg) ; 
      .cont-header &amp; {
        right:0 ;
      }
}

.search-results .title {
  color:#333 ; 
}
.template-search .search-result .sale-tag { display:none; }


.search-results li, .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: 767px) {
  .search-results {
    right:auto;
    left:0;
  }
}


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

a.remove {
  display: inline-block;    
  font-size: 26px;
  text-align: center;
  border: 0 none;  
  @media screen and (max-width: 767px) {
    font-size: 17px;
  }
}
.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: 767px) {

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

}

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


.product-form-layout-0 .display-flex {
  display:block;
  
}
.product-form-layout-1 {
  /* box-shadow:0 0 10px rgba(0,0,0,0.5); */
  border:1px solid rgba(0,0,0,0.1);
  background:rgba(0,0,0,0.05);
  margin:15px 0;
  padding: 10px 15px;
}

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

.product-form-layout-1 .swatch .swatch-element {  
  /* flex:1; */
}

.product-form-layout-2 .header-number {
  display:inline-block;
  font-size:16px;
  line-height:inherit;
  width:25px;
  height:25px;
  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%; 
}

.product-form-layout-2 select {
  border-radius: 25px;
  box-shadow:0 0 7px rgba(0,0,0,0.1);
  margin:0; 
}
.product-form-layout-2 .js--qty-adjuster, .product-form-layout-2 .ajaxifyCart--qty-adjuster {
  
 height:40px !important; 
}

.product-form-layout-2 .js--minus, .product-form-layout-2 .ajaxifyCart--minus {
  line-height:40px;
}
.product-form-layout-2 .js--add, .product-form-layout-2 .ajaxifyCart--add {
  line-height:40px;
}
.product-form-layout-2 .js-qty input[type="text"], .product-form-layout-2 .ajaxifyCart--qty input[type="text"] {
  height:40px;
}
.product-form-layout-2 .js-qty, .product-form-layout-2 .js-qty input[type="text"] {
  border-radius: 25px;
}

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

.product-form-layout-2 .swatch .swatch-inner {
  width:100%;
  display: flex;
  justify-content: space-between;
}
.product-form-layout-2 .swatch .swatch-element {
  margin:5px;
  flex:1;
}

.product-form-layout-2 .header, .product-form-layout-2 label, .product-form-layout-2 .quantity-selector {
  display:flex;
  align-items:center;
  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; }



@media screen and (min-width:768px) {
  .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-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;
  }
  .form-infos .cont-badges-star *, .form-infos .product-meta .show-saved-amount-true * {
    font-size:15px !important;

  }
  .product-cont-header2 .form-infos * {
    margin-bottom:0 !important; 
  }
  
  .product-form-layout-2 .header, .product-form-layout-2 label, .product-form-layout-2 .quantity-selector {
    display:flex;
    align-items:center;
    flex:0 0 36%;
  
  }
  
}
@media screen and (max-width:767px) {
  .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; }

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

.shortcode {
  clear:both;
  overflow:hidden;
  padding:10px 0; 
}

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



/*============================================================================
#templatecollection
==============================================================================*/

@media(max-width:767px){ 
  .template-collection .grid-uniform h3 {   
    font-size:13px;
  }  
}

/* Collection Filters */

@media screen and (max-width: 1023px) {
  .aside-wrapper {
    padding:0 10px; 
  }
  .template-collection .form-horizontal select {
    margin-bottom:0; 
  }
  .collection-filters .widget {
    
    width:100%;
    margin:0;
    
  }
}

.advanced-filters {
  margin-bottom: var(--gutter);
    }


.advanced-filters a {
  display: block;
  position: relative;
  padding-left: 8px;
}
.advanced-filters a:before, .advanced-filters a:after {
  content: '';
  display: block;
  position: absolute;
}
.advanced-filters a:before {
  top: 6px;
  left: 0;
  width: var(--filterIconWidth);
    height: var(--filterIconWidth);
      background-color: var(--color-body );
        border: 1px solid var(--colorBorder);
          }
.advanced-filters a:after {
  top: var(--filterIconWidth) - var(--innerFilterIconWidth)/2;
    left: var(--filterIconWidth) - var(--innerFilterIconWidth)/2;
      width: var(--innerFilterIconWidth);
        height: var(--innerFilterIconWidth);
          background-color: transparent;
          }
.advanced-filters a:hover:after {
  background-color: var(--colorBorder);
    }
.advanced-filter.active-filter a:after {
  background-color: #000;
}
.advanced-filter.active-filter a:hover:after {
  content: '\78';
  top: 6px;
  left: 0;
  width: var(--filterIconWidth);
    height: var(--filterIconWidth);
      background-color: #000;
      font-size: var(--filterIconWidth) - 4;
        text-align: center;
        color: #fff;
        line-height: var(--filterIconWidth);
          speak: none;
          }
.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%; }

.sidebar-container.layout-0 .sorting {
  display:none;
}

.sidebar-container.layout-1 {
  /* padding:0 15px; */
}

.sidebar-container.layout-1 hr {
  display:none;
}


@media screen and (min-width:1024px) {
  .sidebar-container.layout-1 {
    display:flex;    
    justify-content:space-between;
    flex-wrap:wrap;
  }

  .sidebar-container.layout-1 .widget {
    padding-right:10px;
    flex:1;
     
  }
  .toggle-filters {
    display: none;
  }

}

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

  .sidebar-container .widget select {
    width:100%; 
  }
}
/*============================================================================
#homesection homepage
==============================================================================*/

.template-index .section-index {
  margin:24px auto; 
}

.shopify-section .custom-content, .featured-content-section {
  margin: 0 auto; 
  padding: var(--gutter) 0;
    text-align:center;

    }

@media screen and (max-width: 1023px) {
  .shopify-section .custom-content, .featured-content-section {
    margin: 12px  0; 
    padding: 12px  0 0 0;
  }
}
.shopify-section.featured-content-section {

  text-align:center;
  max-width:var(--siteWidth);
    background:var(--sectionHeaderColorBg);
      color:var(--sectionHeaderColorText);

        }

/* Featured product */
.featured-product {
  padding:15px; 
}

/* Collection list */
.collection-list-section {
  margin-top:clac(var(--gutter) / 2);
}
@media screen and (min-width: 1024px) {
  .collection-list-section {
    margin-top:var(--gutter);
  }
}
.collection-list-section .grid-item {
  margin-bottom:0;
}

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

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

/* instagram */

.template-index .section-instagram {
  padding-top:25px;
  text-align:center;
  max-width:100%;
}

#instafeed a {
  padding:3px; 

}
.template-index .section-instagram .btn {
  margin-top:25px;
  margin-bottom:25px;
}
.template-index .section-instagram img:hover {
  opacity:0.9;
}
.template-index .image-zoom {
  display: block;
  cursor: crosshair;
}

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

.featured-box {
  position: relative;
  display: block;
  margin-bottom: 3px;
}
.featured-box:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0,0,0,.02); */
  z-index: 5;
}
.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;
    font-size: 21px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    background: var(--sectionCollectionColorBg);
      }
@media screen and (max-width: 767px) {
  .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 {
  width: 100%;
  transition: opacity 0.1s ease-in-out;
}
.featured-box:hover img {
  opacity: 0.9;
}
.cont-featured-box {
  margin-bottom: 15px;
  padding: 10px 0;
  max-width: 588px;

}
.cont-featured-box-no-qty {
  margin-top: 0;
  padding: 10px 0;
}
@media screen and (max-width: 767px) {
  .featured-box .featured-box--title {
    font-size: 16px;
  }
}

/*============================================================================
#tabs 
==============================================================================*/
/* tabs */
#my-tab {
  margin-top: 15px;
  overflow: hidden;
  clear: both;
  display: block;
}
ul.tabs {
    /*border-bottom: 1px solid var(--tabBorderColor); */
    display: block;
    overflow: hidden;
    margin: 0 0 -1px 0;
    padding: 0;
    /* :before, :after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    }
    */
    }
ul.tabs li {
  float: left;
  height: 45px;
  margin-bottom: 0;
  padding: 0;
  width: auto;
}
ul.tabs :first-child a {
  border-top-left-radius: 2px;
  border-width: 1px 1px 0;
}
ul.tabs :last-child a {
  border-top-right-radius: 2px;
}
ul.tabs a {
  /*-moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  */
  background: none repeat scroll 0 0 var(--tabBgColor);
    border-color: var(--tabBorderColor);
      border-style: solid;
      border-width: 1px 1px 0 0px;
      display: flex;
      align-items: center;
      font-size: 15px;
      height: 45px;
      padding: 12px 15px;
      text-decoration: none;
      width: auto;
      font-weight: bold;
      color: var(--tabColor);
        border-bottom: none;
        }
.tabs-design-1 ul.tabs a {
  margin: 0 12px;
  padding: 0;
}
ul.tabs a.active {
  background: var(--color-body);
  color: var(--tabColor);
  filter: brightness(100%);
}
ul.tabs i {
  display: none;
}
@media screen and (max-width: 767px) {
  ul.tabs {
    text-align: center;
  }
  ul.tabs a {
    justify-content: center;
  }
}
#tab-1, #tab-2, #tab-3, #tab-4 {
  border: 1px solid var(--tabBorderColor);
 
    padding: 35px 30px 15px 30px;
    min-height: 215px;
    overflow: hidden;
    }
#tab-1 h2, #tab-2 h2, #tab-3 h2, #tab-4 h2 {
  margin-top: 0;
}
.tabs-design-1 #tab-1, .tabs-design-1 #tab-2, .tabs-design-1 #tab-3, .tabs-design-1 #tab-4 {
  border: none;
  padding-left: 12px;
  padding-right: 12px;
  background: none;
}
@media screen and (max-width: 767px) {
  .tabs-design-1 #tab-1, .tabs-design-1 #tab-2, .tabs-design-1 #tab-3, .tabs-design-1 #tab-4 {
    padding-left: 0;
    padding-right: 0;
  }
}
#tab-1 .social-sharing {
  margin-bottom: 35px;
}
.tabs-design-1 ul.tabs, .tabs-design-1 ul.tabs li {
  border: none;
}
.tabs-design-1 ul.tabs li a {
  border: none;
  background: none;
  border-bottom: 2px solid var(--tabBgColor);
    }
.tabs-design-1 ul.tabs li:first-child a.active, .tabs-design-1 ul.tabs li a.active {
  border-bottom: 2px solid var(--tabBorderColor);
    position: relative;
    background: none;
    }
.icon-tabs {
  font-size: 28px;
}
.icon-tabs {
  display: none;
}
@media screen and (max-width: 767px) {
  .tabs-design-1 ul.tabs li a {
    border: 1px solid var(--tabBgColor);
      background: none;
      padding: 7px 0;
      margin: 3px 0;
      }
  ul.tabs li {
    display: block;
    width: 100%;
    height: auto;
  }
  .tabs-design-1 ul.tabs li:first-child a.active, .tabs-design-1 ul.tabs li a.active {
    border: 1px solid var(--tabBorderColor);
      }

  ul.tabs li.trente {
    display: block;
    width: 33.333%;
    float: left;
    height: auto;
    text-align: center;
  }
  ul.tabs li.vingt {
    display: block;
    width: 25%;
    float: left;
    height: auto;
    text-align: center;
  }
  ul.tabs li a {
    border-width: 1px;
  }

  .icon-tabs {
    display: block;
  }

  
}


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

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

.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:100;


}
.slick-prev:after, .slick-next:after {
  font-family: FontAwesome;
  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 {
  display:none ;
  margin:0 auto;
  width:100%;
  text-align:center;
  padding:0 25px;
  position:absolute;
  bottom:0;  
  list-style:none; 
}

.slick-dots li {
  display:inline-block;  
}

.slick-dots button {     
  border: none;
  margin: 12px 4px;
  width: 40px;
  text-indent: -9999px;
  height: 5px;     
  background: rgba(255,255,255,0.5);  
}

.slick-dots .slick-active button {
  background:rgba(255,255,255,0.8);
}   

@media screen and (min-width:768px) {
  .slick-dots button {
    width: 70px;
    height: 6px;
  }
}


.slider-section {
  position: relative;
  /* -webkit-animation-name: sfZoomOut;
  animation-name: sfZoomOut;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  width:100%;*/

}
.slider-section img {
  width: 100%;
  position: relative;
}
.slider-section .movearrow {
  display: none;
  height: 50px;
  left: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
  text-align: center;
  width: 100%;
}
.slider-section .icon-scroll {
  width: 105px;
  height: 50px;
  padding-top: 14px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0;
}
.slider-section .icon-scroll:hover {
  background: rgba(255, 255, 255, 0.9);
}
.slider-section .icon-scroll svg {
  font-weight: bold;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@media screen and (max-width: 767px) {
  .slider-section .movearrow {
    bottom: 0;
    height: 35px;
    left: auto;
    bottom: 0px;
    z-index: 2;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  .slider-section .icon-scroll {
    display: none;
    width: 70px;
    height: 35px;
    padding-top: 6px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 0;
  }
}
.slider-section .slideshow__overlay {
  display: block;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 86%;
  left: 7%;
  right: 7%;
  color: #fff;
  font-size: 19px;
}
.slider-section .slideshow__text-content {
  padding: 20px 25px;
  display: block;
}
.slider-section .slideshow__overlay .h1, .slider-section .slideshow__overlay .h2 {
  background: none;
  font-size:calc(28px * 1.4);
  margin-bottom: 13px;
  background: var(--slider_bgtitle_color);
  color: var(--slider_title_color);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
  margin-bottom: 0;
  padding: 5px 0;
  display: inline-block;
  width: auto;
  opacity: 0.8;
}
.slider-section .slideshow__overlay .h1.padding, .slider-section .slideshow__overlay .h2.padding {
  padding: 5px 25px;
  margin-bottom: 15px;
}
.slider-section .slideshow__overlay p {
  padding: 7px 0 5px 0;
  color: var(--slider_text_color);
    background: var(--slider_bgtext_color);
      text-transform: uppercase;
      display: inline-block;
      margin-bottom: 15px;
      }
.slider-section .slideshow__overlay p.padding {
  padding: 7px 30px 5px 30px;
}
.slider-section .slideshow__overlay a {
  padding: 12px 30px;
  border-radius: 0;
  color: var(--slider_btn_title_color);
    border: 1px solid var(--slider_btn_bordertitle_color);
      background: var(--slider_btn_bgtitle_color);
        box-shadow: none;
        position: relative;
        line-height: initial;
        display: inline-block;
        }
@media screen and (max-width: 767px) {
  .slider-section .slideshow__overlay a {
    padding: 8px 16px;
  }
}
.slider-section .slideshow__overlay a.btn-effect-1:hover {
  color: var(--slider_btn_text_hover_title_color);
    background: var(--slider_btn_bg_hover_title_color);
      }
.slider-section .slideshow__overlay a.btn-effect-1, .slider-section .slideshow__overlay a.btn-effect-1:hover {
  transition: background-color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.slider-section .slideshow__overlay a.btn-effect-2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--slider_btn_bg_hover_title_color);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform 0.3s ease-out;
    }
.slider-section .slideshow__overlay a.btn-effect-2:hover {
  color: var(--slider_btn_text_hover_title_color);
    }
.slider-section .slideshow__overlay a.btn-effect-2:hover:before {
  transform: scaleX(1);
}
.slider-section .slideshow__overlay a.btn-effect-3:hover {
  color: var(--slider_btn_text_hover_title_color);
    }
.slider-section .slideshow__overlay a.btn-effect-3:after {
  content: "";
  position: absolute;
  height: 100%;
  left: 50%;
  top: 0;
  right: 50%;
  background: var(--slider_btn_bg_hover_title_color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    }
.slider-section .slideshow__overlay a.btn-effect-3:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: -1px;
  top: -1px;
  color: slider_btn_text_hover_title_color;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  z-index: -1;
}
.slider-section .slideshow__overlay a.btn-effect-3:hover:after, .slider-section .slideshow__overlay a.btn-effect-3.hover:after {
  left: 0;
  right: 0;
  z-index: -1;
}
.slider-section .slideshow-show-false .slideshow__overlay {
  display: none;
}
.slider-section .slideshow-show-true .slideshow__overlay {
  display: block;
}
.slider-section .slideshow__overlay .h1, .slider-section .slideshow__overlay p, .slider-section .slideshow__overlay .slide-link {
  opacity: 0;
}
.slider-section .slideshow-wrapper-0 .slideshow__overlay {
  text-align: left;
  left: 7%;
}
.slider-section .slideshow-wrapper-2 .slideshow__overlay {
  text-align: right;
  right: 7%;
}
@media screen and (max-width: 767px) {
  .slider-section .slideshow-wrapper-sm-0 .slideshow__overlay {
    text-align: left;
    left: 7%;
  }
  .slider-section .slideshow-wrapper-sm-1 .slideshow__overlay {
    text-align: center;   
  }
  .slider-section .slideshow-wrapper-sm-2 .slideshow__overlay {
    text-align: right;
    right: 7%;
  }
}

.slider-section .slick-active .slideshow__overlay .h1, .slider-section .slick-active .slideshow__overlay p, .slider-section .slick-active .slideshow__overlay .slide-link {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
}
.slider-section .slick-active .slideshow__overlay.effect-0 .h1, .slider-section .slick-active .slideshow__overlay.effect-0 p, .slider-section .slick-active .slideshow__overlay.effect-0 .slide-link {
  -webkit-animation-name: SFfadeInDown;
  animation-name: SFfadeInDown;
}
.slider-section .slick-active .slideshow__overlay.effect-1 .h1, .slider-section .slick-active .slideshow__overlay.effect-1 p, .slider-section .slick-active .slideshow__overlay.effect-1 .slide-link {
  -webkit-animation-name: SFfadeInUp;
  animation-name: SFfadeInUp;
}
.slider-section .slick-active .slideshow__overlay.effect-2 .h1, .slider-section .slick-active .slideshow__overlay.effect-2 p, .slider-section .slick-active .slideshow__overlay.effect-2 .slide-link {
  -webkit-animation-name: SFfadeInLeft;
  animation-name: SFfadeInLeft;
}
.slider-section .slick-active .slideshow__overlay.effect-3 .h1, .slider-section .slick-active .slideshow__overlay.effect-3 p, .slider-section .slick-active .slideshow__overlay.effect-3 .slide-link {
  -webkit-animation-name: SFfadeInRight;
  animation-name: SFfadeInRight;
}
.slider-section .slick-active .slideshow__overlay.effect-4 .h1, .slider-section .slick-active .slideshow__overlay.effect-4 p, .slider-section .slick-active .slideshow__overlay.effect-4 .slide-link {
  -webkit-animation-name: SFzoomIn;
  animation-name: SFzoomIn;
}
.slider-section .slick-active .slideshow__overlay.effect-5 .h1, .slider-section .slick-active .slideshow__overlay.effect-5 p, .slider-section .slick-active .slideshow__overlay.effect-5 .slide-link {
  -webkit-animation-name: SFzoomInDown;
  animation-name: SFzoomInDown;
}
.slider-section .slick-active .slideshow__overlay.effect-6 .h1, .slider-section .slick-active .slideshow__overlay.effect-6 p, .slider-section .slick-active .slideshow__overlay.effect-6 .slide-link {
  -webkit-animation-name: SFzoomInUp;
  animation-name: SFzoomInUp;
}
.slider-section .slick-active .slideshow__overlay.effect-7 .h1, .slider-section .slick-active .slideshow__overlay.effect-7 p, .slider-section .slick-active .slideshow__overlay.effect-7 .slide-link {
  -webkit-animation-name: SFzoomInLeft;
  animation-name: SFzoomInLeft;
}
.slider-section .slick-active .slideshow__overlay.effect-8 .h1, .slider-section .slick-active .slideshow__overlay.effect-8 p, .slider-section .slick-active .slideshow__overlay.effect-8 .slide-link {
  -webkit-animation-name: SFzoomInRight;
  animation-name: SFzoomInRight;
}
.slider-section .slick-active .slideshow__overlay .h1 {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.slider-section .slick-active .slideshow__overlay p {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
.slider-section .slick-active .slideshow__overlay .slide-link {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.slider-section .no-padding {
  padding-left: 0;
  padding-right: 0;
}
.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: 45px;
}

.slider-layout-1 .slider-product-thumbnails .slick-prev, .slider-layout-1 .slider-product-thumbnails .slick-next {
  display: none !important;
}
.slider-container .slider-product-thumbnails {
  width: 16.633%;
}
.slider-container .slider-product {
  width: 83.366%;
}

.cont-slider {
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.cont-slider .form-grid {
  text-align: center;
}
.cont-slider .cont-badges-star {
  min-height: 25px;
}
.cont-slider #addToCart, .cont-slider #addToCartBis, .cont-slider #addToCart2, .cont-slider .addToCart {
  margin: 0 auto;
  display: block;
  font-size: 14px;
}
.cont-slider .cont-atc #addToCart, .cont-slider .cont-atc #addToCartProduct {
  display: block;
}
@media screen and (max-width: 767px) {
  .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;
}



/* line 1 */

.slide-link {
  display: block;
  transition: all 0.2s ease-in;
}
.slide-link  img {
  display: block;
}


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

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


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

#break-desc { overflow:hidden; }


@media screen and (min-width: 1024px) {

  .mega-menu-on {
    display:none ;
  }

 
  .slideshow-wrapper-height-0 .slideshow__overlay {
    top:10%;  
  }
  .slideshow-wrapper-height-1 .slideshow__overlay {
    top:20%;  
  }
  .slideshow-wrapper-height-2 .slideshow__overlay {
    top:30%;  
  }
  .slideshow-wrapper-height-3 .slideshow__overlay {
    top:40%;  
  }
  .slideshow-wrapper-height-4 .slideshow__overlay {
    top:50%;  
  }
  .slideshow-wrapper-height-5 .slideshow__overlay {
    top:60%;  
  }
  .slideshow-wrapper-height-6 .slideshow__overlay {
    top:70%;  
  }
  .slideshow-wrapper-height-7 .slideshow__overlay {
    top:80%;  
  }
  .slideshow-wrapper-height-8 .slideshow__overlay {
    top:90%;  
  }
}

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


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


  .slider-section .slideshow__overlay {  
    width:90%;
    left:5%;
    right:5%;
    text-align:center ;
  }
  .slider-section .slideshow__overlay .h1 {
    font-size:28px; 
  }
  .slider-section .slideshow__overlay p {
    font-size:18px; 
  }
  .slider-section .slideshow__overlay a {
    font-size:20px;  
  }
}

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

  .slider-section .slideshow__overlay .h1 {
    font-size:16px; 
    padding:2px 0;
    margin:5px 0;
  }
  .slider-section .slideshow__overlay .h1.padding { 
    padding:2px 5px;
    font-size:16px ;
    margin-bottom:0 ;
  }
  .slider-section .slideshow__overlay p {
    font-size:10px; 
    padding:2px 0;
    margin:2px 0;
    line-height:inherit;
  }
  .slider-section .slideshow__overlay p.padding {
    padding:2px 5px;
  }
  .slider-section .slideshow__overlay a {
    font-size:18px; 
    padding:7px 10px;
    margin:8px 0;
  }
}
@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 ;
  }  
}

/*============================================================================
#testimonials
==============================================================================*/

.testimonials {
  display: block;
  clear: both;
  overflow: hidden;
  text-align: center;
  color: var(--colorTestimonial);
    }
.testimonials .container-testimonial {
  overflow: hidden;
  max-width: 800px;
  margin: 0 auto 12px  auto;
}
.testimonials h2 {
  text-align: center;
}
.testimonials img {
  margin: 0 auto;
}
.testimonials blockquote {
  border: none;
  margin: 0;
  padding: 12px  calc(var(--gutter) * 2)  calc(var(--gutter) * 2)  calc(var(--gutter) * 2);
    }
.testimonials .testimonial-text {
  padding-top: 15px;
}
.testimonials .slick-arrow {
  opacity: 1;
  background-color: var(--colorTestimonialBtnBg);
    }
.testimonials .slick-prev, .testimonials .slick-next {
  transform: translateY(-50%);
  top: 50%;
}
.testimonials .slick-prev {
  left: 0;
}
.testimonials .slick-next {
  right: 0;
}
.testimonials .slick-prev:after, .testimonials .slick-next:after {
  color: var(--colorTestimonialBtn);
    left: 20%;
    }


/* line 183 */


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




@media screen and (max-width: 767px) {
  
  
}
.swatch { 
  margin:5px 0; 
}
.swatch .header {
  font-weight:bold;
  margin: 0.5em 0;
}
.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;
  border-radius:2px;  
  min-width:30px ;  
  margin:0; 
  color:#333333;
  border:#dcdcdc 1px solid; 
  background-color:#f3f3f3; 
  text-align:center;
  line-height:inherit;
  white-space:nowrap;
  text-transform:uppercase;
}
.swatch-element label { padding:0px 10px; }
.color.swatch-element label { padding:0; }

.swatch input:checked + label {
  color:#333333;
  background-color:#ffffff; 
  border:#333333 1px solid;
  margin:0; 
} 

.swatch .swatch-element {
  display:inline-block;
  -webkit-transform:translateZ(0);
  -webkit-font-smoothing:antialiased;   
  margin:0px 10px 10px 2px;
  position:relative;
}
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); 
  -khtml-opacity: 0.6;      
  -moz-opacity: 0.6;       
  opacity: 0.6;           
}
@media screen and (max-width: 767px) {
  .swatch-element label { padding:0px 5px; font-size:13px; }
}


.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; 
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 1000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  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;
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -ms-transform:translateY(0px);
  -o-transform:translateY(0px);
  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: 767px) {
  .swatch .swatch-element {
    margin:4px ;      
    white-space: normal;
  }
  .swatch .swatch-element label {
    font-size:13px ;
    text-transform:initial;
  }
}

/*============================================================================
#FAQ 
==============================================================================*/
.section-faq {
  margin:15px 0 0 0;
}

.home-faq {  
  margin:0 auto 24px auto;
  max-width:var(--siteWidth);
    }
.faq {
  overflow:hidden; 
}
.faq .section-header {
  margin-bottom:0; 
   padding-bottom:0; 
}
.accordian {
  margin: 20px 0 30px 0
}

.accordian .accordHeaderLinks {
  margin: 0 0 20px
}

.accordian .accordHeaderLinks a,
.accordian .accordHeaderLinks .header-cart-item-options button,
.header-cart-item-options .accordian .accordHeaderLinks button {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.2rem;
  padding: 5px 0px;
  color: #da2b26
}

.accordian .accordHeaderLinks a:not(:last-child),
.accordian .accordHeaderLinks .header-cart-item-options button:not(:last-child),
.accordian .accordHeaderLinks a.active,
.accordian .accordHeaderLinks .header-cart-item-options button.active,
.header-cart-item-options .accordian .accordHeaderLinks button.active {
  font-weight: bold
}
.accordian section {
  display: none
}
.accordian section.active {
  display: block
}

.panel-group.custom_collapse .panel {
  border: medium none;
  border-radius: 0;
  overflow:hidden;
  box-shadow: none;
  margin-bottom: 0 
}

.custom_collapse .panel-default&gt;.panel-heading {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border:none;
}

.custom_collapse .panel-default&gt;.panel-heading+.panel-collapse&gt;.panel-body {
  border-bottom: 1px solid #ddd;
}

.cont-accordion .panel:last-child .panel-heading, .cont-accordion .panel:last-child .panel-body  {
  border-bottom:none !important;
}
.custom_collapse  .panel-title {  
  padding: 0;
  color: inherit;
  font-size: 21px;
  margin-bottom: 0;
  margin-top: 0;
  background:var(--bgFaqPanelTitle); 
}
.custom_collapse  .panel-title a {
  color:var(--colorFaqPanelTitle); 
  display:block;
  padding: 35px 18px;
}

.custom_collapse .panel-title a.collapsed {
  border-bottom: 1px solid #ddd;
}
.custom_collapse .panel:last-child a.collapsed {
  border-bottom: none;
}

.custom_collapse  .collapse {
  display: none;
  color:var(--colorFaqPanelText); 
  background:var(--bgFaqPanelText); 
}

.custom_collapse  .collapse.in {
  display: block
}

.custom_collapse .panel-default&gt;.panel-heading+.panel-collapse&gt;.panel-body {
  border-top-color: #ddd
}

.custom_collapse .panel-body {
  padding: 0 40px 20px 40px
}


.custom_collapse .panel-title i:before {
  display: inline-block;
  margin-right:7px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f067"
}

.custom_collapse .panel-title a:not(.collapsed) i::before,
.custom_collapse .panel-title .header-cart-item-options button:not(.collapsed) i::before,
.header-cart-item-options .custom_collapse .panel-title button:not(.collapsed) i::before {
  content: "\f068"
}


/* line 505 */

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

/*================ 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, .wrapper2 {
  clear:both;
  overflow:hidden;
}

#wrapper-form1 .form-int {
  margin-bottom:0; 
  min-height:40px;
  padding-top:10px;
}


.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 .product-meta--review {
  display: block;
}
.product-meta span {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .product-meta {
    display: flex;
    align-items: center;
  }
  .product-meta .product-meta--review {
    display: flex;
    padding-right: 0;
  }
}

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

.product-meta .h1 {
  color:var(--colorPrice2);
    margin-right:10px;
    }
.product-item--price small, .template-cart .main-content span.h2, .product-meta .h1 {
  color:var(--colorPrice);  
    font-size:var(--priceType1);
      }
.product-meta .h1 s, .product-item--price s, .product-item--price s small,  .template-cart .main-content span.h2 s  {
  color:var(--colorPrice2);
  font-size:var(--priceType2);
}

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

.cont-related .sale-tag {
  font-size: 13px;
  padding: 4px 6px;
}
.grid-uniform .sale-tag, .cont-slider .sale-tag {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .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;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.product-meta .sale-tag {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .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(--colorAccent) ;
    color:#fff ;
    text-transform: uppercase;
    border-radius: 0px;  
    }
.badge--sold-out {
  top: 47%;
  position:absolute;
  z-index:1000;
  width: 100%;
  margin-top: 0px;
  text-align: center;
}
.no-stock {
  background:var(--colorAccent) ;
    color:#fff ;
    }
.sold-out .badge--sold-out {
  display: block;
}
.badges {
  margin:10px 0; 
  max-width:590px;
  clear:both;
}
.badges img {
  max-width:100%; 
}
@media screen and (max-width:767px) {
  .badges img {
    width:100%; 
  }
}

.badge-promo, .badge-new {
  position: absolute;
  text-align: center;
  opacity: 0.9;
  z-index: 200;
  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: 767px) {
  .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 &lt; 10 items left ================*/
.variant-quantity {
  display: none;
  color: var(--colorPrimary);
    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 img {
  width:100%;
}
.product-photo-container.zoom:hover {
  cursor:crosshair;
}
.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;
}
.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
==============================================================================*/

#shopify-product-reviews {
  margin: 0;
}
#shopify-product-reviews .spr-reviews {
  margin: 0;
}
#shopify-product-reviews .spr-review {
  overflow-y: auto;
  display: inline-block;
  padding: 20px 25px 0 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  #shopify-product-reviews .spr-review {
    min-height: 300px;
    height: 300px;
    width: 31%;
    margin: 0 1%;
    float: left;
  }
}
#shopify-product-reviews .spr-container {
  padding: 12px;
  background: #f0f0f0;
  border: 0 none;
  overflow: hidden;
  display: block;
  clear: both;
}
@media screen and (min-width: 1024px) {
  #shopify-product-reviews .spr-container {
    padding: 24px;
  
  }
}
#shopify-product-reviews .spr-header-title {
  margin-bottom: 15px;
}
#shopify-product-reviews .spr-review-header-title {
  display: block;
  clear: both;
  float: none;
  margin-right: 0;
  margin-bottom: 5px;
}
#shopify-product-reviews .spr-summary {
  border-bottom: 1px solid var(--colorBorder);
    background: #fff;
    padding: 15px 10px 10px 10px;
    text-align: left;
    }
@media screen and (min-width: 1024px) {
  #shopify-product-reviews .spr-summary {
    margin-bottom: var(--gutter);
      float: left;
      border: 1px solid var(--colorBorder);
        width: 100%;
        padding: 8px ;
        }
  #shopify-product-reviews .spr-summary .spr-summary-starrating {
    display: block;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  #shopify-product-reviews .spr-summary {
    text-align: center;
  }
}
#shopify-product-reviews .spr-review-header-byline {
  font-size: 0;
}
#shopify-product-reviews .spr-review-header-byline strong {
  font-size: 14px;
}
#shopify-product-reviews .spr-review-header-byline strong:last-child {
  display: none;
}
#shopify-product-reviews .spr-summary-caption {
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  #shopify-product-reviews .spr-summary-caption {
    display: block;
    border-bottom: 1px solid var(--colorBorder);
    margin-bottom: calc(var(--gutter) / 3);
    padding-bottom: calc(var(--gutter) / 3);
  }
}
#shopify-product-reviews .spr-summary-actions-newreview:after {
  content: ' \203A';
  clear: none;
  display: inline;
}
@media screen and (min-width: 1024px) {
  #shopify-product-reviews .spr-summary-actions-newreview {
    float: none;
    text-transform: uppercase;
  }
}
#shopify-product-reviews .spr-header:after {
  clear: none;
}
@media screen and (min-width: 1024px) {
  #shopify-product-reviews .spr-content {
    float: left;
    width: 100%;
  }
}
#shopify-product-reviews .spr-review-content-body {
  font-size: inherit;
}
#shopify-product-reviews .spr-review-content-body br {
  content: '';
  display: block;
  overflow: hidden;
  height: 1px;
}
#shopify-product-reviews .spr-review-header {
  margin-bottom: 0;
}
#shopify-product-reviews .spr-review-header-title {
  margin-right: 12px ;
  font-family: var(--bodyFontStack);
  font-weight: 400;
  text-transform: uppercase;
  font-size: 17px;
  line-height: inherit;
  position: relative;
  top: 2px;
}

#shopify-product-reviews .spr-review-header-byline {
  position: relative;
  top: -2px;
  display: inline-block;
  margin: 0;
}
#shopify-product-reviews .spr-review-reportreview {
  display: none;
}
#shopify-product-reviews .spr-form {
  border: 0 none;
  border-bottom: 1px solid var(--colorBorder);
  margin: 0 0 var(--gutter);
  padding: 0 0 var(--gutter);
}
/*================ Star Icons ================*/
.spr-badge-starrating {
  white-space: nowrap;
}
.spr-badge-starrating, .spr-icon {
  color: #e69935;
  font-size: inherit;
}
/*================ Review count ================*/
.spr-badge-caption {
  display: inline-block;
  font-size: 13px;
}
/*================ Hide review badge if no reviews ================*/
.product-grid-item .spr-badge[data-rating="0.0"], .product-meta--review .spr-badge[data-rating="0.0"] {
  display: none;
}
/* Reviews */
.cont-avis2 {
  margin-top: 30px;
}
.cont-badges-star-enable {
  min-height: 25px;
}
.template-index .cont-badges-star {
  font-size: 14px;
}
.break-reviews, .break-1 {
  padding: 15px 0 0 0;
  overflow: hidden;
  clear: both;
}
.spr-icon, .loox-rating, .loox-rating .loox-star:before, .star, .ryviu-stars-item &gt; span + span svg, #container-ryviu .helpul-content span.active svg, #container-ryviu .helpul-content span:hover svg, .ryviu-star-total .ryviu-total-bar span, .ryviu-collection-widget .ryviu-stars-item svg:nth-child(2) {
  color: #e69935;
}
.spr-pagination {
  clear: both;
}
@media screen and (max-width: 767px) {
  .spr-review {
    float: none;
    width: 100%;
    min-height: auto;   

  }
}
.desc-col #tab-4 .spr-review {
  width: 100%;
  margin: 0 0 10px 0;
  height: auto;
  min-height: auto;
}


/*============================================================================
#Password Page
==============================================================================*/

.template-password {
  height: 100vh;
  text-align: center;
  padding: 0;
  font-family:arial;
}

.template-password h1, .template-password h2 {
  text-shadow:0 0 6px rgba(0,0,0,0.3);
}
.password-page__wrapper {
  display: table;
  height: 100%;
  width: 100%;
  background-image: url(/cdn/shop/t/11/assets/background-v2-min.jpg?v=113468554722292314311660943307);

  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}
.password-page__wrapper a {
  color: inherit;
}
.password-page__wrapper .social-sharing a {
  color: #fff;
}
.password-page__header {
  display: table-row;
  height: 1px;
}

.password-page__header a, .password-page__header a:hover { color:#333 !important; font-weight:bold; }
.password-page__header__inner {
  display: table-cell;
  padding: 12px  var(--gutter);
    width: 100vw;
    }
.password-page__logo {
  margin-top: 3 * var(--gutter);
    }
.password-page__logo .logo {
  max-width: 100%;
}
.password-page__main {
  display: table-row;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.password-page__main__inner {

  display: table-cell;
  vertical-align: middle;
  padding: 12px  var(--gutter);
    width: 100vw;


    }
.password-page__hero {
  font-family: var(--headerFontStack);
    font-weight: var(--headerFontWeight);
      font-size: 42px;
      line-height: 1.25;
      text-transform: none;
      letter-spacing: 0;
      text-rendering: optimizeLegibility;
      }
.password-page__message {
  font-style: italic;
  font-size: 120%;
}
.password-page__message img {
  max-width: 100%;
}
.password-page__message, .password-page__login-form, .password-page__signup-form {
  max-width: 500px;
  margin: 0 auto;


}
.password-page__login-form {
  text-align: center;
  padding: var(--gutter);
    background:#FFF;
    padding:25px;
    border-radius:15px;
    }
.password-page__signup-form .input-group-field {
  background: #fff;
  color: #333;
}


.password-page__login-form .input-group, .password-page__signup-form .input-group {
  width: 100%;
  border:1px solid #EEE;
}
.password-page__login-form .errors ul, .password-page__signup-form .errors ul {
  list-style-type: none;
  margin-left: 0;
}
.storefront-password-form {
  margin-bottom: 12px ;
}
.password-page__social-sharing {
  margin-top: var(--gutter);
    }
.password-page__social-sharing .social-sharing {
  padding-top: 0;
}
.password-login, .admin-login {
  margin-top: 12px ;
}
.password-login a:hover, .admin-login a:hover {
  color: inherit;
}
.password-login {
  font-size: 14px;
  line-height: 14px;
}
.lock-icon-svg {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: baseline;
  /* Hiding the SVG logo in IE8 */
}
.lock-icon-svg path {
  fill: currentColor;
}
.lt-ie9 .lock-icon-svg {
  display: none;
}
.admin-login {
  font-size: 95%;
}
.password-page__footer {
  display: table-row;
  height: 1px;
}
.password-page__footer_inner {
  display: table-cell;
  vertical-align: bottom;
  padding: var(--gutter);
    line-height: 1.5 * var(--baseFontSize);
      font-size: 95%;
      }
.shopify-link {
  color: inherit;
}
.shopify-link:hover {
  color: inherit;
}
.shopify-logo-svg {
  width: 1.5 * var(--baseFontSize) * 120 / 35;
    height: 1.5 * var(--baseFontSize);
      display: inline-block;
      line-height: 0;
      vertical-align: top;
      /* Hiding the SVG logo in IE8, we show the word 'Shopify' instead */
      }
.shopify-logo-svg path {
  fill: currentColor;
}
.lt-ie9 .shopify-logo-svg {
  display: none;
}

button.mfp-close {
  color:#FFF;
}

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

.custom-content {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  width: auto;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .custom-content {
    margin-bottom: 12px ;
    margin-left: 0;
  }
}
.custom__item {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--gutter);
    max-width: 100%;
    }
@media screen and (max-width: 1023px) {
  .custom__item {
    flex: 1 0 50%;
  }
}
@media screen and (max-width: 767px) {
  .custom__item {
    flex: 0 0 auto;
    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;
  max-width: 100%;
}
.custom__item-inner--video, .custom__item-inner--html {
  display: block;
}
.template-index .shopify-section .collection-zoom {
  overflow: initial;
  padding-bottom: 45px;
}


/*============================================================================
#Image with text
==============================================================================*/
.container {
  display: flex;
  align-items:flex-start;
  width: 100%;
  margin: 0 auto;
  flex-wrap: wrap;
}
.shopify-section .section-custom {
  padding: var(--gutter) 0;
}
.image-with-text-section {
  margin: 0;
  overflow: hidden;
  clear: both;
  display: block;
  background: var(--sectionHtmlColorBg);
    }
@media screen and (max-width: 767px) {
  .shopify-section .section-custom {
    padding: calc(var(--gutter) / 2) 0;
  }
  .image-with-text-section {
    padding: 0 12px;
  }
}
.featured-link--section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
.featured-link--section .collection-title {
  font-size: 200%;
  color: var(--sectionHtmlColorText);
    }
.featured-link--section .collection-title--divider:after {
  display: block;
  content: "";
  width: 10%;
  background: var(--sectionHtmlColorText);
    height: 3px;
    margin: 10px auto;
    }
.featured-link--section .text-right .collection-title--divider:after, .featured-link--section .text-left .collection-title--divider:after {
  display: none;
}
.featured-link--half {
  box-sizing: border-box;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  color: var(--sectionHtmlColorText);
    }
.featured-link--half img, .featured-link--half svg {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}

.featured-link--half .featured-link-text {
  padding: 15px 0;
}
.featured-link--half .featured-link-text .btn {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .layout-0 .featured-link--half, .layout-66 .featured-link--half {
    width: calc(34% - 20px);
  }
  .layout-33 .featured-link--half {
    width: calc(67% - 20px);
  }
  .layout-50 .featured-link--half {
    width: calc(50% - 0px);
  }
  .featured-link--half .featured-link-text {
    padding: 35px;
  }
  .featured-link--half .featured-link-text .btn {
    font-size: 130%;
  }
  .layout-0 .mono-product-v2 .featured-link--half {
    width: calc(50% - 0px);
  }
  .layout-0 .featured-link--image, .layout-66 .featured-link--image {
    width: calc(67% - 20px);
  }
  .layout-33 .featured-link--image {
    width: calc(34% - 20px);
  }
  .layout-50 .featured-link--image {
    width: calc(50% - 0px);
  }
  .layout-0 .mono-product-v2 .featured-link--image {
    width: calc(50% - 0px);
  }
}

.featured-link--image.featured-link--image__right {
  order: 1;
}
@media screen and (max-width: 767px) {
  .featured-link--image.featured-link--image__right {
    order: 0;
  }
}

@media screen and (max-width: 767px) {
  .featured-link--image {
    width: 100%;
  }
}
.feature-row__image-wrapper, .featured-link--wrap {
  width: 100%;
}
.featured_collections .featured-link--half a[href] img {
  box-shadow: #000 0em 0em 0em;
  transition: opacity 0.2s linear;
}
.text-align--left {
  text-align: left;
}
.text-align--right {
  text-align: right;
}
.featured-link--half .info {
  display: inline-block;
  width: 80%;
  margin: 0 auto;
  padding: 20px;
}
.featured-link--half .collection_title {
  font-size: 2em;
}
@media screen and (max-width: 767px) {
  .featured-link-text .text-align--left, .featured-link-text .text-align--right {
    text-align: center;
  }
  .featured-link--section {
    margin-bottom: 0;
  }
  .featured-link--section .collection-title {
    font-size: 1.3em;
  }
  .template-index .social-sharing {
    margin: 15px 0 0 0;
  }
  .image-with-text-section .featured-link--half, .image-with-text-section .featured-link--image {
    width: 100%;
  }
}

/*============================================================================
#Blogs and Comments
==============================================================================*/

.blog-list {
  /* padding: 16px; */
}
.blog-col-left {
  padding-right: 25px;
}
.template-index .blog-section .section-header .h1 {
  text-align: center;
}
.comment {
  margin-bottom: var(--gutter);
    }
.comment + .comment {
  border-top: 1px solid var(--colorBorder);
    padding-top: var(--gutter);
      }
.section-blog .grid-uniform h3 {
  margin-top: 15px;
}
.blog-section .grid-uniform .grid-item {
  padding: 12px ;
}
.blog-section h3 {
  margin: 15px 0;
}
.sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5 {
  margin-top: 4px;
}
.sidebar hr {
  margin: 23px 0 15px 0;
}
@media screen and (min-width: 768px) {
  .sidebar {
    padding: 0 15px;
  }
}
.sidebar form {
  overflow: hidden;
  border: 1px solid #eee;
}
.sidebar .search-results {
  display: none;
}
.sidebar .searchBox {
  background: none;
  border-radius: 0;
  border: none;
  width: 85%;
  margin: 0;
  float: left;
  height: 45px;
  line-height: 45px;
}
.sidebar .search-bar--submit {
  width: 15%;
  background: none;
  border: none;
  border-radius: 0;
  float: left;
  height: 45px;
  line-height: 45px;
}

.blog-meta {
  font-size: 14px;
  color: #666;
}
.sb-img-hidden {
  display: none;
}
.sb-img-show {
  display: block;
}
.blog-cont-img a {
 /* display:flex;  */
}
.blog-cont-img {
  margin-bottom:calc(var(--gutter) / 2);
}
.blog-cont-img, .effect-img {
  overflow: hidden;
}
.section-effect-0 .effect-img img {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.section-effect-0 .effect-img:hover img {
  opacity: 0.8;
}
.section-effect-1 .effect-img img {
  -webkit-transition: all 2s linear;
  transition: all 2s linear;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.section-effect-1 .effect-img:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}
/* Shine */
.section-effect-2 .effect-img {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  position: relative;
}
.section-effect-2 .effect-img:hover {
  opacity: 0.9;
}
.section-effect-2 .effect-img::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
}
.section-effect-2 .effect-img:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}
/* Circle */
.section-effect-3 .effect-img {
  position: relative;
}
.section-effect-3 .effect-img::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, .2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.section-effect-3 .effect-img:hover::before {
  -webkit-animation: circle 0.75s;
  animation: circle 0.75s;
}
@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
.blog-section .btn-primary {
  color: var(--blogBtn1Text);
    background: var(--blogBtn1Bg);
      border: 1px solid var(--blogBtn1Border);
        }
.blog-section .btn-primary:hover {
  color: var(--blogBtn1TextHover);
    background: var(--blogBtn1BgHover);
      border: 1px solid var(--blogBtn1BgHover);
        }

.template-blog .article__image {
  margin-top: 7px;
}
.template-blog .sidebar {
  padding-top: 0px;
}
/* blog sexy */
.template-blog .blog-section .article__content {
  padding-bottom: 0;
}
.template-blog .blog-section h1 {
  text-transform: uppercase;
  text-align: center;
  max-width: 900px;
  margin: 0 auto 25px auto;
}
.blog-section .blog-cont-text {
  padding: 25px;
  text-align: center;
  position: relative;
}
.template-blog .blog-section .sidebar-new .article__image {
  float: left;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .blog-section .display-table-cell-item {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
  }
  .blog-section .display-table-cell-item a {
    overflow: hidden;
    display: inline-block;
  }
  .blog-section .display-table:nth-child(odd) .blog-cont-text, .blog-section .display-table:nth-child(even) .blog-cont-img {
    float: left;
  }
  .blog-section .display-table:nth-child(even) .blog-cont-text, .blog-section .display-table:nth-child(odd) .blog-cont-img {
    float: right;
  }
  .template-index .blog-section .display-table:nth-child(even) .blog-cont-text, .template-index .blog-section .display-table:nth-child(odd) .blog-cont-img {
    float: none;
  }
  .blog-section .sidebar-new {
    display: table;
  }
  .blog-section .sidebar-new .block-item {
    display: table-cell;
    width: 50%;
  }
}
.template-article .social-sharing {
  margin-top: 25px;
  margin-bottom: 15px;
}
.blog-section .blog-cont-text .social-sharing {
  margin-top: 25px;
}
.cont-associated-product {
  text-align: center;
  padding: 15px 0 0 0;
}
.cont-associated-product .box-item {
  width: 25%;
  float: left;
  text-align: left;
}
.cont-associated-product .box-item h4 a {
  text-transform: initial;
  color: var(--color-text-body );
    }
.cont-associated-product .box-item-1 {
  width: 17%;
  padding: 0;
}
.cont-associated-product .box-item-2 {
  width: 58%;
  padding: 0;
}
.cont-associated-product .box-item-2 .inner {
  padding: 0 25px;
}
.cont-associated-product .box-item select, .cont-associated-product .box-item #addToCartBis, .cont-associated-product .box-item a {
  width: 100%;
  display: block;
  max-width: 100%;
  font-size: 15px;
}
.cont-associated-product .box-item .se-meta {
  display: none;
}
.cont-associated-product .box-item form {
  margin-bottom: 15px;
}
.blog-section .associated-product {
  border: 1px solid #333;
  text-transform: uppercase;
  text-align: center;
  background: #fff;
  display: inline-block;
  padding: 15px 10px 10px 10px;
  width: auto;
  margin: 10px auto 0 auto;
  position: relative;
}
.blog-section .shopthepost-widget {
  border-top: 1px solid #000;
  padding-top: 30px;
  margin-top: -25px;
  background: #fff;
  padding-bottom: 0;
}
.blog-section .shopthepost-widget-cont {
  position: relative;
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
}
.blog-section .shopthepost-widget-cont-full {
  width: 100%;
}
.blog-section .shopthepost-item {
  margin: 0;
  padding: 7px;
  position: relative;
  text-align: center;
  flex: 0 0 50%;
}
.blog-section .shopthepost-widget-title {
  display: none;
  position: absolute;
  bottom: 14px;
  left: 7px;
  right: 7px;
  color: #333;
  line-height: inherit;
  font-size: 90%;
  padding: 5px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
#comment_form {
  margin-bottom: 0;
}
.blog-section .shopthepost-item:hover .shopthepost-widget-title {
  display: inline;
}
@media (max-width: 767px) {
  .blog-col-left {
    padding-right: 0;
  }
  .template-index .blog-section {
    text-align: center;
  }
  .blog-section .blog-cont-text {
    padding: 0 25px 25px 25px;
  }
  .blog-section .shopthepost-widget-title {
    position: relative;
    padding: 5px 0;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    background: none;
    box-shadow: none;
  }
  .blog-section .shopthepost-widget-cont {
    padding-bottom: 0;
  }
  .cont-associated-product .box-item {
    display: block;
    width: 100%;
  }
  .cont-associated-product .box-item-2 .inner {
    padding: 15px 0;
  }
  .blog-section img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .blog-cont-img {
    height: auto;
  }
  .home-blog .grid-item {
    min-height: auto;
  }
  .home-blog .btn-primary {
    position: relative;
    bottom: auto;
  }
}
@media screen and (max-width: 767px) {
  .blog-section .grid-item {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .blog-section .shopthepost-item {
    flex: 0 0 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;
}

/*============================================================================
#Footer
==============================================================================*/
.site-footer {
  background-color: var(--colorFooterBg);
  padding: var(--gutter) 0 10px;
  color: var(--colorFooterText);
  font-size: 15px;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .site-footer {
    padding: calc(var(--gutter) * 1.5) 0 12px  0;
  }
  .site-footer .grid-flex {
    display:flex;
    align-items:center;
  }
}

.site-footer .grid-item {
  padding: 0 15px;
  margin-bottom:6px;
}

.site-footer h3 {
  color: var(--colorFooterTitle);
  margin: 0 0 12px  0;
  font-size: 1.2em;
}
.site-footer a {
  color: var(--colorFooterText);
}
.site-footer li a {
  margin-left: -10px;
  padding: 5px 10px;
  display: block;
}
.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 {
  color: var(--colorFooterBgBtnText);
    background-color: var(--colorFooterBgBtn);
      }
.footer-section input[type="email"] {
  color: var(--colorFooterBgInputText);
    }
.footer-section input[type="email"]::-webkit-input-placeholder {
  color: var(--colorFooterBgInputText);
    }
.footer-section input[type="email"]::-moz-placeholder {
  color: var(--colorFooterBgInputText);
    }
.footer-section input[type="email"]:-ms-input-placeholder {
  color: var(--colorFooterBgInputText);
    }
.footer-section input[type="email"]:-moz-placeholder {
  color: var(--colorFooterBgInputText);
    }
.site-footer .legal-links li, .site-footer .social-icons li {
  display: inline;
}
.site-footer .legal-links li a {
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
  text-align: left;
  display: inline;
}
.site-footer form {
  margin-bottom: 15px;
}
.site-footer .btn-secondary {
  padding:0 10px;
  border: none;
  border-radius: 0 3px 3px 0;
  height: 38px;
  background-color: var(--colorFooterBgBtn);
  color: var(--colorFooterBgBtnText);
  
}
.site-footer .grid {
  max-width: var(--siteWidth);
  margin: 0 auto;
}
.site-footer #Email {
  height: 38px;
  background-color: var(--colorFooterBgInput);
  color: var(--colorFooterBgInputText);
}
.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;
}
.footer-section .contact-form .input-group {
  max-width: 304px;
  margin-bottom: 6px;
}
.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;
  display: inline;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .site-footer .social-icons li {
    margin: 0;
  }
  footer .grid-item {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .site-footer {
    font-size: 13px;
  }
  .footer-logo {
    display: block;
    margin: 0 auto;
    max-width: 280px;
    max-height: 130px;
  }
  .footer-section .contact-form .input-group {
    max-width: 100%;
  }
}

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

/*============================================================================
#Specials effects
==============================================================================*/


body {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInSF;
  animation-name: fadeInSF; 
}

.template-index {
  -webkit-animation-delay: 0.5s;
  animation-delay: .5s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInSF;
  animation-name: fadeInSF;
}
/* line 204 */

/* zoomimage */
.glass { 
  width: 300px; 
  height: 300px; 
  position: absolute; 
  cursor: crosshair; 
  background-color:#fff; 
  z-index: 900; 
  display: none; 
  border:2px solid #666;
  border-radius:300px;
}

/* 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(-50);
  }
}

@keyframes SFfadeInDown2 {
  0% {
    opacity: 0;
    transform: translateY(-120px);
  }
  100% {
    opacity: 1;
    transform: translateY(-50);
  }
}
.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;
  }
}

@keyframes movearrow {
  0%,
  20%,
  30%,
  40%,
  50%,
  60%,
  100% {
    transform: translate3d(0px, 0px, 0px)
  }
  15% {
    animation-timing-function: ease-out;
    transform: translate3d(0px, -4px, 0px)
  }
  25% {
    animation-timing-function: ease-out;
    transform: translate3d(0px, 4px, 0px)
  }
  35% {
    animation-timing-function: ease-out;
    transform: translate3d(0px, -3px, 0px)
  }
  45% {
    animation-timing-function: ease-in;
    transform: translate3d(0px, 2px, 0px)
  }
}

@keyframes movearrow {
  0%,
  20%,
  30%,
  40%,
  50%,
  60%,
  100% {
    transform: translate3d(0px, 0px, 0px)
  }
  15% {
    animation-timing-function: ease-out;
    transform: translate3d(0px, -4px, 0px)
  }
  25% {
    animation-timing-function: ease-out;
    transform: translate3d(0px, 4px, 0px)
  }
  35% {
    animation-timing-function: ease-out;
    transform: translate3d(0px, -3px, 0px)
  }
  45% {
    animation-timing-function: ease-in;
    transform: translate3d(0px, 2px, 0px)
  }
}
@-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 ; }


/*============================================================================
#templates
==============================================================================*/

/* #classique */


/* #deluxe */



/* #V1 */


/* #V2 */



/*============================================================================
# others menage
==============================================================================*/

.liv_carac {
  list-style:none;
  padding-left:0;
  margin-left:0 ;
  margin-bottom:25px;
}

.progress-bar-texte {
  clear:both;
  overflow:hidden;
  color:var(--productStockBgActive);
    font-weight:bold;
    text-align:center;
    font-size:17px;
    line-height:inherit;
    padding-top:10px;
    margin-bottom:0;  
    }
.text-reason p {
  margin:0 ;
}
.img-best-raison {
  max-width:540px ;
}
@media(max-width:767px){
  .img-best-raison {
    max-width:100% ;
  }
}
video {
  max-width: 800px;
  display: block;    
  margin: 0 0 15px 0; 
}

.template-index video {
  max-width:100%; 
}
.videos-content .small--one-whole {
  margin: 0 auto ; 
}
.spr-container { 
  border-color: #ECECEC;
  background: #eee;
}

.template-index .custom__item {
  margin-bottom:0; 
}

/* classique */
.desc-move #cont-form2{
  display:none;
}
.desc-move {
  padding-left:0 ;
}
.desc-move #tab-1, .desc-move #tab-2, .desc-move #tab-3, .desc-move #tab-4 {
  padding:15px 0; 

  border:none;
}
.desc-move .tabs, .template-index ul.tabs li:nth-child(2), .template-index ul.tabs li:nth-child(3), .section-header--right--show--false {
  display:none; 
}
.template-index .shopify-section .section-header .section-title-decal-true {
  padding-left:15px; 
  padding-right:15px;
}
.section-header--right--show--true {
  display:inline-block; 
}

.custom-content {
  background:var(--sectionHtmlColorBg) ; 
    color:var(--sectionHtmlColorText) ; 
      }
.custom-content h2, .custom-content .h3 {
  color:var(--sectionHtmlColorText) ; 
    }


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

  .main-content {
    padding-bottom:15px ; 
  }   

  .template-index .shopify-section .section-header .section-title-decal-true {
    padding-left:0; 
  }  

  .template-index .section-header--right--show--true {
    display:block;
    text-align:center;
  }
  .template-index .section-header--right--show--true a {
    font-size:13px;
  }  
}

@media screen and (min-width: 768px) {
  .no-pc {
    display:none; 
  }   
  .search-bar input[type="submit"], .search-bar .search-bar--submit {
    width:60px;       
  } 
}

.cont-photos { 
  clear:both;
  overflow:hidden;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInSF;
  animation-name: fadeInSF;
}

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

.hack-img::after {
 content:"";
  display:block;
  width:100%;
  height:100%;  
  position:absolute;
  top:0;
  left:0;
}

.cont-content, .cont-avis {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInSF;
  animation-name: fadeInSF;
}
@media screen and (min-width: 1024px) {}

.custom-content .rte {
  margin-bottom:0; 
}

.clear-both {
  clear:both; 
}
.se-meta { margin-bottom:5px; margin-bottom:15px; clear:both; overflow:hidden; }
.se-meta-z6 { padding:15px 0; }
.se-meta img { max-width:100%; }
@media screen and (min-width: 1399px) { 
  .se-meta-z0 { margin:-25px -15px 15px -15px; }
  .se-meta-z15 { margin:5px -15px -7px -15px; }
}
@media screen and (max-width: 767px) {
  .se-meta-z0 { margin: 0 -15px 0 -15px; }
}

@media screen and (max-width: 1023px) { 
  .cart-form .large--six-twelfths {
    width:50% ;
    float:left;
    padding:0;
    margin:0;
  }
  .cart-form .large--six-twelfths .one-third {
    width:25%;
    float:left;
    padding:0 ;
  }
  .header-right .mobileNavBar-link { display:none; }

  #toggleFilters {
    display:none;
  }
  .wrapper1, .wrapper2 {
    margin:0 auto;  
    max-width:900px;
    float:none;
  }
  
  .wrapper1 .grid-content .grid-item {
   padding:0; 
  }

  .legal-links, .payment_methods { text-align:center; }
}


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

  .sidebar { margin-top:15px; }
  .hr2 { display:none; }
  .sidebar hr {
    margin:0; 
  }

  .product-list-image { text-align:center; }

  #cont-form2 .cont-add-btns { clear:both; }
  #cont-form2 form { margin-bottom:15px; }
  .shopify-payment-button__button--unbranded { width:100% ; }

  ul.social-icons { text-align:center; }

  
  .template-index .cont-add-btns {
    clear:both; 
  }

  .template-product .cont-content {
    margin:12px auto 0 auto;
    max-width:560px;
    float:none;
  }
  .fake_counter_p {
    margin-bottom:15px ; 
  }
  .subcat .grid-item {
    margin-bottom:0 ;  
  }  

  .custom-content h2, .custom-content .h2, .featured-content-section .h2 {
    
    line-height:inherit;
  }
  .custom-content .rte, .custom-content .rte&gt;div {
    margin-bottom:0; 
  }

  #tab-1, #tab-2, #tab-3, #tab-4 {
    min-height:auto; 
  }

  .form-horizontal select {
    font-size:13px; 
    margin-bottom:15px;
  } 

  .custom_collapse .panel-body {
    padding:20px 25px 10px 25px ; 
  }
  .custom_collapse .panel-title a {
    padding:20px 25px ; 
  }  
}


@media only screen and (max-width: 300px) {
  .template-collection .medium--one-quarter, 
  .template-collection .medium--two-eighths, 
  .template-collection .medium--three-twelfths {
    width: 50%;
  }
  .template-collection .medium--right {
    float: none ;
  }
}

.template-product .rte ul, .template-index .rte ul {
  clear:both;
  overflow:hidden;
  margin-left:0;
}
.rte ul.liv_carac { margin-bottom:0 ; }
.template-product .rte ul li, .template-index .rte ul li {  
  list-style:none;
  padding-left:0;
  margin-left:0;
}

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

.template-product .se-meta ul.slides li:before, .template-product .se-meta ul.flex-direction-nav li:before  { display:none; }
.template-index #cont-form {
  min-height:auto;
}

.template-index #cont-form .form-int  {
  overflow:hidden;
  clear:both;
}


#wrapper-form2, #wrapper-form3 {
  overflow:hidden;
  clear:both;
}

#wrapper-form2 form {
 margin:0; 
}

#wrapper-form2 select { max-width:300px; }
.rte #cont-form2 ul li:before, .rte #cont-form ul li:before {
  display:none; 
}

.social-icons li .icon {
  font-size:35px;
  line-height:35px;
}

.product-description {
  margin-top:0px;
  padding:0 ; 
}

/* fin options */
.page-product-true {
  text-align:center;
}

.page-product-true .large--two-fifths, .page-product-true .large--three-fifths {
  width:100% ; 
}
.page-product-true .product-meta {
  margin:0 auto;
}
.page-product-true .product-meta li {
  display:block;
  float:none;
  margin:0;
}

.page-product-true .product-description {
  margin-top:25px; 
}
.page-product-true .liv_carac li {
  background:none;
  padding-left:0;

}
.page-product-true ul.tabs li {
  width:33.333%; 

}
.page-product-true li {
  list-style:none; 
}
.page-product-true #progress_bar, .page-product-true #clock-ticker {
  max-width:500px;
  margin: 0 auto;
}

.social-sharing {
  margin-top:15px;
  display:block;
  overflow:hidden;
  clear:both;
}
.social-sharing a {
  margin-right:8px; 
}

/* codes personnalises */

@media screen and (max-width: 767px) {
  p.fake_counter_p {
    font-size:13px ;
    margin-bottom:0 ;
  }
  span.fake_counter_b, .fa-eye:before {
    font-size:15px ;
  }
  .grid-item iframe {
    width:100%;
    height:100%;
  }

  p.fake_counter_p {
    font-size:12px ;
    margin-bottom:0 ;
  }   

  .panel-group { margin-bottom:0; }

  h1, .h1 {
    font-size:1.5em;
  }


}

.closeBtns { display:none; }

/* filters */
.filters {
  display:block;
  margin:0 auto 15px 0; 
  text-align:center;
  overflow:hidden;
}
.filters h2 {
  display:block;
  clear:both;
  margin:0 0 10px 0;
}
.filters ul {
  display:inline-block;
  margin: auto;
}
.filters ul li {
  display:inline-block;
  float:left;

  margin:2px;
  background:#f5f5f5;
  border:1px solid rgba(000,000,000,0.2);
}
.filters ul li.active-filter, .filters ul li:hover {
  background:#fff;
}
.filters ul li span {
  padding:3px 7px;
  display:block;
  font-size:13px;
}

.cont-title-all .h1, .cont-title-all .h2 {
  margin-bottom:5px;
}

.template-index .cont-title-all h2 a { color: var(--colorHeaders); }

/* Hack */

#toTop {
  position:fixed;
  bottom:15%;
  right:10px;
  cursor:pointer;
  background: var(--colorBackToTop2);
    width:50px;
    font-size:25px;
    line-height:48px;
    color:var(--colorBackToTop1);
      text-align:center;
      border-radius:50px;
      height:50px;
      }

.product-meta .visually-hidden, .codes-apps {
  display:none; 
}

.col50 { width:48%; display:inline-block;  min-height:72px; }
.col50 .cont-shake { display:block; }
.col50 button { width:100%; font-size: var(--btnAddtocart) !important; }

@media screen and (max-width: 767px) {
  .shopify-payment-button { display:block ; }
  .col50 { width:100%; margin-right:0%; margin-bottom:15px; display:block; float:none; min-height:auto; }
  .mono-produit-true .col50 { margin-bottom:15px; }
}

.payment_methods img {
  padding-right: 4px;
  display:inline-block;
  width: 50px;
}

#productPhotoImg {
  width:100%; 
}

.doubly-float { top:10px ; left:auto ; right: 10px ; bottom: auto ; }
.doubly-float .nice-select .list { top:55px ;  left:auto ;  right:0 ; }

/* Subnavigation styles  */
.subnav { clear: both; list-style-type: none; margin: 0; padding: 0; }
.subnav li { display: block; float: left; }
.subnav li a {
  display: block;
  height: 28px;
  line-height: 28px;
  padding: 0 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: #eee;
  margin: 0 7px 7px 0;
  color: #666;
}
.subnav li a:hover, .subnav li.active a {
  background: #666;
  color: #fff;
}

.loading-modal {
  background: #fff url('https://cdn.shopify.com/s/files/1/1825/4753/t/51/assets/loading.gif') center 14px no-repeat;
  position: absolute;
  top: 15%;
  bottom: auto;
  left: 50%;
  right: auto;
  width: 54px;
  height: 54px; 
  overflow: hidden;
  padding: 0;
  text-align: center;
  text-indent: -999em; 
  box-shadow: 0 0px 4px rgba(0,0,0,0.2);  
  border-radius: 50%;
  display:none;
  z-index:999;
}


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

#ajaxifyModal .btn-checkout-bis { display:none; }

.flex-direction-nav a { opacity:1 ; }

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

  .product-item--price small, .template-cart .main-content span.h2, .product-meta .h1 {     
    font-size:16px ;
  }
  .product-meta .h1 s, .product-item--price s, .product-item--price s small,  .template-cart .main-content span.h2 s  {    
    font-size:13px ;
  }
  .template-product .product-meta .h1 {
    font-size:21px ;
  }
  .template-product .product-meta .h1 s {
    font-size:18px ;
  }   

  h1, .h1 {
    font-size:21px ; 
    margin-bottom:20px;
  }
  h2, .h2 {
    font-size:18px ;   
  }

  h3, .h3 {
    font-size:16px; 

  }  

  .template-index .featured-content-section {
    padding:0 15px;    
    margin-bottom:10px;
  }
  .template-index .section-instagram {
    padding-left:0;
    padding-right:0;
  }

  /* Hack */

  .product-meta .h1 s, .product-item--price s, .product-item--price s small,  .template-cart .main-content span.h2 s  {   
    font-size:15px;
  }

  .price-from {
    font-size:12px;
  }
}

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

.dynamic-checkout__content { display:none ; }



/*============================================================================
#mobileoptions menage toto
==============================================================================*/

/*============================================================================
#applications
==============================================================================*/





/*================ Product visitor and countdown ================*/
p.fake_counter_p {
  text-align: center;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom:0;
  font-weight: 600;
  color: var(--color-text-body );
    }
.template-index p.fake_counter_p {
  margin-top:15px; 
}

span.fake_counter_b { 
  padding: 2px 0px 2px 5px; 
  background-color: var(--productVisitorBg);
    border-radius: 5px;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 22px;
    font-weight: 600;
    color: var(--productVisitorText);
      position: relative;
      font-family: Segment7Standard;
      }

/* countdown */
#cookie-reset {
  margin:0 auto; 
}
/* Main */
.flip-clock-wrapper {
  display:flex;
  justify-content:center;
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none;
}
.flip-clock-wrapper * {
  padding-left:1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc;
}
.flip-clock-wrapper a:hover {
  color: #fff;
}
.flip-clock-wrapper ul {
  list-style: none;
}
.flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table;
}
.flip-clock-wrapper.clearfix:after {
  clear: both;
}
.flip-clock-wrapper.clearfix {
  *zoom: 1;
}

.flip-clock-meridium {
  background: none ;
  box-shadow: 0 0 0 ;
  font-size: 36px ;
}
.flip-clock-meridium a {
  color: #313333;
}
.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: auto;
  margin:35px 0 5px 0 ;
}
.flip-clock-wrapper:before, .flip-clock-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.flip-clock-wrapper:after {
  clear: both;
}
/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  display:inline-block;
  float:left;
  margin: 4px;
  width: 41px;
  height: 45px;
  font-size: 38px;
  font-weight: bold;
  line-height: 46px;
  border-radius: 6px;
  background: #000;
}
.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 43px;
  margin-bottom:0 ;
  text-decoration: none ;
}
.flip-clock-wrapper ul li:first-child {
  z-index: 2;
}
.flip-clock-wrapper ul li a {
  display: block;
  font-weight:bold;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 ;
  overflow: visible ;
  cursor: default ;
}
.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden;
}
.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0;
}
.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
}
.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;

  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 35px;
}
.flip-clock-wrapper ul li a div.up div.inn {
  top: 0;
}
.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0;
}
/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3;
}
.flip-clock-wrapper .flip {
  overflow:hidden;

}

.flip-clock-divider {  
  display: inline-block;
  position: relative;
  float:left;
  width: 20px;
  height: 55px;
}
.flip-clock-divider:first-child {
  width: 0;
}
.flip-clock-dot {
  display: block;
  background: #323434;
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 50%; 
  left: 7px;
}
.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -68px;
  color: black;
  font-size:15px;
  text-shadow: none;
}
.flip-clock-divider.hours .flip-clock-label {
  right: -74px;
}
.flip-clock-divider.minutes .flip-clock-label {
  right: -78px;
}
.flip-clock-divider.seconds .flip-clock-label {
  right: -81px;
}
.flip-clock-dot.top {
  top: 30px;
}
.flip-clock-dot.bottom {
  bottom: 30px;
}
@-webkit-keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
@-moz-keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
@-o-keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
@keyframes asd {
  0% {
    z-index: 2;
  }
  20% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
  }
}
@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg);
  }
  100% {
    -moz-transform: rotateX(0deg);
  }
}
@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg);
  }
  100% {
    -o-transform: rotateX(0deg);
  }
}
@keyframes turn {
  0% {
    transform: rotateX(90deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(-90deg);
  }
}
@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg);
  }
  100% {
    -moz-transform: rotateX(-90deg);
  }
}
@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg);
  }
  100% {
    -o-transform: rotateX(-90deg);
  }
}
@keyframes turn2 {
  0% {
    transform: rotateX(0deg);
  }
  100% {
    transform: rotateX(-90deg);
  }
}
.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3;
}

/* effects */
.gdcdtimer-3 .flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5;
}
.gdcdtimer-3 .flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both;
}
.gdcdtimer-3 .flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both;
}
.gdcdtimer-3 .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both;
}
.gdcdtimer-3 .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both;
}
.gdcdtimer-3 .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both;
}
.gdcdtimer-3 .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both;
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
#gdcdtimer {
  margin:var(--gutter) auto;

    }
.cdtimer-progress-true .items-count {
  display:none !important; 
}
.cdtimer-cr-true #clock-ticker, .cdtimer-cr-true .flip-clock-wrapper {
  display:none !important; 
}
.contcdtimer {
  border:2px solid #333;
  padding:5px 18px;
  margin:15px 0; 
}
.contcdtimer h2 {
  text-align:center;
}
#cdtimer {
  background:var(--colorBtnPrimary);
    color:#fff;
    font-size:17px;
    text-align:center;
    margin:10px 0;    
    }
#cdtimer div {  
  text-align:center;
  display:inline-block;  
  width:24%;
  padding:10px 0;
  border-left:1px solid #fff;
}
#cdtimer div:first-child {
  border:none;
}
#cdtimer strong {
  display: block;
  font-size:61px;
  line-height:51px;
}
/* min devices - smartphones - small tablets */
@media(max-width:767px){
  #cdtimer {    
    font-size:9px;    
  }
  #cdtimer strong {    
    font-size:21px; 
    line-height:31px;
  } 
  #gdcdtimer #clock-ticker .block .label, #gdcdtimer-2 span.flip-top {
    font-size: 9px;
  }
  .gdcdtimer-2 #clock-ticker .block {
    width:21% ;
    margin:0 2% ;
  }
}

/* design 1 */

#progress_bar{
  margin-top:25px;
  max-width:510px;
  margin:0 auto;
}
.progressbar.progressbar {
  background: var(--productStockBg);
    border: 0px solid whitesmoke;
    height: 11px
    }

.progressbar.progressbar div {
  background: var(--productStockBgActive);
    height: 11px
    }

.progressbar.progressbar.active div {
  -webkit-animation: 2s linear 0s normal none infinite running progress-bar-stripes;
  animation: 2s linear 0s normal none infinite running progress-bar-stripes
}

.progress-striped.progressbar.progressbar div {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-size: 40px 40px
}

.items-count {
  margin-top: 0px;
  margin-bottom: 0px
}

.count {
  color: var(--productStockBgActive) ;
    padding: 1px;
    background:none ;
    }

.items-count p {
  padding-bottom: 5px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  font-family: "Open Sans", Arial, sans-serif
}

.progressbar {
  position: relative;
  display: block;
  background-color: var(--productStockBg);  
    margin-bottom: 15px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
    }

.progressbar &gt; div {
  background-color: var(--productStockBg);
    width: 0;
    margin-bottom: 0;
    height: 15px
    }

.progressbar &gt; div.less-than-ten {
  background-color: var(--productStockBgActive) 
    }

.gdcdtimer-1 #clock-ticker {
  display: block;
  margin-bottom: 15px
}

.gdcdtimer-1 #clock-ticker .block {
  position: relative;
  color: var(--color-text-body );
    font-weight: bold;
    float: left;
    text-align: center;
    width: 25%
    }

.gdcdtimer-1 #clock-ticker .block .flip-top {
  width: 100%;
  height: 29px;
  line-height: 30px;
  font-size: 30px;
  text-align: center
}

.gdcdtimer-1 #clock-ticker .block .label, .gdcdtimer-1  span.flip-top {
  color: var(--color-text-body );
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    width: 100%;
    line-height: 25px;
    font-family: "Open Sans", Arial, sans-serif
    }
.gdcdtimer-1 .flip-clock-wrapper .flip {
  box-shadow:0 0 5px #bbb; 
  background:none;
}
.gdcdtimer-1 .flip-clock-wrapper ul li a {

}
.gdcdtimer-1 .flip-clock-wrapper ul li a div div.inn {
  color: var(--color-text-body );
    background:#fff;
    }

/* design 2 */
.gdcdtimer-2 {
  max-width:480px ; 
}
.gdcdtimer-2 #clock-ticker {
  display: block;
  margin-bottom: 15px
}

.gdcdtimer-2 #clock-ticker .block {
  position: relative;
  color: var(--color-text-body );
    border:1px solid var(--color-text-body );
      border-radius:5px;
      font-weight: bold;
      float: left;
      padding:7px;
      text-align: center;
      width: 17%;
      margin:0 4%;
      }

.gdcdtimer-2 #clock-ticker .block .flip-top {
  width: 100%;
  height: 29px;
  line-height: 30px;
  font-size: 30px;
  text-align: center
}

.gdcdtimer-2 #clock-ticker .block .label, .gdcdtimer-2  span.flip-top {
  color: var(--color-text-body );
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    width: 100%;
    line-height: 25px;
    font-family: "Open Sans", Arial, sans-serif
    }
.gdcdtimer-2 .flip-clock-wrapper .flip {
  box-shadow:none;
  border:1px solid #000;
  background:none;
}

.gdcdtimer-2 .flip-clock-wrapper ul li a div div.inn {
  color: var(--color-text-body );
    background:#fff;
    }

/* design 3 */
.gdcdtimer-3 {
  max-width:480px ; 
}
.gdcdtimer-3 #clock-ticker {
  display: block;
  margin-bottom: 15px
}

.gdcdtimer-3 #clock-ticker .block {
  position: relative;
  color: var(--color-body );
    background: var(--color-text-body );
      border:1px solid var(--color-body );
        border-radius:5px;
        font-weight: bold;
        float: left;
        padding:7px;
        text-align: center;
        width: 17%;
        margin:0 4%;
        }

.gdcdtimer-3 #clock-ticker .block .flip-top {
  width: 100%;
  height: 29px;
  line-height: 30px;
  font-size: 30px;
  text-align: center
}

.gdcdtimer-3 #clock-ticker .block .label, .gdcdtimer-3  span.flip-top {
  color: var(--color-body );
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    width: 100%;
    line-height: 25px;
    font-family: "Open Sans", Arial, sans-serif
    }
.gdcdtimer-3 .flip-clock-wrapper .flip {
  box-shadow:none;
  border:none;
  background:#000;
}
.gdcdtimer-3 .flip-clock-wrapper ul li a {

}
.gdcdtimer-3 .flip-clock-wrapper ul li a div div.inn {
  color: var(--color-body );
    background:#333;
    }

/* design 4 */
.gdcdtimer-4 {
  max-width:380px ; 
}
.gdcdtimer-4 #clock-ticker {
  display: block;
  margin-bottom: 15px
}

.gdcdtimer-4 #clock-ticker .block {
  position: relative;
  color: var(--color-text-body );
    background: var(--color-body );
      border:none;
      box-shadow:1px 1px 3px var(--color-text-body );
        border-radius:0;
        line-height:20px;
        font-weight: bold;
        float: left;
        padding:7px;
        text-align: center;
        width: 19%;
        margin:0 3%;
        }
.gdcdtimer-4 br {
  height:0;
  margin:0;
  font-size:3px;
}
.gdcdtimer-4 .flip-clock-wrapper {
  margin:15px 0 0 0 ;
  border:2px dashed #ff6600; 
}
.gdcdtimer-4 .flip-clock-dot {
  background:#ff6600;
}
.gdcdtimer-4 #clock-ticker .block .flip-top {
  width: 100%;
  height: 19px;
  line-height: 20px;
  font-size: 20px;
  text-align: center
}

.gdcdtimer-4 #clock-ticker .block .label, .gdcdtimer-4  span.flip-top {
  color: var(--color-text-body );
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    width: 100%;
    line-height: 20px;
    font-family: "Open Sans", Arial, sans-serif
    }
.gdcdtimer-4 .progress-bar-texte, .gdcdtimer-4 .items-count {
  font-size:14px; 
}
.gdcdtimer-4 .flip-clock-wrapper .flip {
  box-shadow:none;
  border:none;
  background:#ff6600;
  width:30px;

}

.gdcdtimer-4 .flip-clock-wrapper ul li a div div.inn {
  color: #fff;
  background:#ff6600;
}
.gdcdtimer-4 .flip-clock-divider .flip-clock-label {
  display:none; 
}
.gdcdtimer-4  .flip-clock-wrapper ul li a div div.inn {
  font-size:31px;
}

@media screen and (max-width: 767px) {
  .flip-clock-wrapper * {

    padding-left:0; 
  }
  .flip-clock-wrapper ul li a div div.inn {
    text-shadow:none; 
  }
  .flip-clock-dot {
    box-shadow:none; 
  }
  .flip-clock-wrapper {
    margin:30px 0 0 0 ;
  }
  .flip-clock-wrapper {
    margin:30px 0 0 0 ;
  }
  .flip-clock-wrapper ul {
    position: relative;
    float: none;
    margin: 2px;
    width: 25px ;
    height: 28px ;
    font-size: 25px ;
    font-weight: bold;
    line-height: 29px ;
    border-radius: 5px;
    background: #000;
  }

  .flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 29px;
    text-decoration: none ;
  }
  .flip-clock-wrapper ul li a div div.inn {
    font-size:19px;
  }
  .flip-clock-divider {
    font-size:13px;
    height:27px;
    float:none;
  }
  .flip-clock-divider .flip-clock-label {
    font-size:12px; 
    right: -48px; 
  }
  .flip-clock-divider.hours .flip-clock-label {
    right: -52px;
  }
  .flip-clock-divider.minutes .flip-clock-label {
    right: -56px;
  }
  .flip-clock-divider.seconds .flip-clock-label {
    right: -59px;
  }
  .flip-clock-dot {
    width:4px;
    height:4px;
  }
  .flip-clock-dot.top {
    top:30%; 
  }
  .flip-clock-dot.bottom {
    bottom:30%; 
  }
  .gdcdtimer-4  .flip-clock-wrapper ul li a div div.inn {
    font-size:18px ;
  }
  .progress-bar-texte, .items-count, .items-count p {
    font-size:13px ; 
  }

}

@media screen and (max-width: 480px) {
  .flip-clock-wrapper {
    margin:30px 0 0 0 ;
  }
  .flip-clock-wrapper ul {
    position: relative;
    float: none;
    margin: 2px;
    width: 28px ;
    height: 28px ;
    font-size: 25px ;
    font-weight: bold;
    line-height: 29px ;
    border-radius: 5px;
    background: #000;
  }

  .flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 26px;
    text-decoration: none ;
  }
  .flip-clock-wrapper ul li a div div.inn {
    font-size:19px;
  }
  .flip-clock-divider {
    font-size:13px;
    height:27px;
    float:none;
  }
  .flip-clock-divider .flip-clock-label {
    font-size:12px; 
    right: -48px; 
  }
  .flip-clock-divider.hours .flip-clock-label {
    right: -52px;
  }
  .flip-clock-divider.minutes .flip-clock-label {
    right: -56px;
  }
  .flip-clock-divider.seconds .flip-clock-label {
    right: -59px;
  }
  .flip-clock-dot {
    width:4px;
    height:4px;
  }
  .flip-clock-dot.top {
    top:30%; 
  }
  .flip-clock-dot.bottom {
    bottom:30%; 
  }
  .gdcdtimer-4  .flip-clock-wrapper ul li a div div.inn {
    font-size:18px ;
  }
  .progress-bar-texte, .items-count, .items-count p {
    font-size:13px ; 
  }  
}

@media screen and (max-width: 360px) {
  .flip-clock-wrapper {
    margin:30px 0 0 0 ;
  }
  .flip-clock-wrapper ul {
    position: relative;
    float: none;
    margin: 2px;
    width: 21px ;
    height: 21px ;
    font-size: 16px ;
    font-weight: bold;
    line-height: 19px ;
    border-radius: 5px;
    background: #000;
  }

  .flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 20px;
    text-decoration: none ;
  }
  .flip-clock-wrapper ul li a div div.inn {
    font-size:16px;
  }
  .flip-clock-divider {
    font-size:13px;
    height:27px;
    float:none;
  }
  .flip-clock-divider .flip-clock-label {
    font-size:12px; 
    right: -39px; 
  }
  .flip-clock-divider.hours .flip-clock-label {
    right: -45px;
  }
  .flip-clock-divider.minutes .flip-clock-label {
    right: -47px;
  }
  .flip-clock-divider.seconds .flip-clock-label {
    right: -51px;
  }
  .flip-clock-dot {
    width:4px;
    height:4px;
  }
  .flip-clock-dot.top {
    top:30%; 
  }
  .flip-clock-dot.bottom {
    bottom:30%; 
  }
  .gdcdtimer-4  .flip-clock-wrapper ul li a div div.inn {
    font-size:18px ;
  }
  .progress-bar-texte, .items-count, .items-count p {
    font-size:13px ; 
  }  
}

/* #sizechart */


/* #specialoffer */


/* # eucookies */
body .cc_container {
  background: var(--cookiesBannerBgColor); 
  color: var(--cookiesBannerColor);
  border:none;
}
body .cc_container .cc_message {
  color: var(--cookiesBannerColor);
}
body .cc_banner-wrapper { z-index:1000; }
body .cc_banner-wrapper a { 
  color: var(--cookiesBannerLinkColor);  
}
body .cc_banner-wrapper a:hover {
  text-decoration:underline; 
}
body .cc_container .cc_btn, body .cc_container .cc_btn:visited {
  background: var(--cookiesBannerBtnBgColor);
  color: var(--cookiesBannerBtnColor);
}
body .cc_container .cc_btn:hover {
  text-decoration:none; 
  background: var(--cookiesBannerBtnBgColor);
  color: var(--cookiesBannerBtnColor);
  opacity:0.9;
}

/* # barre defilante */
.dynamic-headline {
  font-family:Helvetica;
  font-size:18px;
  font-weight:bold;
  color:#333;
  background:#f0f0f0;
  position: absolute;
  top:0;
  line-height: 35px;
  text-align: center;
  width: 100%;
  left:0;
  z-index:999;
  right:0;
}
.dynamic-headline .change {
  color:#ff6600;
}
.dynamic-headline .typed-cursor {
  color:#ff6600;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .dynamic-headline { 
    font-size:15px; 
    line-height: 18px;
    padding:5px 0;
  }
}

/* #stickybar */


.lazyload--fade-in.lazyloaded {
  -webkit-animation: inherit;
  -moz-animation: inherit;
  animation: inherit;
  -webkit-filter: contrast(100%) brightness(100%);
  filter: contrast(100%) brightness(100%);
}

/* #wow */
       
</pre></body></html>