.effects .img{position:relative;float:left;width:33.33%;overflow:hidden;background:#000}#effect-2{max-width:1400px;margin:40px auto}#effect-2.effects .img{width:23%;margin:1%;text-align:center;color:#fff;letter-spacing:2px}#effect-2.effects .img a{color:#fff}#effect-2.effects .img h1{font-size:24px}#effect-1.effects .img:first-child,#effect-1.effects .img:nth-child(2){width:50%}.effects .img:last-child{margin-right:0}.effects .img img{display:block;margin:0;padding:0;opacity:.4;max-width:100%}.effects .img:hover img{opacity:.8}.effects .img:hover a.btn{background:#028aca}.effects .hover:active,.effects .hover:focus,.effects .hover:hover{-webkit-transform:translateY(0)!important;transform:translateY(0)!important;-webkit-animation-name:none;animation-name:none}.overlay{display:block;position:absolute;z-index:20;overflow:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.overlay h1{text-transform:uppercase}.img .categories{position:absolute;top:0;left:0;width:100%;padding:10px}.img .categories h1,.img .categories h5{color:#fff;margin:0;padding:0}.img .categories h1 img{float:left;margin-right:10px;width:auto;opacity:1;height:auto}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;border:solid 5px #fff;text-align:center;color:#fff;line-height:50px;font-weight:700;font-size:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px}.img .buttonarea{position:absolute;bottom:30%;width:100%}.img a.btn{border:1px solid #fff;padding:15px 20px;font-size:12px;font-weight:700;background:none;text-transform:uppercase;display:block;clear:both;float:none;margin:0 auto;max-width:200px;margin-bottom:10px;color:#fff}.img a.btn:hover{background:#028aca}#effect-1 .overlay{bottom:0;left:0;right:0;width:100%;height:0;text-align:center;color:#fff}#effect-1 .overlay a.expand{left:0;right:0;bottom:50%;margin:0 auto -30px auto}#effect-1 .img.hover .overlay{height:100%}#effect-2 .overlay{top:0;left:0;right:0;width:100%;height:0}#effect-2 .overlay a.expand{left:0;right:0;top:50%;margin:-30px auto 0 auto}#effect-2 .img.hover .overlay{height:100%}#effect-3 .overlay{top:0;bottom:0;left:0;width:0;height:100%}#effect-3 .overlay a.expand{top:0;bottom:0;left:50%;margin:auto 0 auto -30px}#effect-3 .img.hover .overlay{width:100%}#effect-4 .overlay{top:0;bottom:0;right:0;width:0;height:100%}#effect-4 .overlay a.expand{top:0;bottom:0;right:50%;margin:auto -30px auto 0}#effect-4 .img{overflow:hidden}#effect-4 .img.hover .overlay{width:100%}#effect-5 .overlay{top:0;bottom:0;left:0;right:0;opacity:0}#effect-5 .overlay a.expand{top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:100%;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;-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:60px;height:60px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px}#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){#effect-1.effects .img:first-child,#effect-1.effects .img:nth-child(2){width:50%;float:left;margin:0}.effects{padding-left:0}.effects .img{width:33.3%;margin-left:0!important}.effects .img:nth-child(n){margin-right:0}.effects .img:first-child{margin-left:0}.effects .img:nth-child(2n-1){margin-left:-5px}.effects .img:nth-child(2n){margin-right:0}.effects .img:last-child{margin-right:0}#effect-2.effects .img h1{font-size:16px}}@media (max-width:768px){#effect-1.effects .img:first-child,#effect-1.effects .img:nth-child(2){width:100%;float:left;margin:0}#effect-1.effects .img{width:100%;margin-left:0!important}#effect-2.effects .img{width:50%;float:left;margin:0}}@media only screen and (max-width:520px){.effects .img{width:100%}.effects .img:nth-child(n){margin-right:0}.effects .img:first-child{margin-left:0}.effects .img:nth-child(2n-1){margin-left:0}.effects .img:nth-child(2n){margin-right:0}.effects .img:last-child{margin-right:0}.effects .img img{margin:0 auto}}