/* =====================================================
   BACK TO TOP BUTTON
===================================================== */

.back-to-top {
    position: fixed;

    right: 20px;
    bottom: 20px;

    width: 45px;
    height: 45px;

    display: none;

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

    padding: 0;
    margin: 0;

    background: #006B3C;

    border: 1px solid #006B3C;
    border-radius: 3px;

    color: #F5A400 !important;

    font-size: 22px;

    line-height: 1;

    text-align: center;
    text-decoration: none !important;

    z-index: 9999;

    box-shadow: 0 3px 10px rgba(0,0,0,0.20);

    transition: all 0.3s ease;
}


/* Font Awesome Arrow */

.back-to-top i {
    display: block;

    width: 100%;
    height: 100%;

    display: flex;

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

    line-height: 1;

    margin: 0;
    padding: 0;
}


/* Hover */

.back-to-top:hover {
    background: #F5A400;

    border-color: #F5A400;

    color: #000000 !important;

    transform: translateY(-3px);
}


/* Mobile */

@media (max-width: 767px) {

    .back-to-top {
        right: 15px;
        bottom: 15px;

        width: 42px;
        height: 42px;

        font-size: 20px;
    }

}