/* Portfolio */
.product-filter a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	padding: 10px;
	background: var(--text-color2);
	margin-right: 10px;
	color: var(--text-color-light);
}
.product-filter a:hover {
	background: var(--bg-color-hover2);
	text-decoration: none;
}
.product-filter .active {
	background: var(--bg-color1);
}
.product-filter .pfallfilter {
	margin: 0 5px 0 0;
}

.hpproduct {
    overflow: hidden !important;
	margin-bottom:30px;
	border:1px solid #eee;
  }
  .hpproduct .thumb {
    position: relative;
    overflow: hidden !important;
  }
  .hpproduct .thumb img {
    transition: all 300ms ease-in-out 0s; 
	width:100%;
  }
  .hpproduct .thumb a {
    display: block;
  }
  .hpproduct .thumb a:hover {
    text-decoration: none;
  }
  .hpproduct .thumb p {
    color: var(--hpproduct-thumb-p-text-color);
	margin-top:15px;
  }
  .hpproduct .thumb .hpproduct-link {
    color: var(--text-color1);
    font-weight: 500;
  }
  .hpproduct .thumb .hpproduct-link:hover {
    color: var(--hpproduct-link-text-color-hover);
  }
  .hpproduct .thumb .title {
    font-family: var(--ff-robotocondensed);
    bottom: -80%;
    color: var(--hpproduct-thumb-title-text-color);
    height: 100%;
    padding: 10px 20px;
    position: absolute;
    transition: all 300ms ease-in-out 0s;
    width: 100%;
    background:rgba(0,0,0,0.8);
  }
  .hpproduct .thumb .title h3 {
	  font-size:20px;
    color:#fff;
    margin: 0;
  }
  .hpproduct .thumb p{
    color:#fff;
	font-size:13px;
  }
  .hpproduct .thumb .title i {
    margin-top: 8px;
  }
  .hpproduct:hover .thumb .title {
    bottom: 0;
    opacity: 0.9;
    padding-top: 30px;
    background: var(--bg-color-hover2);
  }
  .hpproduct:hover .thumb img {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  /* #Portfolio */