header.results{position:relative;width:100%;height:30vh;min-height:300px;background-color:#01191e!important;overflow:hidden}@media(min-width:1000px){header.results{padding-top:250px;padding-top:calc(61px + 12vh)}}header.results h1{position:absolute;max-width:90%;top:65%;left:50%;transform:translate(-50%,-50%);text-align:center;margin:0}@media(max-width:600px){header.results h1{position:relative;margin:0 auto;display:block;max-width:80%}}header.results h1.block{text-transform:uppercase;font-weight:800}header.results h1.search{display:flex;flex-direction:column;font-size:1.4rem;margin:0;text-align:left}header.results h1.search span{margin-left:10px}header.results h1.search input{width:600px;height:40px;font-size:2rem;background:rgba(17,25,28,.8);margin-top:10px;border:solid 2px #12292f;max-width:calc(100% - 60px)}header.results h1.search input:hover,header.results h1.search input:focus{border:solid 2px #01ff79}header.results h1.search input button{padding:0!important;width:30px;height:30px;transition:all .3s;z-index:1;cursor:pointer}header.results h1.search input button img{width:100%;height:100%}header.results ul.background{display:flex;width:1920px;height:600px;align-items:stretch;flex-wrap:wrap;position:absolute;top:40%;left:50%;transform:rotate(-5deg) translate(-50%,-50%) scale(1.2);pointer-events:none}header.results ul.background:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#111e21;opacity:.9}header.results ul.background li{position:relative;overflow:hidden;flex-basis:20%;flex-grow:10}header.results ul.background li img{position:absolute;width:120%;height:auto;top:50%;left:50%;transform:scale(1) translate(-50%,-50%);opacity:1;animation:m .8s ease-out;animation-fill-mode:forwards}header.results ul.background li:nth-child(3n+1) img{animation-delay:0}header.results ul.background li:nth-child(3n+2) img{animation-delay:.3s}header.results ul.background li:nth-child(3n+3) img{animation-delay:.6s}@keyframes cover-surge{0%{transform:scale(1.4) translateX(-30%);opacity:0}100%{transform:scale(1) translateX(-50%);opacity:1}}section.results{display:flex;flex-wrap:wrap;width:100%;background-color:#01191e;border-top:1px solid #12292f}.game-results{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media(max-width:600px){.game-results{justify-content:space-between}}.game-results>li{flex:0 1;margin-right:1%;margin-bottom:40px;flex-basis:23%;box-sizing:border-box;transition:all .3s}.sorting-viewing{width:100%;text-align:left;background-color:#041216;padding:2rem 15%}@media(max-width:600px){.sorting-viewing{padding:2rem 5%}}.sorting-viewing>div{display:inline-block;position:relative;height:50px;list-style:none;margin-left:10px;vertical-align:top;text-align:left}.sorting-viewing>button{width:40px}.sorting-viewing>div,.sorting-viewing>button{height:40px;vertical-align:middle;background-size:30px;background-repeat:no-repeat;background-position:center}.sorting-viewing>button.active{outline:1px solid #01ff79}.sorting-viewing .view-big{background-image:url(/assets/images/icons/view-big.png)}.sorting-viewing .view-small{background-image:url(/assets/images/icons/view-small.png)}.sorting-viewing .view-list{background-image:url(/assets/images/icons/view-list.png)}.sorting-viewing>.sorting{margin-right:30px;cursor:pointer;width:160px}.sorting-viewing>.sorting .sort-item{position:relative;padding-left:20px}.sorting-viewing>.sorting .sort-item:after{content:'';position:absolute;width:20px;height:20px;left:0;position:center;background-size:100%;background-repeat:no-repeat}.sorting-viewing>.sorting .sort-item.name_ASC:after{background-image:url(/assets/images/icons/sort-alfa-plus.png)}.sorting-viewing>.sorting .sort-item.name_DESC:after{background-image:url(/assets/images/icons/sort-alfa-minus.png)}.sorting-viewing>.sorting .sort-item.price_DESC:after{background-image:url(/assets/images/icons/sort-price-minus.png)}.sorting-viewing>.sorting .sort-item.price_ASC:after{background-image:url(/assets/images/icons/sort-price-plus.png)}.sorting-viewing>.sorting .sort-item.hot:after{background-image:url(/assets/images/icons/sort-hot.png)}.sorting-viewing>.sorting div.actual-sorting{display:inline-block;vertical-align:middle}.sorting-viewing>.sorting div.actual-sorting p{margin:0}.sorting-viewing>.sorting div.actual-sorting p:nth-child(1){font-size:.8rem;line-height:.8rem;color:#ccc;margin-top:4px}.sorting-viewing>.sorting .sorting-hover{position:absolute;overflow:hidden;max-height:0;left:50%;-webkit-transform:translatex(-50%);transform:translatex(-50%);background-color:#000;z-index:200;-webkit-transition:all .3s;transition:all .3s;top:104%}.sorting-viewing>.sorting:hover .sorting-hover{max-height:500px}.sorting-viewing>.sorting .sorting-hover ul{margin:30px 20px 30px 0}.sorting-viewing>.sorting .sorting-hover ul li{list-style:none;margin:10px 20px;cursor:pointer}.results-list.view-small .game-banner-container{flex-basis:19%;height:initial}.results-list .game-banner-container{flex-basis:24%;height:initial}.results input{color:#fff}.results-list{flex:1;min-height:400px;position:relative;display:inline-block;padding:3rem 15%;vertical-align:top;background-color:#01191e;transition:all .3s}section.results.filter-on .results-list{padding-right:80px}.results-list ul.active-filters{position:relative;width:100%;margin-bottom:40px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:row wrap;flex-flow:row wrap}.results-list ul.active-filters:before{content:'';position:absolute;top:0;left:0;width:100%;border-top:1px solid #12292f}.results-list ul.active-filters:after{content:'';position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #12292f}.results-list ul.active-filters span{display:block;font-family:roboto;font-size:12px;font-weight:300;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:1rem;color:#adadad}.results-list ul.active-filters h2{color:#aaa;margin-bottom:10px;font-size:1.4rem}.results-list ul.active-filters li{display:inline-block;position:relative;margin:10px 20px 10px 0;background-color:#12292f}.results-list ul.active-filters li button{padding:16px 50px 16px 30px;color:#adadad;-webkit-transition:all .3s;transition:all .3s;font-weight:300}.results-list ul.active-filters li:hover button{font-weight:500}.results-list ul.active-filters li button:after{content:'';position:absolute;width:16px;height:16px;right:15px;top:50%;-webkit-transform:translatey(-50%);transform:translatey(-50%);background:url(/assets/images/icons/close.png) no-repeat;background-size:100%;background-position:center;-webkit-transition:all .3s;transition:all .3s}.results-list.view-small .game-banner-container .game-banner .screenshots-container .screenshots{bottom:0}.results-list.view-list .game-banner-container{display:inline-block;height:100px;flex-basis:48%}.results-list.view-list ul{display:block;height:auto}.results-list.view-list ul .game-banner-container{display:inline-block;position:relative;width:48%;height:80px;margin:.5%}@media(max-width:600px){.results-list.view-list ul .game-banner-container{height:80px}}.results-list.view-list ul .game-banner-container .game-banner{margin:0}.results-list .search-failed{max-width:60%}.results-list .search-failed p:nth-child(1){font-size:1.2rem}.results-list .search-failed p:nth-child(2){font-size:2rem;color:#01ff79;text-transform:uppercase;line-height:120%}.results-list .search-failed ul{margin-bottom:20px}.results-list .search-failed ul li{margin-left:2rem;list-style-type:disc;margin-bottom:10px;color:#fff}.results-list .search-failed a{color:#01ff79}header .search-failed-grain{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/images/grain.gif);background-repeat:repeat;pointer-events:none}section.results .navigation{width:100%;text-align:center;margin:40px 0}section.results .navigation li{display:inline-block;background-color:797979;margin:2px}section.results .navigation li a{padding:20px 25px;display:block;font-size:1.4rem;color:#fff}section.results .navigation li.current{background-color:#01ff79}section.results .navigation li.current a{color:#11161b}section.results .navigation li:not(.current):hover{background-color:#12292f}.filter{display:inline-block;width:0;right:0;padding-right:0;transition:all .3s;position:relative;padding-top:2rem;padding-bottom:2rem}section.results.filter-on .filter{width:15%;padding-right:10%;padding-left:1rem}.filter h3{position:absolute;width:100px;height:80px;top:20vh;right:0;margin:0;padding:0 .5rem;color:#fff;font-weight:600;transition:all .6s;cursor:pointer;text-align:center;border-bottom:0;font-size:1rem;border-right:solid 2px orange;box-sizing:border-box}.filter h3 .filter-icon{position:relative;display:block;width:35px;height:40px;margin:0 auto}.filter h3 .filter-icon>span{position:absolute;width:100%;height:3px;left:0;background-color:orange;border-radius:3px;transition:all .3s}.filter h3 .filter-icon>span>span{position:absolute;width:6px;height:6px;top:50%;transform:translateY(-50%);border:solid 3px orange;background:#01191e;border-radius:100%;transition:all .3s}.filter h3 .filter-icon>span.line1{top:20%}.filter h3 .filter-icon>span.line2{top:50%}.filter h3 .filter-icon>span.line3{top:80%}.filter h3 .filter-icon>span:nth-child(1) span,.filter h3 .filter-icon>span:nth-child(3) span{left:15%}.filter h3 .filter-icon>span:nth-child(2) span{left:calc(70% - 6px)}.filter h3:hover .filter-icon>span:nth-child(1) span,.filter h3:hover .filter-icon>span:nth-child(3) span{left:calc(70% - 6px)}.filter h3:hover .filter-icon>span:nth-child(2) span{left:15%}.filter-on .filter h3 .filter-icon>span:nth-child(1){transform:rotate(45deg);top:40%}.filter-on .filter h3 .filter-icon>span:nth-child(2){opacity:0}.filter-on .filter h3 .filter-icon>span:nth-child(3){transform:rotate(-45deg);top:40%}.filter-on .filter h3 .filter-icon>span>span{opacity:0;transform:translateY(-50%) scale(1.4)}.filter h3 img{width:30px;height:auto;padding:0 20px}.filter h4{color:#517586;font-weight:200;font-family:metropolisthin,sans-serif;margin:0}.filter ul{max-height:2.4rem;margin-top:1rem;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;padding-bottom:0;min-width:220px;border-bottom:1px solid #12292f}.filter ul.expanded{max-height:1200px;-webkit-transition:all .6s;transition:all .6s}.filter ul .expansor{position:relative;width:100%;margin-bottom:1.2rem;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter ul .expansor:before{content:'';width:20px;height:20px;position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);background-image:url(/assets/images/icons/drop-down-arrow-green.png);background-repeat:no-repeat;background-position:center;background-size:100%;-webkit-transition:all .4s;transition:all .4s}.filter ul.price .expansor:before{display:none}.filter ul.expanded .expansor:before{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.filter ul .expansor h3{padding-left:10px;margin:0;vertical-align:middle;display:inline-block}.filter ul li{list-style:none;margin-left:20px;margin-right:20px;margin-bottom:4px;font-family:roboto;font-weight:300;font-size:14px;display:flex;align-items:center}.filter ul li:last-child{margin-bottom:20px}.filter ul li span:last-child{border-radius:100%;width:15px;color:#f90;font-size:.7rem;margin-left:5px}.filter ul li input{margin-right:5px}.filter ul li input[type=checkbox]{position:relative;width:20px;height:20px;background-color:#021114;padding:0;border:1px solid #12292f;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter ul li input[type=checkbox]:after{content:'';position:absolute;width:20px;height:20px;top:50%;left:50%;background-image:url(/assets/images/icons/box-check.png);background-size:100%;transform:translate(-50%,-50%) scale(3);opacity:0;pointer-events:none;transition:all .3s}.filter ul li input[type=checkbox]:checked:after{transform:translate(-50%,-50%) scale(1);opacity:1}.filter ul li.price>div{position:relative;display:flex;flex-direction:column;width:80px}.filter ul li.price>div span{width:100%;position:relative}.filter ul li.price>div span:last-child{border-radius:100%;width:100%;color:#f90;font-size:.7rem;margin-left:0}.filter ul li.price input[type=number]{width:100%;background-color:#021114;padding:0;border:1px solid #12292f;padding:10px 10px 10px 30px;box-sizing:border-box;position:relative;overflow:hidden}.filter ul li.price input[type=number]::-webkit-inner-spin-button,.filter ul li.price input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filter ul li.price>div span:last-child:before{position:absolute;content:'$';left:7px;color:#fff;font-size:1rem;top:0;z-index:2;height:100%;display:flex;align-items:center}.filter ul li.price>span{position:relative;width:27px;height:27px;color:#01ff79;border-radius:100%;display:flex;align-items:center;justify-content:center;margin:0 5px;font-size:.8rem}section.results .loading-search{position:fixed;background:rgba(18,31,35,.8);top:0;left:0;width:100%;height:100%;z-index:999999}.filter ul li label{cursor:pointer}.filter ul li:hover label{color:#fff}@media(max-width:1400px){.results-list{padding:3rem 10%}}@media(min-width:1200px){#results-list:not(:.view-list) .game-banner img.banner,#results-list .game-banner .screenshots-container .screenshots span img{height:125%;width:auto}}#results-list .game-banner .screenshots-container .screenshots span img{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}@media(min-width:601px) and (max-width:1200px){.results-list .game-banner-container{flex-basis:32%}.results-list.view-small .game-banner-container{flex-basis:24%}.results-list.view-list .game-banner-container{flex-basis:100%}.results-list .search-failed{max-width:80%}}@media(min-width:600px) (max-width:1000px){.results-list{padding:3rem 5%}.sorting-viewing{padding:2rem 5%}}@media(max-width:1000px){.filter{position:fixed;top:90px;bottom:0;right:0;z-index:1;background-color:#021114}section.results.filter-on .filter{width:30%;padding:1rem 20px;border-left:1px solid #486978}.filter:before{content:'';position:fixed;top:0;width:100%;height:100%;left:0;background-color:#111e21;opacity:0;transition:.3s all;z-index:-1;pointer-events:none;visibility:hidden}section.results.filter-on .filter:before{opacity:.7;visibility:show}.filter>div{width:calc(100% + 35px);height:100%;overflow-y:scroll}section.results .filter h3{position:fixed;height:100px;top:initial;bottom:15px;right:15px;padding-top:0;padding:15px;background-color:#01191e;border-radius:100%;border-right:none;z-index:1;border:solid 1px #21343b;line-height:100%}.results-list .search-failed{max-width:100%}.results-list.view-list ul .game-banner-container{width:100%;margin:.5% 0}}@media(max-width:800px){.results-list.view-small .game-banner-container{flex-basis:46%;margin-right:1rem}.results-list.view-small .game-banner-container:nth-child(2n){margin-right:0}}@media(max-width:600px){section.results.filter-on .filter{width:60%}.results-list .game-banner-container{flex-basis:49%;height:340px;margin-right:0}}@media(max-height:750px) and (max-width:1000px){.filter{top:80px}}