.image-grid{
    position: relative;
    width: 100%;
    height: auto;
    /*margin-left: -12px;
    margin-right: -12px;*/
    padding: 12px 0px;
    }
.works-grid-wrapper{
    position: relative;
    display: block;
    margin:0px;
    padding:0px;
    }
.works-grid-wrapper2{
    position: relative;
    display: block;
    margin:0px;
    padding:0px 20px 0px 20px;
    }
.works-grid{
    position:relative;
    width:100%;
    float:none;
    }
.work-item, .grid-sizer{
    width:100%;
    }
.work-item.wide, .work-item.wide-tall{
    width:100%;
    }
.work-item:hover .image:after{
    background:rgba(0, 0, 0, 0.5);
    }
.hs-text{
    display:none;
    opacity:0;
    color:#FFF;
    position:absolute;
    top:0px;
    left:0px;
    z-index:999999;
    width:100%;
    padding:24px;
    cursor:pointer;
    font-size:14px;
    line-height:18px;
    height:100%;
    }
.hs-text .header{
    font-size:24px;
    line-height:28px;
    color:#FFF;
    text-transform:uppercase;
    padding:0px !important;
    text-align:left;
    letter-spacing:2px;
    }
.hs-text a{
    color:#FFF;
    text-decoration:none;
    }
.hs-text a:hover{
    color:#FF0000;
    }
.hot-spot-close-btn{
    position:absolute;
    color:#FFF;
    width:22px;
    left:24px;
    bottom:24px;
    height:22px;
    }
.work-item .image{
    position:absolute;
    top:12px;
    bottom:12px;
    right:12px;
    left:12px;
    overflow:hidden;
    cursor:pointer;
    }
.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-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;
    }
.work-item:hover .work-caption{
    opacity:1;
    top:50%;
    transform:translateY(-50%);
    }
.work-item .Title1{
    font-size:28px;
    line-height:32px;
    color:rgba(255, 255, 255, 0.88);
    letter-spacing:0.1em;
    text-transform:uppercase;
    }
img.desaturate{
    filter:gray;
    filter:grayscale(100%);
    transition-duration:1000ms;
    transition-property:all;
    transition-timing-function:ease-in-out;
    }
.KO1:hover img.desaturate{
    filter:none;filter:grayscale(0%);
    }
.works-hover-w .work-item.selected .image:after{
    background:rgba(0, 0, 0, 0.7);
    }
.map-container{
    position: relative;
    display: block;
    /*padding: 12px 0px;*/
    }

@media only screen and (min-width:768px){
.work-item, .grid-sizer{
    width:50%;
    }
}
@media only screen and (min-width:1200px){
.works-grid{
    width:50%;
    float:left;
    }
}