/*!
 * Image hover effects that work with or without bootstrap
 * repository: https://github.com/miketricking/bootstrap-image-hover
 * sample: https://miketricking.github.io/bootstrap-image-hover/
 * autore: https://twitter.com/mike_youngg
*/
.hovereffect{width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default}.hovereffect .overlay{position:absolute;overflow:hidden;opacity:0;filter:alpha(opacity=0);width:55%;height:81%;left:22%;top:10%;border-radius:80%;border:2px solid #fff;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}.hovereffect:hover .overlay{background-color:rgba(0,0,0,.7)}.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="1.4" /><feFuncG type="linear" slope="1.4" /><feFuncB type="linear" slope="1.4" /></feComponentTransfer></filter></svg>#filter');filter:brightness(1.4);-webkit-filter:brightness(1.4)}.hovereffect h2{text-transform:uppercase;text-align:center;position:relative;font-size:1.2em;background-color:transparent;color:#fff;padding-top:1em;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-150%,-400%,0);transform:translate3d(-150%,-400%,0)}.hovereffect a,.hovereffect p{color:#fff;padding:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-150%,-400%,0);transform:translate3d(-150%,-400%,0)}.hovereffect:hover a,.hovereffect:hover p,.hovereffect:hover h2,.hovereffect:hover .overlay{opacity:1;filter:alpha(opacity=50);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hovereffect .img-responsive{border-radius:4px!important;border:1px solid #b1b1b3!important;padding:2px}.hovereffect_Link{width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default}.hovereffect_Link .overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background-color:rgba(0,0,0,.6);opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(460px,-100px) rotate(180deg);-ms-transform:translate(460px,-100px) rotate(180deg);transform:translate(460px,-100px) rotate(180deg);-webkit-transition:all .2s .4s ease-in-out;transition:all .2s .4s ease-in-out}.hovereffect_Link img{display:block;position:relative;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.hovereffect_Link h2{text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:17px;padding:10px;background:rgba(0,0,0,.6)}.hovereffect_Link a.info{display:inline-block;text-decoration:none;padding:7px 14px;text-transform:uppercase;color:#fff;border:1px solid #fff;margin:50px 0 0;background-color:transparent;-webkit-transform:translateY(-200px);-ms-transform:translateY(-200px);transform:translateY(-200px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.hovereffect_Link a.info:hover{box-shadow:0 0 5px #fff}.hovereffect_Link:hover .overlay{opacity:1;filter:alpha(opacity=100);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px)}.hovereffect_Link:hover h2{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition-delay:.5s;transition-delay:.5s}.hovereffect_Link:hover a.info{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition-delay:.3s;transition-delay:.3s}.hovereffect_Link .img-responsive{border-radius:4px!important;border:1px solid #b1b1b3!important;padding:2px}