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

.pre-loader {height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 999991;background-color: var(--wdtBodyBGColor);}
.loader-inner {position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);}
.loader-inner .loader-text {color: var(--wdtHeadAltColor);font-family: var(--wdtFontTypo_Alt);font-size: var(--wdtFontSize_H6);font-weight: bold;padding: 5px 15px;position:relative;z-index:0;}
.loader-inner .loader-text:before {content:'';background: #f4f4f4;display:block;margin: 0 -15px;position:absolute;top:0;left:0;right:0;bottom:0;z-index: -2;-webkit-animation:2s loadingBefore infinite ease-in-out;animation:2s loadingBefore infinite ease-in-out;}
.loader-inner .loader-text:after {content:'';width:14px;height:60px;display:block;margin:auto;opacity:0.75;position:absolute;top:0;left:0;right:0;bottom:0;z-index: -1;animation:2s loadingAfter infinite ease-in-out;}

@-webkit-keyframes loadingBefore {
0%   {transform:translateX(-15px);}
50%  {transform:translateX(15px);}
100% {transform:translateX(-15px);}
}
@keyframes loadingBefore {
0%   {transform:translateX(-15px);}
50%  {transform:translateX(15px);}
100% {transform:translateX(-15px);}
}

@-webkit-keyframes loadingAfter {
0%   {transform:translateX(-50px);}
50%  {transform:translateX(50px);}
100% {transform:translateX(-50px);}
}
@keyframes loadingAfter {
0%   {transform:translateX(-50px);}
50%  {transform:translateX(50px);}
100% {transform:translateX(-50px);}
}

.loader-inner-wrapper {width:100%;height:100%;background: #fff;position:fixed;z-index: 9999;opacity: 0.7;}
.loader {display: inline-block;margin-top: 80px;margin-left: -160px;position: relative;top: calc(50% - 32px);left: calc(50% - 32px);}
.loader span {display: inline-block;height: 3px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;background: var(--wdtSecondaryColor);-moz-animation: line 2s infinite alternate;-webkit-animation: line 2s infinite alternate;animation: line 2s infinite alternate;-moz-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);-webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}
.loader i {position: absolute;top: -50px;color: var(--wdtSecondaryColor);font-size: 50px;}


@-webkit-keyframes line 
{
  0% {width: 0;}
  100% {width: 300px;}
}
@keyframes line 
{
  0% {width: 0;}
  100% {width: 300px;}
}
@-moz-keyframes line 
{
  0% {width: 0;}
  100% {width: 300px;}
}





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

    .loader-inner .loader-text:after { background-color: var(--wdtPrimaryColor); }


/*--------------------------------------------------------------
    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) 
{
  @-webkit-keyframes line 
  {
    0% {width: 0;}
    100% {width: 200px;}
  }
  @keyframes line 
  {
    0% {width: 0;}
    100% {width: 200px;}
  }
  @-moz-keyframes line 
  {
    0% {width: 0;}
    100% {width: 200px;}
  }
  
  .loader-inner{margin: auto;}
  .loader{margin-left: 0;left: 50px;right: 0;}

}