#manhalpreOverlay {
	display: block;
	overflow: hidden;
	background: rgb(94, 179, 229);
	background: -moz-linear-gradient(90deg, rgb(94, 179, 229) 30%, rgb(234, 245, 252) 70%);
	background: -webkit-linear-gradient(90deg, rgb(94, 179, 229) 30%, rgb(234, 245, 252) 70%);
	background: -o-linear-gradient(90deg, rgb(94, 179, 229) 30%, rgb(234, 245, 252) 70%);
	background: -ms-linear-gradient(90deg, rgb(94, 179, 229) 30%, rgb(234, 245, 252) 70%);
	background: linear-gradient(180deg, rgb(94, 179, 229) 30%, rgb(234, 245, 252) 70%);
	width: 100%;
	height: 100%;
}
.manhalpreOverlayinner
{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: url("../images/loderbg.png") no-repeat center;
	background-size: contain;
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#manhalpreSlide{
	font-size:22px;
	font-weight:bold;
	color:#ccc;
	text-align:center;
	width: 25%;
	height: 11%;
	background: url("../images/bkloading.svg") no-repeat center;
	background-size: 100% 100%;
	margin: auto;
}
#manhalloader{
	width: 13%;
	height: 2.843%;
	border: 2px inset #6f5b2c;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	background: rgb(87, 74, 52);
	background: -moz-linear-gradient(90deg, rgb(87, 74, 52) 30%, rgb(69, 59, 41) 70%);
	background: -webkit-linear-gradient(90deg, rgb(87, 74, 52) 30%, rgb(69, 59, 41) 70%);
	background: -o-linear-gradient(90deg, rgb(87, 74, 52) 30%, rgb(69, 59, 41) 70%);
	background: -ms-linear-gradient(90deg, rgb(87, 74, 52) 30%, rgb(69, 59, 41) 70%);
	background: linear-gradient(180deg, rgb(87, 74, 52) 30%, rgb(69, 59, 41) 70%);
	left: 0;
	right: 0;
	margin: auto;
}
#manhalpreBar {
	background-color: #85c701;
	background-image: -moz-linear-gradient(top, #85c701, #55b100);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #85c701),color-stop(1, #55b100));
	background-image: -webkit-linear-gradient(#85c701, #55b100);
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
	background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
	-webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	-moz-animation: move 2s linear infinite;
}
#manhalprePercentage {
	color:#ff8e57;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-align:center;
	top: -308%;
	font-size: 1.5vw;
}
.manhal-main-loader {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 99999999;
	background: rgba(255,255,255,0.5);
	background: #fff;
}
.manhal-main-loader .loader-effect {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #6eb757;
	border-radius: 400px;
	-webkit-clip-path: polygon(0% 50%, 100% 50%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 50%, 100% 50%, 100% 100%, 0% 100%);
	animation: rotate 1s infinite linear;
	transition: all 0.25s ease-in-out;
}
.manhal-main-loader .loader-effect:before {
	z-index: 1;
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: #fff;
	left: 2%;
	top: 1%;
}
.manhal-main-loader .logo-loader {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../images/logo.svg) no-repeat;
	background-size: contain;
	background-position: 50% 49%;
	width: 2.9em;
	animation-name: loader-effect;
	animation-duration: 5.0s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-play-state: running;
}
.manhal-main-loader .loader-effect .checkmark {
	display: none;
}
.manhal-main-loader .loader-effect .checkmark.draw:after {
	animation-duration: 800ms;
	animation-timing-function: ease;
	animation-name: checkmark;
	transform: scaleX(-1) rotate(135deg);
}
.manhal-main-loader .loader-effect .checkmark:after {
	opacity: 1;
	height: 3.5em;
	width: 1.75em;
	transform-origin: left top;
	border-right: 3px solid #6eb757;
	border-top: 3px solid #6eb757;
	content: '';
	left: 1.75em;
	top: 3.5em;
	position: absolute;
}
@keyframes loader-effect {
	0% {
		opacity: 0.2;
	}
	20% {
		opacity: 0.6;
	}
	40% {
		opacity: 1;
	}
	100% {
		opacity: 0.2;
	}
}
@keyframes rotate {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}