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

.pre-loader {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999991;
background-color: var(--wdtBodyBGColor);
}

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

.loader3 {
background-color: var(--wdtBodyBGColor);
animation: dayToNight 6s infinite 0.1s;
}

.pre-loader-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
}

.pre-loader-sun {
height: 150px;
width: 150px;
border-radius: 50%;
background-color: var(--wdtPrimaryColor);
border: 3px solid var(--wdtPrimaryColor);
overflow: hidden;
animation: dayToNight2 10s infinite 1.5s;
}

.pre-loader-shadow {
height: 170px;
width: 170px;
border-radius: 50%;
background-color: var(--wdtBodyBGColor);
top: -5px;
left: 0px;
animation: moveShadow 10s infinite 0.1s;
animation-play-state: running;
}

@keyframes moveShadow {
0% {
transform: translateX(150px);
background-color: var(--wdtBodyBGColor);
}
50% {
transform: translateX(-10px);
background-color: #282B8B;
}
100% {
transform: translateX(-170px);
background-color: var(--wdtBodyBGColor);
}
}

@keyframes dayToNight {
0% {
background-color: var(--wdtBodyBGColor);
}
50% {
background-color: #282B8B;
}
100% {
background-color: var(--wdtBodyBGColor);
}
}