.DevelopersImageBlock{
    position:relative;
    width:100%;
    height:auto;
    padding:8px 37px 8px 37px;
    }
.hotSpotsContent{position:relative;width:100%;height:auto;padding-top:90px;}
.hotSpotsContent p{}
.hotSpotsContent p a:hover{color:#FF0000;}
.hotSpotsContent .header{position:relative;font-size:27px;text-transform:uppercase;margin-left:-1px;}
.hotSpot{position:relative;margin-bottom:36px;}
.imageGrid{
    margin:auto !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, .grid-sizer{width:25%;}
.work-item .image{position:absolute;top:8px;bottom:8px;right:8px;left:8px;overflow:hidden;cursor:pointer;}
.work-item .Title1{font-size:32px;line-height:32px;color:rgba(255, 255, 255, 0.88);letter-spacing:0px;text-transform:uppercase;}
.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;}
.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.5);}
.work-item.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn1.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn2.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn3.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn4.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn5.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn6.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn7.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn7.selected2 .image:after{background:rgba(255, 255, 255, 1) !important;}
.NeighImageBtn8.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn9.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn10.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn11.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn12.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn13.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.NeighImageBtn14.selected .image:after{background:rgba(0, 0, 0, 0.5);}
.works-hover-w .work-item:hover .image:after{background:rgba(0, 0, 0, 0.4);}
.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%);}
.works-hover-w .work-item.selected .image:after{background:rgba(0, 0, 0, 0.7);}
.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;}
.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:24px;cursor:pointer;font-size:14px;line-height:18px;height:100%;}
.hsText .header{font-size:24px;line-height:28px;color:#FFF;text-transform:uppercase;padding:0px !important;text-align:left;letter-spacing:2px;}
.hsText a{color:#FFF;text-decoration:none;}
.hsText a:hover{color:#FF0000;}
.hotSpotCloseBtn{
    position:absolute;
    color:#FFF;
    width:22px;
    left:24px;
    bottom:24px;
    height:22px;
    }
@media(min-width:300px){.textBlock .bodyText{font-size:16px;line-height:21px;}
.hsText{font-size:9px;line-height:12px;}
.hsText .header{font-size:18px;line-height:21px;}
.hsText{font-size:9px;line-height:12px;}
.hsText .header{font-size:17px;line-height:20px;}
}
@media(min-width:480px){.textBlock .bodyText{font-size:12px;line-height:17px;}
}
@media(min-width:488px){.hsText{font-size:9px;line-height:12px;}
}
@media(min-width:500px){.hsText{font-size:10px;line-height:13px;}
.hsText .header{font-size:19px;line-height:22px;}
}
@media(min-width:564px){.hsText{font-size:11px;line-height:14px;}
}
@media(min-width:664px){.textBlock .bodyText{font-size:12px;line-height:17px;}
.hsText{font-size:12px;line-height:16px;}
.hsText .header{font-size:18px;line-height:21px;}
}
@media(min-width:768px){.textBlock .bodyText{font-size:16px;line-height:21px;}
.textBlock .subHeader{font-size:27px;line-height:32px;}
}
@media(min-width:984px){.textBlock .bodyText{font-size:12px;line-height:17px;}
.hsText{font-size:9px;line-height:12px;}
.hsText .header{font-size:18px;line-height:21px;}
}
@media(min-width:1040px){.hsText{font-size:10px;line-height:13px;}
.hsText .header{font-size:19px;line-height:23px;}
}
@media(min-width:1200px){.textBlock .bodyText{font-size:15px;line-height:20px;}
.hsText{font-size:11px;line-height:14px;}
}
@media(min-width:1250px){.hsText{font-size:12px;line-height:15px;}
}
@media(min-width:1300px){.textBlock .bodyText{font-size:17px;line-height:22px;}
}
@media(min-width:1400px){.hsText{font-size:13px;line-height:16px;}
}
@media(min-width:1500px){.hsText{font-size:14px;line-height:18px;}
}
@media(min-width:1600px){.hsText{font-size:16px;line-height:21px;}
}
@media (max-width:1284px){
.DevelopersImageBlock{
    padding:20px 22px 30px 22px;
    }
}
@media (max-width:1084px){
.DevelopersImageBlock{
    padding:20px 22px 30px 22px;
    }
.work-item .Title1{
    font-size:30px;
    line-height:30px;
    }
.hsText{
    padding:18px;
    }
.hotSpotCloseBtn{
    left:18px;
    bottom:18px;
    }
}
@media (max-width:984px){
.works-grid{
    position:relative;
    width:100%;
    float:none;
    }
.work-item.textBlock1{
    display:none;
    }
.Dev.TextBlock2{
    display:block;
    padding:8px;
    }
}
@media (max-width:784px){
.DevelopersImageBlock{
    padding:20px 7px 30px 7px;
    }
.work-item .Title1{
    font-size:24px;
    line-height:24px;
    }
section .header{
    margin-top:0px;
    padding-top:15px;
    }
}
@media (max-width:684px){
.work-caption{
    padding:10px;
    }
}
@media (max-width:590px){.work-item .Title1{font-size:24px;line-height:24px;}
}
@media (max-width:480px){.work-item, .grid-sizer{width:100%;}
}
@media (max-width:380px){.work-item, .grid-sizer{width:100%;}
}