.pre-loader.loader2 { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999991; 
background-color: var(--wdtBodyBGColor, var(--wdtDarkBodyBGColor)); }
.pre-loader.loader2 .loader-inner { text-transform:uppercase; width: 100%; text-align: center; line-height:50px; margin: auto; position: absolute; 
left: 0; right: 0; top: 50%; transform: translateY(-50%); }
.pre-loader.loader2 .loader-inner { position: relative; transform: rotate(45deg) translate(-50%, -50%); width: 20px; aspect-ratio: 1;}
.pre-loader.loader2 .loader-inner .wdt-round-load { position: absolute; top: 50%; left: 50%; margin: -120px 0 0 -120px; 
width: clamp(6.875rem, 5rem + 8.3333vw, 15rem); height: clamp(6.875rem, 5rem + 8.3333vw, 15rem); }
.pre-loader.loader2 .loader-inner .wdt-round-load .wdt-round-load-light { z-index: 2; position: relative;
width: clamp(6.875rem, 5rem + 8.3333vw, 15rem); height: clamp(6.875rem, 5rem + 8.3333vw, 15rem); -moz-border-radius: clamp(6.875rem, 5rem + 8.3333vw, 15rem); 
-webkit-border-radius: clamp(6.875rem, 5rem + 8.3333vw, 15rem); border-radius: clamp(6.875rem, 5rem + 8.3333vw, 15rem);
-moz-box-shadow: 0 4px 0 var(--wdtPrimaryColor, var(--wdtDarkPrimaryColor)) inset;
-webkit-box-shadow: 0 4px 0 var(--wdtPrimaryColor, var(--wdtDarkPrimaryColor)) inset;
box-shadow: 0 4px 0 var(--wdtPrimaryColor, var(--wdtDarkPrimaryColor)) inset;
animation: turn-round 2s linear infinite;
}
.pre-loader.loader2 .loader-inner .wdt-round-load .wdt-round-load-track { position: absolute; top: 0; left: 0; 
width: clamp(6.875rem, 5rem + 8.3333vw, 15rem); height: clamp(6.875rem, 5rem + 8.3333vw, 15rem); 
-moz-border-radius: clamp(6.875rem, 5rem + 8.3333vw, 15rem); -webkit-border-radius: clamp(6.875rem, 5rem + 8.3333vw, 15rem); 
border-radius: clamp(6.875rem, 5rem + 8.3333vw, 15rem);
-moz-box-shadow: 0 0 10px 4px var(--wdtTertiaryColor, var(--wdtDarkTertiaryColor)) inset; 
-webkit-box-shadow: 0 0 10px 4px var(--wdtTertiaryColor, var(--wdtDarkTertiaryColor)) inset; 
box-shadow: 0 0 10px 4px var(--wdtTertiaryColor, var(--wdtDarkTertiaryColor)) inset; }
@keyframes turn-round {
from { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
to { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
} .loader-inner .loader-text:after { background-color: var(--wdtPrimaryColor, var(--wdtDarkPrimaryColor)); }   @media only screen and (min-width: 480px) and (max-width: 767px) {
} @media only screen and (max-width: 479px) {
}