/* Editable */
#preloader{
	background: var(--bg-white);
	padding: 0;
	margin: 0;
	height: 100%;
    position: fixed;
    top: 0;
    left: 0;
	z-index: 9999999;
    width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
	.loader{
    margin: 30px auto 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
	}
}


.load-text{
    font-size: 38px;
    line-height: 38px;
    font-weight: 600;
    color: #fff;
    display: flex;
    margin: 10px 0 0;
    justify-content: center;
    span{
        margin: 0 1px;
        animation:flip2 2.6s infinite linear;
        transform-origin:0 70%;
        transform-style:preserve-3d;
        -webkit-transform-style:preserve-3d;
        
        &:nth-child(2){
            animation-delay: 0.3s;
        }
        &:nth-child(3){
            animation-delay: 0.6s;
        }
        &:nth-child(4){
            animation-delay: 0.9s;
        }
        &:nth-child(5){
            animation-delay: 1.2s;
        }
        &:nth-child(6){
            animation-delay: 1.5s
        }
        &:nth-child(7){
            animation-delay: 1.8s
        }
    }
}	



@keyframes flip2{
	35%{
		transform: rotateX(360deg);
	}
	100%{
		transform: rotatex(360deg);
	}
}