.top-main-cat{margin-top:25px;font-size:0}.top-main-cat .top-main-cat-cell{width:25%;position:relative;color:var(--text15);margin-bottom:20px}@media (max-width:1024px){.top-main-cat .top-main-cat-cell{width:50%}}@media (max-width:768px){.top-main-cat .top-main-cat-cell{width:100%}}.top-main-cat .top-main-cat-cell .img{height:450px;filter:grayscale(100%);transition:0.5s}.top-main-cat .top-main-cat-cell .inner{position:absolute;top:0;left:0;width:100%;height:100%;border-bottom:11px solid transparent;box-sizing:border-box;transition:0.5s;background:rgba(0, 0, 0, 0.6);text-align:center}.top-main-cat .top-main-cat-cell .inner .bot{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0 25px;font-size:24px;font-weight:700;text-transform:uppercase;box-sizing:border-box}.top-main-cat .top-main-cat-cell .inner .bot .links{margin-top:15px;font-size:15px}.top-main-cat .top-main-cat-cell .inner .bot .links a{display:block;margin-bottom:12px;color:var(--text15)}@media (min-width:768px){.top-main-cat .top-main-cat-cell .inner .bot .links{font-size:18px;line-height:24px}}.top-main-cat .top-main-cat-cell .arrow{vertical-align:2px;position:relative;left:0;opacity:0;transition:0.5s;display:none}.top-main-cat .top-main-cat-cell:hover .img{filter:grayscale(0)}.top-main-cat .top-main-cat-cell:hover .inner{border-color:#c7a153;background:rgba(255, 255, 255, 0.5);color:#000}.top-main-cat .top-main-cat-cell:hover .inner .bot .links a,.top-main-cat .top-main-cat-cell:hover .inner a{color:#000}.top-main-cat .top-main-cat-cell:hover .arrow{left:10px;opacity:1}.top-main-cat .top-main-cat-cell:hover .inner-spec{opacity:1}