/*tem08-service*/
.tem08-service-box{border:1px solid #ebebeb;background:#fff;position:relative;margin-bottom:60px;transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;padding:30px 10px;}
.tem08-service-box:hover{box-shadow:6px 8px 24px 0 rgba(32, 47, 57, 0.2);transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.tem08-service-icon{position:absolute;left:3%;top:-35px;width:70px;height:70px;border-radius:50%;text-align:center;color:#fff;font-size:36px;line-height:70px;}
.tem08-service-icon .icon{vertical-align: middle;}
.tem08-service-desc{padding:0 4% 0 18%;width:100%;}
.tem08-service-desc h5,
.tem08-service-desc .h5{height:30px;overflow:hidden;line-height:30px;}
.tem08-service-desc h5 a,
.tem08-service-desc .h5 a{font-size:18px;color:#333;transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.tem08-service-desc p{font-size:14px;opacity:.5;line-height:22px;height:105px;overflow:hidden;}
@media (max-width:768px){
    .tem08-service .container,
    .tem08-service.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
    .tem08-service .col-xs-12{width:100%;padding:0;}
    .tem08-service .text-center{padding:0 15px;}
    .tem08-service-icon{width:50px;height:50px;line-height:50px;top:-25px;font-size:26px;}
    .tem08-service-icon span{font-size:26px;line-height:50px;}
    .tem08-service-box{margin:20px 0;padding:20px 10px 10px;}
    .tem08-service-desc h5,
    .tem08-service-desc .h5{line-height:22px;height:auto;}
    .tem08-service-desc h5 a,
    .tem08-service-desc .h5 a{font-size:16px;}
    .tem08-service-desc{padding:10px;text-align:center;}
    .tem08-service-desc p{height:auto;}
    .tem08-service .mt5b{margin-top:8%;}
}
@media (max-width:480px){
    .tem08-service .mt5b > div{width: 100%;max-width: 100%;}
}