/*=========================================
        SCROLL INDICATOR
=========================================*/

.scroll-indicator{

    position:absolute;

    left:50%;

    bottom: 70px;

    transform:translateX(-50%);

    width:28px;

    height:48px;

    border:2px solid #fff;

    border-radius:20px;

    display:flex;

    justify-content:center;

    align-items:flex-start;

    z-index:5;

    transition:.4s;

}

.scroll-indicator span{

    width:4px;

    height:10px;

    background:#fff;

    border-radius:10px;

    margin-top:8px;

    animation:scrollDown 1.8s infinite;

}

@keyframes scrollDown{

    0%{

        opacity:0;

        transform:translateY(18px);

    }

    30%{

        opacity:1;

    }

    100%{

        opacity:0;

        transform:translateY(0);

    }

}

.scroll-indicator.hide{

    opacity:0;

    visibility:hidden;

}