body.debug{
	/* visibility: visible; */
}

/**
 *	LOADING WRAP
 */

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

.loadingwrap{
	text-align:center;
	display:none;
	color:var(--color-text-body);
	color:rgb(var(--color-text-body-rgb));
}

.loading{
	position:relative;
	cursor:progress;
	cursor: wait;
}

.loadingwrap{
	display:none!important;
	cursor:progress;
	cursor: wait;
}

.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:0;
	left:0;
}

.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:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right:0;
	margin:0 auto;
}

/*.loadingwrap .loadingwrap-bg,*/
.loadingwrap-bg{
	background-color:var(--color-background-text);
	opacity:0.85;
}

.loadingwrap-text{
	font-family:var(--font-family-body-bold);
	font-weight:var(--font-weight-body-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;
	cursor:progress;
	cursor: wait;
}

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

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

.loading-ani-point{
	position:absolute;
	background-color:transparent;
	width:15.385%;
	height:30.612%;
	-webkit-transform:scale(0.4);
	-webkit-animation-name:loadingAniFade;
	-webkit-animation-duration:0.96s;
	-webkit-animation-iteration-count:infinite;
	-webkit-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%;
	-webkit-animation-delay:0.36s;
	-webkit-transform:rotate(-90deg);
	animation-delay:0.36s;
	transform:rotate(-90deg);
}

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

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

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

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

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

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

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

@-webkit-keyframes loadingAniFade{
	0%{
		background-color:rgba(var(--color-text-body-rgb),0.2)
	}

	100%{
		background-color:transparent
	}
}

@keyframes loadingAniFade{
	0%{
		background-color:rgba(var(--color-text-body-rgb),0.2)
	}

	100%{
		background-color:transparent
	}
}

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

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

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

/**/

.searchbox-horizontal .loadingwrap{
	font-size:12px;
}

body.loading .loadingwrap{
	font-size:1em;
}