.spinner-block {
	margin: auto;
	display: flex;
	align-items: center;
	animation: fadein .25s;
	font-family: Arial, Helvetica, sans-serif;
}

.spinner-block svg {
	display: block;
	margin-right: 25px;
}

.spinner {
	animation: rotator 1.4s linear infinite;
}

.path {
	stroke: #4285f4;
	stroke-dasharray: 187;
	stroke-dashoffset: 0;
	transform-origin: center;
	animation: dash 4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	90% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes rotator {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes colors {
	0% {
		stroke: #0C419A;
	}
	25% {
		stroke: #E11A81;
	}
	50% {
		stroke: #F0B323;
	}
	75% {
		stroke: #1b9a59;
	}
	100% {
		stroke: #0C419A;
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 187;
	}
	50% {
		stroke-dashoffset: 46.75;
		transform: rotate(135deg);
	}
	100% {
		stroke-dashoffset: 187;
		transform: rotate(350deg);
	}
}