.featured-services{ position:relative; padding:80px 0px 30px; }

.featured-service{ position:relative; margin-bottom:50px; }

.featured-service .inner-box{ position:relative; display:block; }

.featured-service .image-box{ position:relative; display:block; overflow:hidden; }

.featured-service .image-box a{
  display:block;
}

.featured-service .image-box img{
  display:block;
  width:100%; 
}

.featured-service .image-box .caption-box{
  position:absolute;
  left:0px;
  bottom: 0;
  width:100%;
  color:#ffffff;
  background: rgba(0, 0, 0, 0.75);
  padding:15px 15px 15px 80px;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
}

.featured-service:hover .image-box .caption-box{
  bottom:-100%; 
}

.featured-service .image-box .caption-box .title{
  font-size:20px;
  color:#ffffff;
  line-height:30px;
  margin:0;padding: 0; 
}

.featured-service .image-box .caption-box .title a{
  color:#ffffff;
}

.featured-service .image-box .icon{
  position:absolute;
  left:0px;
  top:0px;
  width:60px;
  height:60px;
  font-size:32px;
  color:#ffffff;
  background: #48c7ec;
  line-height:40px;
  padding:10px 0px;
  text-align:center;
}

.featured-service .overlay-box{
  position:absolute;
  left:0px;
  bottom:-100%;
  width:100%;
  height:100%;
  color:#ffffff;
  background: rgba(0, 0, 0, 0.75);
  padding:20px 30px 20px 90px;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
}

.featured-service:hover .overlay-box{
  bottom:0px; 
}

.featured-service .overlay-box .overlay-inner{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:table;
  vertical-align:middle;
  padding:20px 30px 20px 90px;
}

.featured-service .overlay-box .overlay-content{
  position:relative;
  display:table-cell;
  vertical-align:middle;  
}

.featured-service .overlay-box .title{
  font-size:20px;
  color:#b2dd4c;
  line-height:1.2em;
  margin-bottom:15px;
}

.featured-service .overlay-box .title a{
  color: #48c7ec;
}

.featured-service .overlay-box .text{
  font-size:14px;
  color:#ffffff;
  line-height:1.8em;
}

.featured-service .overlay-box .icon_box{
  position:absolute;
  left:0px;
  top:0px;
  width:60px;
  height:100%;
  font-size:32px;
  color:#ffffff;
  background: #48c7ec;
  line-height:40px;
  text-align:center;
}

.featured-service .overlay-box .icon_box span{
  position:absolute;
  left:0px;
  top:50%;
  margin-top:-20px;
  width:100%; 
}