.pageloader{
	position: fixed;
    top: 0;
    left: 0;
	z-index: 120;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	width: 100%;
	height: 100%;
	}
	.pageloader.hide{
		animation-name: hide;
		animation-duration: 400ms;
		animation-direction: normal;
		animation-fill-mode: both;
	}
	@keyframes hide{
		0%{
			z-index:100;
			opacity:1;
		
		}
		25%{
			opacity:1;
			
		}
		98%{
			opacity:0;
			z-index:100;
			
		}
		100%{
			z-index:-10;
			opacity:0;
		}
	}
	.preloader{
		height:150px;
	}
	.preloader svg {
		height: 100%;
		position:relative;
	}

	
	.loader_element{
		display:block;
		fill: #71CFEB;
		transition:fill 200ms ease-out 20ms, transform 200ms ease-in;
		transform:rotateY(90deg);
	}
	.spin{

		fill: #1D4E8F;
		transform:rotateY(0);
	}