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


.servicedtl_container {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    z-index: 0
}

.servicedtl_container .dtl_left {
    width: calc(100% - 520px);
    float: left;
}

.servicedtl_container .dtl_left .sectiontitle {
    width: 100%;
    float: left;
    clear: both;
    color: #074b7c;
    position: relative;
    z-index: 0;
    font-size: 30px;
    text-align: left;
    margin: 0 0 47px 0;
    font-weight: 600;
}

.servicedtl_container .dtl_left .sectiontitle:after {
    content: '';
    position: absolute;
    z-index: 0;
    width: 34px;
    height: 3px;
    left: 0;
    bottom: -13px;
    background: #074b7c;
    margin: 0;
}

hr.divider {
    margin: 40px 0 !important
}

img.prod_dtl_content_img {
    width: 100%;
    max-width: 996px;
    float: left;
    margin: 20px 0 30px 0;
    float: left
}

.industry_container {
    width: calc(100% + 24px);
    margin: 0 0 0 -12px;
    float: left;
    clear: both
}

.industry_container .industrydiv {
    display: inline-block;
    float: left;
    width: calc(25% - 24px);
    margin: 0 12px 24px
}

.industry_container .industrydiv span {
    display: block;
    font-size: 18px;
    color: #074b7c;
    text-align: center;
    margin: 15px 0 0 0;
    font-weight: 600
}


.servicedtl_container .dtl_right_col {
    width: 395px;
    float: right;
    position: sticky;
    top: 0;
    margin: -400px 60px 0 0;
    transition: all ease-out 0.3s !important;
    -webkit-transition: all ease-out 0.3s !important;
    -moz-transition: all ease-out 0.3s !important;
    -ms-transition: all ease-out 0.3s !important;
}

body.fixed_right .servicedtl_container .dtl_right_col {
    margin: 0 60px 0 0;
    top: 80px;
    transition: all ease-out 0.3s !important;
    -webkit-transition: all ease-out 0.3s !important;
    -moz-transition: all ease-out 0.3s !important;
    -ms-transition: all ease-out 0.3s !important;
}

.req_service_div {
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 4px;
    padding: 50px 30px 60px 45px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}

.req_service_div .sectiontitle {
    width: 100%;
    float: left;
    clear: both;
    color: #074b7c;
    position: relative;
    z-index: 0;
    font-size: 26px;
    text-align: left;
    margin: 0 0 34px 0;
    font-weight: 600;
    text-transform: uppercase
}

.req_service_div .sectiontitle:after {
    content: '';
    position: absolute;
    z-index: 0;
    width: 34px;
    height: 3px;
    left: 0;
    bottom: -13px;
    background: #074b7c;
    margin: 0;
}

.req_service_div p {
    font-size: 16px;
    color: #595959;
    line-height: 23px;
}


.reasons_div {
    width: 100%;
    float: left;
    clear: both;
    background: #074b7c;
    padding: 50px 45px;
    border-radius: 4px;
}

.reasons_div .sectiontitle {
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: left
}

.reasons_div .sectiontitle:after {
    background: #fff;
    left: 0;
    margin: 0
}

.reasons_div dl {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 20px 0
}

.reasons_div dl dt {
    width: 43px;
    float: left;
    color: #074b7c;
    font-weight: 600;
    text-align: center;
    position: relative;
    z-index: 0;
    padding: 9px 0 0 0
}

.reasons_div dl dt:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 43px;
    height: 43px;
    background: url('../images/star-bg.png')no-repeat 0 0;
    top: 0;
    left: 0
}

.reasons_div dl dd {
    width: calc(100% - 55px);
    float: right;
    font-size: 16px;
    color: #fff
}


body {
    /* Set "my-sec-counter" to 0 */
    counter-reset: my-sec-counter;
}

.reasons_div dl dt:before {
    /* Increment "my-sec-counter" by 1 */
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter);
}

.offer_col_box {
    width: 100%;
    clear: both;
    float: left;
    margin: 40px 0
}

.offer_col_box .offerbox img {
    width: 100%;
}

.service_we_offcer_div {
    width: 100%;
    float: left;
    clear: both;
    padding: 50px 45px;
    background: #fff;
    margin: 40px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 4px
}

.service_we_offcer_div .sectiontitle {
    font-size: 26px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: left;
    color: #074b7c;
    margin: 0 0 30px 0;
}

.service_we_offcer_div .sectiontitle:after {
    left: 0;
    margin: 0;
    background: #074b7c
}


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

.servicelist_container .serv_list_box {
    width: 100%;
    float: left;
    clear: both;
    border-bottom: 1px solid #e2e2e2;
    font-weight: 600;
    line-height: 100%;
    line-height: 100%
}

.servicelist_container .serv_list_box span {
    float: left;
    width: 36px;
    height: 36px;
    margin: 0 15px 0 0
}

.servicelist_container .serv_list_box img {
    max-width: 36px;
    filter: grayscale(1)
}

.servicelist_container .serv_list_box:hover img,
.servicelist_container .serv_list_box.active img {
    max-width: 36px;
    filter: none
}

.servicelist_container .serv_list_box a {
    display: block;
    padding: 15px 0;
    color: #5d5c62;
    text-decoration: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.servicelist_container .serv_list_box:hover a,
.servicelist_container .serv_list_box.active a {
    color: #074b7c;
}


.inrpg_banner.rightcolpg p {
    width: calc(100% - 510px);
}


.dtl_cta_container {
    width: 100%;
    float: left;
    clear: both;
    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;
}

.dtl_cta_container:after {
    content: '';
    background: url(../images/cta-img.png)repeat 0 0;
    position: absolute;
    z-index: 0;
    width: 438px;
    height: 171px;
    right: 0;
    top: 0;
}

.dtl_cta_container .cta_container {
    width: calc(100% - 438px);
    text-align: left;
    padding: 30px 0 0 50px;
}

.dtl_cta_container .cta_container .btnlist {
    text-align: left;
    float: left;
    display: inline-block;
    margin: 0 20px 0 0;
}

.dtl_cta_container .cta_container .ctatext {
    text-align: left;
    padding: 0;
    margin: 0 0 15px 0
}

.dtl_cta_container .cta_container .btnlist a {
    margin: 0 15px 0 0;
}


.homeofferslider ul.slick-dots {
    width: 200px;
    text-align: center;
    position: relative;
    z-index: 0;
    bottom: 0;
    right: 0;
    margin: 20px auto 0
}

.homeofferslider ul.slick-dots li {
    display: inline-block;
    margin: 0 auto;
}

.homeofferslider ul.slick-dots li button {
    font-size: 0;
    background: #a6a6a6;
    height: 18px;
    margin: 0 20px;
    width: 18px;
    border: 0px solid #a6a6a6;
    border-radius: 50%;
    cursor: pointer
}

.homeofferslider ul.slick-dots li.slick-active button {
    background: #fff;
    border: 5px solid #074b7c;
    height: 22px;
}



.dtl_left>ul {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 20px;
}

.dtl_left>ul li {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0 0 5px 0;
    position: relative;
    z-index: 0;
    padding: 0 0 0 20px;
    float: left;
    line-height: 28px;
}

.dtl_left>ul li:before {
    content: '';
    position: absolute;
    z-index: 0;
    background: url('../images/list-arrow.png')no-repeat 0 0;
    width: 6px;
    height: 10px;
    top: 10px;
    left: 0
}

body.fixed_right .inrpg_banner.rightcolpg p {
    width: 100%;
}


.servicedtl_container .dtl_left {
    position: sticky;
    top: 80px;
}

/*responsive styles*/

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


    body.fixed_right .servicedtl_container .dtl_right_col,
    /*    .servicedtl_container .dtl_right_col {margin-right: 0}*/
    body.fixed_right .servicedtl_container .dtl_right_col,
    .servicedtl_container .dtl_right_col {
        margin-right: 0;
        padding: 0 5px 0 0;
    }

    .servicedtl_container .dtl_left {
        width: calc(100% - 440px);
    }

    .industry_container .industrydiv img {
        max-width: 231px;
        width: 100%
    }

}

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

    .dtl_cta_container .cta_container .btnlist a {
        margin: 0 20px 10px 0;
    }

    .dtl_cta_container .cta_container {
        padding: 10px 0 0 50px;
    }

    .dtl_cta_container .cta_container .ctatext {
        margin: 0 0 5px 0;
        font-size: 20px;
    }

    .dtl_cta_container {
        margin: 40px 0;
        overflow: hidden;
    }

    /*    .servicedtl_container .dtl_right_col {margin: 0px 60px 0 0;}*/

}

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


    .industry_container .industrydiv span {
        font-size: 16px;
    }

    .industry_container .industrydiv {
        width: calc(33.33% - 24px);
    }

    .offer_col_box {
        margin: 10px 0 20px 0;
    }

    .homeofferslider ul.slick-dots {
        margin: 5px auto 0;
    }

    .dtl_cta_container:after {
        right: -150px;
    }

    .dtl_cta_container .cta_container {
        width: calc(100% - 315px);
    }


}

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

    .dtl_cta_container .cta_container {
        width: calc(100% - 235px);
    }

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


}

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

    .dtl_cta_container .cta_container {
        width: 100%;
    }

    .dtl_cta_container:after {
        display: none
    }

    .dtl_cta_container .cta_container {
        padding: 30px;
        text-align: center;
    }

    .dtl_cta_container .cta_container .ctatext {
        width: 100%;
        text-align: center;
    }

    .dtl_cta_container .cta_container .btnlist {
        float: none;
        margin: 0;
    }

    .dtl_cta_container {
        min-height: auto
    }

    .servicedtl_container .dtl_right_col {
        margin: -300px 10px 0 0;
    }




}

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


    .industry_container .industrydiv {
        width: calc(50% - 24px);
    }

    .servicedtl_container .dtl_left .sectiontitle {
        font-size: 26px;
    }

    .servicedtl_container .dtl_right_col {
        width: 300px;
    }

    .servicedtl_container .dtl_left {
        width: calc(100% - 340px);
    }

    .req_service_div {
        padding: 20px;
    }

    .req_service_div .sectiontitle {
        font-size: 22px;
    }

    .reasons_div {
        padding: 20px;
    }

    .reasons_div .sectiontitle {
        font-size: 18px;
    }

    .service_we_offcer_div {
        padding: 20px;
    }

    .service_we_offcer_div .sectiontitle {
        font-size: 22px;
    }

    .servicedtl_container .dtl_right_col {
        margin: 0px 0 0 0;
    }

    body.fixed_right .servicedtl_container .dtl_right_col {
        top: 20px;
    }

    .servicedtl_container .dtl_left {
        top: 20px;
    }


}

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

    .servicedtl_container .dtl_left {
        width: 100%;
    }

    /*    .industry_container .industrydiv {width: calc(25% - 24px);}*/
    .industry_container .industrydiv {
        width: calc(25% - 24px);
        margin: 15px 12px 0;
    }

    .servicedtl_container .dtl_right_col {
        margin: 0;
    }

    .dtl_cta_container {
        margin: 30px 0 30px;
    }

    .inrpg_banner.rightcolpg p {
        width: 100%;
    }

    .servicedtl_container .dtl_right_col {
        width: 100%;
    }

    .servicelist_container .serv_list_box {
        width: 48%;
        clear: inherit;
        margin: 0 1%;
    }

    .reasons_div dl dd {
        min-height: 43px;
        align-items: center;
        display: inline-flex;
    }

    .reasons_div .sectiontitle {
        margin: 0 0 30px 0;
    }

    .service_we_offcer_div {
        margin: 25px 0;
    }

    hr.divider {
        margin: 10px 0 !important;
    }

    .servicedtl_container .dtl_left {
        position: relative;
        top: auto;
    }

    body.fixed_right .servicedtl_container .dtl_right_col {
        top: auto;
        position: relative;
    }

}


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


    .industry_container .industrydiv {
        width: calc(33.33% - 24px);
    }

    .servicedtl_container .dtl_left .sectiontitle {
        margin: 0 0 30px 0;
    }
}


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

    .industry_container .industrydiv {
        width: calc(50% - 10px);
        margin: 0 5px 10px;
    }

    .dtl_cta_container .cta_container .btnlist a,
    .dtl_cta_container .cta_container .btn-call a {
        margin: 0 0 10px 0;
        display: block;
        float: none;
        text-align: center
    }

}


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


    .servicelist_container .serv_list_box {
        width: 100%;
        clear: both;
        margin: 0;
    }

    img.prod_dtl_content_img {
        margin: 20px 0 15px 0;
    }

    hr.divider {
        margin: 25px 0 !important;
    }


}

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

    .industry_container .industrydiv span {
        font-size: 14px;
    }

}