.hr-menuslider {
  background-color:var(--color-3);
  overflow:hidden
}
.hr-menuslider .container-fluid {
  padding-left:0;
  padding-right:0
}
.single-portfolio-three-item .portfolio-card {
  margin-left:25px;
  margin-right:25px;
  background-color:#fff;
  padding:32px;
  text-align:center;
  margin-top:-90px;
  position:relative;
  opacity:0;
  visibility:hidden;
  transition:all ease 0.7s
}
.single-portfolio-three-item .portfolio-card h3 {
  font-size:24px;
  margin-bottom:15px;
  transition:all ease 0.7s;
  font-family:var(--font-02);
  color:var(--color-6)
}
.single-portfolio-three-item .portfolio-card h3:hover {
  color:var(--color-3)
}
.single-portfolio-three-item .portfolio-card span {
  color:#000;
  font-family:var(--font-01);
  font-weight:400;
  font-size:16px
}
.active.center .single-portfolio-three-item .portfolio-card {
  opacity:1;
  visibility:visible
}
.portfolio-three-slider.owl-theme .owl-nav {
  position:absolute;
  top:-110px;
  right:180px
}
.portfolio-three-slider.owl-theme .owl-nav [class*=owl-] {
  color:#FFF;
  font-size:15px;
  padding:0;
  background:#151B20;
  display:inline-block;
  cursor:pointer;
  border-radius:50px;
  width:50px;
  height:50px;
  line-height:50px;
  transition:all ease 0.7s
}
.portfolio-three-slider.owl-theme .owl-nav [class*=owl-]:hover {
  background-color:var(--color-3);
  color:var(--color-4)
}
.portfolio-img img {
  height: 100%;
  min-height: 255px;
  max-height: 255px;
}
.hr-menuslider .hr-titel h3 {
  color: #fff;
}