/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 02 2024 | 21:35:38 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.lista_games_home .game-item {
	min-height: 317px;
}
.lista_games .game-item {
	min-height: 321px;
}
.game-item {
  float: left;
  width: 30%;
  background: #d7d7d7;
  margin: 1%;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 3px 8px 10px #ccc;
  border: 1px solid #b7b7b7;
}
.game-img img {
	width: 100%;
	overflow: hidden;
  	border-radius: 15px;
  	border: 2px solid #bdbdbd;
}
.game__percent {
	background: #fff;
    border-radius: 5px;
    position: relative;
    height: 26px;
    overflow: hidden;
    margin: 10px 0px;
	border: 1px solid #ccc;
}
.game__percent--prog {
	height: 28px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
    transition: width .6s ease;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.game__percent--number {
	text-align: center;
    color: #000;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    width: 100%;
    height: 24px;
}
.game-item p {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 0px 0px 10px 0px;
  height: 20px;
}
.game-btn {
	text-align:center;
}
.game-btn a {
  color: #4d4d4d;
  font-size: 13px;
  border-radius: 4px;
  line-height: 29px;
  background: #d7d7d7;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  box-shadow: 3px 2px 8px #9d9d9d;
}
.game-btn a:hover {
  color: #000 !important;
	background: #e8e8e8;
}	
.box_cat ul {
	padding: 0px;
	margin: 0px;
}
.box_cat ul li {
	list-style: none;
	padding: 5px 0px;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}
.box_cat ul li a {
	background: #ccc;
	color: #000;
	padding: 4px 20px;
	margin: 3px;
	border-radius: 20px;
}
.box_cat ul li a:hover {
	background: #333;
	color: #fff;
}
.box_cat h5 {
	display: none;
}
.linkblack {
	color: #000;
}
.linkblack a {
	color: #000;
}
@media screen and (max-width: 520px) {	
.game-item {
width: 48%;		
}
.coluna100,.coluna80,.coluna75,.coluna60, .coluna50, .coluna40, .coluna33, .coluna30, .coluna25, .coluna70, .coluna20, .coluna10{
	width: 100%;
}
}