html{
	height:100%;
	width:100%;
}
body 
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pos
{
	position: fixed;
	bottom : 0;
}
#coverPage,#level1{
	display:none;
}

#playDiv{
	position:fixed;
	bottom:0;
	}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: center no-repeat #fff;
}

.blink_me {
animation: blinker 1s linear infinite;
}
@keyframes blinker {  
50% { opacity: 0.5; }
}


#background{
		background-repeat:no-repeat;
		background-size:100% 100%;
		background-position:center;
		background-attachment:fixed;
}
#containment-wrapper
{
    width:100%;
	height:80vh;
} 
.letters{
	z-index: 50;
}
#scrollbarDiv{
	margin-top: 2%;
}
#scrollBar{
	overflow-x:scroll;
	overflow-y:hidden;  
	height:35vh;
	font-size:14vw;
	color:black;

  /*background: red; 
  background: -webkit-linear-gradient(left,rgb(83,33,134), rgb(169,62,132),rgb(0,46,207),rgb(221,207,0),rgb(231,47,0));*/ /* For Safari 5.1 to 6.0 */
  border: 2px solid white;
  border-radius: 25px;
  background-color: rgba(255,255,255,0.2);
  box-shadow: 10px 15px 20px #888888;

}
.paddingZero{
	padding:0px!important;
}
#scrollRight,#scrollLeft
{
	max-width:85%;
}
.scrolls{
	height:35vh;
}
.alignInLine
{
	width:10%;
    margin-left:2%;
    display:inline;
	padding:2%;
}
.align6InLine{
	/*width:20%;*/
    /*margin-left:10%;*/
    display:inline;
}
#space0,#space1
{
	background-color:rgb(235,115,154);
}
#space3,#space2{
	background-color: rgb(253,216,109);
}
#space5,#space4{
	background-color: rgb(148,208,242);
}
#space7,#space6{
	background-color:rgb(235,115,154);
}
#space9,#space8{
	background-color: rgb(253,216,109);
}
#space11,#space10{
	background-color: rgb(148,208,242);
}
.trans{
	background-color: transparent !important;
}

.deviceWiseSize{
		font-size:6vw;
		color:black;
		padding:8%;
		font-weight:bold;
	}
	.deviceWiseLetters{
		font-size:6vw;
		color:red;
		font-weight:bold;
	}

#logoDiv,#homeDiv{
	margin-top: 2%;
}
#barakhadiDiv{
	margin-top: 3%;
} 
#gameover
{
	text-align:center;
	font-size:4.5vw;
	margin-top:3vh;
	color:black;
	margin-left:30vw;
}
.modal 
{
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; 
  background-color: rgba(0,0,0,0.6); 
  padding:10%;
}
#responseBoxDiv
{
    display: none; 
    position: fixed; 
    z-index: 51;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; 
}
.overlay
{
  z-index: 55;
  background-color: rgba(0,0,0,0.5);
}
.modal-content
{
    background-color:rgba(38, 59, 95, 0.611764705882353);
    box-shadow: 17px 25px 14px rgb(0, 0, 0), inset -98px 0px 100px rgb(38, 59, 95);
    border: 4px solid white;
    margin-top: 4vh;
}
#confiramtionText
{
    font-size: 3vw;
    line-height: 10vh;
}
#responseBox {
   margin-top: 25vh;
   background-color: #185b94;
   color: white;
   position:relative;
   top:0;
   left:0;
   height: 59vh;
   padding:2vh;
}
#btnDiv
{
    margin-top:3vh;
}
#Yes,#No
{
    background-color:rgb(249,185,0);
    color:black;
    font-size:2.5vw;
    font-weight:bold;
}