#info,#info .info-wrapper,#portfoliolist .portfolio{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.clear,.clearfix:after,.row:after{clear:both}html{overflow-y:scroll}#info{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fcf8e3;border:1px solid #fbeed5;width:95%;max-width:900px;margin:0 auto 40px;font-family:arial;font-size:12px}#info .info-wrapper{padding:10px}#info a{color:#c09853;text-decoration:none}#info p{margin:5px 0 0}.containergame{position:relative;width:100%;padding:0 5%;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s}#filters{margin:1%;padding:0;list-style:none;font-size:22px}#filters li{float:left;height:2.5rem}#filters li span{padding:5px 20px;text-decoration:none;color:#555;cursor:pointer}#filters li span.active{background:#262626;color:#fff}#portfoliolist .portfolio{width:22.7%;margin:1%;display:none;float:left;overflow:hidden}.portfolio-wrapper{overflow:hidden;position:relative!important;cursor:pointer;width:fit-content}.portfolio img{max-width:100%;position:relative;top:0;-webkit-transition:.6s cubic-bezier(.645,.045,.355,1);transition:.6s cubic-bezier(.645,.045,.355,1)}.labelgame{padding:.2em .6em .3em;font-size:100%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.portfolio .label{position:absolute;width:100%;height:40px;bottom:-40px;-webkit-transition:.3s cubic-bezier(.645,.045,.355,1);transition:.3s cubic-bezier(.645,.045,.355,1)}.portfolio .label-bg{background:#262626;width:100%;height:100%;position:absolute;top:0;left:0}.portfolio .label-text{color:#fff;font-size:14px;position:relative;z-index:500;padding:5px 8px}.portfolio .text-category{display:block;font-size:12px}.portfolio:hover .label{bottom:0}.portfolio:hover img{top:-30px}@media only screen and (min-width:768px) and (max-width:959px){.containergame{width:768px}}@media only screen and (max-width:767px){.containergame{width:100%;padding-right:2%}#portfoliolist .portfolio{width:43%;margin:1%}#ads{display:none}}@media only screen and (min-width:480px) and (max-width:767px){.containergame{width:100%;margin:1%}#portfoliolist .portfolio{width:43%;margin:1%}#ads{display:none}}.clear,.clearfix:after,.containergame:after,.row:after,.row:before{display:block;visibility:hidden;height:0}.containergame:after{content:"\0020";clear:both}.clearfix:after,.row:after,.row:before{content:'\0020';overflow:hidden;width:0}.clearfix,.row{zoom:1}.clear{overflow:hidden;width:0}