.effects{padding-left:0px;}
.effects .img{position:relative;float:left;margin-bottom:0px;width:100%;overflow:hidden;}
.effects .img img{display:block;margin:0;padding:0;max-width:100%;width:100%;height:auto;}
.overlay{display:block;position:absolute;z-index:20;background:#fff;overflow:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a.close-overlay{display:block;position:absolute;top:0;right:0;z-index:100;width:45px;height:45px;font-size:20px;font-weight:700;color:#fff;line-height:45px;text-align:center;background-color:#000;cursor:pointer;}
a.close-overlay.hidden{display:none;}
a.expand{display:block;position:absolute;z-index:100;width:60px;height:60px;text-align:center;color:#008aca;line-height:50px;font-weight:lighter;font-size:22px;text-transform:uppercase;}
#effect-5 .overlay{top:32%;bottom:0;left:0;right:0;opacity:0;}
#effect-5 .overlay p{padding:10px 15px;overflow:hidden;max-height:221px;font-size:15px;text-overflow:ellipsis;white-space:normal;text-align:left;line-height:inherit;}
#effect-5 .overlay a.expand{top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:100%;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
#effect-5 .img.hover .overlay{opacity:1;}
#effect-5 .img.hover .overlay a.expand{width:100%;height:auto;top:82%;}
#effect-6 .overlay{top:0;bottom:0;left:0;right:0;opacity:0;}
#effect-6 .overlay a.expand{left:0;right:0;top:0;margin:0 auto;opacity:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
#effect-6 .img.hover .overlay{opacity:1;}
#effect-6 .img.hover .overlay a.expand{top:50%;margin-top:-30px;opacity:1;}
@media only screen and (max-width:1100px){.effects{padding-left:0px;}
.effects .img{width:100%;}
}
@media only screen and (max-width:520px){.effects .img{width:100%;}
}