/*  Hover style 2 */

.ele-hover-style-2  .ele-image{
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.ele-hover-style-2 .ele-image:after {
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: auto;
  width: 100%;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
}

.ele-hover-style-2  .portfolio-icon{
    position: absolute;
    z-index: 3;
    content: "";
    left: 0px;
    top: 0;
    right: 0px;
    bottom: 0px;
    margin: auto;
    text-align: center;
    transform: translateY(30%);
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}
.ele-hover-style-2 .ele-image:hover .portfolio-icon{
    transform: translateY(50%);
    opacity:1;
    visibility: visible;
}
.ele-hover-style-2 .ele-image:hover::after {
	background-color: #eb4435;
	bottom: auto;
	height: 100%;
	top: 0;
  opacity: .8;
}


.portfolio-area.portfolio-default-area .ele-hover-style-3s .ele-hover-style-3 {
	border-radius: 5px 0 0 5px;
	margin-bottom: 0;
}