@keyframes hbrFade {
  from {opacity: .4} 
  to {opacity: 1}
}

.hbrSlides {
  display:none;
}

.hbrFade {
  animation-name: hbrFade;
  animation-duration: 1.5s;
}

.hbrDot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #99918a;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.hbrActive, .hbrDot:hover {
  background-color: #0693ca;
}