/*--------------------------------------------------------------
    Loader
--------------------------------------------------------------*/

    .pre-loader { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999991; }

    .loader-inner { padding: 25px; position: absolute; left: 50%; top: 50%; text-align: center; width: 100%; 
        -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
 
    .loader-text { width: 244px; height: 50px; line-height: 50px; text-align: center; position: absolute; left: 50%;
        transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
        font-family: var(--wdtFontTypo_Alt); text-transform: uppercase; 
        font-weight: var(--wdtFontWeight_Alt); font-size:1.3em; color: var(--wdtHeadAltColor); letter-spacing: 0.2em;
    }
    .loader-text::before, .loader-text::after {
        content: ""; display: block; width: 15px; height: 15px; background: var(--wdtTertiaryColor); position: absolute;
        animation: txt-travel-bg 0.81s infinite alternate ease-in-out;
            -o-animation: txt-travel-bg 0.81s infinite alternate ease-in-out;
            -ms-animation: txt-travel-bg 0.81s infinite alternate ease-in-out;
            -webkit-animation: txt-travel-bg 0.81s infinite alternate ease-in-out;
            -moz-animation: txt-travel-bg 0.81s infinite alternate ease-in-out;
    }
    .loader-text::before { top: 0; }
    .loader-text::after { bottom: 0; }
    
    
    
    @keyframes txt-travel-bg {
        0% { left: 0; height: 29px; width: 15px; }
        50% { height: 8px; width: 39px; }
        100% { left: 229px; height: 29px; width: 15px; }
    }
    
    @-o-keyframes txt-travel-bg {
        0% { left: 0; height: 29px; width: 15px; }
        50% { height: 8px; width: 39px; }
        100% { left: 229px; height: 29px; width: 15px; }
    }
    
    @-ms-keyframes txt-travel-bg {
        0% { left: 0; height: 29px; width: 15px; }
        50% { height: 8px; width: 39px; }
        100% { left: 229px; height: 29px; width: 15px; }
    }
    
    @-webkit-keyframes txt-travel-bg {
        0% { left: 0; height: 29px; width: 15px; }
        50% { height: 8px; width: 39px; }
        100% { left: 229px; height: 29px; width: 15px; }
    }
    
    @-moz-keyframes txt-travel-bg {
        0% { left: 0; height: 29px; width: 15px; }
        50% { height: 8px; width: 39px; }
        100% { left: 229px; height: 29px; width: 15px; }
    }


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

    .pre-loader { background-color: var(--wdtBodyBGColor); }