.hover-effect,.overlay-effect1,.overlay-effect2,.overlay-effect3,.overlay-effect4,.overlay-zoom{overflow:hidden}.overlay-effect1 img,.overlay-effect2 img,.overlay-effect3 img,.overlay-effect4 img,.smd1{width:100%}.smd2{width:50%}.smd3{width:33.33333333333333%}.smd4{width:25%}.smd5{width:20%}.gutter{padding:10px}.grid,.grid ul{padding:0;list-style:none;margin:0;float:left;width:100%}.overlay-effect1,.overlay-effect1 .banner,.overlay-effect2,.overlay-effect2 .banner,.overlay-effect3,.overlay-effect3 .banner,.overlay-effect4,.overlay-effect4 .banner{position:relative;line-height:0}.overlay-effect1:after,.overlay-effect2:after,.overlay-effect3:after,.overlay-effect4:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:#222529;opacity:0;transition:opacity .3s,background .3s,transform .3s}.overlay-effect1:hover:after,.overlay-effect2:hover:after,.overlay-effect3:hover:after,.overlay-effect4:hover:after{opacity:.5}.overlay-effect2:before,.overlay-effect4:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;opacity:.2}.overlay-zoom img{transition:transform .3s}.overlay-zoom:hover img{transform:scale(1.08)}.overlay-effect1:hover:after{transform:scale(1,1);visibility:visible;opacity:0;transition:transform .5s linear,opacity .5s linear}.overlay-effect1:after{transform:scale(0,1);opacity:.7;background-color:#fff;visibility:hidden}.overlay-effect2:hover:after,.overlay-effect2:hover:before{opacity:0;transform:none}.overlay-effect2:after{transform:translateX(-100%);background-color:#fff;opacity:.5;transition:transform .9s,opacity .9s}.overlay-effect2:before{transform:translateX(100%);transition:transform .9s,opacity .9s}.overlay-effect3:hover:after{top:100%;left:-100%;transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,200%,0)}.overlay-effect3:after{left:50%;width:120%;height:60px;background-color:#fff;transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);transition:.5s linear,top .5s linear,left .5s linear}.overlay-effect4:hover:after,.overlay-effect4:hover:before{transform:scale(1,1)}.overlay-effect4:after{transform:scale(0,1);background-color:#fff}.overlay-effect4:before{transform:scale(1,0);transition:transform .3s}.grid li{display:block;margin:0;float:left;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s}.hover-effect{width:100%;position:relative}.overlay-effect3 i{width:50px;height:50px;background-color:var(--secondary-color);color:#fff;position:absolute;left:50%;top:-100px;z-index:1;line-height:50px;text-align:center;margin:0 0 0 -25px;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.overlay-effect3:hover i{top:50%;margin:-25px 0 0 -25px}.overlay-effect3:hover i:hover{background-color:var(--primary-color)}.hover-effect img{display:block;-moz-transition:7s;-o-transition:7s;-webkit-transition:7s;transition:7s;width:100%}@media only screen and (max-width:768px){.smd2,.smd3,.smd5{width:50%}.aside,.summary{width:100%}}@media only screen and (max-width:640px){.aside,.smd2,.smd3,.smd4,.smd5,.summary{width:100%}}