.preloader-js-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 9999;
}

	.preloader-js-container .shadow {
		width: 100%;
		height: 100%;
		background: #f8f9fc;
		opacity: 0.8
	}

.preloader-js {
	display: inline-block;
	position: fixed;
	top: 50%;
	left: 50%;
	width: .15em;
	height: .15em;
	font-size: 50px;
	background-color: #4e73df;
	border-radius: 100%;
	animation: loader-1 30s infinite linear;
}

	.preloader-js:before, .preloader-js:after {
		content: '';
		border-radius: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.preloader-js:before {
		width: .3em;
		height: 1em;
		animation: loader-2 .8s linear infinite;
	}

	.preloader-js:after {
		width: 1em;
		height: .3em;
		animation: loader-2 1.2s linear infinite;
	}

@keyframes loader-1 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes loader-2 {
	0% {
		box-shadow: 0.04em -0.04em 0 0.02em #4e73df;
	}

	25% {
		box-shadow: 0.04em 0.04em 0 0.02em #4e73df;
	}

	50% {
		box-shadow: -0.04em 0.04em 0 0.02em #4e73df;
	}

	75% {
		box-shadow: -0.04em -0.04em 0 0.02em #4e73df;
	}

	100% {
		box-shadow: 0.04em -0.04em 0 0.02em #4e73df;
	}
}

/*.preloader-js {
  display: inline-block;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
}

.preloader-js div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 10px;
  border: 10px solid black;
  border-radius: 50%;
  animation: preloader-js 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #F1C40F transparent transparent transparent;
}

.preloader-js div:nth-child(1) {
  animation-delay: -0.45s;
}

.preloader-js div:nth-child(2) {
  animation-delay: -0.3s;
}

.preloader-js div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes preloader-js {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}*/