@charset "utf-8";
/* CSS Document */


.homeofferslider {width: 100%; clear: both; float: left;}

.servicebx_container {width: calc(100% + 52px); margin: 0 0 0 -26px; float:left; clear: both}
.servicebox {width: calc(33.33% - 52px);margin: 0 26px;float:left;display: inline-block;background: #fff;border: 1px solid #c1c8cc;border-radius: 4px;padding: 13px 38px;position: relative;z-index: 0;font-size: 22px;font-weight: 600;color: #074b7c;line-height: 56px;}
.servicebox span{display: inline-block;float:left;margin: -4px 15px 0 0;}
.servicebox:after {content: '';position: absolute;z-index: 0;background: url('../images/service-bx-arrow.jpg')no-repeat 0 0;width: 31px;height: 31px;right: 35px;top: 50%;margin: -15px 0 0 0;}


.inrwidecta {width: 100%; float:left; clear:both; background: url('../images/wide-cta-bg.png')repeat 0 0; position: relative;z-index: 0; min-height: 171px; margin: 80px 0}
.inrwidecta:after {content: ''; background: url('../images/cta-img.png')repeat 0 0; position: absolute;z-index: 0; width: 438px; height: 171px; right: 0; top: 0}

.inrwidecta .cta_container {width: auto; text-align: center; padding: 50px 40px 55px;}

.inrwidecta .cta_container {padding: 58px 40px 0;}

.servicebox:hover{color: #329044;}

/*responsive sytles*/

@media screen and (max-width:1600px) {

.servicebox:after {right: 10px;}
.inrwidecta {margin: 80px 0;}



}
    
    
    
@media screen and (max-width:1366px) {

hr.divider {margin: 40px 0 40px;}
.servicebox {width: calc(33.33% - 10px); margin: 0 5px;}
.servicebx_container {width: calc(100% + 10px); margin: 0 0 0 -5px;}
.servicebox {padding: 13px 38px 13px 10px; font-size: 20px;}
    
    
.cta_container .ctatext {display: block; float: left; width: 100%;}
.inrwidecta .cta_container {padding: 30px 40px 20px; width: calc(100% - 170px); text-align: left;}



}

@media screen and (max-width:1200px) {

.servicebox {font-size: 17px;}



}

@media screen and (max-width:1100px) {

    .servicebox:after {display: none}
    .servicebox span {display: block;float: none;margin: 0 auto;text-align: center;}
    .servicebox {padding: 13px; font-size: 20px; text-align: center;}



}
@media screen and (max-width:992px) {
    
    .inrwidecta {overflow: hidden; margin: 40px 0}
    .inrwidecta:after {right: -150px;}
    
}
@media screen and (max-width:900px) {

    .servicebox {font-size: 18px;}


}

@media screen and (max-width:800px) {

    .servicebox {font-size: 16px;}
       .inrwidecta:after {right: -200px;}
    .inrwidecta .cta_container {padding: 30px;}



}@media screen and (max-width:768px) {

       .inrwidecta:after {right: -250px;}


}
@media screen and (max-width:700px) {
    
    .servicebox {width: calc(90% - 10px); margin: 0 5% 5px;}
    .inrwidecta:after {display: none}
    .inrwidecta .cta_container {padding: 30px; width: 100%; text-align: center;}


 


}

@media screen and (max-width:520px) {
    
    .cta_container .btnlist a {margin: 10px 0 0;float: none;font-weight: 600;display: block;}
    
}

@media screen and (max-width:480px) {
    
    
    .servicebx_container {width: 100%; margin: 0;}
    .servicebox {width: calc(100% - 10px); margin: 0 5px 5px;}
    
    .cta_container .btnlist a {margin: 10px 10px 0;}

 


}