/*
Back to top button
*/
#back-top {
  position: fixed;
  z-index: 499;
  bottom: 10px;
  margin-left: 20px;
}

#back-top a,
#back-top-prev a {
  display: block;
  width: 50px;
  /* background color transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #bbb;
  font: 11px/100% Arial, Helvetica, sans-serif;
}

#back-top a:hover,
#back-top-prev a:hover {
  color: #000;
}

/* arrow icon (span tag) */
#back-top span#button,
#back-top-prev span#button-prev {
  display: block;
  width: 50px;
  height: 50px;
  margin-bottom: 7px;
  /* background color transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  opacity: 0.8;
  filter: opacity(80%);
  /* rounded corners */
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-image: url('../images/up-arrow.png');
  background-repeat: no-repeat;
  background-position: center center;
}

#back-top a:hover span#button,
#back-top-prev a:hover span#button-prev {
  opacity: 1;
  filter: opacity(100%);
}