.games{
    margin:auto;
    max-width:1200px;
    position:relative
}
@media(min-width:1248px){
    .games{
        margin:0 0 0 auto;
        width:calc(100vw - 230px)
    }
}
@media(min-width:1441px){
    .games{
        margin:0 0 0 auto;
        max-width:calc(100vw - 230px);
        padding:0 65px;
        width:calc(100vw - 230px)
    }
}
@media(min-width:1740px){
    .games{
        margin:auto;
        max-width:1280px;
        padding:0;
        width:100%
    }
}
.games .catalog__list{
    grid-gap:13px;
    grid-template-columns:repeat(2,1fr)
}
@media(min-width:768px){
    .games .catalog__list{
        grid-template-columns:repeat(4,1fr)
    }
}
@media(min-width:1248px){
    .games .catalog__list{
        grid-gap:20px;
        grid-template-columns:repeat(5,1fr)
    }
}
.games__section{
    padding:25px 0 150px
}
.games__catalog,.games__section{
    display:block;
    margin:0;
    width:100%
}
.games__catalog{
    padding:0
}
.games__filter{
    display:block;
    margin:0;
    padding:0 0 45px;
    width:100%
}
.games__not-found{
    color:#fff;
    font-size:32px;
    font-weight:800;
    text-align:center;
    text-shadow:0 2px 0 rgba(15,28,52,.7);
    text-transform:uppercase
}
.catalog{
    display:block;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%
}
.catalog__not-found{
    color:#fff;
    font-size:32px;
    font-weight:800;
    text-align:center;
    text-shadow:0 2px 0 rgba(15,28,52,.7);
    text-transform:uppercase
}
.catalog__list{
    display:grid;
    grid-auto-flow:row;
    grid-template-columns:repeat(2,1fr);
    width:100%
}
.catalog__list,.promo-catalog--signed .catalog__list{
    grid-column-gap:12px;
    grid-row-gap:12px
}
@media(min-width:768px){
    .catalog__list{
        grid-column-gap:12px;
        grid-row-gap:12px;
        grid-template-columns:repeat(4,1fr)
    }
}
@media(min-width:960px){
    .catalog__list{
        grid-column-gap:12px;
        grid-row-gap:12px;
        grid-template-columns:repeat(4,1fr)
    }
}
@media(min-width:1248px){
    .catalog__list{
        grid-column-gap:20px;
        grid-row-gap:20px;
        grid-template-columns:repeat(5,1fr)
    }
}
@media(min-width:1440px){
    .catalog__list{
        grid-column-gap:20px;
        grid-row-gap:20px;
        grid-template-columns:repeat(5,1fr)
    }
}
@media(min-width:1920px){
    .catalog__list{
        grid-column-gap:20px;
        grid-row-gap:20px;
        grid-template-columns:repeat(5,1fr)
    }
}
.catalog__item{
    display:flex;
    flex-direction:column;
    margin:0;
    padding:0;
    width:100%
}
.catalog__item--first,.catalog__item--last{
    grid-column:span 2
}
@media(max-width:1247px){
    .promo-catalog--signed .catalog__item:last-child{
        display:none
    }
}
.catalog__item-info{
    align-items:center;
    background:linear-gradient(180deg,#203463,#121f44);
    border-radius:0 0 18px 18px;
    display:flex;
    flex-direction:column;
    flex-grow:1;
    justify-content:center;
    min-height:50px;
    padding:10px;
    text-align:center;
    width:100%
}
@media(min-width:960px){
    .catalog__item-info{
        min-height:60px
    }
}
.catalog__game{
    color:#fff;
    font-size:14px;
    font-weight:800;
    line-height:18px;
    text-shadow:0 1px 0 rgba(15,28,52,.8)
}
@media(min-width:960px){
    .catalog__game{
        font-size:15px
    }
}
@media(min-width:1248px){
    .catalog__game{
        font-size:17px;
        line-height:20px
    }
}
.catalog__provider{
    color:#feffbf;
    font-size:12px;
    font-weight:600;
    line-height:15px;
    margin-bottom:3px;
    text-shadow:0 1px 0 rgba(15,28,52,.8);
    text-transform:capitalize
}
@media(min-width:768px){
    .catalog__provider{
        font-size:13px
    }
}
.catalog__more{
    display:block;
    margin:30px 0 0;
    padding:0;
    text-align:center;
    width:100%
}
@media(min-width:768px){
    .catalog__more{
        margin-top:40px
    }
}
@media(min-width:960px){
    .catalog__more{
        margin-top:30px
    }
}
@media(min-width:1440px){
    .catalog__more{
        margin-top:40px
    }
}
.catalog__more .btn.btn--primary{
    min-height:40px;
    min-width:160px
}
@media(min-width:768px){
    .catalog__more .btn.btn--primary{
        min-height:45px;
        min-width:180px
    }
}
@media(min-width:1440px){
    .catalog__more .btn.btn--primary{
        min-height:50px
    }
}
.played-games{
    display:block;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%
}
.played-games__list{
    grid-gap:8px;
    display:grid;
    grid-auto-flow:row;
    grid-template-columns:repeat(2,1fr);
    width:100%
}
@media(min-width:576px){
    .played-games__list{
        grid-template-columns:repeat(,1fr)
    }
}
@media(min-width:768px){
    .played-games__list{
        grid-gap:8px;
        grid-template-columns:repeat(4,1fr)
    }
}
@media(min-width:960px){
    .played-games__list{
        grid-gap:8px;
        grid-template-columns:repeat(4,1fr)
    }
}
@media(min-width:1248px){
    .played-games__list{
        grid-gap:8px;
        grid-template-columns:repeat(6,1fr)
    }
}
@media(min-width:1440px){
    .played-games__list{
        grid-gap:8px;
        grid-template-columns:repeat(6,1fr)
    }
}
@media(min-width:1920px){
    .played-games__list{
        grid-gap:8px;
        grid-template-columns:repeat(6,1fr)
    }
}
.played-games__item{
    align-items:flex-start;
    align-self:stretch;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    margin:0;
    padding:0;
    width:100%
}