.js-slider {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .js-slider__slider {
    display: table;
    transition: margin-left .8s ease-in-out;
    width: 500%; }
  .js-slider__slide {
    display: table-cell; }
  .js-slider__prev-slide {
    background-color: #ffffff;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px; }
  .js-slider__next-slide {
    background-color: #ffffff;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    width: 20px; }
  .js-slider__bullets {
    bottom: 20px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%); }
  .js-slider__bullet {
    background-color: #ffffff;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    vertical-align: middle;
    width: 20px; }