﻿/********************** 
Masonry Responsive Image Gallery - 1.0.3
*********************/
.image-gallery *{
box-sizing:border-box;
-webkit-box-sizing:border-box;	
}
.category-desc .title{margin-bottom:15px;}
.image-gallery .gallery-item{list-style-type:none;margin:0;}
.category-desc {padding:0 0 15px 0;}
.cat-img {padding:0 0 15px 0;}
.cat-img img{width:100%;}
.image-gallery{overflow:hidden;padding:0;background:#FFF;margin:0 -10px;}
.gallery-item{
	float:left;
	width:33.33%;
}
.gallery-item .img-box{
	margin:10px;
	border:1px solid #262626;
	border-radius:5px;
}
a.imagegallery,
a.imagegallery img{display:block;}
a.imagegallery img{width:100%;border-radius:4px;}
.img-box-inner{
	position:relative;
	overflow:hidden;
	text-align:center;
}
.gallery-desc-box{
	display:block;
	padding:5% 0;
	position:absolute;
	top:0%;
	left:0%;	
	text-align:center;
	height:100%;
	width:100%;
	color:#FFF;
	font-size:14px;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	/*background: rgba(51,153,204,0.8); removed 10-5-2018*/   /* was rgba(239,167,60,0.8);*/
	opacity:0;
	-khtml-opacity:0;
	-moz-opacity:0;	
	filter: alpha(opacity=0);
}		
.gallery-desc-box .gallery-content{
	position:absolute;
	top:65%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	padding:5px 5%;
	width:100%;
	background: rgba(0,0,0,0.8);/*added 10-5-2018*/
}
@media (max-width: 479px) {
.gallery-desc-box .gallery-content{
		top:70%;
	}
a.imagegallery img {
		max-height: 600px !important;
	}
}

.img-box-inner:hover .gallery-desc-box{
	opacity:1;
	-khtml-opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100);
}
.gallery-desc-box .gallery-title{
	margin:0;
	font-size:15px;
	/*text-transform:capitalize;*/
	color:#FFF;
	/*letter-spacing:1px;*/
}
.gallery-desc-box-productlink {
	display: block;
	opacity: 1.0;
	position: absolute;
	bottom: 18px;
	right: 6%;
	font-size: 12px;
	border: 2px #FFFFFF solid;
	color: #FFFFFF;
	border-radius: 5px;
	padding: 3px 5px;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	text-decoration: none;
}
.gallery-desc-box-productlink-2ndlink {
	display: block;
	opacity: 1.0;
	position: absolute;
	bottom: 18px;
	left: 6%;
	font-size: 12px;
	border: 2px #FFFFFF solid;
	color: #FFFFFF;
	border-radius: 5px;
	padding: 3px 5px;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	text-decoration: none;
}
.gallery-desc-box-productlink:hover, .gallery-desc-box-productlink-2ndlink:hover {
	border: 2px solid #0F75BD;
}

@media (max-width: 479px) {
.gallery-desc-box .gallery-title{
		font-size:13px;
	}
.gallery-desc-box .gallery-desc{
		font-size:11px;
	}
	.gallery-desc-box-productlink {
			display: inline-block;
			opacity: 1.0;
			position: initial;
			font-size: 10px;
			border: 1px #FFFFFF solid;
			color: #FFFFFF;
			border-radius: 5px;
			padding: 3px 5px;
			transition: all 0.4s ease 0s;
			-moz-transition: all 0.4s ease 0s;
			-webkit-transition: all 0.4s ease 0s;
			-o-transition: all 0.4s ease 0s;
			text-decoration: none;
	}
	.gallery-desc-box-productlink-2ndlink {
			display: inline-block;
			opacity: 1.0;
			position: initial;
			font-size: 10px;
			border: 1px #FFFFFF solid;
			color: #FFFFFF;
			border-radius: 5px;
			padding: 3px 5px;
			transition: all 0.4s ease 0s;
			-moz-transition: all 0.4s ease 0s;
			-webkit-transition: all 0.4s ease 0s;
			-o-transition: all 0.4s ease 0s;
			text-decoration: none;
	}
	.gallery-desc-box-productlinkawrap {
			margin-top: 10px;
			margin-left: 30%;
			margin-right: 30%;
			display: inline-block;
	}
	.gallery-desc-box-productlink:hover, .gallery-desc-box-productlink-2ndlink:hover {
			border: 1px #0F75BD solid;
	}
	.gallery-desc-box-productlinkawrap {
			  -webkit-transition: all 0.3s ease-in-out 0s;
			  -moz-transition: all 0.3s ease-in-out 0s;
			  -ms-transition: all 0.3s ease-in-out 0s;
			  transition: all 0.3s ease-in-out 0s;
			  opacity: 0;
			  visibility: hidden;
	}
	.gallery-desc-box:hover .gallery-desc-box-productlinkawrap {
			  opacity: 1;
			  visibility: visible;
	}
}

.gallery-desc-box .gallery-title a{
	color:#FFF;
}
.gallery-desc-box .gallery-title a:hover{text-decoration:underline;}		
a.image-link {display:inline-block;margin-top:5px;font-size:0;}		
a.image-link .fa{
	 border: 2px solid #fff;
    -webkit-border-radius: 33px;	
	-moz-border-radius: 33px;
	-ms-border-radius: 33px;	
	-o-border-radius: 33px;
	border-radius: 33px;
    color: #fff;
    font-size: 18px;
    padding:0px;
    transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	display:inline-block;
	background:url(../../images/imagegallery/view-image.png) no-repeat left top;
	width:46px;
	height:46px;
}
@media (max-width: 479px) {
a.image-link{
		display:none;	
	}
}
a.image-link .fa:hover{
	/*background-position:left bottom;*/
	border:2px solid #0F75BD;
}
.gallery-desc-box:hover .fa{
transform: rotate(360deg); 	
-moz-transform: rotate(360deg); 	
-webkit-transform: rotate(360deg);
}
@media (max-width: 1240px) {
}
@media (max-width: 1022px) {	
}
@media (max-width: 767px) {
	.gallery-item{
		width:50%;	
	}	
}
@media (max-width: 479px) {
.gallery-item{
		width:100%;	
	}
}
.imagegalleryheadingtext {
	font-weight: 600;
	display: block;
	text-align: left;
}
a.imagegallery img {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}