/* arrows */

.arrright {
    position: absolute;
    height: 80px;
    color: #CCC;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
  cursor: pointer;
}
.right-arrow {
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 20px solid #CCC;
  opacity: 0.7;
}

.arrleft {
    position: absolute;
    height: 80px;
    color: #CCC;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
  cursor: pointer;
}
.left-arrow {
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 20px solid #CCC;
  opacity: 0.7;
}

.arrright, .arrleft {
    visibility: hidden;
}