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

    .pre-loader {
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999991;
        background-color: var(--wdtPrimaryColor);
    }

    .pre-loader.loader1 { background: var(--wdtPrimaryColor); }

    .loader-inner {
        position: absolute;
        height: 100px;
        width: 75px;
        inset: 0;
        margin: auto;
    }

    .loader-inner .loader__bar {
        position: absolute;
        bottom: 0;
        width: 10px;
        height: 50%;
        background: var(--wdtAccentTxtColor);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        box-shadow: 1px 1px 0 rgb(var(--wdtHeadAltColorRgb), .2);
    }


    .loader-inner .loader__bar:nth-child(1) { left: 0px; -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); -webkit-animation: barUp1 4s infinite; animation: barUp1 4s infinite; }
    .loader-inner .loader__bar:nth-child(2) { left: 15px; -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); -webkit-animation: barUp2 4s infinite; animation: barUp2 4s infinite; }
    .loader-inner .loader__bar:nth-child(3) { left: 30px; -webkit-transform: scale(1, 0.6); transform: scale(1, 0.6); -webkit-animation: barUp3 4s infinite; animation: barUp3 4s infinite; }
    .loader-inner .loader__bar:nth-child(4) { left: 45px; -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); -webkit-animation: barUp4 4s infinite; animation: barUp4 4s infinite; }
    .loader-inner .loader__bar:nth-child(5) { left: 60px; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-animation: barUp5 4s infinite; animation: barUp5 4s infinite; }
    .loader-inner .loader__ball { position: absolute; bottom: 10px; left: 0; width: 10px; height: 10px; background: var(--wdtAccentTxtColor); border-radius: var(--wdtRadius_Full); -webkit-animation: ball 4s infinite; animation: ball 4s infinite; }

    @-webkit-keyframes ball { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 5% { -webkit-transform: translate(8px, -14px); transform: translate(8px, -14px); } 10% { -webkit-transform: translate(15px, -10px); transform: translate(15px, -10px); } 17% { -webkit-transform: translate(23px, -24px); transform: translate(23px, -24px); } 20% { -webkit-transform: translate(30px, -20px); transform: translate(30px, -20px); } 27% { -webkit-transform: translate(38px, -34px); transform: translate(38px, -34px); } 30% { -webkit-transform: translate(45px, -30px); transform: translate(45px, -30px); } 37% { -webkit-transform: translate(53px, -44px); transform: translate(53px, -44px); } 40% { -webkit-transform: translate(60px, -40px); transform: translate(60px, -40px); } 50% { -webkit-transform: translate(60px, 0); transform: translate(60px, 0); } 57% { -webkit-transform: translate(53px, -14px); transform: translate(53px, -14px); } 60% { -webkit-transform: translate(45px, -10px); transform: translate(45px, -10px); } 67% { -webkit-transform: translate(37px, -24px); transform: translate(37px, -24px); } 70% { -webkit-transform: translate(30px, -20px); transform: translate(30px, -20px); } 77% { -webkit-transform: translate(22px, -34px); transform: translate(22px, -34px); } 80% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 87% { -webkit-transform: translate(7px, -44px); transform: translate(7px, -44px); } 90% { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
    @keyframes ball { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 5% { -webkit-transform: translate(8px, -14px); transform: translate(8px, -14px); } 10% { -webkit-transform: translate(15px, -10px); transform: translate(15px, -10px); } 17% { -webkit-transform: translate(23px, -24px); transform: translate(23px, -24px); } 20% { -webkit-transform: translate(30px, -20px); transform: translate(30px, -20px); } 27% { -webkit-transform: translate(38px, -34px); transform: translate(38px, -34px); } 30% { -webkit-transform: translate(45px, -30px); transform: translate(45px, -30px); } 37% { -webkit-transform: translate(53px, -44px); transform: translate(53px, -44px); } 40% { -webkit-transform: translate(60px, -40px); transform: translate(60px, -40px); } 50% { -webkit-transform: translate(60px, 0); transform: translate(60px, 0); } 57% { -webkit-transform: translate(53px, -14px); transform: translate(53px, -14px); } 60% { -webkit-transform: translate(45px, -10px); transform: translate(45px, -10px); } 67% { -webkit-transform: translate(37px, -24px); transform: translate(37px, -24px); } 70% { -webkit-transform: translate(30px, -20px); transform: translate(30px, -20px); } 77% { -webkit-transform: translate(22px, -34px); transform: translate(22px, -34px); } 80% { -webkit-transform: translate(15px, -30px); transform: translate(15px, -30px); } 87% { -webkit-transform: translate(7px, -44px); transform: translate(7px, -44px); } 90% { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }
    @-webkit-keyframes barUp1 { 0% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 40% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 90% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } }
    @keyframes barUp1 { 0% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 40% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 90% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } }
    @-webkit-keyframes barUp2 { 0% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 40% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 50% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 90% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 100% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } }
    @keyframes barUp2 { 0% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 40% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 50% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 90% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 100% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } }
    @-webkit-keyframes barUp3 { 0% { -webkit-transform: scale(1, 0.6); transform: scale(1, 0.6); } 100% { -webkit-transform: scale(1, 0.6); transform: scale(1, 0.6); } }
    @keyframes barUp3 { 0% { -webkit-transform: scale(1, 0.6); transform: scale(1, 0.6); } 100% { -webkit-transform: scale(1, 0.6); transform: scale(1, 0.6); } }
    @-webkit-keyframes barUp4 { 0% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 40% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 50% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 90% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 100% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } }
    @keyframes barUp4 { 0% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 40% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } 50% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 90% { -webkit-transform: scale(1, 0.4); transform: scale(1, 0.4); } 100% { -webkit-transform: scale(1, 0.8); transform: scale(1, 0.8); } }
    @-webkit-keyframes barUp5 { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 40% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 90% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } }
    @keyframes barUp5 { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 40% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 50% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 90% { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } }



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

    .pre-loader { background-color: var(--wdtPrimaryColor); }
    /* .loader-text { background-image: linear-gradient(to right, var(--wdtPrimaryColor) 10%, var(--wdtHeadAltColor) 50%, var(--wdtPrimaryColor) 60%); } */


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

    /*----*****---- << Mobile (Landscape) >> ----*****----*/

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

    }


    /* Common Styles for the devices below 479px width */

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

    }