/* ==========================================
   SCROLL TO TOP
========================================== */

.scroll-top{

    position:fixed;

    right:30px;

    bottom:30px;

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    background:var(--primary);

    color:#fff;

    font-size:24px;

    cursor:pointer;

    box-shadow:0 15px 30px rgba(0,0,0,.18);

    opacity:0;

    visibility:hidden;

    transform:translateY(25px);

    transition:.35s ease;

    z-index:999;

}

.scroll-top.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.scroll-top:hover{

    transform:translateY(-6px);

    box-shadow:0 25px 40px rgba(0,0,0,.25);

}

@media(max-width:768px){

    .scroll-top{

        width:48px;

        height:48px;

        right:20px;

        bottom:20px;

        font-size:20px;

    }

}