/*tem07-service*/
.tem07-service-box{height:100%;max-width:99%;padding:12% 10%;margin-left:0;margin-right:0;position:relative;text-align:center;margin-bottom:15px;}
.tem07-service-box::before{border-width:1px 0 0 1px;left:0;top:0;}
.tem07-service-box::after{border-width:0px 1px 1px 0px;right:0;bottom:0;}
.tem07-service-box::before, .tem07-service-box::after{border:1px solid #ddd;border-color:inherit;content:"";width:calc(100% - 2px);height:calc(100% - 2px);transition:all 0.33s ease 0s;-moz-transition:all 0.33s ease 0s;-ms-transition:all 0.33s ease 0s;-o-transition:all 0.33s ease 0s;-webkit-transition:all 0.33s ease 0s;pointer-events:none;position:absolute;}
.tem07-service-box:hover::before,.tem07-service-box:hover::after,.tem07-service-box.hover::before,.tem07-service-box.hover::after{width:100%;height:100%;}
.tem07-service-top{position:relative;transition:all 0.33s ease 0s;}
.tem07-service-box:hover .tem07-service-top{transform:translateY(-9px);}
.tem07-service-icon{font-size:40px;text-align:center;}
.tem07-service-title{width:100%;display:block;margin:0 auto;}
.tem07-service-title h5,
.tem07-service-title .h5{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tem07-service-title h5 a,
.tem07-service-title .h5 a{color:#333;}
.tem07-service-box .divider{max-width:100%;width:50px;text-align:center;height:2px;margin:13px auto;transition:all 0.33s ease 0s;-moz-transition:all 0.33s ease 0s;-webkit-transition:all 0.33s ease 0s;-o-transition:all 0.33s ease 0s;-ms-transition:all 0.33s ease 0s;}
.tem07-service-box:hover .divider{width:80%;}
.tem07-service-desc{text-align:center;font-size:14px;opacity:.7;text-align:center;line-height:26px;font-weight:400;transition:all 0.33s ease 0s;-moz-transition:all 0.33s ease 0s;-webkit-transition:all 0.33s ease 0s;-o-transition:all 0.33s ease 0s;-ms-transition:all 0.33s ease 0s;overflow:hidden;}
.tem07-service-box:hover .tem07-service-desc{transform:translateY(9px);}
@media (max-width:768px){
    .tem07-service .container,
    .tem07-service.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
    .tem07-service-box{max-width:100%;}
    .tem07-service-box h2,
    .tem07-service-box .h2{font-size:26px;}
    .tem07-service-icon{font-size: 30px;}
    .tem07-service-box{padding-left: 5%;padding-right: 5%;}
}
@media (max-width:480px){
    .tem07-service-title h5, .tem07-service-title .h5{white-space: normal;}
    .tem07-service .flexBoxWrap > div{margin:5px 0;width: 100%;max-width: 100%;}
    .tem07-service-box{padding:5% 3%;}
    .tem07-service-box .divider{height: 1px;margin:5px auto;}
}