/*--------------------------------------------------------------
    Loader
--------------------------------------------------------------*/
.pre-loader {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999991;
  background-color: var(--wdtBodyBGColor);
}
.loader1{
    height: 100vh;
    background-color: var(--wdtBodyBGColor);
}
.loader1 .loader-inner{
  position:absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-self: center;
  align-items: center;
}
.loader1 .loader-inner svg{
  color: var(--wdtPrimaryColor);
  height: 40%;
  width: 100%;
}
.loader1 .wdt-cus-icon-glass-ext{
  animation: jackie-zoom 3s linear infinite;-webkit-animation: jackie-zoom 3s linear infinite;
  transform-origin: center;-webkit-ransform-origin: center;
}
.loader1 .wdt-cus-icon-hand-01{
  animation: jackie-punch 3s linear infinite;-webkit-animation: jackie-punch 3s linear infinite;
  transform-origin: center;-webkit-ransform-origin: center;
}
@keyframes jackie-zoom{
  0%{ transform: scale(1);-webkit-transform: scale(1); opacity: 0 }
  10%{ opacity: 0; }
  11%{ opacity: 1; }
  90%{ opacity: 1; }
  97%{ opacity: 0; }
  100%{ transform: scale(1.3);-webkit-transform: scale(1.3); opacity: 0; }
}
@keyframes jackie-punch{
  0%{ transform: scale(0.85);-webkit-transform: scale(0.85); }
  10%{ transform: scale(0.95);-webkit-transform: scale(0.95); }
  90%{ transform: scale(0.95);-webkit-transform: scale(0.95); }
  100%{ transform: scale(0.85);-webkit-transform: scale(0.85); }
}

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

    }