:root {
	--colorPrimary: #000; 
	--colorSecondary: #000;
	--colorBtn: #fff
}
#loader {
	width: 100vw;
	height: 100vh;
	background-color: rgba(255, 255, 255, 1);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040
}
.loader-text {
	display: block;
	text-align: center;
	color: #d7d7d7;
	font-family: Arial, sans-serif;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.loading {
	height: 0;
	width: 0;
	padding: 4vw;
	border: .8vw solid #ccc;
	border-right-color: #888;
	border-radius: 6vw;
	-webkit-animation: rotate 1s infinite linear
}
@keyframes loader {
	0% {
		filter: grayscale(0)
	}
	50% {
		filter: grayscale(100%)
	}
	100% {
		filter: grayscale(0)
	}
}
.loader-logo {
	width: 300px;
	-webkit-animation: loader 1.3s infinite linear;
	-moz-animation: loader 1.3s infinite linear;
	-ms-animation: loader 1.3s infinite linear;
	-o-animation: loader 1.3s infinite linear;
	animation: loader 1.3s infinite linear
}
.pload {
	display: none
}