#recent-works .col-xs-12.col-sm-4.col-md-3 { padding: 0; }
#recent-works { padding-bottom: 70px; }
.recent-work-wrap { position: relative; margin-bottom:30px; overflow:hidden; }
.recent-work-wrap img { width: 100%; height:240px; background-size:100% auto; background-position:top center; }
.recent-work-wrap .recent-work-inner { top: 0; background: transparent; opacity: .8; width: 100%; border-radius: 0; margin-bottom: 0; }
.recent-work-wrap .recent-work-inner h3 { margin: 10px 0px 20px 0px; }
.recent-work-wrap .recent-work-inner h3 a { font-size: 20px; color: #fff; display:block; height:40px; }
.recent-work-wrap .recent-work-inner p { line-height:1.2; }
.recent-work-wrap .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; border-radius: 0; background: #ffbe00; color: #fff; vertical-align: middle; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; transition: margin-top 500ms;  padding:0px 10px; margin-top:170px;  }
.recent-work-wrap .overlay .preview {  background: none repeat scroll 0 0 #FFF; border-radius: 20px; color: #000; display: inline-block;     font-weight: bold; letter-spacing: -1px; margin-top: 5px; padding: 8px 20px;  text-transform: uppercase; float:right; }
.recent-work-wrap .overlay .preview:hover { background:rgba(255,255,255,0.5); transition: background 500ms; }
.recent-work-wrap:hover .overlay { opacity: 1; margin-top:0px; }


/*************************
********* Portfolio CSS ******
**************************/

#portfolio_page { margin-top: 115px; padding-bottom: 0; }
.portfolio-items, .portfolio-filter { list-style: none outside none; margin: 0 0 40px 0; padding: 0; }
.portfolio-filter > li { display: inline-block; }
.portfolio-filter > li a { background: none repeat scroll 0 0 #FFFFFF; font-size: 14px; font-weight: 400; margin-right: 20px; text-transform: uppercase; transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s; border: 1px solid #F2F2F2; outline: none; border-radius: 3px; }
.portfolio-filter > li a:hover, .portfolio-filter > li a.active { color:#fff; background: #ffbe00; border: 1px solid #ffbe00; box-shadow: none; -webkit-box-shadow: none; }
.portfolio-items > li { float: left; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.portfolio-item { margin: 0; padding:0; }
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }