/*!
 *
 * Copyright Stripelight B.V. Nethlerlands
 * 
 */
#mousepad a {
 padding-top: 60px;
 position: absolute;
}


#mousepad a span {
  position: absolute; 
  top: 0; 
  left: 50%; 
  width: 30px; 
  height: 50px; 
  margin-left: -15px; 
  border: 2px solid #fff; 
  border-radius: 50px; 
  box-sizing: border-box; 
}
#mousepad a span::before {
  position: absolute; 
  top: 10px; 
  left: 50%; 
  content: ''; 
  width: 6px; 
  height: 6px; 
  margin-left: -3px; 
  background-color: #fff; 
  border-radius: 100%; 
  -webkit-animation: sdb10 2s infinite; 
  animation: sdb10 2s infinite; 
  box-sizing: border-box; 
}

@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0); 
    opacity: 0; 
  }
  40% {
    opacity: 1; 
  }
  80% {
    -webkit-transform: translate(0, 20px); 
    opacity: 0; 
  }
  100% {
    opacity: 0; 
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0); 
    opacity: 0; 
  }
  40% {
    opacity: 1; 
  }
  80% {
    transform: translate(0, 20px); 
    opacity: 0; 
  }
  100% {
    opacity: 0; 
  }
}