html, body
{
	padding: 0;
	margin: 0;
}
body
{
	background-color: #222020;
	font-family: Arial, Helvetica, Verdana;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	position: relative;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
}
h1, h2, h3, h4, h5, h6
{
	line-height: 1;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
h1, h2, h3
{
	font-size: 18px;
}
h4, h5, h6
{
	font-size: 16px;
}
p
{
	margin: 0 0 10px 0;
}
a, a:link, a:active, a:visited, a:hover
{
	color: inherit;
	text-decoration: none;
}



nav:not(.mm-menu)
{
	display: none;
}
.header
{
	text-align: left;
	text-transform:uppercase;
}


.content,
.footer
{
	text-align: center;
}
.header,
.footer
{
	background: #000;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 42px;
	padding: 0 5px 0 40px;
}

.header.fixed
{
	position: fixed;
	top: 0;
	left: 0;
}
.footer.fixed
{
	position: fixed;
	bottom: 0;
	left: 0;
}
.header a
{
	background: center center no-repeat transparent;
	background-image:url(../images/menu.png); 
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0px;
}

.header span a
{
	background-image:none; 
	display: inline;
	position: relative;
	line-height:none;


}

.footer
{
	background: #000;
	font-size: 10px;
	color: #fff;
	line-height: 25px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 25px;
	padding: 0 5px 0 50px;
}



.content
{
	padding: 40px 0px 35px 0px;
}
.container{
	text-align:left;
	padding:0% 1%;	
	}
	
.container_name{
	width:98%;
	height:auto;
	position:absolute;
	bottom:0;
	padding:0px 1%;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222020+0,222020+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(34,32,32,0) 0%, rgba(34,32,32,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(34,32,32,0) 0%,rgba(34,32,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(34,32,32,0) 0%,rgba(34,32,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222020', endColorstr='#222020',GradientType=0 ); /* IE6-9 */
	}

.tittle{
	padding:5px 0px;
	margin:5px 0px;
	border-bottom:solid #2C2C2C 2px;	
	}
.tittle_name{
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	float:left;
	width:70%;
	}
.more{
	font-size:14px;
	font-weight:bold;
	float:right;
	width:29%;
	text-align:right;
	margin-bottom:5px;
	}
	
.more a{
	border:solid  #FFF 1px;
	padding:5px;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	
	}
.more a:hover{
	color:#FFF	
	}
	

	

.clear{
	clear:both;	
	}

/**************************coin**********************************/

.user_right{
	float: right;
	width:48%;
	height:auto;
	text-align:right;	
	}

.user_right span{
	display:block;
	width:100px;
	height:30px;
	background:#096564;
	float: right;
	font-weight:bold;
	/*line-height:30px;*/
	text-align:center !important;
	padding:0px 0px 5px;
	margin-top:2px;
	border-radius:5px;
	-webkit-box-shadow: 0 8px 6px -6px black;
   -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;

	}
.user_coin{
	width: 113px;
	height: 30px;
	background: url(../images/coin.png) no-repeat;
	display: inline-block;
	background-position: right;
	}
	
.user_right_point{
	padding:0px 0px 10px 0px;
	font-weight:bold;
	color:#FFF;
    line-height:17px;
	font-size:10px;
	font-style:normal;
	display: inline-block;
	position: absolute;
	right:13px;
	}
.fa{
	color:#FFF;
	margin-right:10px;	
	}
/*************Banner**************/
/* ============================================================
  SECTIONS
============================================================ */
section.module{
	position:relative;
	
	}
section.module:last-child {
  margin-bottom: 0;
}
section.module h2 {
  margin-bottom: 40px;
  font-family: "Roboto Slab", serif;
  font-size: 30px;
}
section.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.module p:last-child {
  margin-bottom: 0;
}
section.module.content {
  padding: 20px 0 10px;
}
section.module.parallax {
  padding: 240px 0;
  background-position: 0 0;
}
section.module.parallax h1 {
  color: #FFF;
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  /*text-shadow: 0 0 10px white;*/
}
section.module.parallax-1 {
  background-image: url("../images/cut-the-rope.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat:no-repeat;
  background-position:center  center;
  b
}
section.module.parallax-2 {
  background-image: url("../img/demo/pattern2.png");
}
section.module.parallax-3 {
  background-image: url("../img/demo/pattern3.png");
}

@media all and (min-width: 600px) {
  section.module h2 {
    font-size: 42px;
  }
  section.module p {
    font-size: 20px;
  }
  section.module.parallax {
    padding: 300px 0;
  }
  section.module.parallax h1 {
    font-size: 30px;
  }
  
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 60px;
  }
}
/*********************************/
.info{
	width:69%;
	float:left;
	text-align:left;
	color:#FFF;
	font-size:12px;
	padding-left:5px;
	
	}

.info a{
	color:#878787;
	text-decoration:none;	
	}
	
.share{
	width:28%;
	float: right;
	text-align: right;
	color:#878787;
	font-size:16px;
	font-weight:normal;	
	}
.share i.fa {
	color:#878787 !important;
	text-decoration:none;
	}

.share i.fa:hover {
	color:#FFF !important;
	text-decoration:none;
	}
	
.game{
	background:#2C2C2C;
	margin-top:5px;
	position:relative;
	}
.game img{
	width:100%;
	height:auto;	
	}
.gameinfo{
	padding:5px;

	}

.space{
	margin-top:15px;
	
	}
.openbut{
	text-align:center;
	text-decoration:none;
	padding:3px 8px;
	font-size:12px;
	color:#FFF !important;
	background:#086564;
	border-radius:4px;
	}

.game-icon{
	width:70%;
	float:left;
	margin-bottom:-4px;
	
	}
.game2-info{
	width:29%;
	float: right;
	
	}
.game-name{
	color:#FFF;
	font-size:20px;
	text-transform:uppercase;
	border-bottom:solid #6E6E6E 1px;
	padding:5px;		
	}

.share2{
	width:49%;
	float:left;
	text-align:left;
	color:#FFF;
	font-size:12px;	
	}

.share2 i.fa{
	color:#878787;
	text-decoration:none;	
	}
.share2 i.fa:hover{
	color:#FFF;
	}

	
	
.download{
	width:49%;
	float: right;
	text-align: right;
	color:#878787;
	font-size:16px;
	font-weight:normal;	
	}
.download i.fa {
	color:#878787 !important;
	text-decoration:none;
	}
.download i.fa:hover{
	color:#FFF !important;
	}
.but_panel{
	position:absolute;
	width:29%;
	bottom:2px
	
	}
	


/*****************@media******************/	

@media (min-width:1200px) {
.game-name{
	font-size:24px;
	line-height:26px;
	}

}
@media (min-width:980px) and (max-width:1200px) {
.game-name{
	font-size:24px;
	line-height:26px;
	}
}

 @media (min-width:480px)and (max-width:980px) {
.game-name{
	font-size:20px;
	}

 }
@media (max-width:800px) {
.game-name{
	font-size:24px;
	line-height:26px;
	}

 @media (max-width:550px)and (max-width:600px) {
.game-name{
	font-size:20px;
	line-height:21px;
	}	 
 }

 @media (max-width:480px) {
.game-name{
	font-size:15px;
	line-height:17px;
	}
	
}
 @media (max-width:320px) {
.game-name{
	font-size:10px;
	line-height:14px;
	}

.openbut{
	padding:2px 4px;
	font-size:10px;

	}
	
}
@media (max-width:200px) {
	
	
}