/********************** 
Masonry Responsive Image Gallery - 1.0.3
*********************/

.image-gallery-outer{
	padding-top: 30px;
	margin-left: -10px;
	margin-right: -10px;
	}

.image-gallery *{
box-sizing:border-box;
-webkit-box-sizing:border-box;	
}

.image-gallery{
	margin-top: -10px;
}
.category-desc .title h1{
	font-family: 'Playfair', sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #000;
	word-wrap: break-word;
	font-size: 36px;
	font-weight: normal;
	}
.image-gallery .gallery-item{list-style-type:none;margin:0;}
.category-desc {padding:0 0 15px 0;}
.cat-img {}
.cat-img img{width:100%;}
.image-gallery{overflow:hidden;padding:0;}
.grid-sizer{
	height: 0;
	}
.grid-sizer, .gallery-item{
	width:25%;
}
.gallery-item{
	float:left;
}
.grid-item--width1 { width:  50%; }
.grid-item--width2 { width:  75%; }

.grid-item--width3 { width:  100%; }

.gallery-item .img-box{
	margin:10px;
}
a.imagegallery,
a.imagegallery img{display:block;}
a.imagegallery img{width:100%;}
.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;
	opacity:0;
	-khtml-opacity:0;
	-moz-opacity:0;	
	filter: alpha(opacity=0);
}		
.gallery-desc-box .gallery-content{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	padding:0 5%;
	width:100%;
}
.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:18px;
	text-transform:capitalize;
	color:#FFF;
	letter-spacing:1px;
}
.gallery-desc-box .gallery-title a{
	color:#FFF;
}
.gallery-desc-box .gallery-title a:hover{text-decoration:underline;}		
a.image-link {margin-top:5px;font-size:0;}	
a.image-link img{
	border: 1px solid #fff;
}

a.image-link:hover img{ border: 1px solid #ccc;}
	
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;
	width:46px;
	height:46px;
}
a.image-link .fa:hover{
	background-position:left bottom;
	border:2px solid #000;
}
.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%;	
	}
}

.look-item-product a:hover{
	text-decoration: none;
	}
.look-item-product .look-item-product-price .price-label{
	display: none;
	}


/*BLACK PRODUCT*/

.look-item-product.black{
	position:absolute;
	text-align: left;
	}

.look-item-product .look-item-product-price{
	padding-top: 15px;
	}

.look-item-product.black .look-item-product-price .old-price{
	margin-bottom: 0px;
	}


.look-item-product.black .look-item-product-price .price{ color: #040707; font-size: 14px;}
	
.look-item-product.black .look-item-product-price .old-price span{ color: #040707; font-size: 12px; text-decoration: line-through;}

.look-item-product.black .look-item-product-name{font-size: 16px; text-transform: uppercase; word-wrap:break-word;}

.look-item-product.black a .look-item-product-name{font-size: 16px; color: #040707; font-weight: 500;}
.look-item-product.black a .look-item-product-sku{font-size: 12px; color: #040707; padding-top: 15px;}

.look-item-product.black a .look-item-product-button{
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 15px;}

.look-item-product.black a .look-item-product-button span{
	margin-top: 5px;
	background-color: #040707;
	padding: 10px 15px;
	color: #fff;
	}
	
.look-item-product.black a:hover .look-item-product-button span{
	background-color: #666;
	}

/*WHITE PRODUCT*/

.look-item-product.white{
	position:absolute;
	text-align: left;
	}

.look-item-product.white .look-item-product-price .price{ color: #fff; font-size: 14px;}
	
.look-item-product.white .look-item-product-price .old-price span{ color: #fff; font-size: 12px; text-decoration: line-through;}

.look-item-product.white .look-item-product-name{font-size: 16px; text-transform: uppercase; word-wrap:break-word;}

.look-item-product.white a .look-item-product-name{font-size: 16px; color: #fff; font-weight: 500;}
.look-item-product.white a .look-item-product-sku{font-size: 12px; color: #fff; padding-top: 15px;}

.look-item-product.white a .look-item-product-button{
	font-size: 12px;
	text-transform: uppercase;
	padding-top: 15px;}


.look-item-product.white .look-item-product-button span{
	margin-top: 5px;
	background-color: #fff;
	padding: 10px 15px;
	}

.look-item-product.white a .look-item-product-button span{
	color: #000;
	}
	
.look-item-product.white a:hover .look-item-product-button span{
	background-color: #eee;
	}

@media (max-width: 767px) {
.look-item-product.black, .look-item-product.white{
	display: none;
	}
	}
