﻿.top-bests{transform:translateY(-70px)}
.top-bests .inside .item{width:calc(20% - 20px);margin:10px}
.top-bests .inside .item img{height:145px}
.top-bests .inside .item .inline{opacity:0;visibility:hidden;transform:scale(.8);backdrop-filter:blur(10px);background-color:rgba(255, 255, 255, 0.1);width:calc(100% - 30px);height:calc(100% - 30px);padding:15px;top:15px;right:15px}
.top-bests .inside .item .inline .symb{padding:5px 12px;background-color:#45A1FF;left:15px;bottom:15px}
.top-bests .inside .item .inline .desc{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.85;margin-top:5px;text-align:justify}

@media only screen and (min-width:920px){
.top-bests .inside .item:hover img{opacity:.2 !important}
.top-bests .inside .item:hover .inline{opacity:1;visibility:visible;transform:scale(1)}
}
@media only screen and (max-width:920px){
.top-bests{transform:translateY(0);padding-bottom:40px}
.top-bests .inside .item{width:200px;margin:0 0 0 15px}
.top-bests .inside .item img{height:115px;border-radius:8px}
.top-bests .inside .item .inline{display:none}
}