/*(((((((((((((((((((((( Zoom )))))))))))))))))*/

.project-item-wrapper .mix {
  margin-bottom: 25px;
  display: none;
}
.project-item-wrapper figure.effect-zoe {
  cursor: default;
  margin-bottom:7px;
}
.project-item-wrapper figure.effect-zoe figcaption {
  top: auto;
  bottom: 0;
  padding: 1em;
  height: 100%;
  background:none;
  color: #3c4a50;
  border-bottom: 4px solid #e30000;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}
.project-item-wrapper figure.effect-zoe p.icon-links a {
  float: left;
  color: #3c4a50;
  font-size: 24px;
}

.project-item-wrapper figure.effect-zoe:hover p.icon-links a:hover,
.project-item-wrapper figure.effect-zoe:hover p.icon-links a:focus {
  color: #252d31;
}
.project-item-wrapper figure.effect-zoe h5,
.project-item-wrapper figure.effect-zoe p.icon-links a {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,200%,0);
  transform: translate3d(0,200%,0);
}

.project-item-wrapper figure.effect-zoe p.icon-links a i {
  padding: 100px 150px 150px 150px;
  speak: none;
  color:#fff;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.project-item-wrapper figure.effect-zoe:hover figcaption,
.project-item-wrapper figure.effect-zoe:hover h5,
.project-item-wrapper figure.effect-zoe:hover p.icon-links a {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.project-item-wrapper figure.effect-zoe img {
  -webkit-transition: all .35s ease-in-out;
     -moz-transition: all .35s ease-in-out;
      -ms-transition: all .35s ease-in-out;
       -o-transition: all .35s ease-in-out;
          transition: all .35s ease-in-out;
}
.project-item-wrapper figure.effect-zoe:hover img {
  opacity: 0.6;
}