.game-banner{position:relative;width:100%;height:100%;z-index:1}.game-banner.video{background-color:#0c171b}.results-list .game-banner-container .game-banner,.suggestion-list .game-banner{height:initial;min-height:initial;display:flex;flex-direction:column}.results-list .game-banner-container .game-banner.video{height:100%}.results-list .game-banner-container .game-banner.video>*{height:100%}.clair-thomas-thomas-thomas-thomas .game-banner>div,.john-john-john-john .game-banner>div,.clair-thomas-thomas-thomas-thomas .game-banner>div,.clair-john-thomas-thomas .game-banner>div,.john-clair-john .game-banner>div{position:absolute;bottom:15px}.product-related .game-banner>div{position:relative;bottom:0}.game-banner h3.alt-name{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem;text-align:center;z-index:-1}.game-banner a.image{display:block;position:absolute;width:100%;height:100%;box-sizing:border-box;transition:all .3s;overflow:hidden;border-radius:10px;border:1px solid #012228;box-shadow:2px 2px 20px rgba(0,0,0,.6);z-index:0;background-position:center;background-size:cover}.game-banner a.image:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:209px;background-image:url(/assets/images/banner-shadow.png);background-size:auto;background-repeat:repeat-x;pointer-events:none;transition:all .3s}.game-banner a.image:hover:after{opacity:.8}.game-banner.banner a.image:after,.game-banner.video a.image:after{display:none}.results-list .game-banner-container .game-banner a.image,.suggestion-list .game-banner a.image{position:relative;height:18vh;min-height:140px}.results-list.view-list .game-banner a.image{height:100%;min-height:100%}.results-list.view-small .game-banner-container .game-banner a.image{height:18vh;min-height:140px}.results-list .game-banner-container .game-banner a.image:after,.suggestion-list .game-banner a.image:after,.results-list.view-list .game-banner a.image:after,.results-list.view-small .game-banner-container .game-banner a.image:after,.product-related .game-banner a.image:after{display:none}ul:not(.game-results .product-related-list) .game-banner:not(.banner) a.image:after{content:'';position:absolute;width:100%;height:120px;bottom:0;left:0;background:#01191e;background:linear-gradient(rgba(1,25,30,0) 0%,rgb(1,25,30) 100%);pointer-events:none}.game-banner a.image.loading:after{position:absolute;content:'';width:100%;height:40%;background:#27343f;background:linear-gradient(to bottom,rgba(39,52,63,0) 0%,rgba(39,52,63,1) 51%,rgba(39,52,63,0) 100%);animation:loading;animation-iteration-count:infinite;animation-duration:2s;animation-timing-function:ease-in-out}@keyframes loading{0%{top:-30%}50%{top:130%}100%{top:-30%}}.game-banner img.banner{position:absolute;width:auto;height:100%;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.2);transition:ease all .3s;backface-visibility:hidden;z-index:-1}.game-banner.banner img.banner{top:50%}.game-banner img.icon{position:absolute;width:50%;height:auto;top:40%;left:50%;transform:translate(-50%,-50%) scale(1.2)}.game-banner .screenshots-container{width:100%;height:100%;background-color:rgba(0,0,0,.7);opacity:0;transition:ease all .3s;position:relative;backface-visibility:hidden}@media(max-width:1000px){.game-banner .screenshots-container{display:none}}.game-banner>a:hover .screenshots-container{opacity:1}.game-banner .screenshots-container .screenshots{width:100%;height:100%;top:0;position:absolute;display:flex}.game-banner .screenshots-container .screenshots span{flex:1;transition:all .3s;display:flex}.game-banner .screenshots-container .screenshots span:first-child{display:none}.game-banner .screenshots-container .screenshots span:after{content:'';width:100%;height:2px;top:0;background-color:#01ff79;transition:all .3s;opacity:0;z-index:1}.game-banner .screenshots-container .screenshots span img{position:absolute;width:auto;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(1.4);opacity:0;pointer-events:none;transition:all .2s;backface-visibility:hidden;transform:translate(-50%,-50%) scale(1.4)}.game-banner .screenshots-container .screenshots span img.loading{height:20%;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.game-banner .screenshots-container .screenshots span:hover:after{opacity:1}.game-banner .screenshots-container .screenshots span:hover img{opacity:1}.game-banner .info-box{display:block;padding:10px 15px;width:100%;box-sizing:border-box;z-index:1}.results-list .game-banner-container .game-banner .info-box,.suggestion-list .game-banner .info-box{position:relative;padding:10px 0}.results-list .game-banner-container .game-banner .info-box,.suggestion-list .game-banner .info-box{position:relative;padding:10px 0}.results-list.view-list .game-banner-container .game-banner .info-box{padding:0 20px}.info-box h3{font-size:1rem;text-align:left;line-height:110%;color:#fff;margin:0;font-weight:800}.results-list .game-banner-container .game-banner .info-box h3,.suggestion-list .game-banner .info-box h3{font-size:1.3rem}.results-list .game-banner .shopping .price p.starting{text-align:right;margin-right:4px}.game-banner .info-box.force-name{position:absolute;width:100%;height:auto;bottom:0;height:auto;padding:20px 0;background:linear-gradient(to bottom,rgba(2,17,20,0) 0%,rgba(2,17,20,0) 4%,rgba(2,17,20,1) 100%);z-index:2}.game-banner .shopping{display:flex;flex-wrap:wrap;align-items:center;padding:0 15px;transition:all .3s ease;z-index:1}.results-list .game-banner-container .game-banner .shopping,.suggestion-list .game-banner .shopping{position:relative;padding:0;padding-right:15px}.game-banner .shopping .discount{display:table;width:80px;height:100%;font-size:28px;color:#000;text-align:center;background:#d43e3e;background:-webkit-linear-gradient(top,#d43e3e 0%,#db006c 100%);background:linear-gradient(to bottom,#d43e3e 0%,#db006c 100%)}.shopping .price{display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.game-banner .shopping .price a{width:100%;height:100%;display:inline-table}.vertical-aligner{display:table-cell;vertical-align:middle}.shopping{display:flex;align-items:center}.shopping .price p{margin:0}.shopping .price p.common{font-size:.8rem;line-height:.8rem;text-decoration:line-through;font-family:metropolisthin}.shopping .price p.actual{font-size:1.4rem;line-height:80%;color:#fff;white-space:nowrap;font-family:metropolisblack,sans-serif;display:flex;align-items:flex-start}.shopping .price p.actual .currency{margin-right:2px;font-family:metropolisthin,sans-serif;font-size:.9rem;margin-top:-.1rem}.game-banner .shopping .price p.actual.free{color:#00ff7a}.game-banner .shopping .price p.actual span.currency-code{font-size:.8rem}.game-banner .shopping .price p.starting{font-size:.9rem;color:#adadad;line-height:1rem}.game-banner .shopping .price p.starting.full{font-size:.9rem;color:#adadad;min-width:auto}.game-banner .shopping .price p.starting span{color:#fff}.game-banner .shopping .price p.starting.full{display:flex;flex-direction:column}.game-banner .shopping .price p.starting.full span:nth-child(1){color:#adadad}.game-banner .shopping .price p.starting.full span:nth-child(2){font-size:1rem;font-weight:300}.game-banner .shopping .price p.starting.full span:nth-child(2) span{font-size:1.4rem;line-height:1.4rem;color:#fff;font-weight:700;letter-spacing:-1px}.game-banner .shopping .cart,.subproducts li .shopping .cart{width:30px;height:30px;-webkit-transition:width .3s ease;transition:width .3s ease;position:relative;margin-left:5px;border-radius:10px}.game-banner .shopping .cart>.cart-icon,.subproducts li .shopping .cart>.cart-icon{position:absolute;width:30px;height:30px;top:50%;left:50%;transform-origin:20% 20%;transform:translate(-50%,-50%);background:url(/assets/images/icons/add-to-cart.png)no-repeat;background-size:200%;background-position:0 center}.game-banner .shopping .cart>.cart-icon:hover,.subproducts li .shopping .cart>.cart-icon:hover{animation:cart-bounce;animation-duration:.3s;animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:ease-in-out}@keyframes cart-bounce{0%{transform:scale(1) translate(-50%,-50%)}50%{transform:scale(1.1) translate(-50%,-50%)}100%{transform:scale(1) translate(-50%,-50%)}}.game-banner .shopping .cart>.cart-icon.added{background-position:100% center;animation:stamping-mini .3s;animation-iteration-count:1;pointer-events:none}.game-banner .shopping .cart>.cart-icon.unavailable-product{background-position:100% center;animation:stamping-mini .3s;animation-iteration-count:1;pointer-events:none}.game-banner .shopping>.cart-icon{display:block;padding:8px 20px;margin:10px auto 0;border:solid 3px #0f7;border-radius:10px;font-family:metropolisblack,sans-serif;color:#00fe76;font-size:1rem;text-transform:uppercase;transition:all .3s}.game-banner .shopping>.cart-icon:hover{border:solid 3px #0ff;color:#0ff}.game-banner .shopping>.cart-icon:before{content:'Comprar'}.game-banner .shopping>.cart-icon.es:before{content:'Comprar'}.game-banner .shopping>.cart-icon.added{border:solid 3px #27343f;color:#27343f;pointer-events:none;letter-spacing:-1px}.game-banner .shopping>.cart-icon.unavailable-product{border:solid 3px #27343f;color:#27343f;pointer-events:none;letter-spacing:-1px}.game-banner .shopping>.cart-icon.added:before{content:'Na sacola'}.game-banner .shopping>.cart-icon.added.es:before{content:'En la bolsa'}.game-banner .shopping>.cart-icon.unavailable-product:before{content:'Indisponível'}.game-banner .shopping>.cart-icon.unavailable-product.es:before{content:'Indisponible'}@keyframes stamping-mini{from{transform:scale(1.2) translate(-50%,-50%);opacity:0}to{transform:scale(1) translate(-50%,-50%);opacity:1}}.cart .cart-icon img{position:absolute;width:auto;height:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:50%;-webkit-transition:all .2s;transition:all .2s}.unavailable-product-product{}.unavailable-product>div{display:flex}.unavailable-product>div label{font-family:metropolisblack,sans-serif;font-size:1.2rem;display:flex;align-items:center;justify-content:center;height:44px;padding:0 20px;margin-right:10px;box-sizing:border-box;border:solid 2px #dc0109;border-radius:10px;color:#dc0109}.unavailable-product.sd>div label{font-size:.8rem;line-height:.8rem;text-transform:uppercase;font-family:metropolisblack,sans-serif;padding:8px 10px;margin-right:0;border:solid 3px #dc0109}.unavailable-product>div button{position:relative;width:44px;height:44px;padding:0 20px;border:solid 2px #00fe76;border-radius:10px;background:0 0}.unavailable-product>div button:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:24px;height:24px;background:url(../images/icons/alert-bell.png);background-size:24px;background-position:center;background-repeat:no-repeat;transition:all .3s}.unavailable-product>div button:hover:after{transform:translate(-50%,-50%) scale(1.2)}.unavailable-product>p{font-size:.7rem;line-height:.7rem;margin:10px 0 0;max-width:240px;color:#869193}.view-list .game-banner{height:100%!important}.view-list .more .game-banner:before{display:none}.view-list .game-banner>a.image{display:block;position:relative;height:100%;overflow:hidden}.view-list .game-banner img.banner{width:100%;height:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.1}.view-list .game-banner .screenshots-container .screenshots{bottom:0}.view-list .game-banner .screenshots-container .screenshots img{width:100%;height:auto}.view-list .game-banner>div:not(.pre-order){width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;bottom:0;position:absolute}.view-list .game-banner a.image:after{display:none}.view-list .game-banner>div .info-box{margin-right:10%}.view-list .game-banner>div .shopping{flex-wrap:nowrap}header.home .percent{overflow:visible}.percent{display:flex;align-items:center;justify-content:center;margin:0 5px 0 0;padding:.6rem;color:#fff;border-radius:5px;font-family:metropolisblack,sans-serif;font-size:1rem;line-height:1rem;background:#ff9c00;transition:all .3s;overflow:hidden}.game-banner .pre-order{position:absolute;height:30px;top:10px;left:10px;color:#00ff7a;display:inline-flex;align-items:center;z-index:2;font-size:1rem;text-shadow:0 0 10px #000;pointer-events:none;font-family:metropolisthin,sans-serif}.game-banner .pre-order img{max-width:24px;margin-right:6px}.view-list .pre-order{top:-15px;left:-4px;font-size:.8rem}.view-list .pre-order img{width:16px}@media(max-WIDTH:1600px){.game-block-wrapper:first-child .game-block .game-banner .info-box h3{font-size:.8rem}}@media(min-Width:1000px){.game-block.new-full-thomas .game-banner,.game-block.new-john-john-john .game-banner{height:initial;min-height:initial;display:flex;flex-direction:column}.game-block.new-full-thomas .game-banner.video,.game-block.new-john-john-john .game-banner.video{height:100%}.game-block.new-full-thomas .game-banner.video>*,.game-block.new-john-john-john .game-banner.video>*{height:100%}.game-block.new-full-thomas .game-banner a.image{position:relative;height:18vh;min-height:140px}.game-block.new-john-john-john .game-banner a.image{position:relative;height:40vh;min-height:300px}.game-block.new-full-thomas ul a.image:after,.game-block.new-john-john-john ul a.image:after,ul.suggestion-list a.image:after{display:none}.game-block.new-full-thomas ul .game-banner img.banner,ul.suggestion-list .game-banner img.banner{top:50%;transform:translate(-50%,-50%) scale(1.4)}.game-block.new-john-john-john ul .game-banner img.banner,.game-block.john-john-john-john ul .game-banner img.banner{top:50%;transform:translate(-50%,-50%) scale(1.1)}.game-block.new-full-thomas .game-banner .info-box,.game-block.new-john-john-john .game-banner .info-box,.platform-credits .info-box h3{padding:10px 0}.game-block.new-full-thomas .game-banner .info-box h3,.game-block.new-john-john-john .game-banner .info-box h3{font-size:1.2rem}.game-block.new-full-thomas .game-banner .shopping,.game-block.new-john-john-john .game-banner .shopping{padding:0}.game-block.new-full-thomas .game-banner>div:not(.pre-order),.game-block.new-john-john-john .game-banner>div:not(.pre-order),.platform-credits .game-banner>div:not(.pre-order){position:relative;bottom:0}}