.cd-top {

  display: inline-block;

  height: 25px;

  width: 25px;

  position: fixed;

  bottom:5px;

  right:5px;

 

  /* image replacement properties */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background:#eb9645 url(../images/arrow-top.png) no-repeat center 50%;

  visibility: hidden;border:0px solid #111;

  opacity: 0;

  -webkit-transition: opacity .3s 0s, visibility 0s .3s;

  -moz-transition: opacity .3s 0s, visibility 0s .3s;

  transition: opacity .3s 0s, visibility 0s .3s;

}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {

  -webkit-transition: opacity .3s 0s, visibility 0s 0s;

  -moz-transition: opacity .3s 0s, visibility 0s 0s;

  transition: opacity .3s 0s, visibility 0s 0s;

}

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}

.cd-top.cd-fade-out {

  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */

  opacity: .5;/**/

}

.no-touch .cd-top:hover {

 /* background-color: #e86256;*/ border:1px solid #e86256;

  opacity: 1;

}

@media only screen and (min-width: 768px) {

  .cd-top {

    right: 5px;

    bottom: 5px;

  }

}

@media only screen and (min-width: 1024px) {

  .cd-top {

    height:25px;

    width:25px;

    right:5px;

    bottom:5px;

  }

}