body {     margin: 0;

            padding: 0;

			height: 100%;

			overflow: hidden;

			touch-action: none;
			-ms-touch-action: none;
	background:#c58aa8 url('./img/bg.jpg') repeat-x;
				/*background: #E100E0; 
    background: -webkit-linear-gradient(#E100E0, #F7BDFF);
    background: -o-linear-gradient(#E100E0, #F7BDFF); 
    background: -moz-linear-gradient(#E100E0, #F7BDFF); 
    background: linear-gradient(#E100E0, #F7BDFF);*/
        }

html {

	height: 100%;

    overflow: hidden;

	touch-action: none;



			-ms-touch-action: none;

}

	#canvas{

		background: #E100E0; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#E100E0, #F7BDFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#E100E0, #F7BDFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#E100E0, #F7BDFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#E100E0, #F7BDFF); /* Standard syntax */

		touch-action-delay: none;
		touch-action: none;



			-ms-touch-action: none;

	}
 #preload {  
			border-radius:10px 10px 10px 10px;
			border:2px solid #FFF;
            background-color: #900094;  
            width: 30%; 
            height: 30px;  
	 		box-shadow: 1px 1px 15px #FFF;
        } 
@media (max-width: 1100px) {
	#preload{
		 width: 50%; 
	}
}
@media (min-width: 1110px) {
	#preload{
		 width: 30%; 
	}
}
        #preloadFill {  
			background: #F09; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#E100E0, #F09); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#E100E0, #F09); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#E100E0, #F09); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#E100E0, #F09); /* Standard syntax */
            height: 30px;  
            width: 0;  
			border-radius:10px 10px 10px 10px;
			overflow:hidden;
			line-height:30px;
			color:#FFF;
			font-weight:bold;
        }  
 #_preload_div_ , #animation_container {
	position:absolute;
	margin:auto;
	left:0;right:0;
	 display: inline-block; background:none;height:100%; width: 100%;position:absolute;left:0px;top:0px;text-align: center;
  }

#partner-logo-preload{
	
vertical-align: top;
max-height: 100%;
margin-top:30px;
cursor:pointer;
padding:10px;

}
#game1promo{
	border-radius:20px;
	border:2px solid #FFF;
	margin:10px;
	cursor:pointer;
	transition:.3s;
}
#game2promo{
	border-radius:20px;
	border:2px solid #FFF;
	margin:10px;
	cursor:pointer;
	transition:.3s;
}
#game3promo{
	border-radius:20px;
	border:2px solid #FFF;
	margin:10px;
	cursor:pointer;
	transition:.3s;
}
#game1promo:hover{
		border:2px solid #9A00A3;
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1,1.1);
	transition:.3s;
	}
	#game2promo:hover{
		border:2px solid #9A00A3;
		-ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1,1.1);
	transition:.3s;
	}
	#game3promo:hover{
		border:2px solid #9A00A3;
		-ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1,1.1);
	transition:.3s;
	}
@media (max-width: 1100px) {
	#game1promo{
		width:110px;
	}
	#game2promo{
		width:110px;
	}
	#game3promo{
		width:110px;
	}
}
@media (min-width: 1110px) {
	#game1promo{
		width:180px;
	}
	#game2promo{
		width:180px;
	}
	#game3promo{
		width:180px;
	}
}
#otherrecommendedgames{
	font-size:14px;color:#FFF;font-family:Arial;font-weight:bold;text-shadow: 1px 1px 2px #000;
}
#recommendedcontainer{
	width:100%;margin:auto;float:left;margin-top:20px;
}