.tkp {
z-index:22600;
position:fixed;
bottom: 5px;          
right: 15px;
opacity: 0.6;
filter:alpha(opacity=60);    
}
.tkp:hover {
opacity:1;
filter:alpha(opacity=100);    
cursor:pointer;
}
.tkp .tkp-but {
z-index:22600;
position:relative;
display:block;
margin: 0 auto;
padding: 4px;
color:white;
background:#58ba28;
border-radius: 4px;
font-size: 12px; 
min-height: 50px;
min-width: 50px;
} 

.tkp-top{
  animation: showTop 0.3s linear forwards;
}
@-webkit-keyframes showTop{
0% {
    bottom: 5px; 
  }
  100% {
    bottom: 60px; 
  }
}

.tkp-bottom{
  animation: showBottom 0.3s linear forwards;
}
@-webkit-keyframes showBottom{
0% {
    bottom: 60px; 
  }
  100% {
    bottom: 5px; 
  }
}

@media (max-width: 479.98px) {   
  .tkp, .tkp > .tkp-but{
    min-height: 25px;
    min-width: 25px;
    font-size: 10px; 
    border-radius: 3px;
  }
}
@media (max-width: 767.98px) {   
   .tkp, .tkp > .tkp-but{
    min-height: 40px;
    min-width: 40px;
    font-size: 10px; 
    border-radius: 3px;
  }
  
  .tkp{
    right: 5px ;
  }
}

@media print{
	.tkp, .tkp > .tkp-but{
		display: none;
	}
}