body {
	background-color: black;
}

a {
	text-decoration: none;
}

.wrapper{
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}

ul.clearfix {
	padding-left: 0;
}

.content-container {
	width: 100%;
	box-sizing: border-box;
    padding: 172px 25px 0 25px;
	margin: 0 auto;
    padding-bottom: 90px;
}

.gallery-item {
/*  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);*/
    position: relative;
    font-size: 12px;
    display:block;
    width:33%;
    box-sizing:border-box;
    float:left;
    padding: 10px 10px;
    text-align:center;
    text-transform:uppercase;
    margin-bottom: -3px;
    transition: -webkit-filter 0.5s ease;
    transition: -moz-filter 0.5s ease;
    transition: -o-filter 0.5s ease;
    transition: -ms-filter 0.5s ease;
    transition: filter 0.5s ease;
}

.gallery-item img {
    width: 100%;
}

#gallery {
	width: 100%;
    float: left;
}

#gallery ul li {
/*	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);*/
	position: relative;
	font-size: 12px;
	display:block;
	width:33.33%;
	box-sizing:border-box;
	float:left;
	padding: 10px 10px;
	text-align:center;
	text-transform:uppercase;
	margin-bottom: -3px;
    transition: -webkit-filter 0.5s ease;
	transition: -moz-filter 0.5s ease;
	transition: -o-filter 0.5s ease;
	transition: -ms-filter 0.5s ease;
	transition: filter 0.5s ease;
}

#gallery ul li.stone-item, #gallery ul li.gallery-item {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
	filter: grayscale(0);

}

#gallery ul li:hover {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
	filter: grayscale(0);
}

#gallery ul li img {
    width: 100%;
}

.gallery-item .hover-window {
    left: 10px;
}

.hover-window {
    position: absolute;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.5s ease;
}

.artwork-gallery .hover-window {
    background-color: rgba(0, 0, 0, 0.2);
}

.hover-window:hover {
    opacity: 1;
}

.hover-window span {
    color: white;
    font-size: 14px;
    position: absolute;
    bottom: 40%;
    left: 0;
    right: 0;
}

.artwork-gallery .hover-window span {
    opacity: 0;
}

.lb-data .lb-caption {
    text-transform: uppercase;
    font-weight: normal !important;
}

.artwork-gallery .lb-caption {
    opacity: 0;
}

#lightbox.lightbox {
    top: 50% !important;
    transform: translateY(-50%);
    position: fixed;
}

.img_wrapper{
    position: relative;
    padding-top: 49.275%;
    overflow: hidden;
}

.img_wrapper img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;

	-webkit-transition: opacity 150ms;
    -moz-transition: opacity 150ms;
    -ms-transition: opacity 150ms;
    transition: opacity 150ms;
}

.img_wrapper.loaded img{
    opacity: 1;
}

/*** artwork Categories Page (artwork.php) ***/

.artwork_img_wrapper{
	position: relative;
    padding-top: 66.176%;
    overflow: hidden;
}

.artwork_img_wrapper img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;

	-webkit-transition: opacity 150ms;
    -moz-transition: opacity 150ms;
    -ms-transition: opacity 150ms;
    transition: opacity 150ms;
}

.artwork_img_wrapper.loaded img{
    opacity: 1;
}

/*** End artwork Categories Page (artwork.php) ***/

/*** artwork Categories Page (artwork.php) ***/

.artwork_c_img_wrapper{
	position: relative;
    padding-top: 57.971%;
    overflow: hidden;
}

.artwork_c_img_wrapper img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;

	-webkit-transition: opacity 150ms;
    -moz-transition: opacity 150ms;
    -ms-transition: opacity 150ms;
    transition: opacity 150ms;
}

.artwork_c_img_wrapper.loaded img{
    opacity: 1;
}