#jpreOverlay {
	background-color: rgb(0, 0, 0);
	width: 100%;
	height: 100%;
	z-index: 9999 !important;
	position: fixed;
	top: 0;
	left: 0;
	min-height: 100vh;
}
#jpreOverlay.setremove{ width: 0 !important; overflow: hidden;
	-webkit-transition: width 0.3s ease-out 0.6s;
	transition: width 0.3s ease-out 0.6s;
	}
/* #jpreOverlay:before{

position: absolute;

content: "";

height: 100%;

width: 100%;

left: 0;

top: 0;

background-color: #000;

z-index: 0;

-webkit-transition: all 0.3s ease-out 0.3s;

transition: all 0.3s ease-out 0.3s;

} */
#jpreOverlay.setremove:before{  width: 0; }

#jpreSlide{
	font-size:22px;
	font-weight:bold;
	color:#ccc;
	text-align:center;
	width:50%;
	height:30%;
}
#jpreLoader{
	width:100%;
	height: 100%;
	top: 0px !important;
}

#jpreBar {
	background: #808080;
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#jprePercentage {
	color: #333;
	font-size: 16px;
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
	padding: 5px 10px;
	z-index: 9999;

	width: 160px;
	left: calc(50% - 80px);
	text-align: center;
	border: 1px solid #333;
	display: block;
	margin: 20px auto 0;
	height: auto ;
	position: absolute;
	top: 50vh;
	display: none;
}


#wrap_loadingpage{
		height: auto;
		top: auto !important;
		width: 400px;
		padding: 0;
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		z-index: 100;
		left: calc(50% - 200px) !important;
		bottom: calc(50% - 100px);
		}

		#loadingpage{
				position: absolute;
				bottom: 0;
				left: calc(50% - 50px);
				width: 100%;
				margin: 0 auto;
				height: 100%;
				-webkit-transition: all 0.6s;
				transition: all 0.6s;
				display: none;
				}
		#loadingpage .aminationloading{
				top: 50%; -webkit-transition: all 0.6s; transition: all 0.6s;
				}

#jpreOverlay > #wrap_loadingpage > #loadingpage{
		position: relative;
		bottom: auto;
		left: auto;
		margin: 0 auto;
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		flex-flow: wrap;
		-webkit-box-pack: center;
		        justify-content: center;
		}
.typing { display: inline-block;padding: 5px 10px;}
.typing i {background-color: #8f8880;border-radius: 50%;display: inline-block;height: 8px;margin-right: 3px;width: 8px;}
.typing .a {
  -webkit-animation: bounce 1s 0s infinite ease-in;
          animation: bounce 1s 0s infinite ease-in;
}
.typing .b {
  -webkit-animation: bounce 1s 0.25s infinite ease-in;
          animation: bounce 1s 0.25s infinite ease-in;
}
.typing .c {
  -webkit-animation: bounce 1s 0.5s infinite ease-in;
          animation: bounce 1s 0.5s infinite ease-in;
  margin: 0;
}
@-webkit-keyframes bounce {
  0% {
    opacity: 0.75;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  67% {
    opacity: 0.75;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 0.75;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@keyframes bounce {
  0% {
    opacity: 0.75;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  67% {
    opacity: 0.75;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 0.75;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}



/* #Fix css
================================================== */
body.bodypreload:before{position: absolute;content: "";left: 0;right: 0;bottom: 0;top: 0;z-index: 999;background-color: #ffffff;}
.bodypreload{ height: 100%; overflow: hidden; }

.loading-logo{ text-align: center; }
.loading-logo img{ width: 250px; }
.hide{ -webkit-transition: all 1s ease 0.3s; transition: all 1s ease 0.3s ; }
#loadingpage.hide{ bottom: 20%; opacity: 0; 		}
#jprePercentage.hide{ opacity: 0; }

#loadingpage .loading-img{ width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
/* .loading-img > div { width: 8px; height: 8px; border-radius: 50%; margin: 0 2px; } */













		/*end*/