/* Gallery Product */
.flex-direction-nav {
  position: absolute;
  width: 100%;
}
#slider .flex-direction-nav {
  top: 50%;
  margin-top: -25px;
}
#carousel .flex-direction-nav {
  top: 0;
}

.flex-disabled {
  display: none !important;
}

#slider .flex-prev,
#slider .flex-next {
  background: url("../../img/arrow-slider-ins.png") 0 0 no-repeat;
  display: block;
  height: 51px;
  position: absolute;
  top: 0;
  text-indent: -9999px;
  width: 51px;
  z-index: 99;
}

#slider .flex-prev {
  left: 0;
  background-position: 3px -145px !important;
}

#slider .flex-prev:hover {
  left: 0;
  background-position: 3px -231px !important;
}

#slider .flex-next {
  right: 0;
  background-position: -61px -145px !important;
}

#slider .flex-next:hover {
  background-position: -61px -231px !important;
}

/*Carousel*/
#carousel .flex-prev,
#carousel .flex-next {
  position: relative;
  top: -1px;
  text-indent: -9999px;
  border: 0 !important;
  height: 73px;
  width: 57px;
  z-index: 99;
}

#carousel .flex-nav-prev {
  position: absolute;
  left: 0;
}

#carousel .flex-nav-next {
  position: absolute;
  right: 0;
}

#carousel .flex-prev:before,
#carousel .flex-next:before {
  content: '';
  position: absolute;
  background: url("../../img/arrow-slider-ins.png") 0 0 no-repeat;
  top: 50%;
  margin-top: -20px;
  height: 37px;
  width: 15px;
}

#carousel .flex-prev:before {
  left: 11px;
  background-position: -5px -5px !important;
}

#carousel .flex-prev:hover:before {
  background-position: -5px -60px !important;
}

#carousel .flex-next:before {
  right: 11px;
  background-position: -77px -5px !important;
}

#carousel .flex-next:hover:before {
  background-position: -77px -60px !important;
}

#carousel .flex-next {
  left: 2px;
  background: #000;
  background: linear-gradient(to right, rgba(0,0,0,0), #fff 60%);
}

#carousel .flex-prev {
  right: 2px;
  background: #000;
  background: linear-gradient(to left, rgba(0,0,0,0), #fff 60%);
}

#carousel .slides li {
  position: relative;
  text-align: center;
}

#carousel .img-bllc img {
  cursor: pointer;
  max-width: 140px;
}

#carousel .flex-active-slide .img-bllc img  {
  cursor: default;
}