@charset "utf-8";
/*****************************************************/
/* Home3 Css */
/*****************************************************/
.masonry-intro-sec {
    padding-bottom: 20%;
	}
.img-desc-tag a{
	display: block;
	font-family: "karla",sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #000;
	text-decoration: none;
	text-transform:capitalize;
}
.img-desc-tag {
	height: 100px;
	padding: 30px;
	width: 100%;
}
.masonry-full-hover {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
	color: #fff;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.4s ease 0s;
	visibility: hidden;
	width: 100%;
}
.imgholder:hover .masonry-full-hover {
	opacity: 1;
	transition: all 0.4s ease 0s;
	visibility: visible;
}
.masonry-full-hover img {	
	height: 60px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: calc(50% - 25px);
	width: 60px;
}
@media only screen and (max-width: 1024px) {
.masonry-intro-sec {
	padding-top: 15.5%;
}
.masonry-full-hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    opacity: 0;
}
.masonry-full-hover img {
	opacity: 0;
}
}
@media only screen and (max-width: 736px) {
.masonry-intro-sec {
	padding-top: 24.5%;
}

}
@media only screen and (max-width: 414px) {
.masonry-intro-sec {
	padding-top: 41.5%;
}
}