/*
*	LOADING WRAP
*/

/*** WRAP ***/

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

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

.loading{position:relative;}
.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:bold;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:rgba(255,255,255,0);
	width:15.385%;
	height:30.612%;
	-moz-border-radius:6px 6px 0 0;
	-moz-transform:scale(0.4);
	-moz-animation-name:loadingAniFade;
	-moz-animation-duration:0.96s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-direction:linear;
	-webkit-border-radius:6px 6px 0 0;
	-webkit-transform:scale(0.4);
	-webkit-animation-name:loadingAniFade;
	-webkit-animation-duration:0.96s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:linear;
	-ms-border-radius:6px 6px 0 0;
	-ms-transform:scale(0.4);
	-ms-animation-name:loadingAniFade;
	-ms-animation-duration:0.96s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-direction:linear;
	-o-border-radius:6px 6px 0 0;
	-o-transform:scale(0.4);
	-o-animation-name:loadingAniFade;
	-o-animation-duration:0.96s;
	-o-animation-iteration-count:infinite;
	-o-animation-direction:linear;
	border-radius:6px 6px 0 0;
	transform:scale(0.4);
	animation-name:loadingAniFade;
	animation-duration:0.96s;
	animation-iteration-count:infinite;
	animation-direction:linear;
}

.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.8400000000000001s;
	-moz-transform:rotate(90deg);
	-webkit-animation-delay:0.8400000000000001s;
	-webkit-transform:rotate(90deg);
	-ms-animation-delay:0.8400000000000001s;
	-ms-transform:rotate(90deg);
	-o-animation-delay:0.8400000000000001s;
	-o-transform:rotate(90deg);
	animation-delay:0.8400000000000001s;
	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.0799999999999998s;
	-moz-transform:rotate(180deg);
	-webkit-animation-delay:1.0799999999999998s;
	-webkit-transform:rotate(180deg);
	-ms-animation-delay:1.0799999999999998s;
	-ms-transform:rotate(180deg);
	-o-animation-delay:1.0799999999999998s;
	-o-transform:rotate(180deg);
	animation-delay:1.0799999999999998s;
	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(89,89,88,0.8)
	}
	
	100%{
		background-color:rgba(255,255,255,0)
	}

}

@-webkit-keyframes loadingAniFade{
	0%{
		background-color:rgba(89,89,88,0.8)
	}
	
	100%{
		background-color:rgba(255,255,255,0)
	}
}

@-ms-keyframes loadingAniFade{
	0%{
		background-color:rgba(89,89,88,0.8)
	}
	
	100%{
		background-color:rgba(255,255,255,0)
	}

}

@-o-keyframes loadingAniFade{
	0%{
		background-color:rgba(89,89,88,0.8)
	}
	
	100%{
		background-color:rgba(255,255,255,0)
	}
}

@keyframes loadingAniFade{
	0%{
		background-color:rgba(89,89,88,0.8)
	}
	
	100%{
		background-color:rgba(255,255,255,0)
	}
}


/*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;}

/**/