#preloader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    display: flex;
}



/*

#status{
	position:absolute;
	left:50%;
	top:50%;
	background:var(--primary);
	
}


#status span{
	display:block;
	bottom:0px;
	width: 9px;
	height: 5px;
	background:var(--primary);
	position:absolute;
	-webkit-animation: ststus 1.5s	 infinite ease-in-out;
	-moz-animation: ststus 1.5s	 infinite ease-in-out;
	-ms-animation: ststus 1.5s	 infinite ease-in-out;
	-o-animation: ststus 1.5s	 infinite ease-in-out;
	animation: status 1.5s	 infinite ease-in-out;

}

#status span:nth-child(2){
		left:11px;
		-webkit-animation-delay: .2s;
		-moz-animation-delay: .2s;
		-ms-animation-delay: .2s;
		-o-animation-delay: .2s;
		animation-delay: .2s;

}
#status span:nth-child(3){
		left:22px;
		-webkit-animation-delay: .4s;
		-moz-animation-delay: .4s;
		-ms-animation-delay: .4s;
		-o-animation-delay: .4s;
		animation-delay: .4s;
}
#status span:nth-child(4){
		left:33px;
		-webkit-animation-delay: .6s;
		-moz-animation-delay: .6s;
		-ms-animation-delay: .6s;
		-o-animation-delay: .6s;
		animation-delay: .6s;
}
#status span:nth-child(5){
		left:44px;
		-webkit-animation-delay: .8s;
		-moz-animation-delay: .8s;
		-ms-animation-delay: .8s;
		-o-animation-delay: .8s;
		animation-delay: .8s;
}
@-webkit-keyframes status {
    0% {height:5px;-webkit-transform:translateY(0px);background:var(--primary);}
    25% {height:30px;-webkit-transform:translateY(15px);background:var(--primary);}
    50% {height:5px;-webkit-transform:translateY(0px);background:var(--primary);}
    100% {height:5px;-webkit-transform:translateY(0px);background:var(--primary);}
}

@-moz-keyframes status {
    0% {height:5px;-moz-transform:translateY(0px);background:var(--primary);}
    25% {height:30px;-moz-transform:translateY(15px);background:var(--primary);}
    50% {height:5px;-moz-transform:translateY(0px);background:var(--primary);}
    100% {height:5px;-moz-transform:translateY(0px);background:var(--primary);}
}

@-ms-keyframes status {
    0% {height:5px;-ms-transform:translateY(0px);background:var(--primary);}
    25% {height:30px;-ms-transform:translateY(15px);background:var(--primary);}
    50% {height:5px;-ms-transform:translateY(0px);background:var(--primary);}
    100% {height:5px;-ms-transform:translateY(0px);background:var(--primary);}
}

@keyframes status {
    0% {height:5px;transform:translateY(0px);background:var(--primary);}
    25% {height:30px;transform:translateY(15px);background:var(--primary);}
    50% {height:5px;transform:translateY(0px);background:var(--primary);}
    100% {height:5px;transform:translateY(0px);background:var(--primary);}
}


*/