* { 
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	box-sizing: border-box; 
}

body { font-family: 'Montserrat', sans-serif; }



.preloaderwrapper{
	width: 100%;
	height: 100vh;
	background-color: #201c29;
	display: flex;
	justify-content: center;
	align-items: center;
}
.preloaderwrapper .preloaderItem{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #100e1750;
	padding: 4px;
	margin: 0 10px;
}



.preloaderwrapper .preloaderItem .icparpreload{
	width: 100%;
	height: 100%;
	transform-origin: center;
	animation: rotate-anim 1.25s linear infinite;
}
.blue-ic path{
	fill: transparent;
	stroke-width: 4px;
	stroke: #1E9BD5;
	animation: blue-anim 2s ease infinite;
}
.dark-ic path{
	fill: transparent;
	stroke-width: 4px;
	stroke: #3F3F41;
	animation: dark-anim 2s ease infinite;
}
.green-ic path{
	fill: transparent;
	stroke-width: 4px;
	stroke: #19954C;
	animation: green-anim 2s ease infinite;
}
.yellow-ic path{
	fill: transparent;
	stroke-width: 4px;
	stroke: #FEF101;
	animation: yellow-anim 2s ease infinite;
}
@keyframes rotate-anim{
	0%{
		transform: rotateZ(0deg);
	}
	5%{
		transform: rotateZ(0deg);
	}


	25%{
		transform: rotateZ(180deg);
	}
	30%{
		transform: rotateZ(180deg);
	}
	
	
	50%{
		transform: rotateZ(270deg);
	}
	55%{
		transform: rotateZ(270deg);
	}
	

	75%{
		transform: rotateZ(360deg);
	}
	80%{
		transform: rotateZ(360deg);
	}

}








.preloaderwrapper .preloaderItem .icparpreloader{
	width: 100%;
	height: 100%;
	transform-origin: center;
	animation: fade-anim 1s linear infinite;
}
.blue-icolr{
	animation: blue-animw 1s ease infinite;
	transform-origin: center;
}
.dark-icolr{
	animation: dark-animw 1s ease infinite;
	transform-origin: center;
}
.green-icolr{
	animation: green-animw 1s ease infinite;
	transform-origin: center;
}
.yellow-icolr{
	animation: yellow-animw 1s ease infinite;
	transform-origin: center;
	transform: scale(1);
	opacity: 1;
}
.blue-icolr path{
	fill: #1E9BD5;
	fill: #fff;
	animation: blue-animw 1s ease infinite;
	transform-origin: center;
}
.dark-icolr path{
	fill: #3F3F41;
	fill: #fff;
	animation: dark-animw 1s ease infinite;
	transform-origin: center;
}
.green-icolr path{
	fill: #19954C;
	fill: #fff;
	animation: green-animw 1s ease infinite;
	transform-origin: center;
}
.yellow-icolr path{
	fill: #FEF101;
	fill: #fff;
	animation: yellow-animw 1s ease infinite;
	transform-origin: center;
}
@keyframes fade-anim{
	0%{
		opacity: 0;
	}
	15%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}

@keyframes blue-animw{
	20%{
		transform: scale(1);
		opacity: 1;
	}
	45%{
		transform: scale(0);
		opacity: 0;
	}


	100%{
		transform: scale(0);
		opacity: 0;
	}

}
@keyframes yellow-animw{
	40%{
		transform: scale(1);
		opacity: 1;
	}
	65%{
		transform: scale(0);
		opacity: 0;
	}


	100%{
		transform: scale(0);
		opacity: 0;
	}

}
@keyframes dark-animw{
	60%{
		transform: scale(1);
		opacity: 1;
	}
	85%{
		transform: scale(0);
		opacity: 0;
	}


	100%{
		transform: scale(0);
		opacity: 0;
	}

}
@keyframes green-animw{
	80%{
		transform: scale(1);
		opacity: 1;
	}
	100%{
		transform: scale(0);
		opacity: 0;
	}


	100%{
		transform: scale(0);
		opacity: 0;
	}

}