.ul_nav {
    padding:0;
    margin:0;
    list-style:none;
    display:inline-block;
    margin:30px auto 20px;
}
    .ul_nav:after {
        display:block;
        content:"";
        clear:both;
    }
    .ul_nav li {
        padding:6px 20px;
        float:left;
        display:inline-block;
        margin-right:10px;
        border-radius:20px;
        cursor:pointer;
    }
        .ul_nav li:last-child {
            margin-right:0;
        }

        .project-item {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: block;
  margin-bottom: 30px;
  background: #fff;
  border-radius:5px;
}
.project-item .gallery-image {
  margin-bottom: 10px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}
.project-item .info {
  position: relative;
  padding: 5px 10px 5px 10px;
}
    .project-item .info .title {
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        margin-bottom: 5px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: center;
        height: 20px;
        color:#303030;
    }
.project-item .info .description {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  color: #777;
  margin-bottom: 10px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  text-align:center;
  height:20px;
}
.project-item .info .social {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
  right: 10px;
  bottom: 15px;
  color: #777;
}
.project-item:hover {
  background: #ff5555;
}
.project-item:hover img {
  -webkit-transform: translate(-50%,-50%) scale(1.2);
  -moz-transform: translate(-50%,-50%) scale(1.2);
  -ms-transform: translate(-50%,-50%) scale(1.2);
  -o-transform: translate(-50%,-50%) scale(1.2);
  transform: translate(-50%,-50%) scale(1.2);
}
.project-item:hover .info .title,
.project-item:hover .info .description,
.project-item:hover .info .social {
  color: #fff;
}
.fadeIn a:hover {
    text-decoration:none;
}