.loader {
	color: #fff;
	position: fixed;
	box-sizing: border-box;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: 999999
}

.loader:after, .loader:before {
	box-sizing: border-box;
	display: none
}

.loader.is-active {
	/*background-color: rgba(0, 0, 0, 0.75);*/
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.loader.is-active:after, .loader.is-active:before {
	display: block
}

@keyframes rotation {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

.loader-default:after {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	border-radius: 50%;
	border: 3px dashed rgb(51, 122, 183);
	/*border-top-color: #ddd;*/
	/*border-bottom-color: #ddd;*/
	animation: rotation 1.2s linear infinite;
	z-index: 9999;
}