.portfolioFilter {
    text-align: center;
    margin-bottom: 50px;
}
.portfolioFilter a { 
    margin-right: 10px; 
	text-decoration:none;
	color: #7b34b7;
	font-size: 16px;
	text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    border: 1px solid #7b34b7;
    display: inline-block;
    padding: 13px 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}
.portfolioFilter a:hover {
	color: #5abd7d !important;
    border-color: #5abd7d;
	}
.portfolioFilter a.current { 
    color: #5abd7d;
    border-color: #5abd7d;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.portfoliofw [class^="col-"], .fwportfolio [class*=" col-"] {
    padding: 0px;
    border: 1px solid #f5f5f5;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.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;
}
.img-box {
    position: relative;
    float: left;
    width: 100%;
}
.port-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #565d67;
    top: 0px;
    padding: 30px;
    color: #fff;
    display: none;
    padding-top: 17%;
}
.port-overlay .fa {
    color: #fff;
    font-size: 44px;
    webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.port-overlay h2 {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
}
.port-overlay p {
    color: #fff;
}
.port-overlay .fa:hover {
    -webkit-transform: translateY(-3px) scale(0.9);
    -moz-transform: translateY(-3px) scale(0.9);
    -ms-transform: translateY(-3px) scale(0.9);
    transform: translateY(-3px) scale(0.9);
    color: #ea6060;
}