body, html{
  height: 100%;
  margin:0;border:0;padding:0;
  overflow:hidden;
  background:#000
}
@supports (-webkit-touch-callout: none) {
	body, html{touch-action: none;}
}
.mobile-logo-btn{
	position: fixed;
	left:0; top: 10px;
	background-color: red;
	border-radius: 0 2em 2em 0;
	z-index: 9999999;
	font:italic 16px/20px Arial;
	text-decoration: none;
	color:white;
	padding: 3px 10px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	animation: all 300ms linear;
	display: none;
}
.mobile-logo-btn:hover{box-shadow: 0 6px 3px rgba(0,0,0,0.5);}
.loader-box{
	position:absolute;
	left:0;top:0;right:0;bottom:0;
	z-index:1000;
	color:white;
	text-align:center;
	padding-top: 100px;
	font:20px/30px Arial;
	background:#111;
	display:none;
}
.ruffle-load-box{background:url(../../images/ruffle.rs.svg) no-repeat center center;width:328px;height:100px}
.text-load-box{width:100px;margin:20px auto;background:url(../../images/ruffle-load-more.gif) no-repeat left center;padding-left:30px;text-align:left}
@media (max-width:600px){ .ruffle-load-box{background-size:200px} }
.info-error-box{
	position:absolute;
	left:0;top:0;right:0;bottom:0;
	z-index:1000;
	color:white;
	text-align:center;
	padding-top: 100px;
	font:20px/30px Arial;
	background:black;
	padding: 0;
	display:none;
}
.info-error-box .close{color:yellow;float:right;border: 1px solid white;background:rgba(255,255,255,0.2);margin: 10px;height: 30px;text-align: center;font:Bold 12px/30px Arial;border-radius: 2em;padding:0 20px;cursor: pointer;}
.info-error-box .close:hover{background: rgba(255,255,255,0.3);}
.info-error-box a{color:blue;text-decoration:none}
.warning-content{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}

.game-box{width:100px;height:100px;overflow:hidden;border-radius:8px;margin:10px auto;box-shadow:1px 3px 5px rgba(0,0,0,0.3);border:2px solid white;position: relative;}
.game-box img{border-radius:7px;width:100%}
.playnow{border-radius:2em;box-shadow:2px 4px rgba(0,0,0,0.3);background:yellow;width:100px;font-weight:bold;width:106px;display:block;margin:0 auto;font:Bolder 16px/30px Arial;color:#333!important;cursor:pointer;padding:2px 3px;border-radius:5px;border:0;text-decoration: none;}
.playnow:hover{background:#f9dd07}

.messenger-box{position:fixed;left:0;top:0;right:0;bottom:0;background:black;z-index:9999;text-align: center;
background: #730404;
background: conic-gradient(from 315deg, #730404, #4C0707);
}
.rip-flash-background{background:url(../../images/rip-adobe-flash-player.png) no-repeat left bottom #29110f;}
.messenger-body-box{position: absolute; left:50%;top:50%;transform: translate(-50%, -50%); background-color: white;border-radius:15px;max-width: 100%; max-height:100vh;overflow-y: auto;padding: 0;background-image: linear-gradient(to right bottom, #FFFFFF 50%, #F0F0F0 51%);text-align: center;padding-bottom: 15px;}
.messeger-title{font:Bold 16px/20px Arial;color: green;border-bottom: 1px solid rgba(0,0,0,0.1);margin: 0; padding: 10px;min-height:20px;}
.item-game-box{border-radius: 0;width: 200px; border-right: 1px solid rgba(0,0,0,0.1);margin: 0;display: inline-block;vertical-align: top;}
.item-game-box:last-child{border-right: 0;}
.item-game-box .game-box{clear: left;display: block}
.item-game-box .game-box img{width: 100px; height: 100px;}
.game-title-box{font:Bold 12px/16px Arial;color:green;text-decoration: none;display: block;}
@media (max-width: 500px) {
	.item-game-box{width: 99%;border-right: 0;}
	.item-game-box:last-child{border-top: 1px solid rgba(0,0,0,0.1);padding-bottom: 20px;}
	.messenger-body-box{border-radius: 0;}
}