body{
	background-image: url('/i/components/other/Loader/bg.jpg');
	background-position: left top;
	background-repeat: repeat;
	background-attachment: fixed;
}
.image-preloader {
	position:fixed;
	top:-100px;
	left:-100px;
	width:10px;
	height:10px;
	overflow:hidden;
}

.site-loader {
	position: fixed;
	top: 0;
	left: 0;
	z-index:-1;

	width: 100vw;
	height: 100vh;

	/*background: url('/i/components/other/Loader/bg.jpg') repeat center;*/

	display: flex;
	align-items: center;
	justify-content: center;
	opacity:0;
	transition: opacity 0.5s ease-in 0s;
}
.site-loader--visible {
	opacity:1;
}
.site-loader-logo {
	position: relative;
	width: 80%;
	max-width: 840px;
	height: 100%;
	max-height: 170px;

	opacity:0;
	transition: all 0.5s ease-in 0s;
}
.site-loader-logo--visible {
	opacity:1;
}
.site-loader-logo img{
	width:100%;
}

#site-loader-logo-cut {
	position: relative;
	width:50%;
	height:200px;
	overflow:hidden;
}

.site-loader-full {
	position: absolute;
	width: 0;
	height:0;
	top: 0;
	left:0;
	z-index:1;

/*	background-position: center center;
	background-size:contain;
	background-repeat:no-repeat;
	background-image:url('/i/components/other/Loader/logo-full.png');*/

	transition: transform 0.5s ease-in 0s;
}

.site-loader-empty {
	position: absolute;
	width: 100%;
	height:100%;
	top: 0;
	left:0;

/*	background-position: center center;
	background-size:contain;
	background-repeat:no-repeat;*/
	filter: grayscale(100%) brightness(150%) blur(1.5px);
	-webkit-filter: grayscale(100%) brightness(150%) blur(1.5px);
	/*background-image:url('/i/components/other/Loader/logo-full.png');*/
	/*background-image: url('/i/components/other/Loader/logo-empty.png');*/
	opacity: 0.5;
}

.site-loader-logo--loaded {
	transform: scale(3);
	opacity: 0;
}