.single-work-box{display:block;margin-bottom:30px}.work-box-bg{position:relative;height:350px;background-color:#333;background-size:cover;background-position:center;z-index:1}.work-box-bg:after{background-color:#333;content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:-1;visibility:hidden;transition:0.5s}.single-work-box:hover .work-box-bg:after{opacity:.5;visibility:visible}.work-box-bg i{width:40px;height:40px;background-color:#fff;color:#333;line-height:40px;font-size:16px;text-align:center;border-radius:50%;left:50%;top:50%;margin-left:-20px;margin-top:-20px;position:absolute;opacity:0;visibility:hidden;transition:0.5s}.single-work-box:hover .work-box-bg i{opacity:1;visibility:visible}.single-work-box .work-box-bg i:hover{background-color:#333;color:#fff}.doyel-project-shorting{margin-left:0;padding:0;list-style:none}.entry-content ul.doyel-project-shorting{margin-bottom:50px}.doyel-project-shorting li{display:inline-block;margin-right:20px;cursor:pointer;text-transform:uppercase;transition:0.5s}.doyel-project-shorting li.active{position:relative}.doyel-project-shorting li.active:after{position:absolute;left:0;bottom:0;content:"";background-color:#333;width:100%;height:1px}