.imageGrid{
	margin:auto !important;
	padding-right:5px;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:15px;
	margin-left:0px !important;
	margin-right:0px !important;
	overflow:hidden;
	}
.imageGrid.padded{
	padding-right:5px;
	padding-left:5px;
	margin:0px !important;
	}
.works-grid-wrapper{
	margin:0px;padding:0px;
	}
.works-grid-wrapper2{
	margin:0px;padding:0px 20px 0px 20px;
	}
.works-grid{
	position:relative;
	width:50%;
	float:left;
	}
.works-grid-halfWidth{
	position:relative;width:25% !important;float:left;height:2px;
	}
.works-grid2{
	position:relative;width:100%;
	}
.work-item .image{
	position:absolute;
	top:10px;
	bottom:10px;
	right:10px;
	left:10px;
	overflow:hidden;
	}
.work-item .Title1{
	font-size:24px;
	line-height:27px;
	color:rgba(255, 255, 255, 0.88);
	letter-spacing:0px;
	text-transform:uppercase;
	pointer-events: none !important;
	font-family: 'FuturaBTWXX-Medium';
	background-color:rgba(125, 113, 83, 0.85);
	width:auto;
	padding:10px 12px 6px 12px;
	display: inline-block;
	}
.work-item .InfoText{
	font-size:15px;
	color:#FFF;
	padding-bottom:10px;
	}
.work-item .InfoText2{
	font-size:11px;
	color:#FFF;
	letter-spacing:1px;
	}
.work-item.wide, .work-item.wide-tall{
	width:100%;
	}
.work-item, .grid-sizer{
	width:50%;
	}
.work-itemBtn{
	position:absolute;top:0px;bottom:0px;right:0px;left:0px;overflow:hidden;cursor:pointer;z-index:100;
	}
.work-item .image:after{
	position:absolute;
	display:block;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition-duration:3000ms;
	transition-property:all;
	transition-timing-function:ease-in-out;
	}
.work-item img{
	height:auto;width:100%;
	}
.work-caption{
	position:absolute;left:0;top:100%;width:100%;opacity:0;overflow:hidden;padding:20px;z-index:3;text-align:center;transition-duration:300ms;transition-property:all;transition-timing-function:ease-out;
	pointer-events: none !important;
 	}
.work-title{
	font-size:14px;color:#fff;margin:6px 0 6px;
	}
.work-descr{
	font-size:11px;color:rgba(255, 255, 255, 0.75);
	}
.works-hover-w .work-title{
	color:#111;
	}
.works-hover-w .work-descr{
	color:rgba(17, 17, 17, 0.8);
	}
.works-hover-g a:after{
	opacity:0;
	}
.work-item:hover .image:after{
	background:rgba(0, 0, 0, 0.3);
	}
.work-item.selected .image:after{
	background:rgba(0, 0, 0, 0.3);
	}
.works-hover-w .work-item:hover .image:after{
	background:rgba(0, 0, 0, 0.3);
	}
.works-hover-g .work-item:hover .image:after{
	background:rgb(111, 226, 158);
	background:-moz-linear-gradient(-45deg, rgba(111,226,158,0.8) 0%, rgba(91,218,209,0.8) 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(111,226,158,0.8)), color-stop(100%,rgba(91,218,209,0.8)));
	background:-webkit-linear-gradient(-45deg, rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%);
	background:-o-linear-gradient(-45deg, rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%);
	background:-ms-linear-gradient(-45deg, rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%);
	background:linear-gradient(135deg, rgba(111,226,158,0.8) 0%,rgba(91,218,209,0.8) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6fe29e', endColorstr='#5bdad1',GradientType=1);
	opacity:1;
	}
.work-item:hover .work-caption{
	opacity:1;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);
	}
.work-item.selected .work-caption{
	opacity:1;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);
	}
.works-hover-w .work-item.selected .image:after{
	background:rgba(0, 0, 0, 0.3);
	}
.work-item.noHover:hover .image:after{
	background:rgba(0, 0, 0, 0) !important;
	}
img.desaturate {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	transition-duration:2000ms;
	transition-property:all;
	transition-timing-function:ease-in-out;
	}
	
.selected .KO1 img.desaturate {
	-webkit-filter: grayscale(0) !important;
	-webkit-filter: grayscale(0) !important;
	filter: none !important;
	filter: grayscale(0%) !important;
	}
	

.KO1:hover img.desaturate {
	-webkit-filter: grayscale(0);
	-webkit-filter: grayscale(0);
	filter: none;
	filter: grayscale(0%);
	}
.hsText {
    display: none;
    opacity: 0;
    color: #FFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999999;
    width: 100%;
    padding: 40px;
    cursor: pointer;
    font-size: 17px;
    line-height: 22px;
    height: 100%;
	}
.hsText a{
    color: #FFF !important;
	}
.hsText a:hover{
    color: #cdc39c !important;
	}
.hsText .header{
    font-family: 'Caslon224Std-Book';
		font-size: 24px;
		line-height: 24px;
		color: #FFF;
		width: 100%;
		text-align: left;
		padding-bottom:0px;
		padding-top:0px;
	}
.hotSpotCloseBtn {
    position: absolute;
	display:none;
    color: #FFF;
    width: 22px;
    border: 1px solid #FFF;
    left: 24px;
    bottom: 24px;
    height: 22px;
    line-height: 12px !important;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	}
.hotSpotCloseBtn.on {
	display:block;
	}
.NeighImageBtn1.selected .image:after{background:rgba(0, 0, 0, 0.3);}
.NeighImageBtn2.selected .image:after{background:rgba(0, 0, 0, 0.3);}
.NeighImageBtn3.selected .image:after{background:rgba(0, 0, 0, 0.3);}
.NeighImageBtn4.selected .image:after{background:rgba(0, 0, 0, 0.3);}
.NeighImageBtn5.selected .image:after{background:rgba(0, 0, 0, 0.3);}
.NeighImageBtn6.selected .image:after{background:rgba(0, 0, 0, 0.3);}
.NeighImageBtn7.selected .image:after{background:rgba(0, 0, 0, 0.3);}
.NeighImageBtn8.selected .image:after{background:rgba(0, 0, 0, 0.3);}
.NeighImageBtn9.selected .image:after{background:rgba(0, 0, 0, 0.3);}
.NeighImageBtn10.selected .image:after{background:rgba(0, 0, 0, 0.3);}
.NeighImageBtn11.selected .image:after{background:rgba(0, 0, 0, 0.3);}
.NeighImageBtn12.selected .image:after{background:rgba(0, 0, 0, 0.3);}
.NeighImageBtn13.selected .image:after{background:rgba(0, 0, 0, 0.3);}
.NeighImageBtn14.selected .image:after{background:rgba(0, 0, 0, 0.3);}

@media(min-width:992px){
/*.works-grid{
	position:relative;
	width:50%;
	float:left;
	}
.work-item, .grid-sizer{
	width:50%;
	}*/
.imageGrid {
    margin-left:10px !important;
    margin-right:10px !important;
}

}



@media(min-width:1100px){
/*.works-grid {
    position: relative;
    width: 50%;
    float: left;
}
.work-item, .grid-sizer {
    width: 50%;
}*/
.imageGrid.padded{
	padding-right:40px;
	padding-left:40px;
	}	
}

@media(min-width:1200px){
.imageGrid.padded{
	padding-right:90px;
	padding-left:90px;
	}
}
@media(min-width:1450px){
.imageGrid.padded{
	padding-right:140px;
	padding-left:140px;
	}
}


@media (max-width:984px){
.works-grid{
	position:relative;
	width:100%;
	float:none;
	}
}
@media (max-width:784px){
.works-grid {
    position: relative;
    width: 100%;
    float: none;
	}
}
@media (max-width:480px){
.work-item, .grid-sizer {
    width: 100%;
}
}