/**
 *	LOADING WRAP
 */

body.remove-scrollbar{
	overflow:hidden!important;
	height:100%;
	width:100%;
}

.loadingwrap{
	text-align:center;
	display:none;
	color:#3d413f;
}

.loading{
	position:relative;
}

.loadingwrap{
	display:none!important;
}

.loading .loadingwrap{
	display:block!important;
}

a.loadingwrap,
a.loadingwrap:hover{
	text-decoration:none;
	cursor:default;
}

.loadingwrap,
.loadingwrap-inner,
.loadingwrap .loadingwrap-bg{
	display:block}

.loadingwrap,
.loadingwrap .loadingwrap-bg{
	height:100%;
	width:100%;
}

.loadingwrap,
.loadingwrap .loadingwrap-bg{
	position:absolute;
}

body.loading .loadingwrap,
body.loading .loadingwrap .loadingwrap-bg{
	position:fixed;
}

.loadingwrap-inner{
	position:absolute;
}

.loadingwrap,
.loadingwrap .loadingwrap-bg{
	top:0px;
	left:0px}

.loadingwrap{
	z-index:+999;
}

.loadingwrap-inner{
	z-index:+3;
}

.loadingwrap .loadingwrap-bg{
	z-index:+2;
}

.loadingwrap-inner{
	width:100%;
	max-width:320px;
	padding:1.5em 0;
	border:none;
	left:0;
	top:20%;
	right:0;
	margin:0 auto;
}

.loadingwrap .loadingwrap-bg{
	background-color:#fff;
	filter:alpha(opacity=85);
	opacity:0.85;
	-moz-opacity:0.85;
}

.loadingwrap-text{
	font-weight:600;
	display:block;
	vertical-align:top;
	line-height:1.2;
	padding:1.5em 0;
	font-size:1.2em;
}

/*html.ie,*/
.ie body.loading{
	overflow:inherit;
}

/*html.ie,*/
.ie body.loading, 
.ie body.loading .loadingwrap,
.ie body.loading .loadingwrap .loadingwrap-bg{
	height:expression(document.body.clientHeight);
	width:expression(document.body.clientWidth);
}

/*** LOADING ANIMATION ***/
.loading-ani-fallback{
	display:none;
}

.loading-ani{
	position:relative;
}

.loading-ani:before{	
	content:"";
	display:block;
	padding-top:125.641%;
}

.loading-ani{	
	display:block;
	position:relative;
	width:40%;
	max-width:80px;
	margin:0 auto;
}

.loading-ani-point{
	position:absolute;
	background-color:transparent;
	width:15.385%;
	height:30.612%;
	-moz-transform:scale(0.4);
	-moz-animation-name:loadingAniFade;
	-moz-animation-duration:0.96s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:normal;
	-webkit-transform:scale(0.4);
	-webkit-animation-name:loadingAniFade;
	-webkit-animation-duration:0.96s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:normal;
	-ms-transform:scale(0.4);
	-ms-animation-name:loadingAniFade;
	-ms-animation-duration:0.96s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:normal;
	-o-transform:scale(0.4);
	-o-animation-name:loadingAniFade;
	-o-animation-duration:0.96s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:normal;
	border-radius:6px 6px 0 0;
	transform:scale(0.4);
	animation-name:loadingAniFade;
	animation-duration:0.96s;
	animation-iteration-count:infinite;
	animation-direction:normal;
}

.loading-ani-point-1{
	left:0;
	top:36.735%;
	-moz-animation-delay:0.36s;
	-moz-transform:rotate(-90deg);
	-webkit-animation-delay:0.36s;
	-webkit-transform:rotate(-90deg);
	-ms-animation-delay:0.36s;
	-ms-transform:rotate(-90deg);
	-o-animation-delay:0.36s;
	-o-transform:rotate(-90deg);
	animation-delay:0.36s;
	transform:rotate(-90deg);
}

.loading-ani-point-2{
	left:12.821%;
	top:12.245%;
	-moz-animation-delay:0.48s;
	-moz-transform:rotate(-45deg);
	-webkit-animation-delay:0.48s;
	-webkit-transform:rotate(-45deg);
	-ms-animation-delay:0.48s;
	-ms-transform:rotate(-45deg);
	-o-animation-delay:0.48s;
	-o-transform:rotate(-45deg);
	animation-delay:0.48s;
	transform:rotate(-45deg);
}

.loading-ani-point-3{
	left:41.026%;
	top:4.082%;
	-moz-animation-delay:0.6s;
	-moz-transform:rotate(0deg);
	-webkit-animation-delay:0.6s;
	-webkit-transform:rotate(0deg);
	-ms-animation-delay:0.6s;
	-ms-transform:rotate(0deg);
	-o-animation-delay:0.6s;
	-o-transform:rotate(0deg);
	animation-delay:0.6s;
	transform:rotate(0deg);
}

.loading-ani-point-4{
	right:12.821%;
	top:12.245%;
	-moz-animation-delay:0.72s;
	-moz-transform:rotate(45deg);
	-webkit-animation-delay:0.72s;
	-webkit-transform:rotate(45deg);
	-ms-animation-delay:0.72s;
	-ms-transform:rotate(45deg);
	-o-animation-delay:0.72s;
	-o-transform:rotate(45deg);
	animation-delay:0.72s;
	transform:rotate(45deg);
}

.loading-ani-point-5{
	right:0;
	top:36.735%;
	-moz-animation-delay:0.840s;
	-moz-transform:rotate(90deg);
	-webkit-animation-delay:0.840s;
	-webkit-transform:rotate(90deg);
	-ms-animation-delay:0.840s;
	-ms-transform:rotate(90deg);
	-o-animation-delay:0.840s;
	-o-transform:rotate(90deg);
	animation-delay:0.840s;
	transform:rotate(90deg);
}

.loading-ani-point-6{
	right:12.821%;
	bottom:8.163%;
	-moz-animation-delay:0.96s;
	-moz-transform:rotate(135deg);
	-webkit-animation-delay:0.96s;
	-webkit-transform:rotate(135deg);
	-ms-animation-delay:0.96s;
	-ms-transform:rotate(135deg);
	-o-animation-delay:0.96s;
	-o-transform:rotate(135deg);
	animation-delay:0.96s;
	transform:rotate(135deg);
}

.loading-ani-point-7{
	bottom:0;
	left:41.026%;
	-moz-animation-delay:1.079s;
	-moz-transform:rotate(180deg);
	-webkit-animation-delay:1.079s;
	-webkit-transform:rotate(180deg);
	-ms-animation-delay:1.079s;
	-ms-transform:rotate(180deg);
	-o-animation-delay:1.079s;
	-o-transform:rotate(180deg);
	animation-delay:1.079s;
	transform:rotate(180deg);
}

.loading-ani-point-8{
	left:12.821%;
	bottom:8.163%;
	-moz-animation-delay:1.2s;
	-moz-transform:rotate(-135deg);
	-webkit-animation-delay:1.2s;
	-webkit-transform:rotate(-135deg);
	-ms-animation-delay:1.2s;
	-ms-transform:rotate(-135deg);
	-o-animation-delay:1.2s;
	-o-transform:rotate(-135deg);
	animation-delay:1.2s;
	transform:rotate(-135deg);
}

@-moz-keyframes loadingAniFade{
	0%{
		background-color:rgba(61,65,63,0.2)
	}
	
	100%{
		background-color:transparent
	}

}

@-webkit-keyframes loadingAniFade{
	0%{
		background-color:rgba(61,65,63,0.2)
	}
	
	100%{
		background-color:transparent
	}

}

@-ms-keyframes loadingAniFade{
	0%{
		background-color:rgba(61,65,63,0.5)
	}
	
	100%{
		background-color:rgba(255,255,255,1)
	}

}

@-o-keyframes loadingAniFade{
	0%{
		background-color:rgba(61,65,63,0.2)
	}
	
	100%{
		background-color:transparent
	}

}

@keyframes loadingAniFade{
	0%{
		background-color:rgba(61,65,63,0.2)
	}
	
	100%{
		background-color:transparent
	}

}

/*no css3 support show fallback including IE10*/
.ie .loadingwrap-inner{
	width:200px;
	left:50%;
	margin-left:-100px;
}

.lte6 .loadingwrap,
.lte6 .loadingwrap .loadingwrap-bg{
	position:absolute;
}

.ie .loading-ani{
	display:none;
}

.ie .loading-ani-fallback{
	display:block;
}

/**/