.lds-ellipsis {
	/* change color here */
	color: #569cb9;
}

.lds-ellipsis,
.lds-ellipsis div {
	box-sizing: border-box;
}

.lds-ellipsis {
	display: inline-block;
	position: fixed;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	z-index: 100;
	transform: translate(-50%, -50%);
}

.lds-ellipsis div {
	position: absolute;
	top: 33.33333px;
	width: 13.33333px;
	height: 13.33333px;
	border-radius: 50%;
	background: currentColor;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}

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

@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(24px, 0);
	}
}

#loader {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9;
	background: #ffffff;
	filter: opacity(70%);
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
}