.b-top {
z-index:22600;
position:fixed;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 50px;
bottom: 5px;
right: 15px;
opacity: 0;/*0.8;*/
filter: alpha(opacity=0);
text-align: center;
font-size: 2rem;
color: white;
background: #aaa;   
border-radius: 5px;
}
@media (max-width: 479.98px) {   
  .b-top{
    height: 25px;
    width: 25px;
    font-size: 1.5em;
    border-radius: 3px;
  }
}
@media (max-width: 767.98px) {   
  .b-top{
    height: 40px;
    width: 40px;
    font-size: 2em;
    border-radius: 3px;
	right: 5px;
  }
}

.b-top-show:hover {
opacity:1 !important;
filter:alpha(opacity=100) !important;
cursor:pointer;
}

.b-top-show {
  animation: showBlock 1s linear forwards;
}
.b-top-hide{
  animation: hideBlock 1s linear forwards;
}

@-webkit-keyframes showBlock{
0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes showBlock{
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}

@-webkit-keyframes hideBlock{
0% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}

@keyframes hideBlock{
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}

@media print{
	.b-top{
		display: none;
	}
}