.cd-top { z-index: 99999999999999999999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 50%; display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 20px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(0, 255, 161, 0.82)  url(../img/cd-top-arrow.svg) no-repeat center 50%; 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;}
.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 { visibility: visible;  opacity: 1;}
.cd-top.cd-fade-out {  opacity: .7;}
.no-touch .cd-top:hover { background-color: #ffcc00 ;  opacity: 1;}

@media only screen and (min-width: 768px)
{
	.cd-top { right: 20px; bottom: 20px;}
}

@media only screen and (min-width: 1024px)
{
  .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px;}
}