body{
	background:rgba(25,25,25,1);
}
.bgColor{animation:bodyColorOpacity 1.5s forwards;}
@keyframes bodyColorOpacity {
  0% {
    background:rgba(25,25,25,1);
  }  
  100% {
   background:rgba(255,255,255,1);
  }
}
footer,section,header,.banner-main,.cart-detail{opacity:0} 
/*#jpreOverlay {background:#fff;}*/
#jpreSlide{
	font-size:22px;
	font-weight:bold;
	color:#ccc;
	text-align:center;
	width:50%;
	height:30%;
	display:none!important;
}
#jpreLoader{
	width:100%;
	height:100%;
	position: relative;
	margin-top:0px;top:0px!important; background:#191919;
}

.loader-text {
    font-size: 20px;
    position: absolute; 
    z-index: 99;color: #000;line-height:normal 
}
#jpreBar {width:0%; overflow: hidden;
	position: absolute;left:0px;bottom:30px;z-index:9;}
#jpreBar .color1, .color2{font-size:15px;letter-spacing:0.9em;white-space:nowrap}
    #jpreBar .color1 {
        color: rgba(255,255,255,1);
    }
 .color2{color:#666;position: absolute;left:0px;bottom:30px;z-index:1;}
.jBar_sub{position:absolute;top:50%;left:50%; /*bottom:50%;*/width:110px;height:170px;margin:-85px 0 0 -55px;/*background: rgb(255,207,2);
background: -moz-linear-gradient(90deg, rgba(255,207,2,1) 0%, rgba(250,122,1,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,207,2,1) 0%, rgba(250,122,1,1) 100%);
background: linear-gradient(90deg, rgba(255,207,2,1) 0%, rgba(250,122,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcf02",endColorstr="#fa7a01",GradientType=1);*/}

#jprePercentage {	 
	position: absolute;bottom:0%;left:0px;right:0px;
	color:#999;
	text-align:center;
	 font-size:16px}

#jpreButton{
	display:none;
	/*padding:3px 10px;
	cursor:pointer;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	width:100px;
	margin:0 auto;
	color:#fff;
	text-shadow:-1px -1px 0 #01293F;
	border:1px solid #2EACEA;
	
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	
	background-color: #23a6ed;
	background-image: -moz-linear-gradient(top, #23a6ed 0%, #1275aa 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23a6ed), color-stop(100%,#1275aa));
	background-image: -webkit-linear-gradient(top, #23a6ed 0%,#1275aa 100%);
	background-image: -o-linear-gradient(top, #23a6ed 0%,#1275aa 100%);
	background-image: -ms-linear-gradient(top, #23a6ed 0%,#1275aa 100%);
	background-image: linear-gradient(to bottom, #23a6ed 0%,#1275aa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23a6ed', endColorstr='#1275aa',GradientType=0 );*/
}
.loader-container {
  position: relative;
  width: 110px;
  height: 115px;
  background: #191919;
  text-align: center;
  
}
.loader {
  position: relative;
  width: 100px;
  height: 100px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  overflow: hidden;
  margin: 0 auto;
}
.ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  z-index: 50;
  -webkit-animation: spin .75s infinite;
  -ms-animation: spin .75s infinite;
  -moz-animation: spin .75s infinite;
  animation: spin .75s infinite;
}
.ball-gradient {
  position: absolute;
  top: -70px;
  left: -60px;
  width: 200px;
  height: 200px;
background: rgb(231,219,161);
background: radial-gradient(circle, rgba(231,219,161,1) 0%, rgba(231,219,161,1) 11%, rgba(221,187,34,1) 12%, rgba(246,157,30,1) 36%, rgba(160,102,20,1) 37%, rgba(160,102,20,1) 100%);
  /*background: #d8c87f;*/ /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZDhjODdmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjZDhjODdmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjZGRiYjIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZGRiYjIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjYTM4NTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EzODUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-radial-gradient(center, ellipse cover, #d8c87f 11%, #d8c87f 11%, #ddbb22 12%, #ddbb22 34%, #a38500 35%, #a38500 100%);  
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(11%,#d8c87f), color-stop(11%,#d8c87f), color-stop(12%,#ddbb22), color-stop(34%,#ddbb22), color-stop(35%,#a38500), color-stop(100%,#a38500));  
  background: -webkit-radial-gradient(center, ellipse cover, #d8c87f 11%,#d8c87f 11%,#ddbb22 12%,#ddbb22 34%,#a38500 35%,#a38500 100%); 
  background: -o-radial-gradient(center, ellipse cover, #d8c87f 11%,#d8c87f 11%,#ddbb22 12%,#ddbb22 34%,#a38500 35%,#a38500 100%); 
  background: -ms-radial-gradient(center, ellipse cover, #d8c87f 11%,#d8c87f 11%,#ddbb22 12%,#ddbb22 34%,#a38500 35%,#a38500 100%); 
  background: radial-gradient(ellipse at center, #d8c87f 11%,#d8c87f 11%,#ddbb22 12%,#ddbb22 34%,#a38500 35%,#a38500 100%);  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8c87f', endColorstr='#a38500',GradientType=1 );  
  z-index: 31;*/
}
.hole:nth-child(2) {
  position: absolute;
  top: 20px;
  left: 35px;
  width: 10px;
  height: 10px;
  background: rgba(0,0,0,.6);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 55;
}
.hole:nth-child(3) {
  position: absolute;
  top: 38px;
  left: 50px;
  width: 10px;
  height: 10px;
  background: rgba(0,0,0,.6);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 55;
}
.hole:nth-child(1) {
  position: absolute;
  top: 18px;
  left: 60px;
  width: 10px;
  height: 10px;
  background: rgba(0,0,0,.6);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 55;
}
.shadow {
  width: 100px;
  height: 25px;
  background: rgba(0,0,0,.6);
  -moz-border-radius: 100px / 25px;
  -webkit-border-radius: 100px / 25px;
  border-radius: 100px / 25px;
  margin: -14px auto 0;
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.loader-text {
  color: #191919;
  font-size:20px;
  text-transform: uppercase;
  margin-top: 15px;
  width:100%;text-align:center;  
  margin-left:0px;
 
}


.loading > span {
  width: 100px;
  height: 30px;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: 50%;
  margin-top: 30px;
  color: #b5a270;
  font-size: 12px;
  text-align: center;
}