/**
 * @package JT Scroll to Top Module for Joomla! 3.0.x
 * @version $Id: 1.0 
 * @WebDesign
 * @Copyright (C) 2015- WebDesign
 * @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
**/

.cd-top.cd-is-visible {	
	-webkit-animation-duration: 0.7s; 
    animation-duration: 0.7s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
	-webkit-animation-name: fadeInDown; 
    animation-name: fadeInDown; 
} 

@-webkit-keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-40px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-40px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 

#back_to_top { text-align: center; margin: -15px 0 0;}      

.cd-top {
  display: inline-block;
  height: 0;
  width: 56px;
  /*position: fixed;*/
  bottom: 0;
  right: 0;
  margin: 0 auto;
  /* image replacement properties */
  overflow: hidden;
  /*text-indent: 100%;*/
  white-space: nowrap;
  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 > div { background: url("../images/bg-arrow.png") no-repeat center center; }  

#back_to_top a.cd-top:link, back_to_top a.cd-top:visited {
    background: transparent url("../images/top-arrow.png") no-repeat 50% 50% !important; 
	padding: 0 !important; 
	width: 100%;
}

.cd-top.cd-is-visible { margin: 0 auto 20px; height: 56px;} 	
	
.no-touch .cd-top:hover { opacity: 0.5 !important; }

a.cd-top:hover { }