html, body {
  background: transparent;
  height: 100%;
  margin: 0;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: auto;
  height: 95vh;
  padding: 0;
  margin: 0 auto;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides li:first-child .prev {
  opacity: 0;
    pointer-events: none;
  }

.rslides li:last-child .next {
  opacity: 0;
    pointer-events: none;
  }
        .next {
            position: absolute;
            top: 0;
            right: 0;
            margin-right: 40%;
            z-index: 99;
        }
        .prev {
            position: absolute;
            top: 0;
            left: 0;
            margin-left: 40%;
            z-index: 99;
        }
        @media (max-width: 900px) {
         .next {
            margin-right: 30%;
        }
        .prev {
            margin-left: 30%;
        }
        }
        @media (max-width: 600px) {
         .next {
            margin-right: 20%;
        }
        .prev {
            margin-left: 20%;
        }   
        }
img.pijl {
  display: block;
  height: auto;
  width: 35px;
  border: 0;
  }
        .zoomicons {
    position: absolute;
    top: 0;
    width:100%;
    text-align: center;
    z-index: 999;
}
.zoom {
    display: inline-block;
    width: 45px;
    height: 45px;
    padding: 5px;
    padding-top: 0;
    cursor: pointer;
}
.icon {
    width: 35px;
    height: 35px;
    }