.ui-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 100;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 46px;
    color: #fff;
    background: #686157;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    transition: .45s all ease-in-out;
    transform: translate3d(0,100px,0)
}

    .ui-to-top:hover {
        color: #fff;
        background: #111;
        text-decoration: none
    }

    .ui-to-top:focus {
        color: #fff
    }

    .ui-to-top.active {
        transform: translate3d(0,0,0)
    }

html.mobile .ui-to-top, html.tablet .ui-to-top {
    display: none !important
}

@media(min-width:576px) {
    .ui-to-top {
        right: 40px;
        bottom: 40px
    }
}

@keyframes rd-navbar-slide-down {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes rd-navbar-slide-up {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-100%)
    }
}