.gallery-title{float:left;display:block;width:100%;font-size:28px;color:#333;text-align:center;display:block;margin-top:15px}.gallery-title:after{margin:0 auto;height:5px;display:block;width:100px;content:''}.grid-gallery{column-count:3;display:block!important}.grid-gallery .gallery-grid-item{break-inside:avoid;width:100%!important;float:none!important;display:inline-block}.grid-gallery .gallery-grid-item img{width:100%;height:auto;display:block}.gallery-button-group .filter-button{display:inline-block;padding:0 15px;background:none;border:1px solid #000;text-transform:capitalize;color:#fff;font-family:'Gotham',sans-serif;font-size:16px;cursor:pointer;border-radius:3px;background-color:#000}.gallery-button-group .filter-button:hover{text-decoration:none;color:#c99c66}.gallery-button-group .filter-button:active,.gallery-button-group .filter-button.is-checked{color:#fff;background:#c99c66;border:1px solid #c99c66}.gallery-button-group{margin:10px auto;width:100%;text-align:center;margin-bottom:20px}.gallery-button-group:after{content:'';display:block;clear:both}.grid_gallery:after{content:'';display:block;clear:both}.grid-gallery{margin:0 auto;width:100%;height:auto;max-width:1600px;overflow:hidden}.gallery-grid-sizer,.gallery-grid-item{width:33.333%}.gallery-grid-item{float:left}.gallery-image-area{margin:0 auto;display:block;margin:10px 5px;position:relative}.fullwidth .gallery-image-area{margin:0}.gallery-image-area .gallery-overly{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgb(0 0 0 / .3);opacity:0}.gallery-image-area:hover .gallery-overly{opacity:1}.gallery-image-area:before,.gallery-image-area:after{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity 0.6s,-webkit-transform 0.6s;transition:opacity 0.6s,-webkit-transform 0.6s,-moz-transform 0.6s,-o-transform 0.6s,transform 0.6s}.gallery-image-area:before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1)}.gallery-image-area:after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0)}.gallery-image-area:hover:before,.gallery-image-area.hover:before,.gallery-image-area:hover:after,.gallery-image-area.hover:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.gallery-image-area .gallery-zoom-icon{border-radius:5px;display:block;content:'';position:absolute;top:50%;left:50%;height:100%;width:100%;opacity:0;-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg);-webkit-transition:all 0.6s;transition:all 0.6s;z-index:5}.gallery-image-area:hover .gallery-zoom-icon{opacity:1;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.gallery-image-area .image-details{position:absolute;left:50%;top:50%;display:block;width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all 0.6s;transition:all 0.6s}.gallery-image-area:hover .image-details{opacity:1;margin-top:-50px}.gallery-image-area .image-title{width:100%;display:block;font-weight:500;color:#fff;padding:2px 5px;text-align:center;text-transform:uppercase}.gallery-grid-item .social-icon-area{position:absolute;bottom:5px;left:auto;right:auto;width:100%;display:block;z-index:5}.gallery-grid-item .social-icon-area .social-icons{margin:0 auto;width:120px;height:30px}.gallery-grid-item .social-icon-area ul{float:left;list-style-type:none;margin-left:-40px}.gallery-grid-item .social-icon-area ul li{float:left;width:30px;height:30px}.gallery-grid-item .social-icon-area ul li a{color:#fff;font-size:20px;line-height:20px;text-align:center;display:block}.gallery-grid-item .social-icon-area ul li a:hover{color:#ddd}.gallery-grid-item .grid-thumbnail-image{display:block;width:100%;height:auto;overflow:hidden}@media only screen and (min-width:2000px){.gallery-grid-sizer,.gallery-grid-item{width:33.333%}}@media only screen and (min-width:1600px){.gallery-grid-sizer,.gallery-grid-item{width:33.333%}}@media only screen and (min-width:1200px){.gallery-grid-sizer,.gallery-grid-item{width:33.333%}}@media only screen and (max-width:800px){.gallery-grid-sizer,.gallery-grid-item{width:50%}}@media only screen and (max-width:500px){.gallery-grid-sizer,.gallery-grid-item{width:100%}}