#grid-gallery {clear: both; position: relative}
#filter-gallery {list-style-type: none; margin: 50px auto; padding: 0; display: table;}
#filter-gallery li, #filter a {display: block; float: left; margin: 0; text-align: center;}
#filter-gallery a {background-color: #05d24d; color:#FFFFFF;  border-radius: 3px;  display: block; float: left; line-height: 36px; margin: 0 8px; padding: 0 18px; transition:all 1s; }

#filter-gallery a.active, #filter-gallery a:hover {background: #EEEEEE; color: #149755;}
.item-gallery { width:calc(25% - 30px); background: #FFFFFF; min-width: 200px; margin:0 15px 20px; display:inline-block; text-align:center; vertical-align:top; overflow: hidden; border-radius: 3px; ransition:all 1s; }
.gallerycontainer {  display: block; overflow: hidden; margin: 20px auto; width: 90%; border-radius: 3px; }
.gallerycontainer .boxtopicon, .gallerycontainer .boxtoptitle, .gallerycontainer .boxtopdes { color: #FFFFFF; }

.gallery-overlay { height: 100%; width: 100%; background: rgba( 0, 0, 0, .5 ); top:0; color: #FFFFFF; left: 0; position: absolute; padding: 30px 10px; transition:all .5s; transform:scale(1.5,1.5); opacity: 0; }
.item-gallery:hover .gallery-overlay { transform:scale(1,1); opacity: 1; }
.item-gallery img { position: relative; transition:all 1s; }
.item-gallery:hover img { transform:scale(1.5,1.5); }
.item-gallery .read-more { float: none; opacity: .7; }
.item-gallery .read-more:hover { opacity: 1; }

.gallerycontainer { background: #149755; background: linear-gradient(-45deg, #333333 50%, #149755 50%); background-size: 100% 100%; }