.loader-body {
	width: 100%;
	height: 100vh;
	background-color: black;
	position: fixed;
	z-index: 2;
	visibility: visible;
	top: 0;
	left: 0;
	text-align: center;
	justify-content: center;
	align-content: center;
	transition: 0.5s all;
	background-color:#000;
	background: url(../images/ICONO_SOFT.png), #000;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-position: 50% 40%;
}
.loader {
	
	width: 50px;
	height: 50px;
	border: 3px white solid;
	border-radius: 50%;
	position: absolute;
	border-top-color: #c28400 ; /*Here you can change color of the loader spin*/
	transform: translate(-50%, -50%);
	top: 57%;
	left: 50%;
	-webkit-animation: 1s spin infinite linear;
	-o-animation: 1s spin infinite linear;
	animation: 1s spin infinite linear;
	

}
.loader-body.done {
	visibility: hidden;
	opacity: 0;
}
@keyframes spin {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}