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

    #back-to-top {
        position: fixed;
        display: none;
        text-decoration: none;
        bottom: 20px;
        right: 20px;
        overflow: hidden;
        width: 60px;
        height: 60px;
        border: none;
        text-indent: 100%;
        z-index: 9;
        text-indent: -9999px;
        border-radius: var(--wdtRadius_Part);
    }

    .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: 20px;
        line-height: 1;
    }

    .back-to-top-icon i:before { margin: 0; }

    #back-to-top:hover .back-to-top-icon {
        margin-top: -4px;
    }

    #back-to-top:after {
        background-color: var(--wdtAccentTxtColor);
        content: "";
        display: block;
        height: 15px;
        margin: 0 auto;
        opacity: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        text-align: center;
        text-indent: 0;
        width: 2px;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }

    #back-to-top:hover:after {
        margin-top: 2px;
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

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

    #back-to-top > span, .back-to-top-icon i:before, #back-to-top::after { display: none; }
    #back-to-top { background-color: transparent !important; }
    #back-to-top:before { 
        content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;
        background-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%3Cstyle type='text/css'%3E .st0%7B fill:%23ff922e; %7D .st1%7B fill:%23ffefe0; %7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M75,47.7c-1,0-1.9-0.5-2.4-1.4L50.4,5.8c-0.1-0.2-0.2-0.3-0.4-0.3c-0.2,0-0.3,0.1-0.4,0.3L27.4,46.3 c-0.7,1.3-2.4,1.8-3.8,1.1c-1.3-0.7-1.8-2.4-1.1-3.8L44.7,3.1C45.8,1.2,47.8,0,50,0s4.2,1.2,5.3,3.1l22.1,40.5 c0.7,1.3,0.2,3-1.1,3.8C75.9,47.6,75.5,47.7,75,47.7z'/%3E%3Cpath class='st0' d='M25,98c-1.5,0-2.8-1.2-2.8-2.8V45.8c0-0.9,0.5-1.8,1.3-2.3c0.8-0.5,1.8-0.6,2.6-0.2c2.9,1.3,6.3,1.9,9.9,1.9 c1.5,0,2.8,1.2,2.8,2.8s-1.2,2.8-2.8,2.8c-2.9,0-5.7-0.4-8.2-1v45.5C27.8,96.7,26.5,98,25,98z'/%3E%3C/g%3E%3Cpath class='st1' d='M64,48c-5.6,0-10.6-1.5-14-3.8v48.5c0,2.5,2,4.6,4.6,4.6h15.9c2.5,0,4.6-2,4.6-4.6V45.8 C71.9,47.2,68.1,48,64,48z'/%3E%3Cpath class='st0' d='M70.4,100H54.6c-4,0-7.3-3.3-7.3-7.3V44.2c0-1,0.6-2,1.5-2.5c0.9-0.5,2-0.4,2.9,0.2c3.1,2.1,7.6,3.3,12.4,3.3 c3.6,0,7-0.7,9.9-1.9c0.9-0.4,1.9-0.3,2.6,0.2c0.8,0.5,1.3,1.4,1.3,2.3v46.8C77.8,96.7,74.5,100,70.4,100z M52.8,48.7v43.9 c0,1,0.8,1.8,1.8,1.8h15.9c1,0,1.8-0.8,1.8-1.8V49.7c-2.6,0.7-5.4,1-8.2,1C60,50.8,56.1,50.1,52.8,48.7z'/%3E%3Cpath class='st1' d='M61.4,20L52.9,4.5c-1.2-2.3-4.5-2.3-5.7,0L38.6,20H61.4z'/%3E%3Cpath class='st0' d='M61.4,22.8H38.6c-1,0-1.9-0.5-2.4-1.4c-0.5-0.8-0.5-1.9,0-2.7l8.5-15.5C45.8,1.2,47.8,0,50,0s4.2,1.2,5.3,3.1 l8.5,15.5c0.5,0.9,0.5,1.9,0,2.7C63.3,22.3,62.3,22.8,61.4,22.8z M43.3,17.2h13.4L50.4,5.8c-0.1-0.2-0.2-0.3-0.4-0.3 c-0.2,0-0.3,0.1-0.4,0.3L43.3,17.2z'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat: no-repeat; background-size: auto; transition: var(--wdtBaseTransition);
    }
    #back-to-top:hover {
        transform: translateY(-10px);
      }


/*--------------------------------------------------------------
    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;
        }
    }