@-webkit-keyframes bouncedelay {
	0%,80%,100% {
		-webkit-transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1)
	}
}

@keyframes bouncedelay {
	0%,80%,100% {
		transform: scale(0);
		-webkit-transform: scale(0)
	}

	40% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

.sc-loader {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-image: url(../../imgs/logo-start-bg.png);
	background-repeat: no-repeat;
	background-position: 50% 250px;
	background-color: #17181B;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.sc-loader.s-hide {
	opacity: 0
}

.sc-loader.s-lower {
	z-index: -1
}

.s-spinner {
	position: absolute;
	left: 50%;
	top: 370px;
	width: 70px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center
}

.s-spinner div {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #FFF;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.s-spinner .s-bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s
}

.s-spinner .s-bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s
}

.js-home-components {
	opacity: 0
}

@media screen and (max-width: 768px) {
	.sc-loader {
		background-position: 50% 170px
	}

	.s-spinner {
		top: 270px
	}
}