.isler {
	background-color: #f7f7f7;
}

.isler h2 {
    margin: 0;
    padding: 20px 0;
    text-align: center;
}

.isler * {
	box-sizing: border-box;
}

.isler h3 {
	margin: 0;
	padding: 0;
}

 .isler p:last-child{
    margin-bottom:0;
}





.hold-isler .col4 {
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}








.isler .single-feature-project-box{
    background-color:#fff;
    margin-bottom:30px;
	
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;

	transition: ease all 0.3s; /* ilave */
}




.isler .single-feature-project-box:hover {
	box-shadow: 0 10px 30px -25px #000; /* ilave */
}






 .isler .single-feature-project-box__image img{
    width:100%;
}
 .isler .single-feature-project-box__content{
    padding:30px 20px;
}
 .isler .single-feature-project-box__title{
    font-size:1rem;
}
 .isler .single-feature-project-box__link{
    color:#222;
    height:50px;
    line-height:50px;
    padding:0 20px;
    display:block;
    width:100%;
    border-top:1px solid #eee;
    position:relative;
    font-weight:700;
    letter-spacing:0.5px;
    font-size:0.8125rem;
    z-index:1;
	
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
 .isler .single-feature-project-box__link:hover{
    color:#fff;
}
 .isler .single-feature-project-box__link:hover:before{
    width:100%;
    left:0;
    right:auto;
}
 .isler .single-feature-project-box__link:hover i{
    color:#fff;
}
 .isler .single-feature-project-box__link:before{
    position:absolute;
    right:0;
    width:0;
    height:100%;
    content:"";
    background-color:#62B5D9;
    -webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index:-1;
}
 .isler .single-feature-project-box__link span{
    z-index:2;
}
 .isler .single-feature-project-box__link i{
    position:absolute;
    right:20px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#62B5D9;
    font-size:1rem;
    z-index:2;
}
 @media only screen and (min-width: 768px) and (max-width: 991px){
     .isler .single-feature-project-box__title{
        font-size:16px!important;
    }
}
 @media (max-width: 1200px){
     .isler h3{
        font-size:calc(1.2625rem + 0.15vw);
    }
     .isler .single-feature-project-box__title{
        font-size:calc(1.275rem + 0.3vw);
    }
}







h3.single-feature-project-box__title {
    min-height: 44px;
}

@media (max-width: 768px) {
    h3.single-feature-project-box__title {
        min-height: 0;
    }
} /* eo 768px */