/*--------------------------------------------------
	03. Page Preloader
---------------------------------------------------*/	
	
	.disable-ajaxload .preloader-wrap {
		display:none;
	}
	
	.preloader-wrap {
		width: 100%;
		height:100%;
		position: fixed;
		top: 0; 
		bottom: 0;
		left: 0;
		right: 0;
		background: #000;
		z-index : 1800;
		text-align:center;
	}
	
	.preloader-wrap .outer {
		padding: 0px;
		box-sizing:border-box;
		display:table;
		width:100%;
		height:100%;
	}
	
	.preloader-wrap .inner {
		display:table-cell;
		vertical-align:middle;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.percentage-wrapper {
		height: 20px;
		position:absolute;
		margin-bottom: 20px;
		right:80px;
		bottom:40px;
	}
	
	.percentage-intro {
		height: 20px;
		position:absolute;
		margin-bottom: 20px;
		left:80px;
		bottom:40px;
		font-size: 12px;
		font-weight: 500;
		line-height: 20px;
		color:rgba(255,255,255,0.6);
	}
	
	.percentage {
		opacity: 1;
		font-size: 12px;
		font-weight: 500;
		line-height: 20px;
		width:30px;
		height: 100px;
		color:rgba(255,255,255,0.6);
		display: table;
		margin: 0 auto;
	}
	
	.percentage::after {
		content: "%";
		width: 20px;
		height: 20px;
		font-size: 12px;
		line-height: 20px;
		color:rgba(255,255,255,0.6);
	}
	
	.trackbar {
		width: auto;
		height: inherit;
		margin:0 auto;
		display:table;
		position: relative;
		padding:20px;
		opacity: 1;
	}
	
	.loadbar {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.8);
		position: absolute;
		top: 0px;
		right: 0;
		overflow: hidden;
	}
	
	.hold-progress-bar {
		width: 0%;
		height: 0px;
		background: rgba(0,0,0,1);
		position: absolute;
		top: 0px;
		left: 0;
		right:0;
		overflow: hidden;
	}
	
	.preloader-intro {
		font-weight:400;
		position: relative;
		display:block;
		font-size:12vw;
		line-height:15vw;
		color:#fff;
	}