
	.disable-ajaxload .preloader-wrap {
		display:none;
	}
	
	.preloader-wrap {
		width: 100%;
		height:100%;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index : 1800;
		text-align:center;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		flex-direction:column;
		overflow: hidden;
		background-color: #000;
	}
	
	.percentage-wrapper {
		position:relative;
		display:block;
		text-align:center;
		width:100%;
		height: auto;
		z-index:10;
		box-sizing:border-box;
		padding:80px;
		overflow:hidden;
		mask-image: linear-gradient(180deg, transparent 5%, #000 15%, #000 85%, transparent 95%);
  		-webkit-mask-image: linear-gradient(180deg, transparent 5%, #000 15%, #000 85%, transparent 95%);
	}
	
	.percentage {
		font-size: clamp(4rem, 1rem + 8vw, 11rem);
  		line-height: 1.1em;
		font-weight: 500;
		width:auto;
		height: 1.1em;
		color:#fff;		
		display: flex;
		justify-content: flex-end;
		overflow:hidden;		
	}
	
	.percentage .number {
		display:block;
		text-align:center;
	}
	
	.percentage .number:first-child {
		display:block;
		text-align:right;
	}
	
	.percentage .number span {
		display:block;
	}






	
	
@media only screen and (max-width: 1466px) {	
	.percentage-wrapper {
		padding:60px;
	}
}	
	
	
@media only screen and (max-width: 1024px) {
	.percentage-wrapper {
		padding:40px;
	}
}
	
	
@media only screen and (max-width: 767px) {
	.percentage-wrapper {
		padding:30px;
	}
}

@media only screen and (max-width: 479px) {
	.percentage-wrapper {
		padding:20px;
	}
}	
