.promo{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-gap:30px}.promo *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;outline:0}.promo .promo_item{position:relative;-webkit-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;height:370px;display:block}.promo .promo_item .sticker{font-weight:900;font-size:16px;text-align:center;color:#FFF;padding:12px 15px;background:#FF7BAE;position:absolute;left:0;top:30px;z-index:5}.promo .promo_item .name{font-weight:900;font-size:27px;line-height:33px;text-align:center;color:#FFF;position:absolute;left:20px;right:20px;bottom:20px;z-index:100}.promo .promo_item:before{position:absolute;content:"";background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.322969) 32.29%,rgba(0,0,0,.69) 100%);bottom:0;left:0;right:0;width:100%;height:180px;z-index:50}@media screen and (max-width:1400px){.promo{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1100px){.promo .promo_item{height:300px}}@media screen and (max-width:900px){.promo{grid-gap:20px}.promo .promo_item{height:250px}.promo .promo_item .name{font-size:20px}.promo .promo_item .sticker{font-size:14px;padding:7px 12px}}@media screen and (max-width:750px){.promo{grid-template-columns:repeat(1,100%)}}@media screen and (max-width:400px){.promo .promo_item{height:220px}}