
.gallery1 .colpadding { padding: 5px; }
.gallery1 { 
padding: 5px; 
}
.gallery1 .image-info-container .project_info { min-height: 9.7em !important; }.gallery1 .portfolio-item { padding: 0px 0px; }.gallery1 .portfolio-img .portfolio-img-overlay { 
background-color: rgba(000, 000, 000, 0); }.gallery1 .portfolio-img .portfolio-img-overlay span i.fa { 
background: #333; /* background of fa outside container */
background: white; /* background of fa outside container */
}

/* BEGIN GALLERY - STYLE 2 */
.gallery1 {
	margin: 0 auto;
		width: auto;
}

.fancybox-caption { 
	text-align: center; 
	display: table; 
	padding: 5px; 
	margin: 0 auto; 
	font-size: 85%; 
} 

.gallery1 img { border: none; }

.gallery1 .colpadding { padding: 5pxpx; } /* colpadding found here */

.gallery1 .portfolio-img:hover img { 
	/*
 -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -ms-transform: scale(1.0);
  -0-transform: scale(1.0);
  transform: scale(1.0);
	*/
}

.gallery1 .portfolio-img .portfolio-img-overlay { 
	background-color: rgba(000, 000, 000, .5); 
}

.gallery1 .portfolio-img .portfolio-img-overlay span i.fa { 
	background: white; /* background of fa outside container */
}	

.gallery1 .image-info-container .project_info {
	font-family: 'Raleway' !important;
	clear: left;
	padding: 10px;
	
	background: #69be94;
	min-height: 9.7em;
	background: #4e8c6d;
	color: white;
}

@media screen and (max-width: 599px ) {
	.gallery1 .image-info-container .project_info { min-height: auto; }
}

.gallery1 .image-info-container .project_info:hover {
	background: mediumseagreen;
	color: white;
}

.gallery1 .image-info-container  img
{
	background: black;
	transition: 0.5s;
}
.gallery1 .image-info-container  img:hover
{
	-webkit-filter: grayscale(0%) contrast(170%) brightness(90%); 
  filter: grayscale(0%) contrast(170%) brightness(90%);
  filter: brightness(80%);
	transition: 0.5s;

}

.gallery1 .image-info-container .project_title { 
	font-size: 200%; 
	border-bottom: 1px solid rgb(255,255,255,.2); 
	margin-bottom: 10px;
}
.gallery1 .image-info-container  .project_description,
.gallery1 .image-info-container .project_description {
	display: block;
	margin-top: 20px;
}

/* <a class='btn btn-primary btn-readmore btn-translucent-white' href=''>Read More</a> */
.gallery1 .image-info-container  .btn  {
	padding: 5px 10px !important;
	border-width: 1px !important;
	margin-top: 10px;
}
	
/* CLOSE GALLERY CUSTOM STYLES */
