a:hover {
  text-decoration: none;
}

.portfolio #portfolio-filters {
  padding: 0;
  margin: 0 auto 35px auto;
  list-style: none;
  text-align: center;
  background-color: #fff;
  /* border-radius: 50px; */
  padding: 20px 15px;
  /* box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08); */
}
.portfolio #portfolio-filters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  transition: all 0.3s ease-in-out;
}
.portfolio #portfolio-filters li.filter-active,
.portfolio #portfolio-filters li:hover,
.portfolio #portfolio-filters li.mixitup-control-active {
  color: #CC2936;
}
.portfolio .portfolio-item {
  position: relative;
  background-color: #fff;
  display: inline-block;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 20px -3px rgba(0, 0, 0, 0.15);
}
.portfolio .portfolio-item .portfolio-img-wrap {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #ccc;
}
.portfolio .portfolio-item .portfolio-img-wrap:before {
  content: "";
  padding-top: 70%;
  display: block;
}
.portfolio .portfolio-item .portfolio-img-wrap .featured-portfolio-img .portfolio-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  tranform: scale(1.006);
  transition: all ease-in-out 0.5s;
}
.portfolio .portfolio-item .portfolio-img-wrap:hover .portfolio-img {
  transform: scale(1.05);
}
.portfolio .portfolio-item .portfolio-title {
  font-size: 1rem;
  display: block;
}
.portfolio .portfolio-item .portfolio-title a {
  display: block;
  padding: 10px 25px 5px 25px;
  color: #212529;
}
.portfolio .portfolio-item .portfolio-excerpt {
  display: block;
  padding: 0 25px 25px 25px;
  font-size: 0.81rem;
}
.portfolio .portfolio-item .portfolio-excerpt a {
  color: grey;
}
.portfolio .portfolio-item .portfolio-excerpt .cat-label-holder {
  display: block;
  margin-top: 15px;
}
.portfolio .portfolio-item .portfolio-excerpt .cat-label-holder div {
  display: inline-block;
}
.portfolio .portfolio-item .portfolio-excerpt .cat-label-holder div span {
  cursor: pointer;
  color: #08415c;
  display: inline-block;
  border: 1px solid #08415c;
  margin-right: 2px;
  padding: 3px 7px;
  border-radius: 16px;
  font-size: 0.62rem;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
/* .portfolio .portfolio-item .portfolio-excerpt .cat-label-holder div span:hover {
  border: 1px solid grey;
  background: grey;
  color: #fff;
} */

#portfolio-filters li img{
  height: 30px;
}


.boton-occidental {cursor: pointer; border: 1px solid rgb(77, 134, 142); color: rgb(77, 134, 142); border-radius: 50px; padding: 4px 15px; font-size: 10px; margin-top: 20px;}
.boton-occidental:hover {background: rgb(77, 134, 142); border: 1px solid rgb(77, 134, 142)!important; color: #fff; }

.boton-allegro {cursor: pointer; border: 1px solid rgb(231, 34, 118); color: rgb(231, 34, 118); border-radius: 50px; padding: 4px 15px; font-size: 10px; margin-top: 20px;}
.boton-allegro:hover {background: rgb(231, 34, 118); border: 1px solid rgb(231, 34, 118)!important; color: #fff; }

.boton-royal {cursor: pointer; border: 1px solid rgb(152, 105, 76); color: rgb(152, 105, 76); border-radius: 50px; padding: 4px 15px; font-size: 10px; margin-top: 20px;}
.boton-royal:hover {background: rgb(152, 105, 76); border: 1px solid rgb(152, 105, 76)!important; color: #fff; }

.boton-barcelo {cursor:pointer; border: 1px solid rgb(141, 142, 140); color: rgb(141, 142, 140); border-radius: 50px; padding: 4px 15px; font-size: 10px; margin-top: 20px;}
.boton-barcelo:hover {background: rgb(141, 142, 140); border: 1px solid rgb(141, 142, 140)!important; color: #fff; }