/**** 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.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-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;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** 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;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

#portfolio-tags{margin:0 0 50px 0}
#portfolio-tags li{display:inline-block;margin:0 10px 10px 0}
.portfolio-tag-click{display:inline-block;padding:9px 11px;background: #EEEEEE;text-transform:uppercase;color:#777;font-size: 12px;font-weight: 700;}
.portfolio-tag-click:hover,.portfolio-tag-click.visited{background:#E55825;color:#EEE}

#portfolio-container{}
.portfolio-item{position:relative;cursor:pointer;overflow:hidden;}
.portfolio-item .portfolio-hover{background:#E55825;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;-moz-opacity:0;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.portfolio-item:hover .portfolio-hover{top:0;opacity:1;-moz-opacity:1}
.portfolio-item h3.title{color:#F5F5F5;display:block;height:64px;text-shadow:0px 0px 1px rgba(0,0,0,0.25);text-transform:normal;position:relative;text-align:center;text-transform:none;margin:0}
.portfolio-item h3.title a{color:#F5F5F5;position:absolute;bottom:0;display:block;width:100%;padding:0 20px;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;line-height:1.2em}

.portfolio-item .portfolio-actions{width:100%;height:100%;position:absolute;top:100%;left:0;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;text-align:center}
.portfolio-item:hover .portfolio-actions{top:0}
.portfolio-item .portfolio-actions a{background:url(../images/portfolio-icons.png) no-repeat;width:40px;height:40px;display:inline-block;margin:85px auto 0 6px}
.portfolio-item .portfolio-actions a.link{background-position:0 -51px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;top:0;text-align:center;margin-left:-5px}
.portfolio-item .portfolio-actions a.link:hover{background-position:0 -1px; outline:none; border:0;}
.portfolio-item .portfolio-actions a.view{background-position:-40px -51px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;top:0;text-align:center}
.portfolio-item .portfolio-actions a.view:hover{background-position:-40px -1px; outline:none; border:0;}

.portfolio-item .thumbnail{border:none;padding:0}
.portfolio-style-2 .portfolio-item .portfolio-hover,.portfolio-style-2 .portfolio-item .thumbnail img{border-radius:999px}
.portfolio-style-2 .portfolio-item .portfolio-hover{top:0}