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

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

.loader-inner {
padding: 25px;
position: absolute;
left: 50%;
top: 50%;
text-align: center;
width: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}


.loading-animation-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: min(60px,6vw);
    color: var(--wdtPrimaryColor);
    /* -webkit-box-reflect: below -0.4em linear-gradient(transparent, #00000045); */
}
.loading-animation-text > span {
    display: inline-block;
    font-weight: bolder;
    animation: bouncing-wave-animation 2s infinite;
    animation-delay: calc(.25s * var(--item));
}
@keyframes bouncing-wave-animation {
    0%, 40%, 100% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(-0.4em);
    }
}

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

    .pre-loader { background-color: var(--wdtBodyBGColor); }
    .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) {

    }