.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: 0.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;
}
.razia-project-shorting{
     margin-left: 0px;
     padding: 0;
     list-style: none;
}
.entry-content ul.razia-project-shorting{
     margin-bottom: 50px;
}
.razia-project-shorting li{
     display: inline-block;
     margin-right: 20px;
     cursor: pointer;
     text-transform: uppercase;
     transition: 0.5s;
}
.razia-project-shorting li.active{
    position: relative;
}
.razia-project-shorting li.active:after{
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background-color: #333;
    width: 100%;
    height: 1px;
}
.project .post-content {
    padding: 0px;
}