/* expertise page ====================================*/
#expertise .pageheader {
  background-image: url(../img/expertise3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 190px 0 35px 0;
}

#expertise .pageheader .title {
  color: #fff;
  border: none;
}

/* DIV Triangles =================================*/
#expert:after {
  top: auto;
  border: solid transparent;
  border-color: #fcfcfc;
  border-top-color: #f7f7f7;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 30px;
  left: 50%;
  margin-left: -30px;
  z-index: 1;
}

/* portfolio section ==============================*/
#portfolio {
  padding: 80px 0 40px 0;
  position: relative;
  /*	min-height: 100%; */
}
.categories {
  padding-bottom: 30px;
  text-align: center;
}
ul.cat,
ol.type {
  padding-left: 0;
}
ul.cat li,
ol.type li {
  display: inline-block;
}
ol.type li a {
  color: #777;
  padding: 8px 16px;
  border: 1px solid #ccc;
  border-radius: 2px;
}
ol.type li a.active {
  color: #f6f6f6;
  border: 1px solid #cf5022;
}
ol.type li a:hover {
  color: #f6f6f6;
  border: 1px solid;
}
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  transition-duration: 0.8s;
}
.isotope-item {
  margin-right: -1px;
  backface-visibility: hidden;
}
.isotope {
  backface-visibility: hidden;
  transition-property: height, width;
}
.isotope .isotope-item {
  backface-visibility: hidden;
  transition-property: transform, opacity;
}
.portfolio-item {
  margin-bottom: 30px;
}

#portfolio i.fa {
  font-size: 20px;
  padding: 5px;
  color: #f4d03f;
}