/*Прелоадер*/
#hellopreloader>p{display:none;}
#hellopreloader_preload{
	display: block;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	background-color: #5D6676;
}

#hellopreloader_preload>p{
	text-align: center;
	margin-top: -70px;
	font-weight: 600;
	color: #FFF;
}

.LoaderLogo{
    background: url('../images/logo.png') 100% 50% no-repeat;
    width: 241px;
    height: 55px;
    margin: 15% auto -75px auto;
}

.spinner { 
	margin: 100px auto 0;
	width: 70px;
	text-align: center;
}

.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #353F50;
	
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

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

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

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

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