@impoer "base";
/* line 4, sl.carousel.scss */
.sl-slider-control {
  list-style: none;
  text-align: center;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  padding: 0;
}
/* line 13, sl.carousel.scss */
.sl-slider-control li {
  display: inline-block;
  margin-left: .6em;
  margin-right: .6em;
}
.sl-slider-control li.active-control{
  border: 1px solid black;
}

/* line 22, sl.carousel.scss */
.sl_slider {
  overflow: hidden;
  width: 374px;
}

/* line 27, sl.carousel.scss */
.sl_slider_container {
  white-space: nowrap;
}

.sl_carrousel_container .left_button{
    position: absolute;
    left: 0;
    background-image: url(../../../../../images/slider/2.png);
    background-repeat: no-repeat;
    background-size: 35px 35px;
    margin-left: -3px;
    display: inline-block;
    font-size: 0px;
    padding: 18px;
}
.sl_carrousel_container .right_button{
    position: absolute;
    right: 0;
    background-image: url(../../../../../images/slider/1.png);
    background-repeat: no-repeat;
    background-size: 35px 35px;
    display: inline-block;
    margin-right: -3px;
    font-size: 0px;
    padding: 18px;
}

/* line 31, sl.carousel.scss */
.sl_slider_element {
  background: url(../../../../../i/loader.gif) #fff 50% 50% no-repeat;
  background-color: #fff !important;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 374px;
  min-height: 374px;
  *display: inline;
  zoom: 1;
  cursor: zoom-in;
}
/* line 44, sl.carousel.scss */
.sl_slider_element img {
  max-width: 100%;
  height: auto;
}
.badgesEl {
   position: absolute;
   width: 119px;
   height: 24px;
   display: inline-block;
   background-repeat: no-repeat;
   top: 11px;
   left: 14px;
   z-index: 920;
}
.sl_slider_element .badgesEl.availability{
   background-image: url("../../../../../images/badges/3.png");
}
.sl_slider_element .badgesEl.soon{
   background-image: url("../../../../../images/badges/1.png");
}
.sl_slider_element .badgesEl.lastSize{
   background-image: url("../../../../../images/badges/2.png");
}
@media (min-width: 1200px) {
  /* line 51, sl.carousel.scss */
  .sl_slider {
    width: 457px;
  }

  /* line 54, sl.carousel.scss */
  .sl_slider_element {
    width: 457px;
    min-height: 457px;
  }
}
/* line 60, sl.carousel.scss */
#sl_slider {
  margin-left: 0;
}

/* line 63, sl.carousel.scss */
.sl_slider img {
  margin-left: -4px;
}