/* Preloader */
.preloader{position:fixed;top:0;left:0;right:0;bottom:0; z-index:100000;height:100%;width:100%;overflow:hidden !important;z-index:9999999999999999;background-color:var(--color1);}
.preloader .status{width:100px;height:100px;position:absolute;left:50%;top:50%;background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;background-size:cover;margin:-50px 0 0 -50px;}

.loader{
    width: 50px;
    height: 50px;
    margin: 50px auto 0; 
    position: relative; 
} 
.loader .inner_loader{
    background: #fff;
    width: 10%;
    height: 50%;
    border-radius: 50%;
    transform-origin: center 150%;
    transform: translateX(-50%);
    position: absolute;
    top: -15%;
    left: 50%;
    animation: 1s showToggle infinite linear;
}
.loader .inner_loader:nth-of-type(1){
    transform: rotate(18deg);
    animation-delay: 0.05s;
}
.loader .inner_loader:nth-of-type(2){
    transform: rotate(36deg);
    animation-delay: 0.1s;
}
.loader .inner_loader:nth-of-type(3){
    transform: rotate(54deg);
    animation-delay: 0.15s;
}
.loader .inner_loader:nth-of-type(4){
    transform: rotate(72deg);
    animation-delay: 0.2s;
}
.loader .inner_loader:nth-of-type(5){
    transform:  rotate(90deg);
    animation-delay: 0.25s;
}
.loader .inner_loader:nth-of-type(6){
    transform: rotate(108deg);
    animation-delay: 0.3s;
}
.loader .inner_loader:nth-of-type(7){
    transform: rotate(126deg);
    animation-delay: 0.35s;
}
.loader .inner_loader:nth-of-type(8){
    transform: rotate(144deg);
    animation-delay: 0.4s;
}
.loader .inner_loader:nth-of-type(9){
    transform: rotate(162deg);
    animation-delay: 0.45s;
}
.loader .inner_loader:nth-of-type(10){
    transform: rotate(180deg);
    animation-delay: 0.5s;
}
.loader .inner_loader:nth-of-type(11){
    transform: rotate(198deg);
    animation-delay: 0.55s;
}
.loader .inner_loader:nth-of-type(12){
    transform: rotate(216deg);
    animation-delay: 0.6s;
}
.loader .inner_loader:nth-of-type(13){
    transform: rotate(234deg);
    animation-delay: 0.65s;
}
.loader .inner_loader:nth-of-type(14){
    transform: rotate(252deg);
    animation-delay: 0.7s;
}
.loader .inner_loader:nth-of-type(15){
    transform: rotate(270deg);
    animation-delay: 0.75s;
}
.loader .inner_loader:nth-of-type(16){
    transform: rotate(288deg);
    animation-delay: 0.8s;
}
.loader .inner_loader:nth-of-type(17){
    transform: rotate(306deg);
    animation-delay: 0.85s;
}
.loader .inner_loader:nth-of-type(18){
    transform: rotate(324deg);
    animation-delay: 0.9s;
}
.loader .inner_loader:nth-of-type(19){
    transform: rotate(342deg);
    animation-delay: 0.95s;
}
.loader .inner_loader:nth-of-type(20){
    transform: rotate(360deg);
    animation-delay: 1s;
}
@keyframes showToggle{
    from{ opacity: 1; }
    to {  opacity: 0; }
}