#loader
{
	z-index: 99999999;
	position: absolute;
	background: #f0f7ff;
	background-image: url(../images/loader_ru_bad.jpg?5);
	height: 100%;
	width: 100%;
	
	transition: 0.3s;
	
	pointer-events: none;
}

#loader.mouse-enabled
{
	pointer-events: auto;
}


.loader-bg
{
	width: 100%;
	height: 100%;
	background: #ccc;
	
	position: absolute;
	z-index: 99999998;
}


.loader-content
{
	position: relative;
	top: 650px;
	margin: 0 auto;
	width: 800px;
}

.loader-logo
{			
	font-weight: bold;
	font-size: 50px;
	text-align: center;
	margin-bottom: 20px;
	text-shadow: 1px 1px 5px #000000;
	color: #fff;		
}

.loader-bar
{			
	border-radius: 12px;
	width: 400px;
	height: 45px;
	
	margin: 0 auto;
	
	padding: 0px;
	border: 2px solid #000;
	
	box-shadow: inset 0px 0px 12px 3px rgba(255, 255, 255, 0.25);
}

.loader-bar .bar
{
	width: 0%;
	height: 100%;
	
	border-radius: 10px;
	
	background: #007FFF;
	background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); 
	background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%);
	
	background: repeating-linear-gradient( -60deg, #606dbc, #606dbc 40px, #465298 0px, #465298 80px );
	
	
	box-shadow: inset 0px 0px 12px 3px rgba(255, 255, 255, 0.25);
	
	
	transition: 0.7s;
}

.loader-bar .percents
{
	position: absolute;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 3px #0f242c;
	
	width: 50%;
}

.loader-firefox
{
	position: absolute;
	
	width: 100%;
	
	top: -300px;
	
	cursor: pointer;
	
	font-size: 27px;
	font-weight: bold;
	font-family: cursive;
	
	text-align: center;
	text-stroke: 1px black;
	-webkit-text-stroke: 1px black;
	
	z-index: 9899999999;
}

.blured
{
	filter: blur(3px);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px); 
}