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;
}
.blink_me {
animation: blinker 1s linear infinite;
}
@keyframes blinker {  
50% { opacity: 0.5; }
}

.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;
}


#background{
		background-repeat:no-repeat;
		background-size:100% 100%;
		background-position:center;
		background-attachment:fixed;
}
#containment-wrapper
{
	height:100vh;
    width:100vw;
}
.letters{
	z-index: 50;
}
/*#playGame{
	margin:2% 0% 0% 44%;
}*/
#scrollbarDiv{
	margin-top: 2%;
}
#playDiv
{
	bottom:0%;
	position:fixed;
}
#scrollBar{
	overflow-x:scroll;
	overflow-y:hidden;  
	height: 140px;
	font-size:6vw ;
	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%;
}

.alignInLine
{
	width:10%;
    margin-left:2%;
    display:inline;
}
.align9InLine{
	/*width:20%;*/
    margin-left:2%;
    display:inline;
}
/* #space0,#space6,#space12,#space18,#space24
{
	background-color:rgb(235,115,154);
}
#space1,#space7,#space13,#space19,#space25{
	background-color: rgb(253,216,109);
}
#space2,#space8,#space14,#space20,#space26{
	background-color: rgb(148,208,242);
}
#space3,#space9,#space15,#space21{
	background-color:rgb(235,115,154);
}
#space4,#space10,#space16,#space22{
	background-color: rgb(253,216,109);
}
#space5,#space11,#space17,#space23{
	background-color: rgb(148,208,242);
} */
.trans{
	background-color: transparent !important;
}

.deviceWiseSize{
		font-size:6vw;
		color:black;
		padding:5px;
	}
	.deviceWiseLetters{
		font-size:6vw;
		color:white;
		font-weight:bold;
	}

	#FinalOk{
		/* height:200px; */
	}
/* #playDiv{
	margin:25% 0% 0% 45%;
} */
#logoDiv,#homeDiv{
	margin-top: 1%;
}
#barakhadiDiv{
	margin-top: -2%;
}
.noPaddingcls
{
	padding:0px !important;
}

@media screen  and (min-device-width :380px) and (max-device-width:500px){
	.alignInLine {
    /* width: 10%; */
    margin-left: 4%;
    display: inline;
}

#scrollbarDiv {
	    margin-top: 5%;
	    padding-right:0px !important;
		padding-left: 0px !important;
	}
	#scrollBar 
	{
	    overflow-x: scroll;
	    overflow-y: hidden;
	    height: 90px;
	    font-size: 6vw;
	    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));*/
	}
	#playGame {
    height: 60px;
    width: 60px;
}
	.deviceWiseSize{
		font-size:6vw;
		color:black;
		padding:3px;
	}
	.deviceWiseLetters{
		font-size:6vw;
		
	}
	/* #containment-wrapper {
	    height:200px;
	   
	    width:100%;
	} */
	#FinalOk{
		/* height:70px; */
	}
	.nopadding{
		
		padding: 0px!important;
	}
	#logo{
		width:35px;
		height: 35px;
	}
}
@media screen and (max-device-width:680px)and (min-device-width:501px){
#scrollBar {
    height: 120px;
    font-size: 6vw;
}
	/* #containment-wrapper {
	    height:300px;
	  
	    width:100%;
	} */
	.deviceWiseSize{
		font-size:6vw;
		color:black;
		padding:3px;
	}
	.deviceWiseLetters{
		font-size:6vw;
		
	}
	#Next, #Hammer, #FinalOk {
 /*    height: 75px; */
}
	.nopadding{
		
		padding: 0px!important;
	}
	#logo{
		width:35px;
		height: 35px;
	}
/* 	#playDiv {
    margin: 25% 0% 0% 45%;
} */
.alignInLine {
    /* width: 10%; */
    margin-left: 4%;
    display: inline;
}
	#playGame {
    height: 60px;
    width: 60px;
}
}

@media screen  and (min-width :681px) and (max-width:767px){
.alignInLine {
    /* width: 10%; */
    margin-left: 4%;
    display: inline;
}
	.deviceWiseSize{
		font-size:6vw;
		color:black;
		padding:3px;
	}
	.deviceWiseLetters{
		font-size:6vw;
		
	}
	#Next,#Hammer,#FinalOk{
		/* height: 85px; */
		width: 100px;
	}
	/* #containment-wrapper {
	    height:320px;
	   
	    width:100%;
	} */
	#logo {
    width:45px;
    height:45px;
}
/* #playDiv {
    margin: 20% 0% 0% 45%;
} */
.nopadding{
		padding-right: 15px;
		padding-left: 0px!important;
	}


}
@media screen  and (min-device-width :681px) and (max-device-width:767px){
	

}
@media screen and (max-device-width:1024px)and (min-device-width:768px){
	/* #containment-wrapper {
    height:480px;
   
   	width:100%;
}*/
#scrollRight, #scrollLeft {
    max-width: 100%;
}
#scrollBar {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 125px;
    font-size: 6vw;
    color: black;
}
/*#playGame
{	margin:2% 0% 0% 45%;
}*/

.deviceWiseSize{
		font-size:6vw;
		color:black;
		padding:5px;
	}
	.deviceWiseLetters{
		font-size:6vw;
		
	}
	#Next,#Hammer,#FinalOk{
		/* height: 85px; */
	}
	#logo {
    width:50px;
    height:50px;
}
/* #playDiv {
    margin: 22% 0% 0% 45%;
} */
.nopadding{
		padding-right: 15px;
		padding-left: 0px!important;
	}

}

@media screen and (max-device-width:1279px)and (min-device-width:1025px){
#scrollBar {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 140px;
    font-size: 6vw;
    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));*/
}
/* #playDiv {
    margin: 22% 0% 0% 45%;
} */
.deviceWiseSize {
    font-size: 6vw;
    color: black;
    padding:5px;
}
.deviceWiseLetters {
    font-size: 6vw;
   
}
/* #containment-wrapper {
    height:600px;
    
} */
}
@media screen and (max-device-width:1535px)and (min-device-width:1280px){
	.deviceWiseSize {
    font-size:6vw ;
    color: black;
    padding: 5px;
}
#scrollBar {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 180px;
    font-size: 6vw;
    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));*/
}
.deviceWiseLetters {
    font-size: 6vw;
    
}
/* #containment-wrapper {
    height:600px;
   
} */
/* #playDiv {
    margin: 22% 0% 0% 45%;
} */
}
@media screen and  (min-device-width:1536px){
#scrollBar {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 300px;
    font-size: 6vw;
    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));*/
}
.deviceWiseSize {
    font-size:6vw;
    color: black;
    padding:5px;
}
.deviceWiseLetters {
    font-size:6vw;
    
}
/* #containment-wrapper {
    height:900px;
   
} */
/* #playDiv {
    margin: 22% 0% 0% 45%;
} */
}
