html{
	height: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;
}

.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;
}
#playGameDiv{
	bottom:0px;
	position:fixed;
}
#Home{
	visibility: hidden;
}
#NumbersDiv{
	margin-top: 6vh;
}

.spaces{
	font-size:4vw;
	color:black;
	padding-right:0px;
	padding-left:0px!important;
}

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

#Title{
	color:black;
	font-weight: bold;
	font-size:3vw;
	margin-top: -3%;
}

#levelDiv{
	margin:8% 0% 0% 20%;
}
#background{
		background-repeat:no-repeat;
		background-size:100% 100%;
		background-position:center;
		background-attachment:fixed;
	}
#containment-wrapper
{
	/*height:590px;*/
    margin-top: 2%;
   /* width: 1345px;*/
}
.letters{
	z-index: 50;
}

#scrollbarDiv{
	margin-top: 2%;
}
#logodiv
{
    margin-top:1%;
}

#scrollBar{
	overflow-x:scroll;
	overflow-y:hidden;  
	height: 140px;
	font-size:90px;
	color:black;

  background: red; /* For browsers that do not support gradients */
  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 */
  /*background: -o-linear-gradient(right, red, yellow); 
  background: -moz-linear-gradient(right, red, yellow); 
  background: linear-gradient(to right, red , yellow); */

}
.paddingZero{
	padding:0px;!important
}
#scrollRight,#scrollLeft
{
	max-width:85%;
}

.alignInLine
{
	width:10%;
    margin-left:2%;
    display:inline;
}
.align6InLine{
	/*width:20%;*/
    /*margin-left:10%;*/
    display:inline;
}
.trans{
	background-color: transparent !important;
}
/*#Next{
	margin:75% 0% 0% 100%;
}
#Home{
	margin-top:75%;
}*/
#FinalOk{
	margin:-60% 0% 0% 0%;
}
#dollDiv{
	position:fixed;
	bottom:0;
	z-index: 10;
}
#gameOverText
{
	color:black;
	font-weight:bold;
	font-size:6vw;
}
#acknowledgementDiv {
	visibility: hidden;
	background-color: whitesmoke;
	border: 0.22vw solid black;
	border-radius: 3vw;
}
  
#developerNameDiv {
margin-bottom: 2vh;
}
  
.fontClass {
font-size: 1.3vw;
margin-top: 1.5%;
color:black;
}
  
.firstLetter:first-letter {
font-size: 1.5vw;
}


.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
	animation-duration: 1s;
  }
  .overlay {
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.5);
  }
  .modal-content {
	background-color: white; /*rgba(38, 59, 95, 0.611764705882353);*/
	box-shadow: 17px 25px 13px rgb(0, 0, 0),
	  inset -98px 0px 180px rgb(60, 59, 130) /*17px 25px 14px rgb(0, 0, 0), inset -98px 0px 100px rgb(38, 59, 95)*/;
	border: 4px solid white;
	position: fixed;
	top: 25vh;
	right: 0;
	bottom: 0;
	left: 25vh;
	height: fit-content;
  }
  #questionMsg {
	font-size: 3vw;
    line-height: 7vh;
  }
  #responseBox {
	margin-top: 25vh;
	background-color: #185b94;
	color: white;
	position: relative;
	top: 0;
	left: 0;
	height: 48vh;
	padding: 2vh;
  }
  #btnDiv {
	margin-top: 3vh;
  }
  #Yes,
  #No {
	background-color: rgb(249, 185, 0);
	color: black;
	font-size: 2.5vw;
	font-weight: bold;
  }
  
  @keyframes zoomIn {
	from {
	  opacity: 0;
	  -webkit-transform: scale3d(0.3, 0.3, 0.3);
	  transform: scale3d(0.3, 0.3, 0.3);
	}
  
	50% {
	  opacity: 1;
	}
  }

@media screen  and (min-device-width :380px) and (max-device-width:500px){

.noPadding{
	padding:0px!important;
}


#FinalOk{
	margin:-20% 0% 0% 0%;
}
}
@media screen and (max-device-width:680px)and (min-device-width:501px){

.noPadding{
	padding:0px!important;
}


#FinalOk{
	    margin: -35% 0% 0% 0%;
}
	
}

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

.noPadding{
	padding:0px!important;
}
}
@media screen and (max-device-width:1024px)and (min-device-width:768px){

.noPadding{
	padding:0px!important;
}
#levelDiv {
    margin: 5% 0% 0% 20%;
}
}
@media screen and (max-device-width:1279px)and (min-device-width:1025px){
	
.noPadding{
	padding:0px!important;
}
}

@media screen and (max-device-width:1535px)and (min-device-width:1280px){

.noPadding{
	padding:0px!important;
}
}
@media screen and  (min-device-width:1536px){
	.noPadding{
	padding:0px!important;
}
}

