.imageGridCont{
	position:relative;
	display:block;
	/*margin-left:5px;
	margin-right:5px;*/
	}
.imageGrid{
	margin:auto !important;
	padding-right: 0px;
	padding-left: 0px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:5px !important;
	margin-right:5px !important;
	overflow:hidden;
	}
.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;
	cursor:pointer;
	}
.work-item .Title1{
	font-size:17px;
	line-height:21px;
	color:rgba(255, 255, 255, 1);
	letter-spacing:2px;
	text-transform:uppercase;
	pointer-events: none !important;
	font-family: 'FFDINStdCondensedMedium';
	background-color:rgba(0, 0, 0, 0);
	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:1000ms;
	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:1000ms;
	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: 'FFDINStdCondensedMedium';
	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%;
	cursor:pointer;
	}
.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 only screen and (min-width:484px){
.imageGrid{
	padding-right: 15px;
	padding-left: 15px;
	}
}
@media only screen and (min-width:624px){
.imageGrid{
	padding-right: 0px;
	padding-left: 0px;
	}	
}
@media only screen and (min-width:684px){
.imageGridCont{
	padding-left:15px;
	padding-right:15px;
	}
.imageGrid{
	margin-left:-10px !important;
	margin-right:-10px !important;
	padding-right: 0px;
	padding-left: 0px;
	}
}
@media only screen and (min-width:992px){
.imageGrid {
    margin-left: -10px !important;
    margin-right: -10px !important;
	}	
}
@media only screen and (min-width:992px){}
@media only screen and (min-width:1100px){
.imageGridCont{
	padding-left:0px;
	padding-right:0px;
	}
}
@media only screen and (min-width:1200px){}
@media only screen and (max-width:984px){
.works-grid{
	position:relative;
	width:100%;
	float:none;
	}
}
@media only screen and (max-width:784px){
.works-grid {
    position: relative;
    width: 100%;
    float: none;
	}
}
@media only screen and (max-width:480px){
.work-item, .grid-sizer {
    width: 100%;
	}
}