/*--------------------------------------------------------------
    Totop
--------------------------------------------------------------*/

    #back-to-top {
        position: fixed !important; text-decoration: none; bottom: 82px; right: 20px; 
        overflow: hidden; width: 60px; height: 60px; border: none; text-indent: 100%; z-index: 9; text-indent: -9999px; }

    .back-to-top-icon {
        display: block; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); 
        -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); 
        color: var(--wdtAccentTxtColor); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; 
        -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; text-indent: 0; 
        text-align: center; font-size: var(--wdtFontSize_H5); line-height: 1; }

    .back-to-top-icon i {     
        position: relative; display: flex; align-items: center; justify-content: center; }
    .back-to-top-icon i:before {
        content: '' !important; position: absolute; width: 18px; height: 18px; top: 0; right: 0; bottom: 0; left: 0; 
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M50,28.2l38,30.2V32.5l-38-30L12,32.6v25.8L50,28.2z'/%3E%3Cpath d='M12,97.4l38-30.1l38,30.1V71.6L50,41.5L12,71.6V97.4z'/%3E%3C/g%3E%3C/svg%3E%0A"); 
        -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: left bottom; mask-position: left bottom; 
        -webkit-mask-size: contain; mask-size: contain; background-color: var(--wdtAccentTxtColor); margin: auto; }

    #back-to-top:active, #back-to-top:focus { outline: none; }


/*--------------------------------------------------------------
    Accents
--------------------------------------------------------------*/


    /* Primary */
    #back-to-top { background-color: var(--wdtPrimaryColor); }

    /* Secondary */
    #back-to-top:hover { background-color: var(--wdtSecondaryColor); }


/*--------------------------------------------------------------
    Responsive
--------------------------------------------------------------*/

    @media only screen and (max-width: 1280px) {

        .nav-is-visible #back-to-top {
            opacity: 0;
        }
    }