.carousel-enabled {position: relative;}.carousel-enabled:focus {outline: none;}.carousel-viewport {overflow: hidden;position: relative;height: 100%;}.carousel-slider {position: absolute;width: 100%;height: 100%;}.carousel-enabled.is-draggable {-webkit-tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.carousel-enabled.is-draggable .carousel-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}.carousel-enabled.is-draggable .carousel-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}.carousel-button {position: absolute;background: hsla(0, 0%, 100%, 0.75);border: none;color: #333;}.carousel-button:hover {background: white;cursor: pointer;}.carousel-button:focus {outline: none;box-shadow: 0 0 0 5px #19F;}.carousel-button:active {opacity: 0.6;}.carousel-button:disabled {opacity: 0.3;cursor: auto;pointer-events: none;}.carousel-button-icon {fill: currentColor;}.carousel-prev-next-button {top: 50%;width: 44px;height: 44px;border-radius: 50%;transform: translateY(-50%);}.carousel-prev-next-button.previous {left: 10px;}.carousel-prev-next-button.next {right: 10px;}.carousel-rtl .carousel-prev-next-button.previous {left: auto;right: 10px;}.carousel-rtl .carousel-prev-next-button.next {right: auto;left: 10px;}.carousel-prev-next-button .carousel-button-icon {position: absolute;left: 20%;top: 20%;width: 60%;height: 60%;}.carousel-page-dots {position: absolute;width: 100%;bottom: -25px;padding: 0;margin: 0;list-style: none;text-align: center;line-height: 1;}.carousel-rtl .carousel-page-dots {direction: rtl;}.carousel-page-dots .dot {display: inline-block;width: 10px;height: 10px;margin: 0 8px;background: #333;border-radius: 50%;opacity: 0.25;cursor: pointer;}.carousel-page-dots .dot.is-selected {opacity: 1;}


.carousel-slider {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: transparent;
}

* {
  
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.gallery {

  background: #eee0;
}

.gallery-cell {

 /* width: 95%;
  margin-right: 10px;*/
  background: #8C8;
  counter-increment: gallery-cell;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  font-size: 80px;
  color: white;
}