/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 06 2024 | 13:00:49 */
/* 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: 345px;
}
.lista_games .game-item {
	min-height: 384px;
}
.game-item {
	float: left;
	width: 20%;
	padding: 5px;
}
.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 5px;
	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: #f0b208;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 0px 0px 10px 0px;
	height: 20px;
}
.game-btn {
	text-align:center;
}
.game-btn a {
	color: #fff;
    background: #394729;
    padding: 3px 20px 5px 20px;
    font-size: 13px;
    border-radius: 4px;
}
.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 h5 {
	display: none;
}
.box_cat ul li a:hover {
	background: #333;
	color: #fff;
}
.gallery {
	text-align:center !important;
}
@media screen and (max-width: 520px) {	
.game-item {
width: 50%;		
}
.coluna100,.coluna80,.coluna75,.coluna60, .coluna50, .coluna40, .coluna33, .coluna30, .coluna25, .coluna70, .coluna20, .coluna10{
	width: 100%;
}
.gallery  .gallery-item {
	width: 48% !important;
}
}