.recent-project{background-color:#f3f3f3;padding-top:69px;padding-bottom:80px;width:100%}.recent-project .recent-container{margin:auto}.recent-project .recent-title{font-size:22px;font-weight:400;line-height:22px;color:#222;text-transform:uppercase;margin-left:0}.recent-project .recent-title-seprator{width:25px;height:2px;border-top:2px solid #222;margin:15px 0 60px 0}.recent-project .single_related{float:left;margin:0 5px 20px 5px;width:calc( 100% / 5 - 11px);height:240px;text-align:center;position:relative}.recent-project .recent-image{width:100%;height:135px;background-color:#dcdcdc;display:table;overflow:hidden;position:relative}.recent-project .recent-image .image-holder{position:absolute;width:100%;height:100%;top:0;left:0;background-repeat:no-repeat;background-position:center center;background-size:cover}.recent-project .recent-image:hover .recent-overlay{opacity:.3}.recent-project .recent-overlay{width:100%;height:100%;background-color:#000;opacity:0;position:absolute;top:0;left:0;transition:opacity .3s}.recent-project .recent-image span{display:table-cell;vertical-align:middle;color:#222;font-size:12px}.recent-project .recent-single-title{font-size:15px;font-weight:600;color:#000;line-height:18px;margin-top:25px}.recent-project .recent-single-cat{font-size:10px;font-weight:500;color:#7d7d7d;line-height:12px}.dark .widget.widget-md-recent-portfolio .item .overlay,.dark-sidebar .widget.widget-md-recent-portfolio .item .overlay{background:rgba(255,255,255,0.3)}.light .widget.widget-md-recent-portfolio .item .overlay,.light-sidebar .widget.widget-md-recent-portfolio .item .overlay{background:rgba(0,0,0,0.3)}