.page-loaders {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1100;
	background-color: #2c5cda;
	height: 100vh;
	width: 100vw;
}

.loading-center{
    width:200px;
    height:200px;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
}
.idn-loading-logo{
    fill:#ff04a3;
    animation: animate-IDn 1600ms linear infinite;
}


.logo-part-three{ animation-delay: 0ms;}
.logo-part-six{ animation-delay: 200ms;}
.logo-part-four{ animation-delay: 400ms;}
.logo-part-seven{ animation-delay: 600ms;}
.logo-part-two{ animation-delay: 800ms;}
.logo-part-five{ animation-delay: 1000ms;}
.logo-part-one{ animation-delay: 1200ms;}
.logo-part-eight{ animation-delay: 1400ms;}

@keyframes animate-IDn{
    0%    {opacity: 0;}
    20%    {opacity: 0.4;}
    40%    {opacity: 0.8;}
    60%    {opacity: 1;}
    80%    {opacity: 0.6;}
    100%    {opacity: 0;}
}