.image-gallery {
  margin-left: 140px;
  margin-right: 140px;
  background: #FAFAFA;
  width: 1000px;
  height: 112px;

}

.image-cell {
  text-align: left;
  margin-left: 0px;
  width: 150px;
  height: 100%;
  margin-right: 20px;
  background: #333;
}

.gallery-image {
  display: block;
  width: 100%;
  margin: 0 auto;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
          transition: opacity 0.4s;
}

/* big buttons, no circle */
.flickity-prev-next-button {
  width: 100px;
  height: 100px;
  width: 30px;
  height: 30px;
  background: transparent;
  margin-top: 90px;
}

/* position outside */
.flickity-prev-next-button.previous {
  left: 0px;
}
.flickity-prev-next-button.next {
  right: 0px;
}

.flickity-prev-next-button:hover {
  background: transparent;
}
/* arrow color */
.flickity-prev-next-button .arrow {
  fill: #c227b9;

}
.flickity-prev-next-button.no-svg {
  color: #c227b9;
}
/* hide disabled button */
.flickity-prev-next-button:disabled {
  display: none;
}

.blueimp-gallery>.prev, .blueimp-gallery>.next, .blueimp-gallery>.close {

  background: transparent;
  color: #c227b9 !important;
  border: 0px;
}

.blueimp-gallery>.slides {
  /* Poner una imagen con alpha en un porcentaje para hacer el efecto*/
}
/* fade in lazy loaded image */
.gallery-cell-image.flickity-lazyloaded,
.gallery-cell-image.flickity-lazyerror {
  opacity: 1;
}