.to-top {
    display:inline-block;
    height:40px;
    width:40px;
    position:fixed;
    bottom:40px;
    right:10px;
    box-shadow:0 0 10px rgba(0,0,0,0.05);
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    background:rgba(121,121,121,0.8) url(../../images/to-top.svg) no-repeat center 50%;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
    z-index: 100;
}

.to-top.top-is-visible {
    visibility:visible;
    opacity:1;
}

.to-top.top-fade-out {
    opacity:.5;
}

.no-touch .to-top:hover {
    background-color:#353535;
    opacity:1;
}

@media only screen and (min-width: 768px) {
    .to-top {
        right:0px;
        bottom:0px;
    }
}

@media only screen and (min-width: 1024px) {
    .to-top {
        height:60px;
        width:60px;
        right:0px;
        bottom:0px;
    }
}