main.container{width:1300px}
.topBottom{width:100%;margin-top:10px;margin-bottom:-20rem;text-align:center}
.topBottom .button{white-space:nowrap;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;padding:5rem;margin-right:20rem;margin-bottom:20rem}
.topBottom .button .button-title{min-width:144px;text-align:center;color:var(--color-text-secondary)}
.topBottom .button.active{border-color:var(--color-primary)}
.topBottom .button.active .button-title{color:var(--color-primary)}
@media screen and (max-width:1150px){
.topBottom .category-br{display:none}
}
.box{display:flex;flex-wrap:wrap;width:100%;margin-bottom:350px;margin-top:35px;gap:30px}
.item{width:23%;min-height:330px;background-position:center center;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;border-radius:var(--border-radius-base);overflow:hidden}
.item .item-block{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background-color:rgba(0,0,0,.4)}
.item .icon{width:100px;height:100px;border-radius:50%;margin-top:40px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.item .icon img{max-width:100%;max-height:100%;object-fit:contain}
.item .text{line-height:100%;font-family:Georgia,'Times New Roman',Times,serif;color:#fff;font-size:28rem;font-weight:bold;text-align:center;flex:1;justify-content:center;display:flex;align-items:center}
.players-box{min-height:118rem}
.item .players,.item .text{line-height:1}
.advertisement{width:100%;height:20px;background:#fff;margin:60px 0 350px 0;display:flex;justify-content:center;align-items:center;color:grey;font-size:11px;line-height:100%;font-family:Georgia,'Times New Roman',Times,serif}
.item .blur-bg{background:0 0}
.btn-expand-more{background:0 0;border:none;cursor:pointer;padding:0}
.btn-expand-more:hover{opacity:.8}
@media screen and (max-width:767px){
.item{width:100%}
}