/*tem22-service*/
.tem22-service .row{margin-left: -25px;margin-right: -25px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.tem22-service .col-md-4{padding:0 25px;}
.tem22-service .box{position:relative;border-color:#ccc;padding-top: 70px;display: block;height: 100%;}
.tem22-service .box .color{color:#444;height: 100%;}
.tem22-service .box .icon{position:absolute;width:70px;text-align:center;z-index:1;top:0;left:50%;transform: translateX(-50%);}
.tem22-service .box .icon::before{position:absolute;content:"";width:70px;height:70px;left:50%;top:0;margin-left:-35px;z-index:-1;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:-1;-o-transition:all 0.35s  ease-out 0s;-moz-transition:all 0.35s  ease-out 0s;-ms-transition:all 0.35s  ease-out 0s;-webkit-transition:all 0.35s  ease-out 0s;transition:all 0.35s  ease-out 0s;}
.tem22-service .box:hover .icon::before{transform:rotate(25deg);}
.tem22-service .box .icon span{color:#fff;font-size:32px;text-align:center;line-height:70px;}
.tem22-service .box .description{margin-top:30px;background:#f5f5f5;padding:60px 20px 30px;font-size:14px;line-height:26px;margin-top:-18px;border-bottom:1px solid #f5f5f5;-o-transition:all 0.35s  ease-in 0s;-moz-transition:all 0.35s  ease-in 0s;-ms-transition:all 0.35s  ease-in 0s;-webkit-transition:all 0.35s  ease-in 0s;transition:all 0.35s  ease-in 0s;height: 100%;}
.tem22-service .box:hover .description{background:none !important;transform:translateY(-4px);}
@media (max-width:991px){
    .tem22-service .col-md-4{padding:0 15px;}
}
@media (max-width:768px){
    .tem22-service .container,
    .tem22-service.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
    .tem22-service .box{display: block;margin-bottom: 30px;}
    .tem22-service .box .icon{width: 60px;}
    .tem22-service .box .icon span{font-size: 20px;line-height: 60px;}
    .tem22-service .box .icon::before{width: 60px;height: 60px;margin-left: -30px;}
    .tem22-service .box .description{padding:40px 15px 20px;margin-bottom: 30px;}
}
@media (max-width:480px){
    .tem22-service .row > div{width:100%;}
    .tem22-service .box{margin-bottom: 0;height: auto;}
    .tem22-service .box .description{margin-bottom: 0;}
}