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;
}
#coverPage,#level1{
	display:none;
}
.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:cover;
		background-position:center;
		background-attachment:fixed;
}
#containment-wrapper
{
	/*height:590px;*/
   /* margin-top: 5%;*/
    width:100%;
}
.letters{
	z-index: 50;
}
/*#playGame{
	margin:2% 0% 0% 44%;
}*/
#scrollbarDiv{
	margin-top: 5%;
}
#scrollBar{
	overflow-x:scroll;
	overflow-y:hidden;  
	height: 140px;
	font-size:90px;
	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:10%;
    display:inline;
}
.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:60px;
		color:black;
		padding:12px;
		font-weight:bold;
	}
	.deviceWiseLetters{
		font-size:60px;
		color:red;
		font-weight:bold;
	}

	#FinalOk{
		/* height:200px; */
	}
#playDiv{
	margin:2% 0% 0% 45%;
}
#logoDiv,#homeDiv{
	margin-top: 2%;
}
#barakhadiDiv{
	margin-top: 2%;
}

@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: 60px;
	    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:28px;
		color:black;
		padding:3px;
	}
	.deviceWiseLetters{
		font-size:28px;
		color:red;
	}
	#containment-wrapper {
	    height:160px;
	   /* margin-top: 5%;*/
	    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: 70px;
}
	#containment-wrapper {
	    height:250px;
	   /* margin-top: 5%;*/
	    width:100%;
	}
	.deviceWiseSize{
		font-size:40px;
		color:black;
		padding:3px;
	}
	.deviceWiseLetters{
		font-size:40px;
		color:red;
	}
	#Next, #Hammer, #FinalOk {
 /*    height: 75px; */
}
	.nopadding{
		
		padding: 0px!important;
	}
	#logo{
		width:35px;
		height: 35px;
	}
	#playDiv {
    margin: 0% 0% 0% 45%;
}
.alignInLine {
    /* width: 10%; */
    margin-left: 3%;
    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:50px;
		color:black;
		padding:3px;
	}
	.deviceWiseLetters{
		font-size:50px;
		color:red;
	}
	#Next,#Hammer,#FinalOk{
		/* height: 85px; */
		width: 100px;
	}
	#containment-wrapper {
	    height:270px;
	    /*margin-top: 5%;*/
	    width:100%;
	}
	#logo {
    width:45px;
    height:45px;
}
#playDiv {
    margin: -2% 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:320px;
   /* margin-top: 5%;*/
   	width:100%;
}
#scrollRight, #scrollLeft {
    max-width: 100%;
}
#scrollBar {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 125px;
    font-size: 90px;
    color: black;
}
/*#playGame
{	margin:2% 0% 0% 45%;
}*/

.deviceWiseSize{
		font-size:55px;
		color:black;
		padding:12px;
	}
	.deviceWiseLetters{
		font-size:55px;
		color:red;
	}
	#Next,#Hammer,#FinalOk{
		/* height: 85px; */
	}
	#logo {
    width:50px;
    height:50px;
}
#playDiv {
    margin: -2% 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: 100px;
    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: 80px;
    color: black;
    padding: 12px;
}
.deviceWiseLetters {
    font-size: 80px;
    color: red;
}
#containment-wrapper {
    height: 440px;
    /*margin-top: 5%;*/
    /* width: 1345px; */
}
}
@media screen and (max-device-width:1535px)and (min-device-width:1280px){
	.deviceWiseSize {
    font-size: 80px;
    color: black;
    padding: 12px;
}
#scrollBar {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 180px;
    font-size: 125px;
    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: 80px;
    color: red;
}
#containment-wrapper {
    height: 430px;
   /* margin-top: 5%;*/
    /* width: 1345px; */
}
}
@media screen and  (min-device-width:1536px){
#scrollBar {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 300px;
    font-size: 175px;
    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:115px;
    color: black;
    padding: 12px;
}
.deviceWiseLetters {
    font-size:115px;
    color: red;
}
#containment-wrapper {
    height: 830px;
   /* margin-top: 5%;*/
    /* width: 1345px; */
}
}