@font-face {
    font-family : 'FontAwesome';
    src         : url('../fonts/fontawesome/fontawesome-webfont.eot?v=4.0.3');
    src         : url('../fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight : normal;
    font-style  : normal
    }

.fa {
    display                 : inline-block;
    font-family             : FontAwesome;
    font-style              : normal;
    font-weight             : normal;
    line-height             : 1;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale
    }



.fa-angle-right:before {
    content : "\f105"
    }



.service-list{
  position: relative;
  margin-bottom: 30px; width:47%; float:left; margin-right:3%; display:inline;
}
.service-list::before{
  content: '';
  position: absolute;
  width:100%;
  height:100%;
  z-index: 9;
  -webkit-transition:background  .3s;
  -moz-transition:background  .3s ;
  -ms-transition:background  .3s ;
  -o-transition:background  .3s ;
  transition:background  .3s ;
  opacity:0;
  transition: opacity .5s;
}
.service-list:hover::before{
  background: -webkit-linear-gradient(top right,rgba(0, 153, 68, 0) 0%,rgb(0, 153, 68) 100%);
  background: -o-linear-gradient(top right,rgba(0, 153, 68, 0) 0%,rgba(0, 153, 68, .8) 100%);
  background: -moz-linear-gradient(top right,rgba(0, 153, 68, 0) 0%,rgba(0, 153, 68, .8) 100%);
  background: linear-gradient(top right,rgba(0, 153, 68, 0) 0%,rgba(0, 153, 68, .8) 100%);
  opacity: 1;
}
.service-caption{
  position: absolute; width:100%;
  left:10px;
  top:35px;
  z-index: 10; 
}
.service-caption{
    padding-bottom:15px;
}

.service-left{
  float:left;
  width:375px; overflow:hidden;  margin-left:15px;
}
.service-left h2{
  color:#ffffff; margin-bottom:5px; font-weight:normal; font-size:22px;
}
.service-left p{
  color:#ffffff;
}
.service-right{
  color:#ffffff;
  float:right;
  text-align: right;
  width:150px; margin-top:90px; margin-right:45px;
}
.service-right a{
  color: #333;
    background: #fff;
    padding: 8px 20px;
    margin-top: 4.25em;
    display: inline-block; 
}
.service-right a i{
  font-size: 1.714rem;
}
.service-right a:hover{
  background: #0d9448;
  color: #fff;
}






.service-list img{
  width:100%;
}