.bck {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	background: rgba(216, 95, 15, 0.71);
	color: #ffffff;
    font-weight: bold;
	visibility: hidden;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	line-height: 40px;
	text-align:center;
	transition-property: all;
}


.bck i{
font-size: 20px;
}


.bck.bck-on {visibility: visible;}

.fade{opacity: 0;}

.bck-on.fade{opacity: 1;}

.rightToLeft {right : -50px;}

.bck-on.rightToLeft{right: 1rem;}

.bottomToTop {bottom: -50px;}

.bck-on.bottomToTop {bottom:1rem;}

.bck-leftToRight {left: -50px;}

.bck-on.leftToRight {left:1rem;}

.topToBottom {top: -50px;}

.bck-on.topToBottom {top:1rem;}