/*******************************************************************************
	MAIN LOADING
*******************************************************************************/
html.loading {
	overflow: hidden !important;
}

.fancybox-overlay {
	z-index: 99997;
}

.fancybox-opened {
	z-index: 99998;
}

#loading-overlay {
	position: fixed;
	top: -50%;
	left: -50%;
	overflow: hidden;
	z-index: 999998;
	width: 200%;
	height: 200%;
	background-color: transparent;
	opacity: 0.7;
	-webkit-transition: background-color 50ms linear;
	-moz-transition: background-color 50ms linear;
	-o-transition: background-color 50ms linear;
	-ms-transition: background-color 50ms linear;
	transition: background-color 50ms linear;
}

#loading-overlay.black {
	background-color: #000;
}

#loading-overlay.white {
	background-color: #fff;
}

#adelya-loading-wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -150px;
	min-height: 170px;
	width: 300px;
	z-index: 999999;
}

.elem-spinner-wrapper {
	position: relative;
	height: 90px !important;
	width: 90px;
	text-align: center;
	margin: 20px auto;
	display: block !important;
}

html.loading #spinner-wrapper {
	position: relative;
	top: 0px;
	left: 50%;
	margin-left: -45px;
	z-index: 8011;
	height: 60px;
	width: 90px;
	text-align: center;
}

.spinner-wrapper i {
	color: #ccc;
}

.spinner-wrapper #cog1 {
	position: absolute;
	top: 10px;
	right: 13px;
}

.spinner-wrapper #cog2 {
	position: absolute;
	top: 15px;
	left: -2px;
}

.spinner-wrapper #cog3 {
	position: absolute;
	bottom: 10px;
	right: 3px;
}

#text-spinner {
	color: #eee;
	cursor: default;
}

.fa-spin-reverse {
	-webkit-animation: fa-spin-reverse 2s infinite linear;
	animation: fa-spin-reverse 2s infinite linear;
}

#adelya-loading-wrapper .progress {
	margin-top: 10px;
	width: 100%;
	background-color: #333;
}

#adelya-loading-wrapper .progress-bar {
	background-color: #eee;
}

.loader-container {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(250,250,250,0.8);
	z-index: var(--overlay-layer-index);
}

.loader-container .loader-wrapper {
	position: relative;
	height: 90px ;
	width: 90px;
	margin: 100px auto;
}