.game-block{display:flex;flex-direction:column;position:relative;padding:4rem 15%;padding-top:7vh;padding-bottom:7vh;box-sizing:border-box;font-size:0;background-color:#01191e}.game-block:not(.product-related){height:60vh;min-height:540px}.game-block.list{height:initial;min-height:initial;flex-direction:row;overflow:hidden}.game-block.list{padding-top:2rem;padding-bottom:2rem}.game-block.view-list{height:initial;min-height:initial}.game-block:nth-child(even){background-color:#03282f}.game-block>div{position:relative}.game-block .background{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-50%);opacity:.3;pointer-events:none}.game-block header>div{display:flex;padding-right:20px;position:absolute}.game-block header>div>img{position:relative;width:55px;height:55px;background:url(/assets/images/menu/bag-sprite.png) no-repeat;background-size:0%}.game-block header>div:after{content:"";position:absolute;right:0;z-index:100;top:50%;transform:translateY(-50%);width:1px;height:50%;background:#555}.game-block.list header{width:15%;display:flex;justify-content:center;align-items:center;margin-right:5%}.game-block.list header h2{margin:0;padding:5px 0;font-size:1.8rem;color:#fff;font-family:metropolisthin,sans-serif}.game-block:not(.list) header{padding-bottom:30px}.game-block header h2{margin:0;padding:5px 0;font-size:1.8rem;color:#00ff7a;font-family:metropolisthin,sans-serif}.game-block header p{display:none;margin:0;padding:0 400px 5px 100px;font-size:1.2rem;color:gray}@media(min-width:1000px){#principal-main .game-block:first-child{padding:250px 10% 4rem;padding-top:calc(120px + 16vh);padding-bottom:8vh;height:84vh;min-height:560px}.game-block header h3{display:flex}}#principal-main .game-block:first-child header{display:none}#principal-main .game-block:first-child .scroll-container{z-index:90}.game-block .scroll-container{flex:1;position:relative}.game-block ul{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2;position:relative}.game-block ul .game-banner-container{box-sizing:border-box;margin-right:1%;flex:1}.game-block.product-related ul .game-banner-container{flex:initial;flex-basis:300px}.game-block ul .game-banner-container:before{border:1px solid #1c252d}.game-block ul .game-banner-container .game-banner{}.game-block ul .game-banner-container.more,.game-block.view-list ul .game-banner-container.more{position:absolute;width:initial;height:initial;right:0;top:-4.4rem;background:0 0;box-sizing:border-box;border-radius:10px;border:solid 2px #01ffff;margin:0}.game-block:first-child ul .game-banner-container.more{display:none}.game-block ul .game-banner-container.more a{color:#01ffff;display:block}.game-block ul .game-banner-container.more a:hover{color:#fff!important}.game-block ul .game-banner-container.more a:after{background:url(/assets/images/icons/arrow-blue.png);background-size:100%;width:16px;height:16px;right:1rem}.game-block ul .game-banner-container.more a div{width:100%;height:100%;line-height:1.1rem;font-size:1rem;font-family:metropolisthin,sans-serif}.game-block .row{display:block}.game-block.clair-john-thomas-thomas ul .game-banner-container:not(.more){position:absolute;height:100%}.game-block.clair-john-thomas-thomas ul .game-banner-container{flex:none}.game-block.clair-john-thomas-thomas ul .game-banner-container:nth-child(1){width:49%;position:relative}.game-block.clair-john-thomas-thomas ul .game-banner-container:nth-child(2){width:24%;position:relative}.game-block.clair-john-thomas-thomas ul .game-banner-container:nth-child(3),.game-block.clair-john-thomas-thomas ul .game-banner-container:nth-child(4){width:25%;height:48%;right:0;margin-right:0}.game-block.clair-john-thomas-thomas ul .game-banner-container:nth-child(3){top:0;margin-right:0}.game-block.clair-john-thomas-thomas ul .game-banner-container:nth-child(4){bottom:0}.game-block.clair-john-thomas-thomas ul .game-banner-container:nth-child(n+3) img.banner{top:50%;-webkit-transform:translate(-50%,-60%) scale(1.2);transform:translate(-50%,-60%) scale(1.4)}@media(min-WIDTH:1000px){.game-block.clair-john-thomas-thomas ul .game-banner-container:nth-child(3) .screenshots-container .screenshots,.game-block.clair-john-thomas-thomas ul .game-banner-container:nth-child(4) .screenshots-container .screenshots{bottom:0}}.game-block.john-clair-john .column{-ms-flex-flow:row wrap;flex-flow:row wrap}.game-block.john-clair-john ul .game-banner-container:nth-child(1),.game-block.john-clair-john ul .game-banner-container:nth-child(3){-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;width:0%}.game-block.john-clair-john ul .game-banner-container:nth-child(2){-webkit-box-flex:2;-ms-flex:2 0 auto;flex:2 0 auto;width:0%}.game-block.clair-thomas-thomas-thomas-thomas ul .game-banner-container:not(.more){height:49%;width:24%;left:51%;position:absolute}.game-block.clair-thomas-thomas-thomas-thomas ul .game-banner-container:nth-child(1){width:50%;height:100%;left:0}.game-block.clair-thomas-thomas-thomas-thomas ul .game-banner-container:nth-child(3),.game-block.clair-thomas-thomas-thomas-thomas ul .game-banner-container:nth-child(5){bottom:0}.game-block.clair-thomas-thomas-thomas-thomas ul .game-banner-container:nth-child(4),.game-block.clair-thomas-thomas-thomas-thomas ul .game-banner-container:nth-child(5){right:0;left:initial;margin-right:0}.game-block.clair-thomas-thomas-thomas-thomas ul .game-banner-container:nth-child(n+2) img.banner{top:50%;-webkit-transform:translate(-50%,-60%) scale(1.2);transform:translate(-50%,-60%) scale(1.4)}.game-block.john-john-john-john .game-banner-container{-webkit-box-flex:1;-ms-flex:1;flex:1}.game-block.view-list ul{display:block;height:auto}.game-block.view-list ul .game-banner-container{display:inline-block;position:relative;width:32%;height:80px;margin:.5%}.game-block.view-list ul .game-banner-container:nth-child(n+19){display:none}.game-block.view-list ul .game-banner-container.more{display:flex}.game-block.view-list ul .game-banner-container .game-banner{margin:0}@media(max-WIDTH:1500px){.game-block{padding:4rem 10%}.game-block:first-child{padding-left:5%;padding-right:5%}.game-block.list main{margin-left:150px}}@media(max-WIDTH:1400px){.game-block.view-list ul .game-banner-container{width:49%}}@media(max-WIDTH:1000px){.game-block{padding:4rem 5%;padding-top:7vh;padding-bottom:0}.game-block.list,.game-block.view-list{padding-bottom:7vh}.game-block.list main{margin-left:100px}.game-block:first-child{padding:90px 0 0}.game-block .background{width:auto;height:100%}.game-block:not(.view-list) ul .game-banner-container .screenshots-container .screenshots{bottom:0}.game-block:not(.view-list) .scroll-container{width:110%;margin-left:-5%;overflow:hidden;display:block}.game-block.view-list ul .game-banner-container{width:100%;margin:1% 0}.game-block.list .scroll-container{width:initial;margin-left:initial;margin-left:30px;margin-right:30px;overflow:visible}.game-block:first-child .scroll-container{width:100%;margin-left:0%}.game-block:not(.view-list) ul{width:100%;overflow-x:scroll;overflow-y:hidden;margin-right:50px;box-sizing:border-box}.game-block:not(.product-related) ul{padding-bottom:40px}.game-block.list ul{overflow-x:hidden;margin-right:0;padding-bottom:0}.game-block:first-child ul{height:100%;padding-bottom:0;margin-right:0}.game-block header{flex-direction:column;align-items:flex-start}.game-block.list{flex-direction:column}.game-block.list header{width:100%}.game-block:not(.view-list) ul::-webkit-scrollbar,.game-block:not(.view-list) ul::-moz-scrollbar{width:12px}.game-block:not(.view-list) ul::-webkit-scrollbar-track,.game-block:not(.view-list) ul::-moz-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.game-block:not(.view-list) ul::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(59,59,59,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.game-block:not(.view-list) ul::-webkit-scrollbar-thumb:window-inactive{background:rgba(59,59,59,.4)}.game-block:not(.view-list) ul::-webkit-scrollbar{width:12px}.game-block:not(.view-list) ul::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.game-block:not(.view-list) ul::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(59,59,59,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.game-block:not(.view-list) ul::-webkit-scrollbar-thumb:window-inactive{background:rgba(59,59,59,.4)}.game-block:not(.view-list) ul::-webkit-scrollbar{width:12px}.game-block:not(.view-list) ul::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.game-block:not(.view-list) ul::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(59,59,59,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.game-block:not(.view-list) ul::-webkit-scrollbar-thumb:window-inactive{background:rgba(59,59,59,.4)}.game-block:not(.view-list) ul::-webkit-scrollbar{width:12px}.game-block:not(.view-list) ul::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.game-block:not(.view-list) ul::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(59,59,59,.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.game-block:not(.view-list) ul::-webkit-scrollbar-thumb:window-inactive{background:rgba(59,59,59,.4)}.game-block:not(.view-list) ul:after{content:'';display:block;height:100%}.game-block:not(.view-list) ul .game-banner-container{position:relative!important;width:300px!important;min-width:300px!important;height:initial!important;left:0!important}.game-block:not(.view-list) ul .game-banner-container:first-child{margin-left:5%}.game-block:first-child ul .game-banner-container:first-child{margin-left:0}.game-block:first-child ul .game-banner-container{width:90vw!important;flex:none;height:100%!important}.game-block:first-child .game-banner{height:100%!important}#main-header.game-banner:first-child .info-box,#main-header.game-banner:first-child .shopping{padding:14px!important}.game-block ul .game-banner-container.more{position:relative;display:flex;align-items:center;height:100%;min-height:170px;top:initial;background-color:#12292f;font-family:metropolisthin,sans-serif;font-size:1.4rem;line-height:110%;color:#fff;border-radius:10px}.game-block.view-list ul .game-banner-container.more{width:100%;position:relative;min-height:80px;justify-content:center;top:0}ul .game-banner-container.more a:after{display:none}.game-block.clair-john-thomas-thomas ul .game-banner-container:nth-child(3),.game-block.clair-john-thomas-thomas ul .game-banner-container:nth-child(4){margin-right:1%}.game-block.clair-thomas-thomas-thomas-thomas ul .game-banner-container:nth-child(4),.game-block.clair-thomas-thomas-thomas-thomas ul .game-banner-container:nth-child(5){margin-right:1%}}@media(max-HEIGHT:750px) and (min-Width:1000px){#principal-main .game-block:first-child{padding-top:calc(120px + 8vh)}}@media(max-Width:600px){#principal-main .game-block:first-child{height:70vh;min-height:500px}}@media(min-Width:1000px){#principal-main .game-block:first-child .game-block .game-banner .info-box{padding:15px;padding-right:180px}#principal-main .game-block:first-child .game-block .game-banner .shopping{padding:15px}.game-block.new-full-thomas,.game-block.new-john-john-john{height:initial;min-height:initial;flex-direction:column}.game-block.new-full-thomas ul,.game-block.new-john-john-john ul{height:initial;flex-wrap:wrap;margin-bottom:-40px;justify-content:flex-start}.game-block.new-full-thomas ul .game-banner-container{flex:initial;width:23%;margin-right:2%;margin-bottom:40px}.game-block.new-john-john-john ul .game-banner-container{flex:3;margin-right:2%;margin-bottom:40px}.game-block.new-full-thomas ul .game-banner-container:nth-child(4n){margin-right:0%}.game-block.new-john-john-john ul .game-banner-container:last-child{margin-right:0;flex:2}.game-block.new-full-thomas ul .game-banner-container.more,.game-block.new-john-john-john ul .game-banner-container.more{position:relative;display:flex;align-items:center;top:initial;background:0 0;border:solid 2px #01ffff;line-height:110%;border-radius:10px;color:#01ffff}.game-block.new-full-thomas ul .game-banner-container.more:hover,.game-block.new-john-john-john ul .game-banner-container.more:hover{}.game-block.new-full-thomas ul .game-banner-container.more a.next:hover,.game-block.new-john-john-john ul .game-banner-container.more a.next:hover{color:#fff!important}.game-block.new-full-thomas ul .game-banner-container.more{height:18vh;min-height:140px}.game-block.new-john-john-john ul .game-banner-container.more{height:40vh;min-height:300px}.game-block.new-full-thomas:first-child ul .game-banner-container.more,.game-block.new-john-john-john:first-child ul .game-banner-container.more{display:none}.game-block.game-block.new-full-thomas ul .game-banner-container.more a:after,.game-block.game-block.new-john-john-john ul .game-banner-container.more a:after{display:none}.game-block.new-full-thomas ul .game-banner-container.more a div,.game-block.new-john-john-john ul .game-banner-container.more a div{line-height:1.5rem;font-size:1.4rem}}@media(min-Width:1000px) and (max-Width:1200px){.game-block.new-full-thomas,.game-block.new-john-john-john{flex-direction:column}.game-block.new-full-thomas header,.game-block.new-john-john-john header{width:100%}}