.back-top
{
    height:48px;
    width:48px;
    background:rgba(214,109,44,0.8) url("../Images/back-top.png") no-repeat center 50%;
    opacity:0;
    text-indent:100%;
    display:inline-block;
    overflow:hidden;
    visibility:hidden;
    white-space:nowrap;
    position:fixed;
    bottom:16px;
    right:16px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s, background-color 0.3s 0s;
    -moz-transition:opacity 0.3s 0s, visibility 0s 0.3s, background-color 0.3s 0s;
    -o-transition:opacity 0.3s 0s, visibility 0s 0.3s, background-color 0.3s 0s;
    transition:opacity 0.3s 0s, visibility 0s 0.3s, background-color 0.3s 0s;
}
.back-top.back-top--show,
.back-top.back-top--fade-out,
.back-top:hover
{
    -webkit-transition:opacity 0.3s 0s, visibility 0s 0s, background-color 0.3s 0s;
    -moz-transition:opacity 0.3s 0s, visibility 0s 0s, background-color 0.3s 0s;
    -o-transition:opacity 0.3s 0s, visibility 0s 0s, background-color 0.3s 0s;
    transition:opacity 0.3s 0s, visibility 0s 0s, background-color 0.3s 0s;
}
.back-top.back-top--show
{
    opacity:1;
    visibility:visible;
}
.back-top.back-top--fade-out
{
    opacity:0.5;
}
.back-top:hover
{
    background-color:#d66d2c;
    opacity:1;
}
@media only screen and (max-width:768px)
{
    .back-top
    {
        width:32px;
        height:32px;
    }
}