@charset "utf-8";
/* CSS Document */

/*@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);*/

.preloader-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  background: #C6F1FD !important;
  z-index : 99999999;
}
.preloader {
	position:absolute;
	width:200px;
	height:150px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin : auto;
}
.loading-img{
	width: 128px;
  height: 128px;
	margin:0px auto;
  padding-bottom: 10px;
}
.pre-load { position:relative; }

.percentage {
  z-index: 100;
  font-family:'garden_grownregular', Arial, Helvetica, sans-serif;
  border: 1px solid #ccc;
  text-align:center;
  color: #fff;
  line-height: 70px;
  font-size : 30px;
  color:#494e53;
}

.loader,
.percentage{
  height: 10px;
  max-width: 300px;
  border: 2px solid #ea6463;
  border-radius: 20px;
  font-weight: 300;
  position:absolute;
  left:0px;
  right:0px;
  top:0px;
}
.loader:after,
.percentage:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.trackbar {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  position: relative;
  opacity: 0.99;
}

.loadbar {
  width: 0%;
  height: 100%;
  background: repeating-linear-gradient(
  45deg,
    #faaaaa,
    #faaaaa 10px,
    #ea6463 10px,
    #ea6463 20px
  ); /* Stripes Background Gradient */
  box-shadow: 0px 0px 14px 1px #cca0a0;
  position: absolute;
  top: 0;
  left: 0;
  animation: flicker 5s infinite;
  overflow: hidden;
}

@keyframes animation {
  10% {
    opacity: 0.9;
  }
  30% {
    opacity: 0.86;
  }
  60% {
    opacity: 0.8;
  }
  80% {
    opacity: 0.75;
  }
}

/* .rotate-sys {
	width: 100%;
	height: 100vh;
	margin: 0px;
	padding: 0px;
	display: none;
	font-family: 'Bubblegum Sans', Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 32px;
	text-align: center;
    background: #C6F1FD;
}
.rotate-sys table, .rotate-sys table tr, .rotate-sys table tr td { width:100%; height:100%; }
.mobile-icon{
	width:100%;
	max-width:300px;
	margin: 0px auto;
	}
.mobile-icon img { width:100%; }
.logo-icon{
	width:100%;
	max-width: 100px;
	margin: 0px auto;
}
.logo-icon img { width:100%; }
.rotate-sys p {
	font-family: 'Bubblegum Sans', Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #d82f91;
	line-height: 32px;
	text-align: center;
  margin-bottom: 10px;
} */

.gameloader-wrap {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index : 99999999;
}