/* Layout 5 */
#teaserboxLayout5 .portfolio {
  margin-bottom: 30px;
}
#teaserboxLayout5 .portfolio-item {
  margin-bottom: 20px;
}
#teaserboxLayout5 .portfolio-item > span {
  position: relative;
  display: block;
  border-radius: 3px;
  overflow: hidden;
}
#teaserboxLayout5 img{width: 100%; height: auto;}
#teaserboxLayout5 .portfolio-item > span > .mask h3{
  color: #fff;
  margin: 20px 0 10px 0;
}
#teaserboxLayout5 .portfolio-item > span > .mask .title{
  font-weight: bold;
  margin: 0;
  line-height: 1.42em
}
#teaserboxLayout5 .portfolio-item > span > .mask .description{
  line-height: 1.42em
}
#teaserboxLayout5 .portfolio-item > span > .mask {
  position: absolute;
  bottom: -250px;
  width: 100%;
  padding: 10px;
  background: #4E4D4A;
  color: #fff;
  -webkit-transition: bottom 500ms;
  transition: bottom 500ms;
}
#teaserboxLayout5 .portfolio-item > span > .mask,
#teaserboxLayout5 .portfolio-item > span > .mask,
#teaserboxLayout5 .portfolio-item > span > .mask {
  font-size: 0.9em;
  line-height: 1.42em;
}
#teaserboxLayout5 .portfolio-item > span > .mask a{ color: #fff; }
#teaserboxLayout5 .portfolio-item > span:hover > .mask {
  bottom: 0;
}
#teaserboxLayout5 .portfolio-desc {
  padding: 0 5px;
  margin-bottom: 20px;
}
#teaserboxLayout5 .portfolio-desc > h3 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 10px;
}


@media (max-width:991px){
  #teaserboxLayout5 .portfolio-item{margin-bottom:0 !important;}
}