#preloaderSpinner {
	display: none;
	background: white;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
#preloaderSpinner_int.Int_Preloader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(255,255,255,.6);
}

#preloaderSpinner.Int_Preloader {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
}

#preloaderSpinner_int {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

#preloaderSpinner_int.Int_Preloader img {
  width: 55px;
  position: absolute;
  margin: auto;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.loader {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url(../images/preload_spinner.gif);
  background-repeat: no-repeat;
  left: 0;
  margin: auto;
  display: none;
}


#preload {
  position: absolute;
      width: 99%;
  height: 100%;
  background-color: #000000;
  z-index: 99999;
  top: 0px;
      display: flex;
      overflow: hidden;
      flex-direction: unset;
      align-items: flex-start;
      justify-content: center;
  /* background-image: url(../../templates/assessment/assets/image/prepreloaderbg1.png) */
  
}
#preload .pre_left{
  width: 900px;
  background-image: url(../../templates/assessment/assets/image/prepreloaderbg.png);
  height:1600px;
      position: absolute;
      left: 0;
}
#preload .pre_right{
width: 700px;
height:1600px;
background-position-x: -900px;
background-image: url(../../templates/assessment/assets/image/BG_2.jpg);

    position: absolute;
    right: 0;
}
#preload_scale {
  width:1600px;
  height:1600px;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
}
#inner_preload{
  position: relative;
  width: auto;
  height:auto;
}
#preload #spinner {
  /* position: relative;
  margin: 0 auto;
  top: 50%;
  display: table;
  width: 150px !important;
  height: 150px !important;
  background-image: url(../images/preload_spinner.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: -45px; */
position: absolute;
margin: 0 auto;
top: 50%;
width: 171px !important;
height: 6px !important;
background-repeat: no-repeat;
background-size: 100% 100%;
/* margin-top: -45px; */
border: 2px solid #000;
left: 0;
right: 0;

   
}

#screen_preloader {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  top: 0px;
}

#screen_preloader #spinner {
  position: relative;
  margin: 0 auto;
  top: 50%;
  display: table;
  width: 90px !important;
  height: 90px !important;
  background-image: url(../images/preload_spinner.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: -45px;
}


#percent {
  /* position: relative;
  width: 100%;
  text-align: center;
  display: table-cell;
  top: 63px;
  font-size: 20px;
  font-weight: bold; */
  /* color: #007fb2; */
    /* color: #007fb2; */
    position: absolute;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    width: auto;
    margin-top: -17px;
    z-index: 1;
    left: 164px;
}
.preload_heading {
 font-size: 12px;
 margin-top: -22px;
 color: #fff;
 background-color: #000;
}
.blue_bg {
width: 35px;
height: 12px;
background-color: #66cccc;
position: absolute;
left: 179px;
top: -22px;
}
#highAnimationLeap1preload{
     position: absolute;
     width: 250px;
     height: 250px;
     top: -95px;
     left: 11px;
     right: 0;
     bottom: 0;
     margin: auto;
    z-index: 99999;
        pointer-events: none;
}
#enter_sprite_wrap {
  display: none;
   width: 173px;
   height: 187px;
  position: absolute;
       top: -95px;
       left: 11px;
       right: 0;
       bottom: 0;
       margin: auto;
       z-index: 99999;
       pointer-events: none;
       /* background-image: url(../../assets/image/enter.png); */
       background-repeat:no-repeat;
       background-position:center
}
#enter_sprite_wrap.active {
  pointer-events: all;
  display: block;
}
.click_enter_wrap {
      width: 100%;
      height: 100%;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      /* margin: auto; */
     
      font-family: 'flavorsregular';
      color: #e4a3a3;
      font-size: 65px;
      text-align: center;
      text-shadow: 5px 20px 5px #000;
      line-height: 60px;
      background-color: #000;
      border-radius: 50%;
      cursor: pointer;
        

}

#peloadenterSprite{
  z-index: 1;
  position: relative;
    pointer-events: none;
}