.hovereffect{width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;-webkit-transition:box-shadow 1s;transition:box-shadow 1s}.hovereffect:hover{-webkit-box-shadow:0 9px 79px -13px rgba(0,0,0,.89);-moz-box-shadow:0 9px 79px -13px rgba(0,0,0,.89);box-shadow:0 9px 79px -13px rgba(0,0,0,.89)}.hovereffect .overlay{position:absolute;overflow:hidden;width:80%;height:80%;left:10%;top:10%;border-bottom:1px solid #fff;border-top:1px solid #fff;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);padding:10px}.hovereffect:hover .overlay{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background-color:rgba(254,163,25,.3)}.hovereffect img{display:block;position:relative;-webkit-transition:all .35s;transition:all .35s}.hovereffect:hover img{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');filter:brightness(.6);-webkit-filter:brightness(.6)}.hovereffect h2{text-align:center;position:relative;font-size:200%;background-color:transparent;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.hovereffect a,.hovereffect h2,hovereffect p{color:#fff;padding:1em 0;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}.hovereffect a,hovereffect p{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.hovereffect:hover a,.hovereffect:hover h2,.hovereffect:hover p{opacity:1;filter:alpha(opacity=100);-webkit-transform:translateZ(0);transform:translateZ(0)}.hovereffect p{color:#fff}