/** 17. Isotope Filtering
 **************************************************************** **/
.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

ul.isotope-filter {
	margin-bottom:10px;
	padding-top:30px;
	padding-bottom:30px;
	border:0;
}
ul.isotope-filter li.active:before {
	border: 6px solid transparent;
	border-bottom-color: #f4f5f7;
	content: '';
	position: absolute;
	bottom:0; left:50%; margin-left:-6px;
	z-index:10;
}

ul.isotope {
	margin:0;
	padding:0;
	list-style:none;
}

/* 
	Isotope CSS3 transitions 
*/
.isotope,
.isotope .isotope-item {
  -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;
}

ul.isotope-filter li.active a, ul.isotope-filter li.active a:hover {
    border-radius: 4px;
    color:#ffffff;
}

li.masonry-item.fadeIn, ul.isotope.fadeIn {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

li.masonry-item, ul.isotope {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.item-box {
background: #fff;
overflow: hidden;
margin: 16px 0;
width: 100%;
position: relative;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 1px solid #c8c8c8;
padding: 5%;
}

.isotope-filter > li > a {
border-radius: 4px !important;
border-right: 0 !important;
}