img{height:auto;}
.portfolioContainer div[class^="col-"],.portfolioContainer div[class*=" col-"]{padding:0;}
.portfolioFilter{background:#333333;padding:13px 0px;}
.portfolioFilter a{font-size:16px;color:#fff;margin:0 10px;font-weight:600;padding:15px 20px;}
.portfolioFilter a:hover,.portfolioFilter a.current{color:#fff;background:#2e8ece;}
.port-overlay h3{font-size:13px !important;color:#fff;text-transform:capitalize !important;line-height:23px;font-family:'Open Sans', sans-serif;padding:15px;}
.port-overlay p{margin:10px 0px;}
.port-overlay p a{font-size:14px;background:transparent;border:2px #fff solid;color:#fff;padding:7px 20px;}
.holder{position:relative;overflow:hidden;margin:8px;}
.holder img{max-width:none;width:-webkit-calc(100% + 60px);width:calc(100% + 60px);-webkit-transition:opacity 0.35s, -webkit-transform 0.45s;transition:opacity 0.35s, transform 0.45s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0);}
.holder:hover img{opacity:0.6;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.port-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(42, 123, 193, 0.8);color:white;width:100%;transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);transition:transform .35s ease-out;-webkit-transition:transform .35s ease-out;-o-transition:transform .35s ease-out;-moz-transition:transform .35s ease-out;}
.holder:hover .port-overlay{transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);-moz-transform:translateX(0);}
.holder:hover .port-overlay::after{box-shadow:0 0 0 1px #fff;content:"";height:92%;left:4%;padding:10px;position:absolute;top:4%;width:92%;}
.no-padding .holder{margin:0;}