/** Carousel container */
.carousel {
  position: relative;
  overflow: hidden;
  box-sizing:border-box;
}

/** Clear styles after carousel */
.carousel::after {
  content:"";
  clear:both;
  display:table;
}

/** Carousel content */
.content {
  margin: 0;
  padding: 0;
  width:33.33%;
  height:100%;
  display:block;
  float:left;
  min-height:1px;
}
.content li {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 2;
  height:100%;
}
.active li {
  position: absolute;
  top: 200px;
}
.active li.current {
  top: 0px;
  text-align: center;
  width: 33.33%;
}

/** Carousel buttons */
.carousel button {
  width:33.33%;
  height:100%;
  border:none;
  float:left;
  display:block;
  cursor:pointer;
}
.carousel button.prev::after {
  content:"\25C0";
}
.carousel button.next::after {
  content:"\25B6";
}