*{
	box-sizing: border-box;
}

.loader-padre{
	position: relative;
	width: 140px;
	height: 140px;
	margin: 18% 45%;
}

.loader-padre .loader1{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	border: solid 8px transparent;
	border-top-color: red;
	border-left-color: red;
	border-radius: 50%;
	animation: loader 1.5s linear infinite;
}

.loader-padre .loader2{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 75%;
	height: 75%;
	border: solid 8px transparent;
	border-top-color: blue;
	border-left-color: blue;
	border-radius: 50%;
	animation: loader2 1.75s linear infinite;
}

.loader-padre .loader3{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 50%;
	border: solid 8px transparent;
	border-top-color: yellow;
	border-left-color: yellow;
	border-radius: 50%;
	animation: loader3 2.0s linear infinite;
}

@keyframes loader{
	0%{
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100%{
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@keyframes loader2{
	0%{
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100%{
		transform: translate(-50%, -50%) rotate(-360deg);
	}
}

@keyframes loader3{
	0%{
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100%{
		transform: translate(-50%, -50%) rotate(360deg);
	}
}