/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
/*.isotope .isotope-item:hover { opacity:.8;}*/

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

#works-container .element {
  margin:10px 18px 18px;
  float: left;
  overflow: visible;
  position: relative;
  width:330px;
  background:#fff;padding:10px;border-bottom:3px solid #ddd;
  line-height:18px;
}
.images-example{width:1170px;margin:auto;}
.images-example ul{margin:0;}
.images-example li{list-style:none;}
#works-container .element:hover{border-color:#2E3131;}
#works-container .element h5{padding-bottom:8px;font-size:15px;color:#656565;}
#works-container .element h5:hover{text-decoration:none;}
#works-container .element a:hover h5{color:#0c3458;}
#works-container .element a{color:#666;font-size:12px;}
#works-container .element a:hover{color:#000;text-decoration:none;}
#works-container .element .visual img{width:100%;}


.images-example{padding-bottom:25px;padding-top:20px;}
.project{padding:20px 0;margin-bottom:5px;font-size:15px;}
	.project strong{float:left;padding:5px 10px 0 0;}
	.project li a{color:#666;}
	.project li a:hover, .project li a:focus{color:#000;text-decoration:none;outline:none;}
	.project li a.selected{color:#000;}
	.project li a:focus{color:#000;}
.visual{margin-bottom:33px;background:#000;height:133px;overflow:hidden;}
.visual a{position:absolute;width:40px;height:41px;background:url(../../images/icons/bg-actions.png) no-repeat;text-indent:-1000px;}
.visual a.zoom-action{margin:0px 0 0 120px;top:82px;}
.visual a.link{margin:0 0 0 170px;background-position:right 0;top:82px;}
.visual a.zoom-action:hover{background-position:0 bottom}
.visual a.link:hover{background-position:right bottom;}
.visual:hover img{opacity:0.7;}
.visual:hover .actions{display:block;}
.actions{display:none;}

.projectImageBig{width:99%;padding:0;}
.projectImageBig img{width:100%;}