.cd-top {
	display: inline-block;
	height: 50px;
	width: 50px;
	position: fixed;
	bottom: 170px;
	right: 70px;
	z-index: 1000;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgb(248, 198, 126) url(../img/cd-top-arrow.svg) no-repeat center 50%;
	border-radius: 50% !important;
	visibility: hidden;
	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;
	border: solid 2px white !important;
}

.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: .8;
}

.no-touch .cd-top:hover {
  background-color: #f8b0ec!important;
  opacity: 1!important;
  color: #FFF;

}



@media only screen and (min-width: 601px) and (max-width: 980px) /*! iPad media queries */

{	
  .cd-top {
	  
    left: 10px;
    bottom: 200px;
    
  }
  
}

@media only screen and (min-width: 150px) and (max-width: 736px) /*! iPhone media queries */

{
  .cd-top {
	  
    height: 40px;
    width: 40px;
    right: 10px;
    bottom: 100px;
    
  }
  
  .no-touch .cd-top:active {
	  
  opacity: 0.8;
  color: #FFF;

}

}