/* ==========================================
   Scroll To Top
========================================== */

.scroll-top{

    position:fixed;
    right:32px;
    bottom:32px;
    z-index:9999;

    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#ffffff;

    border:5px solid #204896;

    border-radius:50%;

    cursor:pointer;

    box-sizing:border-box;

    user-select:none;

    box-shadow:
        0 12px 28px rgba(0,0,0,.22),
        0 0 18px rgba(32,72,150,.15);

    transition:
        box-shadow .3s ease,
        border-color .3s ease,
        background-color .3s ease;

}

.scroll-top:hover{

    border-color:#183A7C;

    box-shadow:
        0 18px 40px rgba(0,0,0,.28),
        0 0 28px rgba(32,72,150,.28);

}

.scroll-top svg{

    width:16px;
    height:16px;

    fill:#204896;

    transition:fill .3s ease;

}

.scroll-top:hover svg{

    fill:#183A7C;

}

@media (max-width:767px){

    .scroll-top{

        width:46px;
        height:46px;

        right:20px;
        bottom:20px;

    }

    .scroll-top svg{

        width:14px;
        height:14px;

    }

}