/* CSS Document */
#stgu-search{float:right;}
.grid-item{width:320px;height:200px;overflow:hidden;color:#fff;margin:0 0 10px 0;}
.grid-item a:link{color:#fff;}
.grid-item a:visited{color:#e6e6e6;}
.grid-item a:hover{color:#e6e6e6;text-decoration:none}
.grid-item a:active{color:#e6e6e6;}




.grid-title{padding: 7px;
background-image: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.1) 30%,rgba(255,255,255,0));
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.1) 30%,rgba(255,255,255,0));
	font-size:20px;
	font-weight:bold;
	height:200px;
	
	}

.grid-textdiv{padding: 0 10px}
.grid-btn{
	padding: 10px;
	position:absolute;
	bottom:0;
	right:0;
}

.new{position: absolute;
    margin: 5px;
    right: 5px;}
	.clear{clear:both}
.stgu-cat-title{font-size:10px}


.stgu-cover{
background-repeat: no-repeat;
	height:unset;
	background-size: 100% 100%;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-position: center center;
}
.stgu-bottomline{
	position:absolute;
	bottom:0;
	background-color:#222;
	opacity:0.7;
	width:100%;
	height:60px;
	

}

.stgu-bottomcontent{
	position:absolute;
	bottom:0;
	color:#f7f7f7;
	width:100%;
	height:50px
}
#stgu-left-title{float:left}
.pagination{text-align:center}

.js-stools {
    width: 100%;
}
.js-stools .js-stools-container-bar {
    float: left;
}
.js-stools .btn-wrapper {
    display: inline-block;
    margin: 0 5px 0 0;
}
.js-stools-container-bar .input-append {
    margin-bottom: 0;
}
.stgu-featured{color:#f9b916}

.stgu-transition {
    background-size: 120% 120%;
}
@media (max-width: 768px) {
.view-games .stgu-cover {
	background-repeat: no-repeat;
	height:170px;
	background-size: 100% 100%;
    background-position: center center;
}
}