#toTop {
  z-index: 10;
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  overflow: hidden;
  width: 30px;
  height: 34px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all ease-out 0.6s;
  -webkit-transition: all ease-out 0.6s;
}

#toTopHover:after {
  content: "\f0d8";
  display: block;
  width: 100%;
  height: 30px;
  color: inherit
}

#toTopHover {
  display: block;
  position: relative;
  overflow: hidden;
  font-family: FontAwesome;
  font-size: 23px;
  line-height: 26px;
  vertical-align: middle;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%
}

#toTop:active, #toTop:focus {
  outline: 0
}

#toTop.open {
  opacity: 1;
}

#toTop.close {
  opacity: 0;
}