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

.ball-scale-multiple {position: relative;-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px); }.ball-scale-multiple > div:nth-child(2) {-webkit-animation-delay: -0.4s;animation-delay: -0.4s; }.ball-scale-multiple > div:nth-child(3) {-webkit-animation-delay: -0.2s;animation-delay: -0.2s; }.ball-scale-multiple > div {background-color: #fff;width: 15px;height: 15px;border-radius: 100%;margin: 2px;-webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute;left: -30px;top: 0px;opacity: 0;margin: 0;width: 60px;height: 60px;-webkit-animation: ball-scale-multiple 1s 0s linear infinite;animation: ball-scale-multiple 1s 0s linear infinite; }

@-webkit-keyframes ball-scale-multiple 
{
0% {-webkit-transform: scale(0);transform: scale(0);opacity: 0; }
5% {opacity: 1; }
100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0; } }

@keyframes ball-scale-multiple 
{
0% {-webkit-transform: scale(0);transform: scale(0);opacity: 0; }
5% {opacity: 1; }
100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0; } 
}

/*--------------------------------------------------------------
    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) {

    }