// Back To Top Atom styles
.back-to-top {
    position          : fixed;
    bottom            : 40px;
    z-index           : 9999;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity          : 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform        : translate3d(100%, 0, 0);
    }

    to {
        opacity          : 1;
        -webkit-transform: none;
        transform        : none;
    }
}

@keyframes fadeInRight {
    from {
        opacity          : 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform        : translate3d(100%, 0, 0);
    }

    to {
        opacity          : 1;
        -webkit-transform: none;
        transform        : none;
    }
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity          : 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform        : translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity          : 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform        : translate3d(100%, 0, 0);
    }
}

.back-to-top {
    -webkit-animation-duration : 1s;
    animation-duration         : 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode        : both;
    -webkit-animation-name     : fadeInRight;
    animation-name             : fadeInRight;
}

.backHide {
    -webkit-animation-name: fadeOutRight;
    animation-name        : fadeOutRight;
}
