@font-face {
    font-family: Harabara_Mais_Bold;
    font-weight: bold;
    src: url("fonts/HarabaraMaisBold.otf") format("opentype");
}

@font-face {
    font-family: Harabara_Mais_Light;
    src: url("fonts/HarabaraMaisLight.otf") format("opentype");
}


.game {
    padding-left:5px !important;
    padding-top:0px;
    padding-bottom:10px;
    padding-right:5px !important;

    -webkit-animation: fadein 0.4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.4s; /* Firefox < 16 */
        -ms-animation: fadein 0.4s; /* Internet Explorer */
         -o-animation: fadein 0.4s; /* Opera < 12.1 */
            animation: fadein 0.4s;

}

.gameImg2 {
  transition: all 0.2s cubic-bezier(.25,.8,.25,1);
  background-color:white;
  color:white;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  height:160px;
  overflow:hidden;
 position: relative;
}

.innergameImage {

  position: absolute;
  top: -9999px;
  left: -9999px;
  right: -9999px;
  bottom: -9999px;
  weight:100%;
  margin: auto;

}

.gameImg {
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
    background-color:white;
    color:white;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    height:110px;
    overflow:hidden;
   position: relative;
}

.gameImgInfo {
      font-family: Harabara_Mais_light;
  position: absolute;
  bottom:10px;
  height:20px;
  font-size: 22px;
  color:white
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.16), 0 2px 3px rgba(0,0,0,0.23);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.16), 0 2px 3px rgba(0,0,0,0.23);
box-shadow: 0 2px 3px rgba(0,0,0,0.16), 0 2px 3px rgba(0,0,0,0.23);
  background-color:rgba(100,100,100,0.5);
}

.gameImg:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.gameImg2:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.gamepadIcon {
  margin-left: 8px;
  margin-right:5px;
    color:rgb(255, 34, 93);
}

.starIcon {
  margin-top:5px;
  margin-left: 12px;
  margin-right:5px;
    color:rgb(255, 225, 91);
}

.gameBanner {

  height:auto;

}

.noplays{
  float:left;
  font-size:16px;
}

.plays {
  float:right;
  font-size:14px;
}

.norating{
  float:right;
  font-size:12px;
  margin-left:5px;
}

.rate{
    float:right;
    font-size:14px;
    margin-right:8px;
}

.gameInfo {
  padding-top:15px;
  padding-left:0px;
  padding-right:0px;
  height:100px;
  font-size:13px;
  overflow:hidden;
}


.gametitle {

  font-size:15px;
  width:50%;
  float:left;
  display: table-cell;
  overflow:hidden;
  height:20px;
}

.gameCateg{
  width:50%;
  height:auto;
  float:left;
  display: table-cell;
  overflow:hidden;
  background-color:red;
}
.gamecateg:hover{
  cursor: pointer;
}

.gametitleinner {
  float:left;
    overflow:hidden;
      color:rgb(100,100,100);
}

.gamecateginner{
          font-family: Harabara_Mais_Light;
  float:right;
color:rgb(140,140,140);
    font-size:12px;
}


.gamedescription {
margin-top:6px;
float:left;
width:100%;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}