/* Custom code goes here */
.stickycart_yes.sticky_cart #header .shopping_cart > a span.ajax_cart_quantity {
background: #282828;
}

.sm_slider {
    overflow: hidden;
}

.obf{
  cursor:pointer;
  color:#fff;
}

.slider {
    overflow: hidden;
    padding-left: 50%;
    padding-right: 50%;
}
.slides {
    margin-left: 0;
    margin-right: 0;
    height: 85px;
    white-space: nowrap;
    font-size: 0;
}

.boxCat{
    display: flex;
    align-items: center;
    max-width:170px;
}

.imgCat{
    width:60px;
    border-radius: 50px;
    border: 1px solid;
    white-space: nowrap;
}

.imgCat img{
    border-radius: 50px;
}

.titleCat{
    text-align: center;
    margin-left:5px;
    text-align:left;
    padding: 1em;
    font-size: 13px;
    direction: ltr;
    width: 30vw;
    margin:auto;
    text-align:justify;
    word-break: break-word;
    white-space: pre-line;
    overflow-wrap: break-word;
    -ms-word-break: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.product_img_link img{
  transition: transform 1s;
}

.product_img_link img:hover { 
  transform: scale(1.08); 
}

.list_manufacturer{
  padding : 5px;
}

.list_manufacturer a{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.gradient-left{
    display: block;
    position: relative;
    background-image: linear-gradient(to right, whitesmoke, transparent 100%);
      margin-top: -270px;
    height: 150px;
    width: 8%;
    content: '';
  }
  .gradient-right{
    display: block;
    position: relative;
    float: right;
    right:0;
    background-image: linear-gradient(to left, whitesmoke, transparent 100%);
        margin-top: -150px;
    height: 150px;
    width:8%;
    content: '';
  }
  
  .slide {
      position: relative;
      width: 20%;
      height: 75px;
      margin-right: 33px;
      counter-increment: carousel-cell;
      text-align: center;
      vertical-align: center;
      transition: transform 0.5s;
      font-size: 1.2em;
    }
  @media only screen and (max-width: 1300px){
      .slide{
          width: 30%;
      }
  }
  @media only screen and (max-width: 773px){
      .slide{
          width: 50%;
      }
  
  }
  @media only screen and (max-width: 490px){
      .slide{
          width: 50%;
      }
  
  }
  
  .slide.nextToSelectedLeft, .slide.nextToSelectedRight {
    transform: scale(1);
    z-index:5;
  }
  
  /*! Flickity v2.0.5
  https://flickity.metafizzy.co
  ---------------------------------------------- */
  
  .flickity-enabled {
    position: relative;
  }
  
  /* .flickity-enabled:focus { outline: none; } */
  
  .flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  
  /* draggable */
  
  .flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
  /*           tap-highlight-color: transparent; */
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
  }
  
  .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }

  .flickity-prev-next-button {
    position: absolute;
    top: 50%;
    right:0;
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 50%;
    background: white;
    background: hsla(0, 0%, 100%, 0.75);
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #sm_slider .previous{
    left:0;
  }
  #sm_slider .next{
    right:0;
  }

  .txt_avantage_p{
    margin:10px 10px 0 0;
    padding:10px;
}

.reduc-link{
  color: #4682B4;
  cursor: pointer;
}