.bg-loading{ 
	width:100%;
	height:100%;
	top:0;
	left:0;
	position: fixed;
	background-color:#fff;
	z-index:99;
}

#jpreSlide{
	color:#ccc;
	text-align:center;
	width:100%;
	height:100%;
	top:0;
	left:0;
	position: fixed;
	background-color:transparent;
	z-index:100;
}

#jpreLoader{
	position: absolute;
	top:50%;
	left:50%;
	width: auto;
	height: auto;
	margin-left:-30px;
	margin-top:30px;
	z-index:110;
}

#jpreBar {
	background-color:transparent;
}

#jprePercentage {
	color:#d3d2d2;
	font-weight: bold;
	font-size:13px;
	width:60px;
	text-align: center;
}

#jprePercentage b{
	display:block;
	margin-top:5px;
	background-image: url(../img_theme/loader.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	line-height:50px;
	font-size:9px;
	margin-left:5px;
	font-weight:normal;
	color:#666;
	background-size:100% 100%;
}

.loader-top{
	position: absolute;
	top:0;
	height: 50%;
	width: 100%;
	z-index:2;
	background-color:#fff;
	background-image: url(../img_theme/bg-top-loader1.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	background-position:0 -100px;
}

.loader-top2{
	position:absolute;
	top:100%;
	left:50%;
	background-image: url(../img_theme/bg-top-loader.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:1200px auto;
	width:1200px;
	height:153px;
	margin-top:-9px;
	margin-left:-600px;
}

.logo-loader{
	position:absolute;
	top:18%;
	left:50%;
	margin-left:-175px;
}

.logo-loader img{
	width:350px;
}

.image-loader{
	position:absolute;
	width:800px;
	top:76%;
	left:50%;
	margin-left:-400px;
	z-index:3;
}

.image-loader img{
	width:100%;	
}

.loader-bottom{
	position: fixed;
	top:50%;
	height: 50%;
	width: 100%;
	z-index:1;
	background-image: url(../img_theme/bg-bottom-loader.jpg);
	background-repeat: repeat-x;
	background-position: left 148px;
}

.loader-bottom-left{
	position:absolute;
	top:-2px;
	left:0;
	width:15%;
	height:152px;
	background-color:#fff;
}

.loader-bottom-right{
	position:absolute;
	top:-2px;
	right:0;
	width:15%;
	height:152px;
	background-color:#fff;
}

.loader-bottom2{
	position:absolute;
	top:0;
	left:50%;
	background-image: url(../img_theme/bg-bottom-loader.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:1200px auto;
	width:1200px;
	height:152px;
	margin-top:-3px;
	margin-left:-600px;
}

@media (max-width: 767px) {
	.loader-top{
		position: absolute;
		top:0;
		height: 50%;
		width: 100%;
		z-index:2;
		background-color:#fff;
		background-image: url(../img_theme/bg-top-loader2.jpg);
		background-repeat: no-repeat;
		background-size: 120% auto;
		background-position: center 0;
	}
	
	.loader-top2{
		position:absolute;
		top:100%;
		left:0;
		background-image: url(../img_theme/bg-top-loader.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size:120% 100%;
		width:120%;
		height:70px;
		margin-top:-9px;
		margin-left:-10%;
	}

	.loader-bottom2{
		position:absolute;
		top:0;
		left:0;
		background-image: url(../img_theme/bg-bottom-loader.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size:120% 100%;
		width:120%;
		height:70px;
		margin-top:-3px;
		margin-left:-10%;
	}
	
	.loader-bottom-left{
		width:0%;
		height:70px;
	}
	
	.loader-bottom-right{
		width:0;
		height:70px;
	}
	
	.logo-loader{
		position:absolute;
		top:10%;
		left:50%;
		margin-left:-90px;
	}
	
	.logo-loader img{
		width:180px;
	}
	
	.image-loader{
		position:absolute;
		width:70%;
		top:70%;
		left:0;
		margin-left:15%;
		z-index:3;
	}
	
	.image-loader img{
		width:100%;	
	}

	
}

@media (max-width: 479px) {
	
	.loader-top{
		position: absolute;
		top:0;
		height: 50%;
		width: 100%;
		z-index:2;
		background-color:#fff;
		background-image: url(../img_theme/bg-top-loader2.jpg);
		background-repeat: no-repeat;
		background-size: auto auto;
		background-position: center -70px;
	}
	
	.image-loader{
		position:absolute;
		width:100%;
		top:70%;
		left:0;
		margin-left:0%;
		z-index:3;
	}
		
}